*,
::after,
::before {
    box-sizing: border-box;
    margin: unset;
    padding: unset;
    font-family: Inter, sans-serif;
    letter-spacing: -0.04rem;
    line-height: 150%;
    font-size: var(--paragraph-02);
    font-weight: var(--regular);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p {
    line-height: 150%;
}

html,
body {
    min-height: 100vh;
    min-height: 100dvh;
}

a {
    cursor: pointer;
    text-decoration: none;
}

ul,
ol {
    margin-left: 18px;
}

/* 0. Components */
/* 0.1. Buttons, Inputs */
.button-empty {
    background: none;
    border: none;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md);
    padding: 0;
    text-align: center;
}

.button-type-1 {
    background: none;
    border: 1px solid var(--shades-0);
    border-radius: var(--radius-full);
    color: var(--shades-0);
    outline: none;
    padding: var(--spacing-xl) var(--spacing-4xl);
    text-wrap: nowrap;
    text-align: center;
}

.button-type-2 {
    background-color: var(--shades-0);
    border: none;
    border-radius: var(--radius-full);
    color: var(--shades-100);
    outline: none;
    padding: var(--spacing-xl) var(--spacing-4xl);
    text-wrap: nowrap;
    text-align: center;
}

.button-type-3 {
    background-color: var(--primary-500);
    border: none;
    border-radius: var(--radius-full);
    color: var(--shades-100);
    outline: none;
    padding: var(--spacing-xl) var(--spacing-4xl);
    text-wrap: nowrap;
    transition: background-color 0.2s ease-in;
    text-align: center;
}

.button-type-3:hover {
    background-color: var(--primary-300);
}

.button-type-4 {
    background: none;
    color: var(--shades-0);
    outline: none;
    text-decoration: underline;
    text-wrap: nowrap;
    text-align: center;
}

.input-type-1,
.input-type-1:autofill {
    background: none;
    border: none;
    border-bottom: 1px solid var(--dark-300);
    color: var(--shades-0);
    padding: var(--spacing-lg) 0;
    width: 100%;
}

.input-type-1:autofill {
    padding: var(--spacing-lg);
}

.input-type-1:disabled,
.input-type-2:disabled,
.input-empty:disabled,
.dropdown[disabled] * {
    color: var(--dark-50);
}

.input-type-1:focus {
    border-bottom: 1px solid var(--shades-0);
}

.input-type-2,
.input-type-2:autofill {
    background: none;
    border: 1px solid var(--dark-300);
    border-radius: var(--spacing-md);
    color: var(--shades-0);
    padding: var(--spacing-lg);
    width: 100%;
}

.input-type-2:focus {
    border: 1px solid var(--dark-100);
}

.input-empty {
    background: none;
    border: none;
    color: var(--shades-0);
    padding: 0;
    width: 100%;
}

six-digit-code {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-2xl);
    width: 100%;
}

six-digit-code>input {
    width: 16.67%;
}

six-digit-code>input::-webkit-outer-spin-button,
six-digit-code>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

six-digit-code>input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

radio-button,
check-box {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xl);
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.accordation {
    cursor: pointer;
    transition: height 500ms linear;
    overflow: hidden;
}

.accordation-text {
    cursor: default;
}

.dropdown {
    position: relative;
    line-height: 100%;
}

.dropdown * {
    color: var(--shades-0);
}

.dropdown-open {
    align-items: center;
    background: none;
    border: none;
    border-bottom: 1px solid var(--dark-300);
    cursor: pointer;
    color: var(--shades-0);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xl);
    justify-content: space-between;
    padding: var(--spacing-lg) 0;
    width: 100%;
}

.dropdown-select {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-lg);
}

.dropdown-content {
    background-color: var(--dark-900);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    overflow-y: scroll;
    position: absolute;
    min-width: 100%;
    z-index: 5;
    transition: max-height 200ms linear;
}

.dropdown-search {
    background: none;
    border: none;
    border-bottom: 1px solid var(--dark-300);
    color: var(--shades-0);
    padding: var(--spacing-lg);
}

.dropdown-search:focus {
    border-bottom: 1px solid var(--dark-100);
}

.dropdown-search::placeholder {
    color: var(--dark-50);
}

.dropdown-items {
    color: var(--shades-0);
    display: flex;
    flex-direction: column;
}

.dropdown-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
}

.dropdown-item:hover {
    background-color: var(--dark-800);
}

.filter-wrapper {
    overflow: hidden;
    transition: min-height 200ms linear;
}

.filter-open {
    cursor: pointer;
}

.progress-bar {
    height: 15px;
}

/* Alert */

.alert-wrapper {
    background-color: var(--dark-900);
    border-radius: var(--radius-md);
    position: fixed;
    top: 2vh;
    top: 2dvh;
    right: -100vw;
    right: -100dvw;
    overflow: hidden;
    z-index: 7;
    transition: right 200ms linear;
}

.alert-appear {
    top: 2vh;
    top: 2dvh;
    right: 2vw;
    right: 2dvw;
    width: 350px;
    transition: right 200ms linear;
}

.alert {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-xl) var(--spacing-3xl);
}

.alert-heading {
    color: var(--shades-0);
}

.alert-message {
    color: var(--dark-50);
}

.alert-duration {
    background-color: var(--primary-400);
    padding-bottom: var(--spacing-xs);
    transition: width 5s linear;
    width: 100%;
}

.alert-duration-end {
    transition: width 5s linear;
    width: 0%;
}

.promotion-alert-wrapper,
.payout-alert-wrapper {
    background-color: var(--dark-900);
    border-radius: var(--radius-md);
    position: fixed;
    bottom: 2vh;
    bottom: 2dvh;
    left: -100vw;
    left: -100dvw;
    overflow: hidden;
    z-index: 7;
    transition: left 200ms linear;
}

.promotion-alert-appear,
.payout-alert-appear {
    bottom: 2vh;
    bottom: 2dvh;
    left: 2vw;
    left: 2dvw;
    width: 500px;
    transition: left 200ms linear;
}

.promotion-alert,
.payout-alert {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-xl) var(--spacing-3xl);
}

.promotion-alert-duration,
.payout-alert-duration {
    background-color: var(--primary-400);
    padding-bottom: var(--spacing-xs);
    transition: width 2.5s linear;
    width: 100%;
}

.promotion-alert-message,
.payout-alert-message {
    color: var(--shades-0);
}

.promotion-alert-duration-end,
.payout-alert-duration-end {
    transition: width 2.5s linear;
    width: 0%;
}

.promotion-alert-close,
.payout-alert-close {
    position: absolute;
    top: var(--spacing-xl);
    right: var(--spacing-3xl);
}

.copy {
    cursor: copy;
}

/* 0.2. Page */
.page {
    background-color: var(--background);
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    min-height: 100dvh;
}

.content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl);
    width: 100%
}

/* 0.3. Sidebar */
.sidebar {
    align-items: center;
    background-color: var(--background);
    border-right: 1px solid var(--dark-600);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    height: 100dvh;
    min-width: 18.5rem;
    overflow: hidden;
    overflow-y: scroll;
    padding: var(--spacing-3xl) var(--spacing-2xl);
    position: sticky;
    top: 0;
}

.sidebar-logo {
    width: 3.3125rem;
    height: 3.00644rem;
}

.sidebar-element {
    align-items: center;
    border-radius: var(--radius-xs);
    cursor: pointer;
    color: var(--dark-50);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl) var(--spacing-lg);
    transition: background-color 200ms linear, color 200ms linear;
    width: 100%;
}

.sidebar-element img {
    transition: filter 200ms linear;
    -webkit-transition: -webkit-filter 200ms linear;
}

.sidebar-element:hover:not(.active) {
    transition: background-color 200ms linear, color 200ms linear;
    background-color: var(--dark-700);
    color: var(--shades-0);
}

.sidebar-element:hover:not(.active) img {
    transition: filter 200ms linear;
    -webkit-transition: -webkit-filter 200ms linear;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
}

.sidebar-element.active {
    background-color: var(--dark-700);
    color: var(--shades-0);
}

.sidebar-right {
    max-width: 18.5rem;
    min-width: 18.5rem;
    position: relative;
}

.menu-wrapper {
    bottom: var(--spacing-3xl);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacing-3xl);
    left: var(--spacing-3xl);
    position: fixed;
    max-height: calc(100vh - (var(--spacing-3xl) * 2));
    max-height: calc(100dvh - (var(--spacing-3xl) * 2));
    width: calc(100% - (var(--spacing-3xl) * 2));
    z-index: 5;
}

.menu {
    align-items: center;
    background-color: var(--dark-900);
    border-radius: var(--radius-md);
    display: none;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--spacing-3xl);
    width: 100%;
}

.mobile-wrapper {
    visibility: hidden;
}

.menu-element {
    cursor: pointer;
}

.menu-dropdown {
    background-color: var(--dark-900);
    border-radius: var(--radius-md);
    overflow-y: scroll;
    position: relative;
    max-height: 0px;
    height: 100%;
    width: 100%;
    transition: max-height 200ms linear;
}

.menu-dropdown-element {
    align-items: center;
    border-radius: var(--radius-xs);
    cursor: pointer;
    color: var(--dark-50);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl) var(--spacing-lg);
    width: 100%;
}

.menu-dropdown-element.active {
    background-color: var(--dark-700);
    color: var(--shades-0);
}

/* 0.4. Header */
.header {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.footer {
    color: var(--shades-0);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: var(--footer);
    padding: var(--spacing-xl);
    width: 100%;
}

/* 0.5. Calendar */
.calendar-container {
    border: 1px solid var(--dark-600);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    padding: var(--spacing-3xl);
}

.calendar-header {
    align-items: end;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.calendar-navigation {
    background-color: var(--dark-700);
    border-radius: var(--spacing-sm);
    display: flex;
    flex-direction: row;
}

.calendar-navigation>div {
    align-items: center;
    color: var(--shades-0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-md) var(--spacing-lg);
}

.calendar-current-date-div {
    min-width: 7rem;
}

.calendar-body {
    display: flex;
    flex-direction: column;
}

.calendar-weekdays {
    display: flex;
    gap: var(--spacing-xs);
    flex-direction: row;
}

.calendar-weekdays>p {
    color: var(--dark-50);
    text-align: center;
    padding: var(--spacing-md);
    width: 14.28%;
}

.calendar-dates {
    display: flex;
    gap: var(--spacing-xs);
    flex-direction: row;
    flex-wrap: wrap;
}

.calendar-dates>div {
    border: 1px solid var(--dark-600);
    border-radius: var(--radius-md);
    color: var(--dark-50);
    display: flex;
    flex-direction: column;
    padding: var(--spacing-md);
    justify-content: space-between;
    min-height: 6rem;
    width: calc(14.28% - var(--spacing-md) / 2);
}

.calendar-dates>div.active-date {
    border: 1px solid var(--dark-50);
    color: var(--shades-0);
}

.calendar-dates>div.inactive-date {
    border: 1px solid var(--dark-700);
}

.calendar-dates>div.negative-day {
    background-color: var(--error-900);
    border: 1px solid var(--error-400);
    color: var(--shades-0);
}

.calendar-dates>div.positive-day {
    background-color: var(--primary-900);
    border: 1px solid var(--primary-500);
    color: var(--shades-0);
}

/* 0.6. Chat Box */
.chat-box-container {
    border: 1px solid var(--dark-600);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl);
}

.chat-box-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-lg);
}

.chat-box-body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    max-height: calc(80vh - 2 * var(--spacing-3xl));
    max-height: calc(80dvh - 2 * var(--spacing-3xl));
    overflow-y: scroll;
}

.chat-box-body::-webkit-scrollbar,
.chat-box-message-input::-webkit-scrollbar,
.dropdown-content::-webkit-scrollbar,
.popup-wrapper::-webkit-scrollbar,
.popup::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.menu-dropdown::-webkit-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    display: none;
}

.chat-box-message-wrapper {
    align-items: flex-end;
    background-color: var(--dark-800);
    border: 1px solid var(--dark-600);
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: row;
    padding: var(--spacing-lg);
    gap: var(--spacing-lg);
}

.chat-box-message-input {
    background: none;
    border: none;
    color: var(--shades-0);
    resize: none;
    width: 100%;
}

.chat-box-message-input::placeholder {
    color: var(--dark-50);
}

.chat-box-message-input:focus {
    outline: none;
}

.received-message-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.received-message-bubble {
    background-color: var(--dark-800);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    width: 90%;
}

.received-message-bubble *,
.my-message-bubble * {
    color: var(--shades-0);
}

.received-message-time,
.my-message-time {
    color: var(--dark-50);
    font-size: var(--paragraph-01);
    text-align: right;
}

.my-message-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}

.my-message-bubble {
    background-color: var(--neutral-900);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    width: 90%;
}

/* 0.7. Popup */
.popup-wrapper {
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: var(--spacing-8xl);
    position: fixed;
    height: 100vh;
    height: 100dvh;
    top: 0;
    left: 0;
    z-index: 6;
    overflow: scroll;
    width: 100%;
}

.popup {
    overflow: scroll;
    position: relative;
    max-width: 45rem;
}

.popup-close {
    position: absolute;
    top: var(--spacing-4xl);
    right: var(--spacing-4xl);
}

.popup-open {
    cursor: pointer;
}

/* 0.8. Borders */
.border-1 {
    border: 1px solid;
}

.border-2 {
    border: 2px solid;
}

.border-1-y {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.border-2-y {
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.border-1-x {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-2-x {
    border-left: 2px solid;
    border-right: 2px solid;
}

.border-1-top {
    border-top: 1px solid;
}

.border-2-top {
    border-top: 2px solid;
}

.border-1-right {
    border-right: 1px solid;
}

.border-2-right {
    border-right: 2px solid;
}

.border-1-bottom {
    border-bottom: 1px solid;
}

.border-2-bottom {
    border-bottom: 2px solid;
}

.border-1-left {
    border-left: 1px solid;
}

.border-2-left {
    border-left: 2px solid;
}

/* 0.9. Text */
.text-transform-none {
    text-transform: none;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

.text-transform-lowercase {
    text-transform: lowercase;
}

.text-transform-capitalize {
    text-transform: capitalize;
}

.text-transform-full-width {
    text-transform: full-width;
}

.text-transform-inherit {
    text-transform: inherit;
}

.text-transform-initial {
    text-transform: initial;
}

.text-transform-revert {
    text-transform: revert;
}

.text-transform-unset {
    text-transform: unset;
}

.text-decoration-none {
    text-decoration: none;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-decoration-overline {
    text-decoration: overline;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.text-decoration-underline-overline {
    text-decoration: underline overline;
}

.text-decoration-solid {
    text-decoration-style: solid;
}

.text-decoration-dashed {
    text-decoration-style: dashed;
}

.text-decoration-dotted {
    text-decoration-style: dotted;
}

.text-decoration-double {
    text-decoration-style: double;
}

.text-decoration-wavy {
    text-decoration-style: wavy;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.text-align-start {
    text-align: start;
}

.text-align-end {
    text-align: end;
}

.text-wrap {
    text-wrap: wrap;
}

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

.word-break-normal {
    word-break: normal;
}

.word-break-break-all {
    word-break: break-all;
}

.word-break-break-word {
    word-break: break-word;
}

.word-break-keep-all {
    word-break: keep-all;
}

/* 0.10. Flex */
.row {
    display: flex;
    flex-direction: row;
}

.row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.column {
    display: flex;
    flex-direction: column;
}

.column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

*:has(>.justify-content-center-parent) {
    justify-content: center;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

.align-items-flex-start {
    align-items: flex-start;
}

.align-items-center {
    align-items: center;
}

.align-items-flex-end {
    align-items: flex-end;
}

.align-items-baseline {
    align-items: baseline;
}

.align-items-stretch {
    align-items: stretch;
}

.align-content-flex-start {
    align-content: flex-start;
}

.align-content-center {
    align-content: center;
}

.align-content-flex-end {
    align-content: flex-end;
}

.align-content-space-between {
    align-content: space-between;
}

.align-content-space-around {
    align-content: space-around;
}

.align-content-space-evenly {
    align-content: space-evenly;
}

.align-self-auto {
    align-self: auto;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-center {
    align-self: center;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-stretch {
    align-self: stretch;
}

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

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

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}


/* 0.11. Displays */
.parent:has(.display-none-parent) {
    display: none;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-flex {
    display: flex;
}

.display-inline-flex {
    display: inline-flex;
}

.display-grid {
    display: grid;
}

.display-inline-grid {
    display: inline-grid;
}

.display-table {
    display: table;
}

.display-inline-table {
    display: inline-table;
}

.display-table-row {
    display: table-row;
}

.display-table-cell {
    display: table-cell;
}

.display-contents {
    display: contents;
}

.display-list-item {
    display: list-item;
}

/* 0.12. Position */
.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: sticky;
}

/* 0.13. Overflow */
.overflow-visible {
    overflow: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-auto {
    overflow: auto;
}

.overflow-x-visible {
    overflow-x: visible;
}

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

.overflow-x-scroll {
    overflow-x: scroll;
}

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

.overflow-y-visible {
    overflow-y: visible;
}

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

.overflow-y-scroll {
    overflow-y: scroll;
}

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

.overflow-scroll::-webkit-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    display: none;
}

.overflow-x-scroll::-webkit-scrollbar,
.overflow-x-scroll-laptop-l::-webkit-scrollbar,
.overflow-x-scroll-laptop::-webkit-scrollbar,
.overflow-x-scroll-tablet::-webkit-scrollbar,
.overflow-x-scroll-mobile::-webkit-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    display: none;
}

.overflow-y-scroll::-webkit-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
    display: none;
}

/* 1. Colors */
:root {
    --gold: #f0b100;
    --silver: #99a1af;
    --bronze: #e17100;

    --neutral-50: #F8FAFC;
    --neutral-100: #F1F9F1;
    --neutral-200: #E3F0E2;
    --neutral-300: #CBE1D8;
    --neutral-400: #94B89E;
    --neutral-500: #648B76;
    --neutral-600: #47695D;
    --neutral-700: #33554A;
    --neutral-800: #1E3B32;
    --neutral-900: #0F2A22;

    --primary-50: #E8FBF2;
    --primary-100: #BBF3E1;
    --primary-200: #8EECB8;
    --primary-300: #61E49C;
    --primary-400: #34DC8E;
    --primary-500: #1DD887;
    --primary-600: #17AD67;
    --primary-700: #118251;
    --primary-800: #0C5638;
    --primary-900: #0A3D2B;

    --success-50: #ECFDF5;
    --success-100: #D1FAE5;
    --success-200: #A7F3D0;
    --success-300: #6EE7B7;
    --success-400: #34D399;
    --success-500: #10B981;
    --success-600: #059669;
    --success-700: #047857;
    --success-800: #065F46;
    --success-900: #064E3B;

    --warning-50: #FFFBEB;
    --warning-100: #FEF3C7;
    --warning-200: #FDE68A;
    --warning-300: #FCD34D;
    --warning-400: #FBBF24;
    --warning-500: #F59E0B;
    --warning-600: #D97706;
    --warning-700: #B45309;
    --warning-800: #92400E;
    --warning-900: #78350F;

    --error-50: #FEF2F2;
    --error-100: #FEE2E2;
    --error-200: #FECACA;
    --error-300: #FCA5A5;
    --error-400: #F87171;
    --error-500: #EF4444;
    --error-600: #DC2626;
    --error-700: #B91C1C;
    --error-800: #55160C;
    --error-900: #3D0A0A;

    --shades-0: #FFFFFF;
    --shades-100: #000000;

    --dark-50: #777777;
    --dark-100: #5E5E5E;
    --dark-200: #5B5B5B;
    --dark-300: #4E4E4E;
    --dark-400: #363636;
    --dark-500: #2A2A2A;
    --dark-600: #222222;
    --dark-700: #171717;
    --dark-800: #121212;
    --dark-900: #090909;

    --background: #0F0F0F;

    --linear-gradient-type-1: linear-gradient(90deg, #0E1D19 0.17%, #0E1916 100.17%);
    --linear-gradient-type-2: linear-gradient(90deg, rgba(1, 188, 141, 0.08) 0%, rgba(1, 188, 141, 0.06) 100%);
}

/* 1.1. Background colors */
.background-none {
    background: none;
}

.background-linear-gradient-type-1 {
    background: var(--linear-gradient-type-1), var(--primary-900);
}

.background-linear-gradient-type-2 {
    background: var(--linear-gradient-type-2), var(--primary-900);
}

.background-color-neutral-50 {
    background-color: var(--neutral-50);
}

.background-color-neutral-100 {
    background-color: var(--neutral-100);
}

.background-color-neutral-200 {
    background-color: var(--neutral-200);
}

.background-color-neutral-300 {
    background-color: var(--neutral-300);
}

.background-color-neutral-400 {
    background-color: var(--neutral-400);
}

.background-color-neutral-500 {
    background-color: var(--neutral-500);
}

.background-color-neutral-600 {
    background-color: var(--neutral-600);
}

.background-color-neutral-700 {
    background-color: var(--neutral-700);
}

.background-color-neutral-800 {
    background-color: var(--neutral-800);
}

.background-color-neutral-900 {
    background-color: var(--neutral-900);
}

.background-color-primary-50 {
    background-color: var(--primary-50);
}

.background-color-primary-100 {
    background-color: var(--primary-100);
}

.background-color-primary-200 {
    background-color: var(--primary-200);
}

.background-color-primary-300 {
    background-color: var(--primary-300);
}

.background-color-primary-400 {
    background-color: var(--primary-400);
}

.background-color-primary-500 {
    background-color: var(--primary-500);
}

.background-color-primary-600 {
    background-color: var(--primary-600);
}

.background-color-primary-700 {
    background-color: var(--primary-700);
}

.background-color-primary-800 {
    background-color: var(--primary-800);
}

.background-color-primary-900 {
    background-color: var(--primary-900);
}

.background-color-success-50 {
    background-color: var(--success-50);
}

.background-color-success-100 {
    background-color: var(--success-100);
}

.background-color-success-200 {
    background-color: var(--success-200);
}

.background-color-success-300 {
    background-color: var(--success-300);
}

.background-color-success-400 {
    background-color: var(--success-400);
}

.background-color-success-500 {
    background-color: var(--success-500);
}

.background-color-success-600 {
    background-color: var(--success-600);
}

.background-color-success-700 {
    background-color: var(--success-700);
}

.background-color-success-800 {
    background-color: var(--success-800);
}

.background-color-success-900 {
    background-color: var(--success-900);
}

.background-color-warning-50 {
    background-color: var(--warning-50);
}

.background-color-warning-100 {
    background-color: var(--warning-100);
}

.background-color-warning-200 {
    background-color: var(--warning-200);
}

.background-color-warning-300 {
    background-color: var(--warning-300);
}

.background-color-warning-400 {
    background-color: var(--warning-400);
}

.background-color-warning-500 {
    background-color: var(--warning-500);
}

.background-color-warning-600 {
    background-color: var(--warning-600);
}

.background-color-warning-700 {
    background-color: var(--warning-700);
}

.background-color-warning-800 {
    background-color: var(--warning-800);
}

.background-color-warning-900 {
    background-color: var(--warning-900);
}

.background-color-error-50 {
    background-color: var(--error-50);
}

.background-color-error-100 {
    background-color: var(--error-100);
}

.background-color-error-200 {
    background-color: var(--error-200);
}

.background-color-error-300 {
    background-color: var(--error-300);
}

.background-color-error-400 {
    background-color: var(--error-400);
}

.background-color-error-500 {
    background-color: var(--error-500);
}

.background-color-error-600 {
    background-color: var(--error-600);
}

.background-color-error-700 {
    background-color: var(--error-700);
}

.background-color-error-800 {
    background-color: var(--error-800);
}

.background-color-error-900 {
    background-color: var(--error-900);
}

.background-color-shades-0 {
    background-color: var(--shades-0);
}

.background-color-shades-100 {
    background-color: var(--shades-100);
}

.background-color-dark-50 {
    background-color: var(--dark-50);
}

.background-color-dark-100 {
    background-color: var(--dark-100);
}

.background-color-dark-200 {
    background-color: var(--dark-200);
}

.background-color-dark-300 {
    background-color: var(--dark-300);
}

.background-color-dark-400 {
    background-color: var(--dark-400);
}

.background-color-dark-500 {
    background-color: var(--dark-500);
}

.background-color-dark-600 {
    background-color: var(--dark-600);
}

.background-color-dark-700 {
    background-color: var(--dark-700);
}

.background-color-dark-800 {
    background-color: var(--dark-800);
}

.background-color-dark-900 {
    background-color: var(--dark-900);
}

/* 1.2. Text colors */
.text-color-gold {
    color: var(--gold);
}

.text-color-silver {
    color: var(--silver);
}

.text-color-bronze {
    color: var(--bronze);
}

.text-color-neutral-50 {
    color: var(--neutral-50);
}

.text-color-neutral-100 {
    color: var(--neutral-100);
}

.text-color-neutral-200 {
    color: var(--neutral-200);
}

.text-color-neutral-300 {
    color: var(--neutral-300);
}

.text-color-neutral-400 {
    color: var(--neutral-400);
}

.text-color-neutral-500 {
    color: var(--neutral-500);
}

.text-color-neutral-600 {
    color: var(--neutral-600);
}

.text-color-neutral-700 {
    color: var(--neutral-700);
}

.text-color-neutral-800 {
    color: var(--neutral-800);
}

.text-color-neutral-900 {
    color: var(--neutral-900);
}

.text-color-primary-50 {
    color: var(--primary-50);
}

.text-color-primary-100 {
    color: var(--primary-100);
}

.text-color-primary-200 {
    color: var(--primary-200);
}

.text-color-primary-300 {
    color: var(--primary-300);
}

.text-color-primary-400 {
    color: var(--primary-400);
}

.text-color-primary-500 {
    color: var(--primary-500);
}

.text-color-primary-600 {
    color: var(--primary-600);
}

.text-color-primary-700 {
    color: var(--primary-700);
}

.text-color-primary-800 {
    color: var(--primary-800);
}

.text-color-primary-900 {
    color: var(--primary-900);
}

.text-color-success-50 {
    color: var(--success-50);
}

.text-color-success-100 {
    color: var(--success-100);
}

.text-color-success-200 {
    color: var(--success-200);
}

.text-color-success-300 {
    color: var(--success-300);
}

.text-color-success-400 {
    color: var(--success-400);
}

.text-color-success-500 {
    color: var(--success-500);
}

.text-color-success-600 {
    color: var(--success-600);
}

.text-color-success-700 {
    color: var(--success-700);
}

.text-color-success-800 {
    color: var(--success-800);
}

.text-color-success-900 {
    color: var(--success-900);
}

.text-color-warning-50 {
    color: var(--warning-50);
}

.text-color-warning-100 {
    color: var(--warning-100);
}

.text-color-warning-200 {
    color: var(--warning-200);
}

.text-color-warning-300 {
    color: var(--warning-300);
}

.text-color-warning-400 {
    color: var(--warning-400);
}

.text-color-warning-500 {
    color: var(--warning-500);
}

.text-color-warning-600 {
    color: var(--warning-600);
}

.text-color-warning-700 {
    color: var(--warning-700);
}

.text-color-warning-800 {
    color: var(--warning-800);
}

.text-color-warning-900 {
    color: var(--warning-900);
}

.text-color-error-50 {
    color: var(--error-50);
}

.text-color-error-100 {
    color: var(--error-100);
}

.text-color-error-200 {
    color: var(--error-200);
}

.text-color-error-300 {
    color: var(--error-300);
}

.text-color-error-400 {
    color: var(--error-400);
}

.text-color-error-500 {
    color: var(--error-500);
}

.text-color-error-600 {
    color: var(--error-600);
}

.text-color-error-700 {
    color: var(--error-700);
}

.text-color-error-800 {
    color: var(--error-800);
}

.text-color-error-900 {
    color: var(--error-900);
}

.text-color-shades-0 {
    color: var(--shades-0);
}

.text-color-shades-100 {
    color: var(--shades-100);
}

.text-color-dark-50 {
    color: var(--dark-50);
}

.text-color-dark-100 {
    color: var(--dark-100);
}

.text-color-dark-200 {
    color: var(--dark-200);
}

.text-color-dark-300 {
    color: var(--dark-300);
}

.text-color-dark-400 {
    color: var(--dark-400);
}

.text-color-dark-500 {
    color: var(--dark-500);
}

.text-color-dark-600 {
    color: var(--dark-600);
}

.text-color-dark-700 {
    color: var(--dark-700);
}

.text-color-dark-800 {
    color: var(--dark-800);
}

.text-color-dark-900 {
    color: var(--dark-900);
}

/* 1.3. Border colors */
.border-color-neutral-50 {
    border-color: var(--neutral-50);
}

.border-color-neutral-100 {
    border-color: var(--neutral-100);
}

.border-color-neutral-200 {
    border-color: var(--neutral-200);
}

.border-color-neutral-300 {
    border-color: var(--neutral-300);
}

.border-color-neutral-400 {
    border-color: var(--neutral-400);
}

.border-color-neutral-500 {
    border-color: var(--neutral-500);
}

.border-color-neutral-600 {
    border-color: var(--neutral-600);
}

.border-color-neutral-700 {
    border-color: var(--neutral-700);
}

.border-color-neutral-800 {
    border-color: var(--neutral-800);
}

.border-color-neutral-900 {
    border-color: var(--neutral-900);
}

.border-color-primary-50 {
    border-color: var(--primary-50);
}

.border-color-primary-100 {
    border-color: var(--primary-100);
}

.border-color-primary-200 {
    border-color: var(--primary-200);
}

.border-color-primary-300 {
    border-color: var(--primary-300);
}

.border-color-primary-400 {
    border-color: var(--primary-400);
}

.border-color-primary-500 {
    border-color: var(--primary-500);
}

.border-color-primary-600 {
    border-color: var(--primary-600);
}

.border-color-primary-700 {
    border-color: var(--primary-700);
}

.border-color-primary-800 {
    border-color: var(--primary-800);
}

.border-color-primary-900 {
    border-color: var(--primary-900);
}

.border-color-success-50 {
    border-color: var(--success-50);
}

.border-color-success-100 {
    border-color: var(--success-100);
}

.border-color-success-200 {
    border-color: var(--success-200);
}

.border-color-success-300 {
    border-color: var(--success-300);
}

.border-color-success-400 {
    border-color: var(--success-400);
}

.border-color-success-500 {
    border-color: var(--success-500);
}

.border-color-success-600 {
    border-color: var(--success-600);
}

.border-color-success-700 {
    border-color: var(--success-700);
}

.border-color-success-800 {
    border-color: var(--success-800);
}

.border-color-success-900 {
    border-color: var(--success-900);
}

.border-color-warning-50 {
    border-color: var(--warning-50);
}

.border-color-warning-100 {
    border-color: var(--warning-100);
}

.border-color-warning-200 {
    border-color: var(--warning-200);
}

.border-color-warning-300 {
    border-color: var(--warning-300);
}

.border-color-warning-400 {
    border-color: var(--warning-400);
}

.border-color-warning-500 {
    border-color: var(--warning-500);
}

.border-color-warning-600 {
    border-color: var(--warning-600);
}

.border-color-warning-700 {
    border-color: var(--warning-700);
}

.border-color-warning-800 {
    border-color: var(--warning-800);
}

.border-color-warning-900 {
    border-color: var(--warning-900);
}

.border-color-error-50 {
    border-color: var(--error-50);
}

.border-color-error-100 {
    border-color: var(--error-100);
}

.border-color-error-200 {
    border-color: var(--error-200);
}

.border-color-error-300 {
    border-color: var(--error-300);
}

.border-color-error-400 {
    border-color: var(--error-400);
}

.border-color-error-500 {
    border-color: var(--error-500);
}

.border-color-error-600 {
    border-color: var(--error-600);
}

.border-color-error-700 {
    border-color: var(--error-700);
}

.border-color-error-800 {
    border-color: var(--error-800);
}

.border-color-error-900 {
    border-color: var(--error-900);
}

.border-color-shades-0 {
    border-color: var(--shades-0);
}

.border-color-shades-100 {
    border-color: var(--shades-100);
}

.border-color-dark-50 {
    border-color: var(--dark-50);
}

.border-color-dark-100 {
    border-color: var(--dark-100);
}

.border-color-dark-200 {
    border-color: var(--dark-200);
}

.border-color-dark-300 {
    border-color: var(--dark-300);
}

.border-color-dark-400 {
    border-color: var(--dark-400);
}

.border-color-dark-500 {
    border-color: var(--dark-500);
}

.border-color-dark-600 {
    border-color: var(--dark-600);
}

.border-color-dark-700 {
    border-color: var(--dark-700);
}

.border-color-dark-800 {
    border-color: var(--dark-800);
}

.border-color-dark-900 {
    border-color: var(--dark-900);
}

.icon-color-neutral-50 {
    filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(842%) hue-rotate(176deg) brightness(98%) contrast(101%);
}

.icon-color-neutral-100 {
    filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(339%) hue-rotate(71deg) brightness(109%) contrast(95%);
}

.icon-color-neutral-200 {
    filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(388%) hue-rotate(54deg) brightness(97%) contrast(94%);
}

.icon-color-neutral-300 {
    filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(217%) hue-rotate(104deg) brightness(95%) contrast(91%);
}

.icon-color-neutral-400 {
    filter: brightness(0) saturate(100%) invert(74%) sepia(19%) saturate(336%) hue-rotate(84deg) brightness(92%) contrast(90%);
}

.icon-color-neutral-500 {
    filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(609%) hue-rotate(95deg) brightness(98%) contrast(88%);
}

.icon-color-neutral-600 {
    filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(654%) hue-rotate(107deg) brightness(90%) contrast(89%);
}

.icon-color-neutral-700 {
    filter: brightness(0) saturate(100%) invert(27%) sepia(6%) saturate(2702%) hue-rotate(109deg) brightness(93%) contrast(80%);
}

.icon-color-neutral-800 {
    filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(4424%) hue-rotate(110deg) brightness(97%) contrast(79%);
}

.icon-color-neutral-900 {
    filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(4555%) hue-rotate(112deg) brightness(96%) contrast(88%);
}

.icon-color-primary-50 {
    filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(514%) hue-rotate(93deg) brightness(108%) contrast(97%);
}

.icon-color-primary-100 {
    filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(786%) hue-rotate(94deg) brightness(98%) contrast(94%);
}

.icon-color-primary-200 {
    filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(287%) hue-rotate(83deg) brightness(97%) contrast(90%);
}

.icon-color-primary-300 {
    filter: brightness(0) saturate(100%) invert(80%) sepia(66%) saturate(373%) hue-rotate(81deg) brightness(94%) contrast(90%);
}

.icon-color-primary-400 {
    filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(1244%) hue-rotate(82deg) brightness(92%) contrast(87%);
}

.icon-color-primary-500 {
    filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(380%) hue-rotate(102deg) brightness(103%) contrast(86%);
}

.icon-color-primary-600 {
    filter: brightness(0) saturate(100%) invert(46%) sepia(92%) saturate(684%) hue-rotate(110deg) brightness(91%) contrast(82%);
}

.icon-color-primary-700 {
    filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(409%) hue-rotate(102deg) brightness(92%) contrast(89%);
}

.icon-color-primary-800 {
    filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(3285%) hue-rotate(116deg) brightness(93%) contrast(91%);
}

.icon-color-primary-900 {
    filter: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(5222%) hue-rotate(114deg) brightness(90%) contrast(92%);
}

.icon-color-success-50 {
    filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(274%) hue-rotate(81deg) brightness(106%) contrast(98%);
}

.icon-color-success-100 {
    filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(347%) hue-rotate(93deg) brightness(98%) contrast(102%);
}

.icon-color-success-200 {
    filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(868%) hue-rotate(94deg) brightness(103%) contrast(91%);
}

.icon-color-success-300 {
    filter: brightness(0) saturate(100%) invert(88%) sepia(11%) saturate(1753%) hue-rotate(93deg) brightness(97%) contrast(86%);
}

.icon-color-success-400 {
    filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(1280%) hue-rotate(107deg) brightness(106%) contrast(95%);
}

.icon-color-success-500 {
    filter: brightness(0) saturate(100%) invert(53%) sepia(17%) saturate(5610%) hue-rotate(125deg) brightness(98%) contrast(87%);
}

.icon-color-success-600 {
    filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(6906%) hue-rotate(150deg) brightness(99%) contrast(96%);
}

.icon-color-success-700 {
    filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(3028%) hue-rotate(153deg) brightness(94%) contrast(97%);
}

.icon-color-success-800 {
    filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(1042%) hue-rotate(123deg) brightness(93%) contrast(95%);
}

.icon-color-success-900 {
    filter: brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(4756%) hue-rotate(119deg) brightness(98%) contrast(95%);
}

.icon-color-warning-50 {
    filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1170%) hue-rotate(316deg) brightness(108%) contrast(105%);
}

.icon-color-warning-100 {
    filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(615%) hue-rotate(337deg) brightness(106%) contrast(99%);
}

.icon-color-warning-200 {
    filter: brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(567%) hue-rotate(357deg) brightness(103%) contrast(98%);
}

.icon-color-warning-300 {
    filter: brightness(0) saturate(100%) invert(87%) sepia(51%) saturate(703%) hue-rotate(328deg) brightness(101%) contrast(98%);
}

.icon-color-warning-400 {
    filter: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(526%) hue-rotate(339deg) brightness(103%) contrast(97%);
}

.icon-color-warning-500 {
    filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(573%) hue-rotate(357deg) brightness(99%) contrast(94%);
}

.icon-color-warning-600 {
    filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2125%) hue-rotate(10deg) brightness(96%) contrast(95%);
}

.icon-color-warning-700 {
    filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(1604%) hue-rotate(8deg) brightness(101%) contrast(93%);
}

.icon-color-warning-800 {
    filter: brightness(0) saturate(100%) invert(23%) sepia(95%) saturate(5193%) hue-rotate(36deg) brightness(84%) contrast(89%);
}

.icon-color-warning-900 {
    filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(5662%) hue-rotate(357deg) brightness(97%) contrast(91%);
}

.icon-color-error-50 {
    filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(578%) hue-rotate(319deg) brightness(91%) contrast(120%);
}

.icon-color-error-100 {
    filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(1671%) hue-rotate(314deg) brightness(107%) contrast(99%);
}

.icon-color-error-200 {
    filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(462%) hue-rotate(311deg) brightness(151%) contrast(99%);
}

.icon-color-error-300 {
    filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(1989%) hue-rotate(302deg) brightness(116%) contrast(98%);
}

.icon-color-error-400 {
    filter: brightness(0) saturate(100%) invert(71%) sepia(90%) saturate(2985%) hue-rotate(314deg) brightness(97%) contrast(101%);
}

.icon-color-error-500 {
    filter: brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(2254%) hue-rotate(335deg) brightness(116%) contrast(88%);
}

.icon-color-error-600 {
    filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1765%) hue-rotate(341deg) brightness(85%) contrast(104%);
}

.icon-color-error-700 {
    filter: brightness(0) saturate(100%) invert(15%) sepia(74%) saturate(4160%) hue-rotate(353deg) brightness(90%) contrast(90%);
}

.icon-color-error-800 {
    filter: brightness(0) saturate(100%) invert(9%) sepia(56%) saturate(3145%) hue-rotate(351deg) brightness(96%) contrast(96%);
}

.icon-color-error-900 {
    filter: brightness(0) saturate(100%) invert(9%) sepia(62%) saturate(1757%) hue-rotate(335deg) brightness(95%) contrast(104%);
}

.icon-color-shades-0 {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
}

.icon-color-shades-100 {
    filter: brightness(0) saturate(100%);
}

.icon-color-dark-50 {
    filter: brightness(0) saturate(100%) invert(43%) sepia(19%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(89%);
}

.icon-color-dark-100 {
    filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(57%) hue-rotate(173deg) brightness(101%) contrast(92%);
}

.icon-color-dark-200 {
    filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(95%) contrast(92%);
}

.icon-color-dark-300 {
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(103%) contrast(88%);
}

.icon-color-dark-400 {
    filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(89%);
}

.icon-color-dark-500 {
    filter: brightness(0) saturate(100%) invert(12%) sepia(66%) saturate(0%) hue-rotate(131deg) brightness(99%) contrast(92%);
}

.icon-color-dark-600 {
    filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(962%) hue-rotate(337deg) brightness(90%) contrast(73%);
}

.icon-color-dark-700 {
    filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(4063%) hue-rotate(333deg) brightness(84%) contrast(82%);
}

.icon-color-dark-800 {
    filter: brightness(0) saturate(100%) invert(0%) sepia(15%) saturate(30%) hue-rotate(352deg) brightness(106%) contrast(86%);
}

.icon-color-dark-900 {
    filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(3213%) hue-rotate(16deg) brightness(101%) contrast(93%);
}

.horizontal-neutral-50 {
    border: none;
    border-bottom: 1px solid var(--neutral-50);
}

.horizontal-neutral-100 {
    border: none;
    border-bottom: 1px solid var(--neutral-100);
}

.horizontal-neutral-200 {
    border: none;
    border-bottom: 1px solid var(--neutral-200);
}

.horizontal-neutral-300 {
    border: none;
    border-bottom: 1px solid var(--neutral-300);
}

.horizontal-neutral-400 {
    border: none;
    border-bottom: 1px solid var(--neutral-400);
}

.horizontal-neutral-500 {
    border: none;
    border-bottom: 1px solid var(--neutral-500);
}

.horizontal-neutral-600 {
    border: none;
    border-bottom: 1px solid var(--neutral-600);
}

.horizontal-neutral-700 {
    border: none;
    border-bottom: 1px solid var(--neutral-700);
}

.horizontal-neutral-800 {
    border: none;
    border-bottom: 1px solid var(--neutral-800);
}

.horizontal-neutral-900 {
    border: none;
    border-bottom: 1px solid var(--neutral-900);
}

.horizontal-primary-50 {
    border: none;
    border-bottom: 1px solid var(--primary-50);
}

.horizontal-primary-100 {
    border: none;
    border-bottom: 1px solid var(--primary-100);
}

.horizontal-primary-200 {
    border: none;
    border-bottom: 1px solid var(--primary-200);
}

.horizontal-primary-300 {
    border: none;
    border-bottom: 1px solid var(--primary-300);
}

.horizontal-primary-400 {
    border: none;
    border-bottom: 1px solid var(--primary-400);
}

.horizontal-primary-500 {
    border: none;
    border-bottom: 1px solid var(--primary-500);
}

.horizontal-primary-600 {
    border: none;
    border-bottom: 1px solid var(--primary-600);
}

.horizontal-primary-700 {
    border: none;
    border-bottom: 1px solid var(--primary-700);
}

.horizontal-primary-800 {
    border: none;
    border-bottom: 1px solid var(--primary-800);
}

.horizontal-primary-900 {
    border: none;
    border-bottom: 1px solid var(--primary-900);
}

.horizontal-success-50 {
    border: none;
    border-bottom: 1px solid var(--success-50);
}

.horizontal-success-100 {
    border: none;
    border-bottom: 1px solid var(--success-100);
}

.horizontal-success-200 {
    border: none;
    border-bottom: 1px solid var(--success-200);
}

.horizontal-success-300 {
    border: none;
    border-bottom: 1px solid var(--success-300);
}

.horizontal-success-400 {
    border: none;
    border-bottom: 1px solid var(--success-400);
}

.horizontal-success-500 {
    border: none;
    border-bottom: 1px solid var(--success-500);
}

.horizontal-success-600 {
    border: none;
    border-bottom: 1px solid var(--success-600);
}

.horizontal-success-700 {
    border: none;
    border-bottom: 1px solid var(--success-700);
}

.horizontal-success-800 {
    border: none;
    border-bottom: 1px solid var(--success-800);
}

.horizontal-success-900 {
    border: none;
    border-bottom: 1px solid var(--success-900);
}

.horizontal-warning-50 {
    border: none;
    border-bottom: 1px solid var(--warning-50);
}

.horizontal-warning-100 {
    border: none;
    border-bottom: 1px solid var(--warning-100);
}

.horizontal-warning-200 {
    border: none;
    border-bottom: 1px solid var(--warning-200);
}

.horizontal-warning-300 {
    border: none;
    border-bottom: 1px solid var(--warning-300);
}

.horizontal-warning-400 {
    border: none;
    border-bottom: 1px solid var(--warning-400);
}

.horizontal-warning-500 {
    border: none;
    border-bottom: 1px solid var(--warning-500);
}

.horizontal-warning-600 {
    border: none;
    border-bottom: 1px solid var(--warning-600);
}

.horizontal-warning-700 {
    border: none;
    border-bottom: 1px solid var(--warning-700);
}

.horizontal-warning-800 {
    border: none;
    border-bottom: 1px solid var(--warning-800);
}

.horizontal-warning-900 {
    border: none;
    border-bottom: 1px solid var(--warning-900);
}

.horizontal-error-50 {
    border: none;
    border-bottom: 1px solid var(--error-50);
}

.horizontal-error-100 {
    border: none;
    border-bottom: 1px solid var(--error-100);
}

.horizontal-error-200 {
    border: none;
    border-bottom: 1px solid var(--error-200);
}

.horizontal-error-300 {
    border: none;
    border-bottom: 1px solid var(--error-300);
}

.horizontal-error-400 {
    border: none;
    border-bottom: 1px solid var(--error-400);
}

.horizontal-error-500 {
    border: none;
    border-bottom: 1px solid var(--error-500);
}

.horizontal-error-600 {
    border: none;
    border-bottom: 1px solid var(--error-600);
}

.horizontal-error-700 {
    border: none;
    border-bottom: 1px solid var(--error-700);
}

.horizontal-error-800 {
    border: none;
    border-bottom: 1px solid var(--error-800);
}

.horizontal-error-900 {
    border: none;
    border-bottom: 1px solid var(--error-900);
}

.horizontal-shades-0 {
    border: none;
    border-bottom: 1px solid var(--shades-0);
}

.horizontal-shades-100 {
    border: none;
    border-bottom: 1px solid var(--shades-100);
}

.horizontal-dark-50 {
    border: none;
    border-bottom: 1px solid var(--dark-50);
}

.horizontal-dark-100 {
    border: none;
    border-bottom: 1px solid var(--dark-100);
}

.horizontal-dark-200 {
    border: none;
    border-bottom: 1px solid var(--dark-200);
}

.horizontal-dark-300 {
    border: none;
    border-bottom: 1px solid var(--dark-300);
}

.horizontal-dark-400 {
    border: none;
    border-bottom: 1px solid var(--dark-400);
}

.horizontal-dark-500 {
    border: none;
    border-bottom: 1px solid var(--dark-500);
}

.horizontal-dark-600 {
    border: none;
    border-bottom: 1px solid var(--dark-600);
}

.horizontal-dark-700 {
    border: none;
    border-bottom: 1px solid var(--dark-700);
}

.horizontal-dark-800 {
    border: none;
    border-bottom: 1px solid var(--dark-800);
}

.horizontal-dark-900 {
    border: none;
    border-bottom: 1px solid var(--dark-900);
}

.vertical-neutral-50 {
    border: none;
    border-right: 1px solid var(--neutral-50);
    height: 100%;
}

.vertical-neutral-100 {
    border: none;
    border-right: 1px solid var(--neutral-100);
    height: 100%;
}

.vertical-neutral-200 {
    border: none;
    border-right: 1px solid var(--neutral-200);
    height: 100%;
}

.vertical-neutral-300 {
    border: none;
    border-right: 1px solid var(--neutral-300);
    height: 100%;
}

.vertical-neutral-400 {
    border: none;
    border-right: 1px solid var(--neutral-400);
    height: 100%;
}

.vertical-neutral-500 {
    border: none;
    border-right: 1px solid var(--neutral-500);
    height: 100%;
}

.vertical-neutral-600 {
    border: none;
    border-right: 1px solid var(--neutral-600);
    height: 100%;
}

.vertical-neutral-700 {
    border: none;
    border-right: 1px solid var(--neutral-700);
    height: 100%;
}

.vertical-neutral-800 {
    border: none;
    border-right: 1px solid var(--neutral-800);
    height: 100%;
}

.vertical-neutral-900 {
    border: none;
    border-right: 1px solid var(--neutral-900);
    height: 100%;
}

.vertical-primary-50 {
    border: none;
    border-right: 1px solid var(--primary-50);
    height: 100%;
}

.vertical-primary-100 {
    border: none;
    border-right: 1px solid var(--primary-100);
    height: 100%;
}

.vertical-primary-200 {
    border: none;
    border-right: 1px solid var(--primary-200);
    height: 100%;
}

.vertical-primary-300 {
    border: none;
    border-right: 1px solid var(--primary-300);
    height: 100%;
}

.vertical-primary-400 {
    border: none;
    border-right: 1px solid var(--primary-400);
    height: 100%;
}

.vertical-primary-500 {
    border: none;
    border-right: 1px solid var(--primary-500);
    height: 100%;
}

.vertical-primary-600 {
    border: none;
    border-right: 1px solid var(--primary-600);
    height: 100%;
}

.vertical-primary-700 {
    border: none;
    border-right: 1px solid var(--primary-700);
    height: 100%;
}

.vertical-primary-800 {
    border: none;
    border-right: 1px solid var(--primary-800);
    height: 100%;
}

.vertical-primary-900 {
    border: none;
    border-right: 1px solid var(--primary-900);
    height: 100%;
}

.vertical-success-50 {
    border: none;
    border-right: 1px solid var(--success-50);
    height: 100%;
}

.vertical-success-100 {
    border: none;
    border-right: 1px solid var(--success-100);
    height: 100%;
}

.vertical-success-200 {
    border: none;
    border-right: 1px solid var(--success-200);
    height: 100%;
}

.vertical-success-300 {
    border: none;
    border-right: 1px solid var(--success-300);
    height: 100%;
}

.vertical-success-400 {
    border: none;
    border-right: 1px solid var(--success-400);
    height: 100%;
}

.vertical-success-500 {
    border: none;
    border-right: 1px solid var(--success-500);
    height: 100%;
}

.vertical-success-600 {
    border: none;
    border-right: 1px solid var(--success-600);
    height: 100%;
}

.vertical-success-700 {
    border: none;
    border-right: 1px solid var(--success-700);
    height: 100%;
}

.vertical-success-800 {
    border: none;
    border-right: 1px solid var(--success-800);
    height: 100%;
}

.vertical-success-900 {
    border: none;
    border-right: 1px solid var(--success-900);
    height: 100%;
}

.vertical-warning-50 {
    border: none;
    border-right: 1px solid var(--warning-50);
    height: 100%;
}

.vertical-warning-100 {
    border: none;
    border-right: 1px solid var(--warning-100);
    height: 100%;
}

.vertical-warning-200 {
    border: none;
    border-right: 1px solid var(--warning-200);
    height: 100%;
}

.vertical-warning-300 {
    border: none;
    border-right: 1px solid var(--warning-300);
    height: 100%;
}

.vertical-warning-400 {
    border: none;
    border-right: 1px solid var(--warning-400);
    height: 100%;
}

.vertical-warning-500 {
    border: none;
    border-right: 1px solid var(--warning-500);
    height: 100%;
}

.vertical-warning-600 {
    border: none;
    border-right: 1px solid var(--warning-600);
    height: 100%;
}

.vertical-warning-700 {
    border: none;
    border-right: 1px solid var(--warning-700);
    height: 100%;
}

.vertical-warning-800 {
    border: none;
    border-right: 1px solid var(--warning-800);
    height: 100%;
}

.vertical-warning-900 {
    border: none;
    border-right: 1px solid var(--warning-900);
    height: 100%;
}

.vertical-error-50 {
    border: none;
    border-right: 1px solid var(--error-50);
    height: 100%;
}

.vertical-error-100 {
    border: none;
    border-right: 1px solid var(--error-100);
    height: 100%;
}

.vertical-error-200 {
    border: none;
    border-right: 1px solid var(--error-200);
    height: 100%;
}

.vertical-error-300 {
    border: none;
    border-right: 1px solid var(--error-300);
    height: 100%;
}

.vertical-error-400 {
    border: none;
    border-right: 1px solid var(--error-400);
    height: 100%;
}

.vertical-error-500 {
    border: none;
    border-right: 1px solid var(--error-500);
    height: 100%;
}

.vertical-error-600 {
    border: none;
    border-right: 1px solid var(--error-600);
    height: 100%;
}

.vertical-error-700 {
    border: none;
    border-right: 1px solid var(--error-700);
    height: 100%;
}

.vertical-error-800 {
    border: none;
    border-right: 1px solid var(--error-800);
    height: 100%;
}

.vertical-error-900 {
    border: none;
    border-right: 1px solid var(--error-900);
    height: 100%;
}

.vertical-shades-0 {
    border: none;
    border-right: 1px solid var(--shades-0);
    height: 100%;
}

.vertical-shades-100 {
    border: none;
    border-right: 1px solid var(--shades-100);
    height: 100%;
}

.vertical-dark-50 {
    border: none;
    border-right: 1px solid var(--dark-50);
    height: 100%;
}

.vertical-dark-100 {
    border: none;
    border-right: 1px solid var(--dark-100);
    height: 100%;
}

.vertical-dark-200 {
    border: none;
    border-right: 1px solid var(--dark-200);
    height: 100%;
}

.vertical-dark-300 {
    border: none;
    border-right: 1px solid var(--dark-300);
    height: 100%;
}

.vertical-dark-400 {
    border: none;
    border-right: 1px solid var(--dark-400);
    height: 100%;
}

.vertical-dark-500 {
    border: none;
    border-right: 1px solid var(--dark-500);
    height: 100%;
}

.vertical-dark-600 {
    border: none;
    border-right: 1px solid var(--dark-600);
    height: 100%;
}

.vertical-dark-700 {
    border: none;
    border-right: 1px solid var(--dark-700);
    height: 100%;
}

.vertical-dark-800 {
    border: none;
    border-right: 1px solid var(--dark-800);
    height: 100%;
}

.vertical-dark-900 {
    border: none;
    border-right: 1px solid var(--dark-900);
    height: 100%;
}

/* 2. Spacing */
:root {
    --radius-none: 0rem;
    --radius-xxs: 0.125rem;
    --radius-xs: 0.25rem;
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.625rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.25rem;
    --radius-4xl: 1.5rem;
    --radius-full: 9999px;

    --spacing-none: 0rem;
    --spacing-xxs: 0.125rem;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.375rem;
    --spacing-md: 0.5rem;
    --spacing-lg: 0.75rem;
    --spacing-xl: 1rem;
    --spacing-2xl: 1.25rem;
    --spacing-3xl: 1.5rem;
    --spacing-4xl: 2rem;
    --spacing-5xl: 2.5rem;
    --spacing-6xl: 3rem;
    --spacing-7xl: 4rem;
    --spacing-8xl: 5rem;
    --spacing-9xl: 6rem;
    --spacing-10xl: 8rem;
    --spacing-11xl: 10rem;
}

/* 2.1. Gaps */
.gap-none {
    gap: var(--spacing-none);
}

.gap-xxs {
    gap: var(--spacing-xxs);
}

.gap-xs {
    gap: var(--spacing-xs);
}

.gap-sm {
    gap: var(--spacing-sm);
}

.gap-md {
    gap: var(--spacing-md);
}

.gap-lg {
    gap: var(--spacing-lg);
}

.gap-xl {
    gap: var(--spacing-xl);
}

.gap-2xl {
    gap: var(--spacing-2xl);
}

.gap-3xl {
    gap: var(--spacing-3xl);
}

.gap-4xl {
    gap: var(--spacing-4xl);
}

.gap-5xl {
    gap: var(--spacing-5xl);
}

.gap-6xl {
    gap: var(--spacing-6xl);
}

.gap-7xl {
    gap: var(--spacing-7xl);
}

.gap-8xl {
    gap: var(--spacing-8xl);
}

.gap-9xl {
    gap: var(--spacing-9xl);
}

.gap-10xl {
    gap: var(--spacing-10xl);
}

.gap-11xl {
    gap: var(--spacing-11xl);
}

/* 2.2. Paddings */
.padding-none {
    padding: var(--spacing-none);
}

.padding-xxs {
    padding: var(--spacing-xxs);
}

.padding-xs {
    padding: var(--spacing-xs);
}

.padding-sm {
    padding: var(--spacing-sm);
}

.padding-md {
    padding: var(--spacing-md);
}

.padding-lg {
    padding: var(--spacing-lg);
}

.padding-xl {
    padding: var(--spacing-xl);
}

.padding-2xl {
    padding: var(--spacing-2xl);
}

.padding-3xl {
    padding: var(--spacing-3xl);
}

.padding-4xl {
    padding: var(--spacing-4xl);
}

.padding-5xl {
    padding: var(--spacing-5xl);
}

.padding-6xl {
    padding: var(--spacing-6xl);
}

.padding-7xl {
    padding: var(--spacing-7xl);
}

.padding-8xl {
    padding: var(--spacing-8xl);
}

.padding-9xl {
    padding: var(--spacing-9xl);
}

.padding-10xl {
    padding: var(--spacing-10xl);
}

.padding-11xl {
    padding: var(--spacing-11xl);
}

.padding-none-y {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none);
}

.padding-xxs-y {
    padding-top: var(--spacing-xxs);
    padding-bottom: var(--spacing-xxs);
}

.padding-xs-y {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
}

.padding-sm-y {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
}

.padding-md-y {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
}

.padding-lg-y {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
}

.padding-xl-y {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
}

.padding-2xl-y {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
}

.padding-3xl-y {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl);
}

.padding-4xl-y {
    padding-top: var(--spacing-4xl);
    padding-bottom: var(--spacing-4xl);
}

.padding-5xl-y {
    padding-top: var(--spacing-5xl);
    padding-bottom: var(--spacing-5xl);
}

.padding-6xl-y {
    padding-top: var(--spacing-6xl);
    padding-bottom: var(--spacing-6xl);
}

.padding-7xl-y {
    padding-top: var(--spacing-7xl);
    padding-bottom: var(--spacing-7xl);
}

.padding-8xl-y {
    padding-top: var(--spacing-8xl);
    padding-bottom: var(--spacing-8xl);
}

.padding-9xl-y {
    padding-top: var(--spacing-9xl);
    padding-bottom: var(--spacing-9xl);
}

.padding-10xl-y {
    padding-top: var(--spacing-10xl);
    padding-bottom: var(--spacing-10xl);
}

.padding-11xl-y {
    padding-top: var(--spacing-11xl);
    padding-bottom: var(--spacing-11xl);
}

.padding-none-x {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
}

.padding-xxs-x {
    padding-left: var(--spacing-xxs);
    padding-right: var(--spacing-xxs);
}

.padding-xs-x {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs);
}

.padding-sm-x {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
}

.padding-md-x {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
}

.padding-lg-x {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
}

.padding-xl-x {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
}

.padding-2xl-x {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
}

.padding-3xl-x {
    padding-left: var(--spacing-3xl);
    padding-right: var(--spacing-3xl);
}

.padding-4xl-x {
    padding-left: var(--spacing-4xl);
    padding-right: var(--spacing-4xl);
}

.padding-5xl-x {
    padding-left: var(--spacing-5xl);
    padding-right: var(--spacing-5xl);
}

.padding-6xl-x {
    padding-left: var(--spacing-6xl);
    padding-right: var(--spacing-6xl);
}

.padding-7xl-x {
    padding-left: var(--spacing-7xl);
    padding-right: var(--spacing-7xl);
}

.padding-8xl-x {
    padding-left: var(--spacing-8xl);
    padding-right: var(--spacing-8xl);
}

.padding-9xl-x {
    padding-left: var(--spacing-9xl);
    padding-right: var(--spacing-9xl);
}

.padding-10xl-x {
    padding-left: var(--spacing-10xl);
    padding-right: var(--spacing-10xl);
}

.padding-11xl-x {
    padding-left: var(--spacing-11xl);
    padding-right: var(--spacing-11xl);
}

.padding-none-top {
    padding-top: var(--spacing-none);
}

.padding-xxs-top {
    padding-top: var(--spacing-xxs);
}

.padding-xs-top {
    padding-top: var(--spacing-xs);
}

.padding-sm-top {
    padding-top: var(--spacing-sm);
}

.padding-md-top {
    padding-top: var(--spacing-md);
}

.padding-lg-top {
    padding-top: var(--spacing-lg);
}

.padding-xl-top {
    padding-top: var(--spacing-xl);
}

.padding-2xl-top {
    padding-top: var(--spacing-2xl);
}

.padding-3xl-top {
    padding-top: var(--spacing-3xl);
}

.padding-4xl-top {
    padding-top: var(--spacing-4xl);
}

.padding-5xl-top {
    padding-top: var(--spacing-5xl);
}

.padding-6xl-top {
    padding-top: var(--spacing-6xl);
}

.padding-7xl-top {
    padding-top: var(--spacing-7xl);
}

.padding-8xl-top {
    padding-top: var(--spacing-8xl);
}

.padding-9xl-top {
    padding-top: var(--spacing-9xl);
}

.padding-10xl-top {
    padding-top: var(--spacing-10xl);
}

.padding-11xl-top {
    padding-top: var(--spacing-11xl);
}

.padding-none-right {
    padding-right: var(--spacing-none);
}

.padding-xxs-right {
    padding-right: var(--spacing-xxs);
}

.padding-xs-right {
    padding-right: var(--spacing-xs);
}

.padding-sm-right {
    padding-right: var(--spacing-sm);
}

.padding-md-right {
    padding-right: var(--spacing-md);
}

.padding-lg-right {
    padding-right: var(--spacing-lg);
}

.padding-xl-right {
    padding-right: var(--spacing-xl);
}

.padding-2xl-right {
    padding-right: var(--spacing-2xl);
}

.padding-3xl-right {
    padding-right: var(--spacing-3xl);
}

.padding-4xl-right {
    padding-right: var(--spacing-4xl);
}

.padding-5xl-right {
    padding-right: var(--spacing-5xl);
}

.padding-6xl-right {
    padding-right: var(--spacing-6xl);
}

.padding-7xl-right {
    padding-right: var(--spacing-7xl);
}

.padding-8xl-right {
    padding-right: var(--spacing-8xl);
}

.padding-9xl-right {
    padding-right: var(--spacing-9xl);
}

.padding-10xl-right {
    padding-right: var(--spacing-10xl);
}

.padding-11xl-right {
    padding-right: var(--spacing-11xl);
}

.padding-none-bottom {
    padding-bottom: var(--spacing-none);
}

.padding-xxs-bottom {
    padding-bottom: var(--spacing-xxs);
}

.padding-xs-bottom {
    padding-bottom: var(--spacing-xs);
}

.padding-sm-bottom {
    padding-bottom: var(--spacing-sm);
}

.padding-md-bottom {
    padding-bottom: var(--spacing-md);
}

.padding-lg-bottom {
    padding-bottom: var(--spacing-lg);
}

.padding-xl-bottom {
    padding-bottom: var(--spacing-xl);
}

.padding-2xl-bottom {
    padding-bottom: var(--spacing-2xl);
}

.padding-3xl-bottom {
    padding-bottom: var(--spacing-3xl);
}

.padding-4xl-bottom {
    padding-bottom: var(--spacing-4xl);
}

.padding-5xl-bottom {
    padding-bottom: var(--spacing-5xl);
}

.padding-6xl-bottom {
    padding-bottom: var(--spacing-6xl);
}

.padding-7xl-bottom {
    padding-bottom: var(--spacing-7xl);
}

.padding-8xl-bottom {
    padding-bottom: var(--spacing-8xl);
}

.padding-9xl-bottom {
    padding-bottom: var(--spacing-9xl);
}

.padding-10xl-bottom {
    padding-bottom: var(--spacing-10xl);
}

.padding-11xl-bottom {
    padding-bottom: var(--spacing-11xl);
}

.padding-none-left {
    padding-left: var(--spacing-none);
}

.padding-xxs-left {
    padding-left: var(--spacing-xxs);
}

.padding-xs-left {
    padding-left: var(--spacing-xs);
}

.padding-sm-left {
    padding-left: var(--spacing-sm);
}

.padding-md-left {
    padding-left: var(--spacing-md);
}

.padding-lg-left {
    padding-left: var(--spacing-lg);
}

.padding-xl-left {
    padding-left: var(--spacing-xl);
}

.padding-2xl-left {
    padding-left: var(--spacing-2xl);
}

.padding-3xl-left {
    padding-left: var(--spacing-3xl);
}

.padding-4xl-left {
    padding-left: var(--spacing-4xl);
}

.padding-5xl-left {
    padding-left: var(--spacing-5xl);
}

.padding-6xl-left {
    padding-left: var(--spacing-6xl);
}

.padding-7xl-left {
    padding-left: var(--spacing-7xl);
}

.padding-8xl-left {
    padding-left: var(--spacing-8xl);
}

.padding-9xl-left {
    padding-left: var(--spacing-9xl);
}

.padding-10xl-left {
    padding-left: var(--spacing-10xl);
}

.padding-11xl-left {
    padding-left: var(--spacing-11xl);
}

/* 2.3. Icons */
.icon-none {
    width: var(--spacing-none);
}

.icon-xxs {
    width: var(--spacing-xxs);
}

.icon-xs {
    width: var(--spacing-xs);
}

.icon-sm {
    width: var(--spacing-sm);
}

.icon-md {
    width: var(--spacing-md);
}

.icon-lg {
    width: var(--spacing-lg);
}

.icon-xl {
    width: var(--spacing-xl);
}

.icon-2xl {
    width: var(--spacing-2xl);
}

.icon-3xl {
    width: var(--spacing-3xl);
}

.icon-4xl {
    width: var(--spacing-4xl);
}

.icon-5xl {
    width: var(--spacing-5xl);
}

.icon-6xl {
    width: var(--spacing-6xl);
}

.icon-7xl {
    width: var(--spacing-7xl);
}

.icon-8xl {
    width: var(--spacing-8xl);
}

.icon-9xl {
    width: var(--spacing-9xl);
}

.icon-10xl {
    width: var(--spacing-10xl);
}

.icon-11xl {
    width: var(--spacing-11xl);
}

/* 2.4. Border Radius */
.border-radius-none {
    border-radius: var(--radius-none);
}

.border-radius-xxs {
    border-radius: var(--radius-xxs);
}

.border-radius-xs {
    border-radius: var(--radius-xs);
}

.border-radius-sm {
    border-radius: var(--radius-sm);
}

.border-radius-md {
    border-radius: var(--radius-md);
}

.border-radius-lg {
    border-radius: var(--radius-lg);
}

.border-radius-xl {
    border-radius: var(--radius-xl);
}

.border-radius-2xl {
    border-radius: var(--radius-2xl);
}

.border-radius-3xl {
    border-radius: var(--radius-3xl);
}

.border-radius-4xl {
    border-radius: var(--radius-4xl);
}

.border-radius-full {
    border-radius: var(--radius-full);
}

.border-radius-top-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
}

.border-radius-top-xxs {
    border-top-left-radius: var(--radius-xxs);
    border-top-right-radius: var(--radius-xxs);
}

.border-radius-top-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
}

.border-radius-top-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
}

.border-radius-top-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
}

.border-radius-top-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
}

.border-radius-top-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
}

.border-radius-top-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
}

.border-radius-top-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
}

.border-radius-top-4xl {
    border-top-left-radius: var(--radius-4xl);
    border-top-right-radius: var(--radius-4xl);
}

.border-radius-top-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
}

.border-radius-right-none {
    border-top-right-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
}

.border-radius-right-xxs {
    border-top-right-radius: var(--radius-xxs);
    border-bottom-right-radius: var(--radius-xxs);
}

.border-radius-right-xs {
    border-top-right-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
}

.border-radius-right-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
}

.border-radius-right-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
}

.border-radius-right-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
}

.border-radius-right-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
}

.border-radius-right-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
}

.border-radius-right-3xl {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
}

.border-radius-right-4xl {
    border-top-right-radius: var(--radius-4xl);
    border-bottom-right-radius: var(--radius-4xl);
}

.border-radius-right-full {
    border-top-right-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
}

.border-radius-bottom-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
}

.border-radius-bottom-xxs {
    border-bottom-left-radius: var(--radius-xxs);
    border-bottom-right-radius: var(--radius-xxs);
}

.border-radius-bottom-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
}

.border-radius-bottom-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
}

.border-radius-bottom-md {
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
}

.border-radius-bottom-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
}

.border-radius-bottom-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
}

.border-radius-bottom-2xl {
    border-bottom-left-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
}

.border-radius-bottom-3xl {
    border-bottom-left-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
}

.border-radius-bottom-4xl {
    border-bottom-left-radius: var(--radius-4xl);
    border-bottom-right-radius: var(--radius-4xl);
}

.border-radius-bottom-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
}

.border-radius-left-none {
    border-top-left-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
}

.border-radius-left-xxs {
    border-top-left-radius: var(--radius-xxs);
    border-bottom-left-radius: var(--radius-xxs);
}

.border-radius-left-xs {
    border-top-left-radius: var(--radius-xs);
    border-bottom-left-radius: var(--radius-xs);
}

.border-radius-left-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
}

.border-radius-left-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
}

.border-radius-left-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
}

.border-radius-left-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
}

.border-radius-left-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
}

.border-radius-left-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
}

.border-radius-left-4xl {
    border-top-left-radius: var(--radius-4xl);
    border-bottom-left-radius: var(--radius-4xl);
}

.border-radius-left-full {
    border-top-left-radius: var(--radius-full);
    border-bottom-left-radius: var(--radius-full);
}

.border-radius-top-left-none {
    border-top-left-radius: var(--radius-none);
}

.border-radius-top-left-xxs {
    border-top-left-radius: var(--radius-xxs);
}

.border-radius-top-left-xs {
    border-top-left-radius: var(--radius-xs);
}

.border-radius-top-left-sm {
    border-top-left-radius: var(--radius-sm);
}

.border-radius-top-left-md {
    border-top-left-radius: var(--radius-md);
}

.border-radius-top-left-lg {
    border-top-left-radius: var(--radius-lg);
}

.border-radius-top-left-xl {
    border-top-left-radius: var(--radius-xl);
}

.border-radius-top-left-2xl {
    border-top-left-radius: var(--radius-2xl);
}

.border-radius-top-left-3xl {
    border-top-left-radius: var(--radius-3xl);
}

.border-radius-top-left-4xl {
    border-top-left-radius: var(--radius-4xl);
}

.border-radius-top-left-full {
    border-top-left-radius: var(--radius-full);
}

.border-radius-top-right-none {
    border-top-right-radius: var(--radius-none);
}

.border-radius-top-right-xxs {
    border-top-right-radius: var(--radius-xxs);
}

.border-radius-top-right-xs {
    border-top-right-radius: var(--radius-xs);
}

.border-radius-top-right-sm {
    border-top-right-radius: var(--radius-sm);
}

.border-radius-top-right-md {
    border-top-right-radius: var(--radius-md);
}

.border-radius-top-right-lg {
    border-top-right-radius: var(--radius-lg);
}

.border-radius-top-right-xl {
    border-top-right-radius: var(--radius-xl);
}

.border-radius-top-right-2xl {
    border-top-right-radius: var(--radius-2xl);
}

.border-radius-top-right-3xl {
    border-top-right-radius: var(--radius-3xl);
}

.border-radius-top-right-4xl {
    border-top-right-radius: var(--radius-4xl);
}

.border-radius-top-right-full {
    border-top-right-radius: var(--radius-full);
}

.border-radius-bottom-right-none {
    border-bottom-right-radius: var(--radius-none);
}

.border-radius-bottom-right-xxs {
    border-bottom-right-radius: var(--radius-xxs);
}

.border-radius-bottom-right-xs {
    border-bottom-right-radius: var(--radius-xs);
}

.border-radius-bottom-right-sm {
    border-bottom-right-radius: var(--radius-sm);
}

.border-radius-bottom-right-md {
    border-bottom-right-radius: var(--radius-md);
}

.border-radius-bottom-right-lg {
    border-bottom-right-radius: var(--radius-lg);
}

.border-radius-bottom-right-xl {
    border-bottom-right-radius: var(--radius-xl);
}

.border-radius-bottom-right-2xl {
    border-bottom-right-radius: var(--radius-2xl);
}

.border-radius-bottom-right-3xl {
    border-bottom-right-radius: var(--radius-3xl);
}

.border-radius-bottom-right-4xl {
    border-bottom-right-radius: var(--radius-4xl);
}

.border-radius-bottom-right-full {
    border-bottom-right-radius: var(--radius-full);
}

.border-radius-bottom-left-none {
    border-bottom-left-radius: var(--radius-none);
}

.border-radius-bottom-left-xxs {
    border-bottom-left-radius: var(--radius-xxs);
}

.border-radius-bottom-left-xs {
    border-bottom-left-radius: var(--radius-xs);
}

.border-radius-bottom-left-sm {
    border-bottom-left-radius: var(--radius-sm);
}

.border-radius-bottom-left-md {
    border-bottom-left-radius: var(--radius-md);
}

.border-radius-bottom-left-lg {
    border-bottom-left-radius: var(--radius-lg);
}

.border-radius-bottom-left-xl {
    border-bottom-left-radius: var(--radius-xl);
}

.border-radius-bottom-left-2xl {
    border-bottom-left-radius: var(--radius-2xl);
}

.border-radius-bottom-left-3xl {
    border-bottom-left-radius: var(--radius-3xl);
}

.border-radius-bottom-left-4xl {
    border-bottom-left-radius: var(--radius-4xl);
}

.border-radius-bottom-left-full {
    border-bottom-left-radius: var(--radius-full);
}

/* 2.5. Positions */
.top-none {
    top: var(--spacing-none);
}

.top-xxs {
    top: var(--spacing-xxs);
}

.top-xs {
    top: var(--spacing-xs);
}

.top-sm {
    top: var(--spacing-sm);
}

.top-md {
    top: var(--spacing-md);
}

.top-lg {
    top: var(--spacing-lg);
}

.top-xl {
    top: var(--spacing-xl);
}

.top-2xl {
    top: var(--spacing-2xl);
}

.top-3xl {
    top: var(--spacing-3xl);
}

.top-4xl {
    top: var(--spacing-4xl);
}

.top-5xl {
    top: var(--spacing-5xl);
}

.top-6xl {
    top: var(--spacing-6xl);
}

.top-7xl {
    top: var(--spacing-7xl);
}

.top-8xl {
    top: var(--spacing-8xl);
}

.top-9xl {
    top: var(--spacing-9xl);
}

.top-10xl {
    top: var(--spacing-10xl);
}

.top-11xl {
    top: var(--spacing-11xl);
}

.right-none {
    right: var(--spacing-none);
}

.right-xxs {
    right: var(--spacing-xxs);
}

.right-xs {
    right: var(--spacing-xs);
}

.right-sm {
    right: var(--spacing-sm);
}

.right-md {
    right: var(--spacing-md);
}

.right-lg {
    right: var(--spacing-lg);
}

.right-xl {
    right: var(--spacing-xl);
}

.right-2xl {
    right: var(--spacing-2xl);
}

.right-3xl {
    right: var(--spacing-3xl);
}

.right-4xl {
    right: var(--spacing-4xl);
}

.right-5xl {
    right: var(--spacing-5xl);
}

.right-6xl {
    right: var(--spacing-6xl);
}

.right-7xl {
    right: var(--spacing-7xl);
}

.right-8xl {
    right: var(--spacing-8xl);
}

.right-9xl {
    right: var(--spacing-9xl);
}

.right-10xl {
    right: var(--spacing-10xl);
}

.right-11xl {
    right: var(--spacing-11xl);
}

.bottom-none {
    bottom: var(--spacing-none);
}

.bottom-xxs {
    bottom: var(--spacing-xxs);
}

.bottom-xs {
    bottom: var(--spacing-xs);
}

.bottom-sm {
    bottom: var(--spacing-sm);
}

.bottom-md {
    bottom: var(--spacing-md);
}

.bottom-lg {
    bottom: var(--spacing-lg);
}

.bottom-xl {
    bottom: var(--spacing-xl);
}

.bottom-2xl {
    bottom: var(--spacing-2xl);
}

.bottom-3xl {
    bottom: var(--spacing-3xl);
}

.bottom-4xl {
    bottom: var(--spacing-4xl);
}

.bottom-5xl {
    bottom: var(--spacing-5xl);
}

.bottom-6xl {
    bottom: var(--spacing-6xl);
}

.bottom-7xl {
    bottom: var(--spacing-7xl);
}

.bottom-8xl {
    bottom: var(--spacing-8xl);
}

.bottom-9xl {
    bottom: var(--spacing-9xl);
}

.bottom-10xl {
    bottom: var(--spacing-10xl);
}

.bottom-11xl {
    bottom: var(--spacing-11xl);
}

.left-none {
    left: var(--spacing-none);
}

.left-xxs {
    left: var(--spacing-xxs);
}

.left-xs {
    left: var(--spacing-xs);
}

.left-sm {
    left: var(--spacing-sm);
}

.left-md {
    left: var(--spacing-md);
}

.left-lg {
    left: var(--spacing-lg);
}

.left-xl {
    left: var(--spacing-xl);
}

.left-2xl {
    left: var(--spacing-2xl);
}

.left-3xl {
    left: var(--spacing-3xl);
}

.left-4xl {
    left: var(--spacing-4xl);
}

.left-5xl {
    left: var(--spacing-5xl);
}

.left-6xl {
    left: var(--spacing-6xl);
}

.left-7xl {
    left: var(--spacing-7xl);
}

.left-8xl {
    left: var(--spacing-8xl);
}

.left-9xl {
    left: var(--spacing-9xl);
}

.left-10xl {
    left: var(--spacing-10xl);
}

.left-11xl {
    left: var(--spacing-11xl);
}

/* 3. Typography */
:root {
    --display-01: 4.5rem;
    --display-02: 3.75rem;
    --heading-01: 3rem;
    --heading-01-s: 2.125rem;
    --heading-02: 2.4375rem;
    --heading-02-s: 2.0625rem;
    --heading-03: 2.0625rem;
    --heading-03-s: 1.75rem;
    --heading-04: 1.75rem;
    --heading-04-s: 1.4375rem;
    --heading-05: 1.4375rem;
    --heading-05-s: 1.1875rem;
    --heading-06: 1.1875rem;
    --heading-06-s: 0.875rem;
    --subheading: 1.25rem;
    --paragraph-01: 0.875rem;
    --paragraph-02: 1rem;
    --paragraph-03: 1.125rem;
    --caption: 0.75rem;
    --footer: 0.625rem;

    --regular: 400;
    --semi-bold: 500;
    --bold: 600;
    --extra-bold: 700;
}

/* 3.1. Font Size */
.font-size-display-01 {
    font-size: var(--display-01);
}

.font-size-display-02 {
    font-size: var(--display-02);
}

.font-size-heading-01 {
    font-size: var(--heading-01);
}

.font-size-heading-01-s {
    font-size: var(--heading-01-s);
}

.font-size-heading-02 {
    font-size: var(--heading-02);
}

.font-size-heading-02-s {
    font-size: var(--heading-02-s);
}

.font-size-heading-03 {
    font-size: var(--heading-03);
}

.font-size-heading-03-s {
    font-size: var(--heading-03-s);
}

.font-size-heading-04 {
    font-size: var(--heading-04);
}

.font-size-heading-04-s {
    font-size: var(--heading-04-s);
}

.font-size-heading-05 {
    font-size: var(--heading-05);
}

.font-size-heading-05-s {
    font-size: var(--heading-05-s);
}

.font-size-heading-06 {
    font-size: var(--heading-06);
}

.font-size-heading-06-s {
    font-size: var(--heading-06-s);
}

.font-size-subheading {
    font-size: var(--subheading);
}

.font-size-paragraph-01 {
    font-size: var(--paragraph-01);
}

.font-size-paragraph-02 {
    font-size: var(--paragraph-02);
}

.font-size-paragraph-03 {
    font-size: var(--paragraph-03);
}

.font-size-caption {
    font-size: var(--caption);
}

.font-size-footer {
    font-size: var(--footer);
}

/* 3.2. Font Weight */
.font-weight-semi-bold {
    font-weight: var(--semi-bold);
}

.font-weight-bold {
    font-weight: var(--bold);
}

.font-weight-extra-bold {
    font-weight: var(--extra-bold);
}

/* 4.0. Width and Height */
.width-0 {
    width: 0%;
}

.width-1 {
    width: 1%;
}

.width-2 {
    width: 2%;
}

.width-3 {
    width: 3%;
}

.width-4 {
    width: 4%;
}

.width-5 {
    width: 5%;
}

.width-6 {
    width: 6%;
}

.width-7 {
    width: 7%;
}

.width-8 {
    width: 8%;
}

.width-9 {
    width: 9%;
}

.width-10 {
    width: 10%;
}

.width-11 {
    width: 11%;
}

.width-12 {
    width: 12%;
}

.width-13 {
    width: 13%;
}

.width-14 {
    width: 14%;
}

.width-15 {
    width: 15%;
}

.width-16 {
    width: 16%;
}

.width-17 {
    width: 17%;
}

.width-18 {
    width: 18%;
}

.width-19 {
    width: 19%;
}

.width-20 {
    width: 20%;
}

.width-21 {
    width: 21%;
}

.width-22 {
    width: 22%;
}

.width-23 {
    width: 23%;
}

.width-24 {
    width: 24%;
}

.width-25 {
    width: 25%;
}

.width-26 {
    width: 26%;
}

.width-27 {
    width: 27%;
}

.width-28 {
    width: 28%;
}

.width-29 {
    width: 29%;
}

.width-30 {
    width: 30%;
}

.width-31 {
    width: 31%;
}

.width-32 {
    width: 32%;
}

.width-33 {
    width: 33%;
}

.width-34 {
    width: 34%;
}

.width-35 {
    width: 35%;
}

.width-36 {
    width: 36%;
}

.width-37 {
    width: 37%;
}

.width-38 {
    width: 38%;
}

.width-39 {
    width: 39%;
}

.width-40 {
    width: 40%;
}

.width-41 {
    width: 41%;
}

.width-42 {
    width: 42%;
}

.width-43 {
    width: 43%;
}

.width-44 {
    width: 44%;
}

.width-45 {
    width: 45%;
}

.width-46 {
    width: 46%;
}

.width-47 {
    width: 47%;
}

.width-48 {
    width: 48%;
}

.width-49 {
    width: 49%;
}

.width-50 {
    width: 50%;
}

.width-51 {
    width: 51%;
}

.width-52 {
    width: 52%;
}

.width-53 {
    width: 53%;
}

.width-54 {
    width: 54%;
}

.width-55 {
    width: 55%;
}

.width-56 {
    width: 56%;
}

.width-57 {
    width: 57%;
}

.width-58 {
    width: 58%;
}

.width-59 {
    width: 59%;
}

.width-60 {
    width: 60%;
}

.width-61 {
    width: 61%;
}

.width-62 {
    width: 62%;
}

.width-63 {
    width: 63%;
}

.width-64 {
    width: 64%;
}

.width-65 {
    width: 65%;
}

.width-66 {
    width: 66%;
}

.width-67 {
    width: 67%;
}

.width-68 {
    width: 68%;
}

.width-69 {
    width: 69%;
}

.width-70 {
    width: 70%;
}

.width-71 {
    width: 71%;
}

.width-72 {
    width: 72%;
}

.width-73 {
    width: 73%;
}

.width-74 {
    width: 74%;
}

.width-75 {
    width: 75%;
}

.width-76 {
    width: 76%;
}

.width-77 {
    width: 77%;
}

.width-78 {
    width: 78%;
}

.width-79 {
    width: 79%;
}

.width-80 {
    width: 80%;
}

.width-81 {
    width: 81%;
}

.width-82 {
    width: 82%;
}

.width-83 {
    width: 83%;
}

.width-84 {
    width: 84%;
}

.width-85 {
    width: 85%;
}

.width-86 {
    width: 86%;
}

.width-87 {
    width: 87%;
}

.width-88 {
    width: 88%;
}

.width-89 {
    width: 89%;
}

.width-90 {
    width: 90%;
}

.width-91 {
    width: 91%;
}

.width-92 {
    width: 92%;
}

.width-93 {
    width: 93%;
}

.width-94 {
    width: 94%;
}

.width-95 {
    width: 95%;
}

.width-96 {
    width: 96%;
}

.width-97 {
    width: 97%;
}

.width-98 {
    width: 98%;
}

.width-99 {
    width: 99%;
}

.width-100 {
    width: 100%;
}

/* 4.1. Width with gaps */
.width-100-gap-none {
    width: calc(100% - (var(--spacing-none) / 2));
}

.width-100-gap-xxs {
    width: calc(100% - (var(--spacing-xxs) / 2));
}

.width-100-gap-xs {
    width: calc(100% - (var(--spacing-xs) / 2));
}

.width-100-gap-sm {
    width: calc(100% - (var(--spacing-sm) / 2));
}

.width-100-gap-md {
    width: calc(100% - (var(--spacing-md) / 2));
}

.width-100-gap-lg {
    width: calc(100% - (var(--spacing-lg) / 2));
}

.width-100-gap-xl {
    width: calc(100% - (var(--spacing-xl) / 2));
}

.width-100-gap-2xl {
    width: calc(100% - (var(--spacing-2xl) / 2));
}

.width-100-gap-3xl {
    width: calc(100% - (var(--spacing-3xl) / 2));
}

.width-100-gap-4xl {
    width: calc(100% - (var(--spacing-4xl) / 2));
}

.width-100-gap-5xl {
    width: calc(100% - (var(--spacing-5xl) / 2));
}

.width-100-gap-6xl {
    width: calc(100% - (var(--spacing-6xl) / 2));
}

.width-100-gap-7xl {
    width: calc(100% - (var(--spacing-7xl) / 2));
}

.width-100-gap-8xl {
    width: calc(100% - (var(--spacing-8xl) / 2));
}

.width-100-gap-9xl {
    width: calc(100% - (var(--spacing-9xl) / 2));
}

.width-100-gap-10xl {
    width: calc(100% - (var(--spacing-10xl) / 2));
}

.width-100-gap-11xl {
    width: calc(100% - (var(--spacing-11xl) / 2));
}

.width-75-gap-none {
    width: calc(75% - (var(--spacing-none) / 2));
}

.width-75-gap-xxs {
    width: calc(75% - (var(--spacing-xxs) / 2));
}

.width-75-gap-xs {
    width: calc(75% - (var(--spacing-xs) / 2));
}

.width-75-gap-sm {
    width: calc(75% - (var(--spacing-sm) / 2));
}

.width-75-gap-md {
    width: calc(75% - (var(--spacing-md) / 2));
}

.width-75-gap-lg {
    width: calc(75% - (var(--spacing-lg) / 2));
}

.width-75-gap-xl {
    width: calc(75% - (var(--spacing-xl) / 2));
}

.width-75-gap-2xl {
    width: calc(75% - (var(--spacing-2xl) / 2));
}

.width-75-gap-3xl {
    width: calc(75% - (var(--spacing-3xl) / 2));
}

.width-75-gap-4xl {
    width: calc(75% - (var(--spacing-4xl) / 2));
}

.width-75-gap-5xl {
    width: calc(75% - (var(--spacing-5xl) / 2));
}

.width-75-gap-6xl {
    width: calc(75% - (var(--spacing-6xl) / 2));
}

.width-75-gap-7xl {
    width: calc(75% - (var(--spacing-7xl) / 2));
}

.width-75-gap-8xl {
    width: calc(75% - (var(--spacing-8xl) / 2));
}

.width-75-gap-9xl {
    width: calc(75% - (var(--spacing-9xl) / 2));
}

.width-75-gap-10xl {
    width: calc(75% - (var(--spacing-10xl) / 2));
}

.width-75-gap-11xl {
    width: calc(75% - (var(--spacing-11xl) / 2));
}

.width-66-gap-none {
    width: calc(66% - (var(--spacing-none) / 2));
}

.width-66-gap-xxs {
    width: calc(66% - (var(--spacing-xxs) / 2));
}

.width-66-gap-xs {
    width: calc(66% - (var(--spacing-xs) / 2));
}

.width-66-gap-sm {
    width: calc(66% - (var(--spacing-sm) / 2));
}

.width-66-gap-md {
    width: calc(66% - (var(--spacing-md) / 2));
}

.width-66-gap-lg {
    width: calc(66% - (var(--spacing-lg) / 2));
}

.width-66-gap-xl {
    width: calc(66% - (var(--spacing-xl) / 2));
}

.width-66-gap-2xl {
    width: calc(66% - (var(--spacing-2xl) / 2));
}

.width-66-gap-3xl {
    width: calc(66% - (var(--spacing-3xl) / 2));
}

.width-66-gap-4xl {
    width: calc(66% - (var(--spacing-4xl) / 2));
}

.width-66-gap-5xl {
    width: calc(66% - (var(--spacing-5xl) / 2));
}

.width-66-gap-6xl {
    width: calc(66% - (var(--spacing-6xl) / 2));
}

.width-66-gap-7xl {
    width: calc(66% - (var(--spacing-7xl) / 2));
}

.width-66-gap-8xl {
    width: calc(66% - (var(--spacing-8xl) / 2));
}

.width-66-gap-9xl {
    width: calc(66% - (var(--spacing-9xl) / 2));
}

.width-66-gap-10xl {
    width: calc(66% - (var(--spacing-10xl) / 2));
}

.width-66-gap-11xl {
    width: calc(66% - (var(--spacing-11xl) / 2));
}

.width-50-gap-none {
    width: calc(50% - (var(--spacing-none) / 2));
}

.width-50-gap-xxs {
    width: calc(50% - (var(--spacing-xxs) / 2));
}

.width-50-gap-xs {
    width: calc(50% - (var(--spacing-xs) / 2));
}

.width-50-gap-sm {
    width: calc(50% - (var(--spacing-sm) / 2));
}

.width-50-gap-md {
    width: calc(50% - (var(--spacing-md) / 2));
}

.width-50-gap-lg {
    width: calc(50% - (var(--spacing-lg) / 2));
}

.width-50-gap-xl {
    width: calc(50% - (var(--spacing-xl) / 2));
}

.width-50-gap-2xl {
    width: calc(50% - (var(--spacing-2xl) / 2));
}

.width-50-gap-3xl {
    width: calc(50% - (var(--spacing-3xl) / 2));
}

.width-50-gap-4xl {
    width: calc(50% - (var(--spacing-4xl) / 2));
}

.width-50-gap-5xl {
    width: calc(50% - (var(--spacing-5xl) / 2));
}

.width-50-gap-6xl {
    width: calc(50% - (var(--spacing-6xl) / 2));
}

.width-50-gap-7xl {
    width: calc(50% - (var(--spacing-7xl) / 2));
}

.width-50-gap-8xl {
    width: calc(50% - (var(--spacing-8xl) / 2));
}

.width-50-gap-9xl {
    width: calc(50% - (var(--spacing-9xl) / 2));
}

.width-50-gap-10xl {
    width: calc(50% - (var(--spacing-10xl) / 2));
}

.width-50-gap-11xl {
    width: calc(50% - (var(--spacing-11xl) / 2));
}

.width-33-gap-none {
    width: calc(33% - (var(--spacing-none) / 2));
}

.width-33-gap-xxs {
    width: calc(33% - (var(--spacing-xxs) / 2));
}

.width-33-gap-xs {
    width: calc(33% - (var(--spacing-xs) / 2));
}

.width-33-gap-sm {
    width: calc(33% - (var(--spacing-sm) / 2));
}

.width-33-gap-md {
    width: calc(33% - (var(--spacing-md) / 2));
}

.width-33-gap-lg {
    width: calc(33% - (var(--spacing-lg) / 2));
}

.width-33-gap-xl {
    width: calc(33% - (var(--spacing-xl) / 2));
}

.width-33-gap-2xl {
    width: calc(33% - (var(--spacing-2xl) / 2));
}

.width-33-gap-3xl {
    width: calc(33% - (var(--spacing-3xl) / 2));
}

.width-33-gap-4xl {
    width: calc(33% - (var(--spacing-4xl) / 2));
}

.width-33-gap-5xl {
    width: calc(33% - (var(--spacing-5xl) / 2));
}

.width-33-gap-6xl {
    width: calc(33% - (var(--spacing-6xl) / 2));
}

.width-33-gap-7xl {
    width: calc(33% - (var(--spacing-7xl) / 2));
}

.width-33-gap-8xl {
    width: calc(33% - (var(--spacing-8xl) / 2));
}

.width-33-gap-9xl {
    width: calc(33% - (var(--spacing-9xl) / 2));
}

.width-33-gap-10xl {
    width: calc(33% - (var(--spacing-10xl) / 2));
}

.width-33-gap-11xl {
    width: calc(33% - (var(--spacing-11xl) / 2));
}

.width-25-gap-none {
    width: calc(25% - (var(--spacing-none) / 2));
}

.width-25-gap-xxs {
    width: calc(25% - (var(--spacing-xxs) / 2));
}

.width-25-gap-xs {
    width: calc(25% - (var(--spacing-xs) / 2));
}

.width-25-gap-sm {
    width: calc(25% - (var(--spacing-sm) / 2));
}

.width-25-gap-md {
    width: calc(25% - (var(--spacing-md) / 2));
}

.width-25-gap-lg {
    width: calc(25% - (var(--spacing-lg) / 2));
}

.width-25-gap-xl {
    width: calc(25% - (var(--spacing-xl) / 2));
}

.width-25-gap-2xl {
    width: calc(25% - (var(--spacing-2xl) / 2));
}

.width-25-gap-3xl {
    width: calc(25% - (var(--spacing-3xl) / 2));
}

.width-25-gap-4xl {
    width: calc(25% - (var(--spacing-4xl) / 2));
}

.width-25-gap-5xl {
    width: calc(25% - (var(--spacing-5xl) / 2));
}

.width-25-gap-6xl {
    width: calc(25% - (var(--spacing-6xl) / 2));
}

.width-25-gap-7xl {
    width: calc(25% - (var(--spacing-7xl) / 2));
}

.width-25-gap-8xl {
    width: calc(25% - (var(--spacing-8xl) / 2));
}

.width-25-gap-9xl {
    width: calc(25% - (var(--spacing-9xl) / 2));
}

.width-25-gap-10xl {
    width: calc(25% - (var(--spacing-10xl) / 2));
}

.width-25-gap-11xl {
    width: calc(25% - (var(--spacing-11xl) / 2));
}

.height-unset {
    height: unset;
}

.height-0 {
    height: 0%;
}

.height-1 {
    height: 1%;
}

.height-2 {
    height: 2%;
}

.height-3 {
    height: 3%;
}

.height-4 {
    height: 4%;
}

.height-5 {
    height: 5%;
}

.height-6 {
    height: 6%;
}

.height-7 {
    height: 7%;
}

.height-8 {
    height: 8%;
}

.height-9 {
    height: 9%;
}

.height-10 {
    height: 10%;
}

.height-11 {
    height: 11%;
}

.height-12 {
    height: 12%;
}

.height-13 {
    height: 13%;
}

.height-14 {
    height: 14%;
}

.height-15 {
    height: 15%;
}

.height-16 {
    height: 16%;
}

.height-17 {
    height: 17%;
}

.height-18 {
    height: 18%;
}

.height-19 {
    height: 19%;
}

.height-20 {
    height: 20%;
}

.height-21 {
    height: 21%;
}

.height-22 {
    height: 22%;
}

.height-23 {
    height: 23%;
}

.height-24 {
    height: 24%;
}

.height-25 {
    height: 25%;
}

.height-26 {
    height: 26%;
}

.height-27 {
    height: 27%;
}

.height-28 {
    height: 28%;
}

.height-29 {
    height: 29%;
}

.height-30 {
    height: 30%;
}

.height-31 {
    height: 31%;
}

.height-32 {
    height: 32%;
}

.height-33 {
    height: 33%;
}

.height-34 {
    height: 34%;
}

.height-35 {
    height: 35%;
}

.height-36 {
    height: 36%;
}

.height-37 {
    height: 37%;
}

.height-38 {
    height: 38%;
}

.height-39 {
    height: 39%;
}

.height-40 {
    height: 40%;
}

.height-41 {
    height: 41%;
}

.height-42 {
    height: 42%;
}

.height-43 {
    height: 43%;
}

.height-44 {
    height: 44%;
}

.height-45 {
    height: 45%;
}

.height-46 {
    height: 46%;
}

.height-47 {
    height: 47%;
}

.height-48 {
    height: 48%;
}

.height-49 {
    height: 49%;
}

.height-50 {
    height: 50%;
}

.height-51 {
    height: 51%;
}

.height-52 {
    height: 52%;
}

.height-53 {
    height: 53%;
}

.height-54 {
    height: 54%;
}

.height-55 {
    height: 55%;
}

.height-56 {
    height: 56%;
}

.height-57 {
    height: 57%;
}

.height-58 {
    height: 58%;
}

.height-59 {
    height: 59%;
}

.height-60 {
    height: 60%;
}

.height-61 {
    height: 61%;
}

.height-62 {
    height: 62%;
}

.height-63 {
    height: 63%;
}

.height-64 {
    height: 64%;
}

.height-65 {
    height: 65%;
}

.height-66 {
    height: 66%;
}

.height-67 {
    height: 67%;
}

.height-68 {
    height: 68%;
}

.height-69 {
    height: 69%;
}

.height-70 {
    height: 70%;
}

.height-71 {
    height: 71%;
}

.height-72 {
    height: 72%;
}

.height-73 {
    height: 73%;
}

.height-74 {
    height: 74%;
}

.height-75 {
    height: 75%;
}

.height-76 {
    height: 76%;
}

.height-77 {
    height: 77%;
}

.height-78 {
    height: 78%;
}

.height-79 {
    height: 79%;
}

.height-80 {
    height: 80%;
}

.height-81 {
    height: 81%;
}

.height-82 {
    height: 82%;
}

.height-83 {
    height: 83%;
}

.height-84 {
    height: 84%;
}

.height-85 {
    height: 85%;
}

.height-86 {
    height: 86%;
}

.height-87 {
    height: 87%;
}

.height-88 {
    height: 88%;
}

.height-89 {
    height: 89%;
}

.height-90 {
    height: 90%;
}

.height-91 {
    height: 91%;
}

.height-92 {
    height: 92%;
}

.height-93 {
    height: 93%;
}

.height-94 {
    height: 94%;
}

.height-95 {
    height: 95%;
}

.height-96 {
    height: 96%;
}

.height-97 {
    height: 97%;
}

.height-98 {
    height: 98%;
}

.height-99 {
    height: 99%;
}

.height-100 {
    height: 100%;
}

.height-25vh {
    height: 25vh;
    height: 25dvh;
}

.height-33vh {
    height: 33vh;
    height: 33dvh;
}

.height-50vh {
    height: 50vh;
    height: 50dvh;
}

.height-66vh {
    height: 66vh;
    height: 66dvh;
}

.height-75vh {
    height: 75vh;
    height: 75dvh;
}

.height-100vh {
    height: 100vh;
    height: 100dvh;
}

.max-height-25vh {
    max-height: 25vh;
    max-height: 25dvh;
}

.max-height-33vh {
    max-height: 33vh;
    max-height: 33dvh;
}

.max-height-50vh {
    max-height: 50vh;
    max-height: 50dvh;
}

.max-height-66vh {
    max-height: 66vh;
    max-height: 66dvh;
}

.max-height-75vh {
    max-height: 75vh;
    max-height: 75dvh;
}

.max-height-100vh {
    max-height: 100vh;
    max-height: 100dvh;
}

.min-height-25vh {
    min-height: 25vh;
    min-height: 25dvh;
}

.min-height-33vh {
    min-height: 33vh;
    min-height: 33dvh;
}

.min-height-50vh {
    min-height: 50vh;
    min-height: 50dvh;
}

.min-height-66vh {
    min-height: 66vh;
    min-height: 66dvh;
}

.min-height-75vh {
    min-height: 75vh;
    min-height: 75dvh;
}

.min-height-100vh {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Laptop-L */
@media screen and (max-width: 1440px) {
    .border-1-laptop-l {
        border: 1px solid;
    }

    .border-2-laptop-l {
        border: 2px solid;
    }

    .border-1-y-laptop-l {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    .border-2-y-laptop-l {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }

    .border-1-x-laptop-l {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .border-2-x-laptop-l {
        border-left: 2px solid;
        border-right: 2px solid;
    }

    .border-1-top-laptop-l {
        border-top: 1px solid;
    }

    .border-2-top-laptop-l {
        border-top: 2px solid;
    }

    .border-1-right-laptop-l {
        border-right: 1px solid;
    }

    .border-2-right-laptop-l {
        border-right: 2px solid;
    }

    .border-1-bottom-laptop-l {
        border-bottom: 1px solid;
    }

    .border-2-bottom-laptop-l {
        border-bottom: 2px solid;
    }

    .border-1-left-laptop-l {
        border-left: 1px solid;
    }

    .border-2-left-laptop-l {
        border-left: 2px solid;
    }

    .text-transform-none-laptop-l {
        text-transform: none;
    }

    .text-transform-uppercase-laptop-l {
        text-transform: uppercase;
    }

    .text-transform-lowercase-laptop-l {
        text-transform: lowercase;
    }

    .text-transform-capitalize-laptop-l {
        text-transform: capitalize;
    }

    .text-transform-full-width-laptop-l {
        text-transform: full-width;
    }

    .text-transform-inherit-laptop-l {
        text-transform: inherit;
    }

    .text-transform-initial-laptop-l {
        text-transform: initial;
    }

    .text-transform-revert-laptop-l {
        text-transform: revert;
    }

    .text-transform-unset-laptop-l {
        text-transform: unset;
    }

    .text-decoration-none-laptop-l {
        text-decoration: none;
    }

    .text-decoration-underline-laptop-l {
        text-decoration: underline;
    }

    .text-decoration-overline-laptop-l {
        text-decoration: overline;
    }

    .text-decoration-line-through-laptop-l {
        text-decoration: line-through;
    }

    .text-decoration-underline-overline-laptop-l {
        text-decoration: underline overline;
    }

    .text-decoration-solid-laptop-l {
        text-decoration-style: solid;
    }

    .text-decoration-dashed-laptop-l {
        text-decoration-style: dashed;
    }

    .text-decoration-dotted-laptop-l {
        text-decoration-style: dotted;
    }

    .text-decoration-double-laptop-l {
        text-decoration-style: double;
    }

    .text-decoration-wavy-laptop-l {
        text-decoration-style: wavy;
    }

    .text-align-left-laptop-l {
        text-align: left;
    }

    .text-align-right-laptop-l {
        text-align: right;
    }

    .text-align-center-laptop-l {
        text-align: center;
    }

    .text-align-justify-laptop-l {
        text-align: justify;
    }

    .text-align-start-laptop-l {
        text-align: start;
    }

    .text-align-end-laptop-l {
        text-align: end;
    }

    .text-wrap-laptop-l {
        text-wrap: wrap;
    }

    .text-nowrap-laptop-l {
        text-wrap: nowrap;
    }

    .word-break-normal-laptop-l {
        word-break: normal;
    }

    .word-break-break-all-laptop-l {
        word-break: break-all;
    }

    .word-break-break-word-laptop-l {
        word-break: break-word;
    }

    .word-break-keep-all-laptop-l {
        word-break: keep-all;
    }

    .row-laptop-l {
        display: flex;
        flex-direction: row;
    }

    .row-reverse-laptop-l {
        display: flex;
        flex-direction: row-reverse;
    }

    .column-laptop-l {
        display: flex;
        flex-direction: column;
    }

    .column-reverse-laptop-l {
        display: flex;
        flex-direction: column-reverse;
    }

    .justify-content-flex-start-laptop-l {
        justify-content: flex-start;
    }

    .justify-content-center-laptop-l {
        justify-content: center;
    }

    .justify-content-flex-end-laptop-l {
        justify-content: flex-end;
    }

    .justify-content-space-between-laptop-l {
        justify-content: space-between;
    }

    .justify-content-space-around-laptop-l {
        justify-content: space-around;
    }

    .justify-content-space-evenly-laptop-l {
        justify-content: space-evenly;
    }

    .align-items-flex-start-laptop-l {
        align-items: flex-start;
    }

    .align-items-center-laptop-l {
        align-items: center;
    }

    .align-items-flex-end-laptop-l {
        align-items: flex-end;
    }

    .align-items-baseline-laptop-l {
        align-items: baseline;
    }

    .align-items-stretch-laptop-l {
        align-items: stretch;
    }

    .align-content-flex-start-laptop-l {
        align-content: flex-start;
    }

    .align-content-center-laptop-l {
        align-content: center;
    }

    .align-content-flex-end-laptop-l {
        align-content: flex-end;
    }

    .align-content-space-between-laptop-l {
        align-content: space-between;
    }

    .align-content-space-around-laptop-l {
        align-content: space-around;
    }

    .align-content-space-evenly-laptop-l {
        align-content: space-evenly;
    }

    .align-self-auto-laptop-l {
        align-self: auto;
    }

    .align-self-flex-start-laptop-l {
        align-self: flex-start;
    }

    .align-self-center-laptop-l {
        align-self: center;
    }

    .align-self-flex-end-laptop-l {
        align-self: flex-end;
    }

    .align-self-stretch-laptop-l {
        align-self: stretch;
    }

    .flex-wrap-laptop-l {
        flex-wrap: wrap;
    }

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

    .order-1-laptop-l {
        order: 1;
    }

    .order-2-laptop-l {
        order: 2;
    }

    .order-3-laptop-l {
        order: 3;
    }

    .order-4-laptop-l {
        order: 4;
    }

    .order-5-laptop-l {
        order: 5;
    }

    .display-none-laptop-l {
        display: none;
    }

    .display-block-laptop-l {
        display: block;
    }

    .display-inline-laptop-l {
        display: inline;
    }

    .display-inline-block-laptop-l {
        display: inline-block;
    }

    .display-flex-laptop-l {
        display: flex;
    }

    .display-inline-flex-laptop-l {
        display: inline-flex;
    }

    .display-grid-laptop-l {
        display: grid;
    }

    .display-inline-grid-laptop-l {
        display: inline-grid;
    }

    .display-table-laptop-l {
        display: table;
    }

    .display-inline-table-laptop-l {
        display: inline-table;
    }

    .display-table-row-laptop-l {
        display: table-row;
    }

    .display-table-cell-laptop-l {
        display: table-cell;
    }

    .display-contents-laptop-l {
        display: contents;
    }

    .display-list-item-laptop-l {
        display: list-item;
    }

    .position-static-laptop-l {
        position: static;
    }

    .position-relative-laptop-l {
        position: relative;
    }

    .position-absolute-laptop-l {
        position: absolute;
    }

    .position-fixed-laptop-l {
        position: fixed;
    }

    .position-sticky-laptop-l {
        position: sticky;
    }

    .overflow-visible-laptop-l {
        overflow: visible;
    }

    .overflow-hidden-laptop-l {
        overflow: hidden;
    }

    .overflow-scroll-laptop-l {
        overflow: scroll;
    }

    .overflow-auto-laptop-l {
        overflow: auto;
    }

    .overflow-x-visible-laptop-l {
        overflow-x: visible;
    }

    .overflow-x-hidden-laptop-l {
        overflow-x: hidden;
    }

    .overflow-x-scroll-laptop-l {
        overflow-x: scroll;
    }

    .overflow-x-auto-laptop-l {
        overflow-x: auto;
    }

    .overflow-y-visible-laptop-l {
        overflow-y: visible;
    }

    .overflow-y-hidden-laptop-l {
        overflow-y: hidden;
    }

    .overflow-y-scroll-laptop-l {
        overflow-y: scroll;
    }

    .overflow-y-auto-laptop-l {
        overflow-y: auto;
    }

    .background-none-laptop-l {
        background: none;
    }

    .background-linear-gradient-type-1-laptop-l {
        background: var(--linear-gradient-type-1), var(--primary-900);
    }

    .background-linear-gradient-type-2-laptop-l {
        background: var(--linear-gradient-type-2), var(--primary-900);
    }

    .background-color-neutral-50-laptop-l {
        background-color: var(--neutral-50);
    }

    .background-color-neutral-100-laptop-l {
        background-color: var(--neutral-100);
    }

    .background-color-neutral-200-laptop-l {
        background-color: var(--neutral-200);
    }

    .background-color-neutral-300-laptop-l {
        background-color: var(--neutral-300);
    }

    .background-color-neutral-400-laptop-l {
        background-color: var(--neutral-400);
    }

    .background-color-neutral-500-laptop-l {
        background-color: var(--neutral-500);
    }

    .background-color-neutral-600-laptop-l {
        background-color: var(--neutral-600);
    }

    .background-color-neutral-700-laptop-l {
        background-color: var(--neutral-700);
    }

    .background-color-neutral-800-laptop-l {
        background-color: var(--neutral-800);
    }

    .background-color-neutral-900-laptop-l {
        background-color: var(--neutral-900);
    }

    .background-color-primary-50-laptop-l {
        background-color: var(--primary-50);
    }

    .background-color-primary-100-laptop-l {
        background-color: var(--primary-100);
    }

    .background-color-primary-200-laptop-l {
        background-color: var(--primary-200);
    }

    .background-color-primary-300-laptop-l {
        background-color: var(--primary-300);
    }

    .background-color-primary-400-laptop-l {
        background-color: var(--primary-400);
    }

    .background-color-primary-500-laptop-l {
        background-color: var(--primary-500);
    }

    .background-color-primary-600-laptop-l {
        background-color: var(--primary-600);
    }

    .background-color-primary-700-laptop-l {
        background-color: var(--primary-700);
    }

    .background-color-primary-800-laptop-l {
        background-color: var(--primary-800);
    }

    .background-color-primary-900-laptop-l {
        background-color: var(--primary-900);
    }

    .background-color-success-50-laptop-l {
        background-color: var(--success-50);
    }

    .background-color-success-100-laptop-l {
        background-color: var(--success-100);
    }

    .background-color-success-200-laptop-l {
        background-color: var(--success-200);
    }

    .background-color-success-300-laptop-l {
        background-color: var(--success-300);
    }

    .background-color-success-400-laptop-l {
        background-color: var(--success-400);
    }

    .background-color-success-500-laptop-l {
        background-color: var(--success-500);
    }

    .background-color-success-600-laptop-l {
        background-color: var(--success-600);
    }

    .background-color-success-700-laptop-l {
        background-color: var(--success-700);
    }

    .background-color-success-800-laptop-l {
        background-color: var(--success-800);
    }

    .background-color-success-900-laptop-l {
        background-color: var(--success-900);
    }

    .background-color-warning-50-laptop-l {
        background-color: var(--warning-50);
    }

    .background-color-warning-100-laptop-l {
        background-color: var(--warning-100);
    }

    .background-color-warning-200-laptop-l {
        background-color: var(--warning-200);
    }

    .background-color-warning-300-laptop-l {
        background-color: var(--warning-300);
    }

    .background-color-warning-400-laptop-l {
        background-color: var(--warning-400);
    }

    .background-color-warning-500-laptop-l {
        background-color: var(--warning-500);
    }

    .background-color-warning-600-laptop-l {
        background-color: var(--warning-600);
    }

    .background-color-warning-700-laptop-l {
        background-color: var(--warning-700);
    }

    .background-color-warning-800-laptop-l {
        background-color: var(--warning-800);
    }

    .background-color-warning-900-laptop-l {
        background-color: var(--warning-900);
    }

    .background-color-error-50-laptop-l {
        background-color: var(--error-50);
    }

    .background-color-error-100-laptop-l {
        background-color: var(--error-100);
    }

    .background-color-error-200-laptop-l {
        background-color: var(--error-200);
    }

    .background-color-error-300-laptop-l {
        background-color: var(--error-300);
    }

    .background-color-error-400-laptop-l {
        background-color: var(--error-400);
    }

    .background-color-error-500-laptop-l {
        background-color: var(--error-500);
    }

    .background-color-error-600-laptop-l {
        background-color: var(--error-600);
    }

    .background-color-error-700-laptop-l {
        background-color: var(--error-700);
    }

    .background-color-error-800-laptop-l {
        background-color: var(--error-800);
    }

    .background-color-error-900-laptop-l {
        background-color: var(--error-900);
    }

    .background-color-shades-0-laptop-l {
        background-color: var(--shades-0);
    }

    .background-color-shades-100-laptop-l {
        background-color: var(--shades-100);
    }

    .background-color-dark-50-laptop-l {
        background-color: var(--dark-50);
    }

    .background-color-dark-100-laptop-l {
        background-color: var(--dark-100);
    }

    .background-color-dark-200-laptop-l {
        background-color: var(--dark-200);
    }

    .background-color-dark-300-laptop-l {
        background-color: var(--dark-300);
    }

    .background-color-dark-400-laptop-l {
        background-color: var(--dark-400);
    }

    .background-color-dark-500-laptop-l {
        background-color: var(--dark-500);
    }

    .background-color-dark-600-laptop-l {
        background-color: var(--dark-600);
    }

    .background-color-dark-700-laptop-l {
        background-color: var(--dark-700);
    }

    .background-color-dark-800-laptop-l {
        background-color: var(--dark-800);
    }

    .background-color-dark-900-laptop-l {
        background-color: var(--dark-900);
    }

    .text-color-neutral-50-laptop-l {
        color: var(--neutral-50);
    }

    .text-color-neutral-100-laptop-l {
        color: var(--neutral-100);
    }

    .text-color-neutral-200-laptop-l {
        color: var(--neutral-200);
    }

    .text-color-neutral-300-laptop-l {
        color: var(--neutral-300);
    }

    .text-color-neutral-400-laptop-l {
        color: var(--neutral-400);
    }

    .text-color-neutral-500-laptop-l {
        color: var(--neutral-500);
    }

    .text-color-neutral-600-laptop-l {
        color: var(--neutral-600);
    }

    .text-color-neutral-700-laptop-l {
        color: var(--neutral-700);
    }

    .text-color-neutral-800-laptop-l {
        color: var(--neutral-800);
    }

    .text-color-neutral-900-laptop-l {
        color: var(--neutral-900);
    }

    .text-color-primary-50-laptop-l {
        color: var(--primary-50);
    }

    .text-color-primary-100-laptop-l {
        color: var(--primary-100);
    }

    .text-color-primary-200-laptop-l {
        color: var(--primary-200);
    }

    .text-color-primary-300-laptop-l {
        color: var(--primary-300);
    }

    .text-color-primary-400-laptop-l {
        color: var(--primary-400);
    }

    .text-color-primary-500-laptop-l {
        color: var(--primary-500);
    }

    .text-color-primary-600-laptop-l {
        color: var(--primary-600);
    }

    .text-color-primary-700-laptop-l {
        color: var(--primary-700);
    }

    .text-color-primary-800-laptop-l {
        color: var(--primary-800);
    }

    .text-color-primary-900-laptop-l {
        color: var(--primary-900);
    }

    .text-color-success-50-laptop-l {
        color: var(--success-50);
    }

    .text-color-success-100-laptop-l {
        color: var(--success-100);
    }

    .text-color-success-200-laptop-l {
        color: var(--success-200);
    }

    .text-color-success-300-laptop-l {
        color: var(--success-300);
    }

    .text-color-success-400-laptop-l {
        color: var(--success-400);
    }

    .text-color-success-500-laptop-l {
        color: var(--success-500);
    }

    .text-color-success-600-laptop-l {
        color: var(--success-600);
    }

    .text-color-success-700-laptop-l {
        color: var(--success-700);
    }

    .text-color-success-800-laptop-l {
        color: var(--success-800);
    }

    .text-color-success-900-laptop-l {
        color: var(--success-900);
    }

    .text-color-warning-50-laptop-l {
        color: var(--warning-50);
    }

    .text-color-warning-100-laptop-l {
        color: var(--warning-100);
    }

    .text-color-warning-200-laptop-l {
        color: var(--warning-200);
    }

    .text-color-warning-300-laptop-l {
        color: var(--warning-300);
    }

    .text-color-warning-400-laptop-l {
        color: var(--warning-400);
    }

    .text-color-warning-500-laptop-l {
        color: var(--warning-500);
    }

    .text-color-warning-600-laptop-l {
        color: var(--warning-600);
    }

    .text-color-warning-700-laptop-l {
        color: var(--warning-700);
    }

    .text-color-warning-800-laptop-l {
        color: var(--warning-800);
    }

    .text-color-warning-900-laptop-l {
        color: var(--warning-900);
    }

    .text-color-error-50-laptop-l {
        color: var(--error-50);
    }

    .text-color-error-100-laptop-l {
        color: var(--error-100);
    }

    .text-color-error-200-laptop-l {
        color: var(--error-200);
    }

    .text-color-error-300-laptop-l {
        color: var(--error-300);
    }

    .text-color-error-400-laptop-l {
        color: var(--error-400);
    }

    .text-color-error-500-laptop-l {
        color: var(--error-500);
    }

    .text-color-error-600-laptop-l {
        color: var(--error-600);
    }

    .text-color-error-700-laptop-l {
        color: var(--error-700);
    }

    .text-color-error-800-laptop-l {
        color: var(--error-800);
    }

    .text-color-error-900-laptop-l {
        color: var(--error-900);
    }

    .text-color-shades-0-laptop-l {
        color: var(--shades-0);
    }

    .text-color-shades-100-laptop-l {
        color: var(--shades-100);
    }

    .text-color-dark-50-laptop-l {
        color: var(--dark-50);
    }

    .text-color-dark-100-laptop-l {
        color: var(--dark-100);
    }

    .text-color-dark-200-laptop-l {
        color: var(--dark-200);
    }

    .text-color-dark-300-laptop-l {
        color: var(--dark-300);
    }

    .text-color-dark-400-laptop-l {
        color: var(--dark-400);
    }

    .text-color-dark-500-laptop-l {
        color: var(--dark-500);
    }

    .text-color-dark-600-laptop-l {
        color: var(--dark-600);
    }

    .text-color-dark-700-laptop-l {
        color: var(--dark-700);
    }

    .text-color-dark-800-laptop-l {
        color: var(--dark-800);
    }

    .text-color-dark-900-laptop-l {
        color: var(--dark-900);
    }

    .border-color-neutral-50-laptop-l {
        border-color: var(--neutral-50);
    }

    .border-color-neutral-100-laptop-l {
        border-color: var(--neutral-100);
    }

    .border-color-neutral-200-laptop-l {
        border-color: var(--neutral-200);
    }

    .border-color-neutral-300-laptop-l {
        border-color: var(--neutral-300);
    }

    .border-color-neutral-400-laptop-l {
        border-color: var(--neutral-400);
    }

    .border-color-neutral-500-laptop-l {
        border-color: var(--neutral-500);
    }

    .border-color-neutral-600-laptop-l {
        border-color: var(--neutral-600);
    }

    .border-color-neutral-700-laptop-l {
        border-color: var(--neutral-700);
    }

    .border-color-neutral-800-laptop-l {
        border-color: var(--neutral-800);
    }

    .border-color-neutral-900-laptop-l {
        border-color: var(--neutral-900);
    }

    .border-color-primary-50-laptop-l {
        border-color: var(--primary-50);
    }

    .border-color-primary-100-laptop-l {
        border-color: var(--primary-100);
    }

    .border-color-primary-200-laptop-l {
        border-color: var(--primary-200);
    }

    .border-color-primary-300-laptop-l {
        border-color: var(--primary-300);
    }

    .border-color-primary-400-laptop-l {
        border-color: var(--primary-400);
    }

    .border-color-primary-500-laptop-l {
        border-color: var(--primary-500);
    }

    .border-color-primary-600-laptop-l {
        border-color: var(--primary-600);
    }

    .border-color-primary-700-laptop-l {
        border-color: var(--primary-700);
    }

    .border-color-primary-800-laptop-l {
        border-color: var(--primary-800);
    }

    .border-color-primary-900-laptop-l {
        border-color: var(--primary-900);
    }

    .border-color-success-50-laptop-l {
        border-color: var(--success-50);
    }

    .border-color-success-100-laptop-l {
        border-color: var(--success-100);
    }

    .border-color-success-200-laptop-l {
        border-color: var(--success-200);
    }

    .border-color-success-300-laptop-l {
        border-color: var(--success-300);
    }

    .border-color-success-400-laptop-l {
        border-color: var(--success-400);
    }

    .border-color-success-500-laptop-l {
        border-color: var(--success-500);
    }

    .border-color-success-600-laptop-l {
        border-color: var(--success-600);
    }

    .border-color-success-700-laptop-l {
        border-color: var(--success-700);
    }

    .border-color-success-800-laptop-l {
        border-color: var(--success-800);
    }

    .border-color-success-900-laptop-l {
        border-color: var(--success-900);
    }

    .border-color-warning-50-laptop-l {
        border-color: var(--warning-50);
    }

    .border-color-warning-100-laptop-l {
        border-color: var(--warning-100);
    }

    .border-color-warning-200-laptop-l {
        border-color: var(--warning-200);
    }

    .border-color-warning-300-laptop-l {
        border-color: var(--warning-300);
    }

    .border-color-warning-400-laptop-l {
        border-color: var(--warning-400);
    }

    .border-color-warning-500-laptop-l {
        border-color: var(--warning-500);
    }

    .border-color-warning-600-laptop-l {
        border-color: var(--warning-600);
    }

    .border-color-warning-700-laptop-l {
        border-color: var(--warning-700);
    }

    .border-color-warning-800-laptop-l {
        border-color: var(--warning-800);
    }

    .border-color-warning-900-laptop-l {
        border-color: var(--warning-900);
    }

    .border-color-error-50-laptop-l {
        border-color: var(--error-50);
    }

    .border-color-error-100-laptop-l {
        border-color: var(--error-100);
    }

    .border-color-error-200-laptop-l {
        border-color: var(--error-200);
    }

    .border-color-error-300-laptop-l {
        border-color: var(--error-300);
    }

    .border-color-error-400-laptop-l {
        border-color: var(--error-400);
    }

    .border-color-error-500-laptop-l {
        border-color: var(--error-500);
    }

    .border-color-error-600-laptop-l {
        border-color: var(--error-600);
    }

    .border-color-error-700-laptop-l {
        border-color: var(--error-700);
    }

    .border-color-error-800-laptop-l {
        border-color: var(--error-800);
    }

    .border-color-error-900-laptop-l {
        border-color: var(--error-900);
    }

    .border-color-shades-0-laptop-l {
        border-color: var(--shades-0);
    }

    .border-color-shades-100-laptop-l {
        border-color: var(--shades-100);
    }

    .border-color-dark-50-laptop-l {
        border-color: var(--dark-50);
    }

    .border-color-dark-100-laptop-l {
        border-color: var(--dark-100);
    }

    .border-color-dark-200-laptop-l {
        border-color: var(--dark-200);
    }

    .border-color-dark-300-laptop-l {
        border-color: var(--dark-300);
    }

    .border-color-dark-400-laptop-l {
        border-color: var(--dark-400);
    }

    .border-color-dark-500-laptop-l {
        border-color: var(--dark-500);
    }

    .border-color-dark-600-laptop-l {
        border-color: var(--dark-600);
    }

    .border-color-dark-700-laptop-l {
        border-color: var(--dark-700);
    }

    .border-color-dark-800-laptop-l {
        border-color: var(--dark-800);
    }

    .border-color-dark-900-laptop-l {
        border-color: var(--dark-900);
    }

    .icon-color-neutral-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(842%) hue-rotate(176deg) brightness(98%) contrast(101%);
    }

    .icon-color-neutral-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(339%) hue-rotate(71deg) brightness(109%) contrast(95%);
    }

    .icon-color-neutral-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(388%) hue-rotate(54deg) brightness(97%) contrast(94%);
    }

    .icon-color-neutral-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(217%) hue-rotate(104deg) brightness(95%) contrast(91%);
    }

    .icon-color-neutral-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(74%) sepia(19%) saturate(336%) hue-rotate(84deg) brightness(92%) contrast(90%);
    }

    .icon-color-neutral-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(609%) hue-rotate(95deg) brightness(98%) contrast(88%);
    }

    .icon-color-neutral-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(654%) hue-rotate(107deg) brightness(90%) contrast(89%);
    }

    .icon-color-neutral-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(27%) sepia(6%) saturate(2702%) hue-rotate(109deg) brightness(93%) contrast(80%);
    }

    .icon-color-neutral-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(4424%) hue-rotate(110deg) brightness(97%) contrast(79%);
    }

    .icon-color-neutral-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(4555%) hue-rotate(112deg) brightness(96%) contrast(88%);
    }

    .icon-color-primary-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(514%) hue-rotate(93deg) brightness(108%) contrast(97%);
    }

    .icon-color-primary-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(786%) hue-rotate(94deg) brightness(98%) contrast(94%);
    }

    .icon-color-primary-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(287%) hue-rotate(83deg) brightness(97%) contrast(90%);
    }

    .icon-color-primary-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(80%) sepia(66%) saturate(373%) hue-rotate(81deg) brightness(94%) contrast(90%);
    }

    .icon-color-primary-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(1244%) hue-rotate(82deg) brightness(92%) contrast(87%);
    }

    .icon-color-primary-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(380%) hue-rotate(102deg) brightness(103%) contrast(86%);
    }

    .icon-color-primary-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(46%) sepia(92%) saturate(684%) hue-rotate(110deg) brightness(91%) contrast(82%);
    }

    .icon-color-primary-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(409%) hue-rotate(102deg) brightness(92%) contrast(89%);
    }

    .icon-color-primary-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(3285%) hue-rotate(116deg) brightness(93%) contrast(91%);
    }

    .icon-color-primary-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(5222%) hue-rotate(114deg) brightness(90%) contrast(92%);
    }

    .icon-color-success-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(274%) hue-rotate(81deg) brightness(106%) contrast(98%);
    }

    .icon-color-success-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(347%) hue-rotate(93deg) brightness(98%) contrast(102%);
    }

    .icon-color-success-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(868%) hue-rotate(94deg) brightness(103%) contrast(91%);
    }

    .icon-color-success-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(88%) sepia(11%) saturate(1753%) hue-rotate(93deg) brightness(97%) contrast(86%);
    }

    .icon-color-success-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(1280%) hue-rotate(107deg) brightness(106%) contrast(95%);
    }

    .icon-color-success-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(53%) sepia(17%) saturate(5610%) hue-rotate(125deg) brightness(98%) contrast(87%);
    }

    .icon-color-success-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(6906%) hue-rotate(150deg) brightness(99%) contrast(96%);
    }

    .icon-color-success-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(3028%) hue-rotate(153deg) brightness(94%) contrast(97%);
    }

    .icon-color-success-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(1042%) hue-rotate(123deg) brightness(93%) contrast(95%);
    }

    .icon-color-success-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(4756%) hue-rotate(119deg) brightness(98%) contrast(95%);
    }

    .icon-color-warning-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1170%) hue-rotate(316deg) brightness(108%) contrast(105%);
    }

    .icon-color-warning-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(615%) hue-rotate(337deg) brightness(106%) contrast(99%);
    }

    .icon-color-warning-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(567%) hue-rotate(357deg) brightness(103%) contrast(98%);
    }

    .icon-color-warning-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(87%) sepia(51%) saturate(703%) hue-rotate(328deg) brightness(101%) contrast(98%);
    }

    .icon-color-warning-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(526%) hue-rotate(339deg) brightness(103%) contrast(97%);
    }

    .icon-color-warning-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(573%) hue-rotate(357deg) brightness(99%) contrast(94%);
    }

    .icon-color-warning-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2125%) hue-rotate(10deg) brightness(96%) contrast(95%);
    }

    .icon-color-warning-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(1604%) hue-rotate(8deg) brightness(101%) contrast(93%);
    }

    .icon-color-warning-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(23%) sepia(95%) saturate(5193%) hue-rotate(36deg) brightness(84%) contrast(89%);
    }

    .icon-color-warning-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(5662%) hue-rotate(357deg) brightness(97%) contrast(91%);
    }

    .icon-color-error-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(578%) hue-rotate(319deg) brightness(91%) contrast(120%);
    }

    .icon-color-error-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(1671%) hue-rotate(314deg) brightness(107%) contrast(99%);
    }

    .icon-color-error-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(462%) hue-rotate(311deg) brightness(151%) contrast(99%);
    }

    .icon-color-error-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(1989%) hue-rotate(302deg) brightness(116%) contrast(98%);
    }

    .icon-color-error-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(71%) sepia(90%) saturate(2985%) hue-rotate(314deg) brightness(97%) contrast(101%);
    }

    .icon-color-error-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(2254%) hue-rotate(335deg) brightness(116%) contrast(88%);
    }

    .icon-color-error-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1765%) hue-rotate(341deg) brightness(85%) contrast(104%);
    }

    .icon-color-error-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(15%) sepia(74%) saturate(4160%) hue-rotate(353deg) brightness(90%) contrast(90%);
    }

    .icon-color-error-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(9%) sepia(56%) saturate(3145%) hue-rotate(351deg) brightness(96%) contrast(96%);
    }

    .icon-color-error-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(9%) sepia(62%) saturate(1757%) hue-rotate(335deg) brightness(95%) contrast(104%);
    }

    .icon-color-shades-0-laptop-l {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
    }

    .icon-color-shades-100-laptop-l {
        filter: brightness(0) saturate(100%);
    }

    .icon-color-dark-50-laptop-l {
        filter: brightness(0) saturate(100%) invert(43%) sepia(19%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-100-laptop-l {
        filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(57%) hue-rotate(173deg) brightness(101%) contrast(92%);
    }

    .icon-color-dark-200-laptop-l {
        filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(95%) contrast(92%);
    }

    .icon-color-dark-300-laptop-l {
        filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(103%) contrast(88%);
    }

    .icon-color-dark-400-laptop-l {
        filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-500-laptop-l {
        filter: brightness(0) saturate(100%) invert(12%) sepia(66%) saturate(0%) hue-rotate(131deg) brightness(99%) contrast(92%);
    }

    .icon-color-dark-600-laptop-l {
        filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(962%) hue-rotate(337deg) brightness(90%) contrast(73%);
    }

    .icon-color-dark-700-laptop-l {
        filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(4063%) hue-rotate(333deg) brightness(84%) contrast(82%);
    }

    .icon-color-dark-800-laptop-l {
        filter: brightness(0) saturate(100%) invert(0%) sepia(15%) saturate(30%) hue-rotate(352deg) brightness(106%) contrast(86%);
    }

    .icon-color-dark-900-laptop-l {
        filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(3213%) hue-rotate(16deg) brightness(101%) contrast(93%);
    }

    .horizontal-neutral-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-50);
    }

    .horizontal-neutral-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-100);
    }

    .horizontal-neutral-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-200);
    }

    .horizontal-neutral-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-300);
    }

    .horizontal-neutral-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-400);
    }

    .horizontal-neutral-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-500);
    }

    .horizontal-neutral-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-600);
    }

    .horizontal-neutral-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-700);
    }

    .horizontal-neutral-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-800);
    }

    .horizontal-neutral-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--neutral-900);
    }

    .horizontal-primary-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-50);
    }

    .horizontal-primary-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-100);
    }

    .horizontal-primary-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-200);
    }

    .horizontal-primary-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-300);
    }

    .horizontal-primary-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-400);
    }

    .horizontal-primary-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-500);
    }

    .horizontal-primary-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-600);
    }

    .horizontal-primary-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-700);
    }

    .horizontal-primary-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-800);
    }

    .horizontal-primary-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--primary-900);
    }

    .horizontal-success-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-50);
    }

    .horizontal-success-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-100);
    }

    .horizontal-success-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-200);
    }

    .horizontal-success-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-300);
    }

    .horizontal-success-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-400);
    }

    .horizontal-success-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-500);
    }

    .horizontal-success-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-600);
    }

    .horizontal-success-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-700);
    }

    .horizontal-success-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-800);
    }

    .horizontal-success-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--success-900);
    }

    .horizontal-warning-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-50);
    }

    .horizontal-warning-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-100);
    }

    .horizontal-warning-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-200);
    }

    .horizontal-warning-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-300);
    }

    .horizontal-warning-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-400);
    }

    .horizontal-warning-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-500);
    }

    .horizontal-warning-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-600);
    }

    .horizontal-warning-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-700);
    }

    .horizontal-warning-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-800);
    }

    .horizontal-warning-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--warning-900);
    }

    .horizontal-error-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-50);
    }

    .horizontal-error-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-100);
    }

    .horizontal-error-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-200);
    }

    .horizontal-error-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-300);
    }

    .horizontal-error-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-400);
    }

    .horizontal-error-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-500);
    }

    .horizontal-error-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-600);
    }

    .horizontal-error-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-700);
    }

    .horizontal-error-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-800);
    }

    .horizontal-error-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--error-900);
    }

    .horizontal-shades-0-laptop-l {
        border: none;
        border-bottom: 1px solid var(--shades-0);
    }

    .horizontal-shades-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--shades-100);
    }

    .horizontal-dark-50-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-50);
    }

    .horizontal-dark-100-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-100);
    }

    .horizontal-dark-200-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-200);
    }

    .horizontal-dark-300-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-300);
    }

    .horizontal-dark-400-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-400);
    }

    .horizontal-dark-500-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-500);
    }

    .horizontal-dark-600-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-600);
    }

    .horizontal-dark-700-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-700);
    }

    .horizontal-dark-800-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-800);
    }

    .horizontal-dark-900-laptop-l {
        border: none;
        border-bottom: 1px solid var(--dark-900);
    }

    .vertical-neutral-50-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-50);
        height: 100%;
    }

    .vertical-neutral-100-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-100);
        height: 100%;
    }

    .vertical-neutral-200-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-200);
        height: 100%;
    }

    .vertical-neutral-300-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-300);
        height: 100%;
    }

    .vertical-neutral-400-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-400);
        height: 100%;
    }

    .vertical-neutral-500-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-500);
        height: 100%;
    }

    .vertical-neutral-600-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-600);
        height: 100%;
    }

    .vertical-neutral-700-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-700);
        height: 100%;
    }

    .vertical-neutral-800-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-800);
        height: 100%;
    }

    .vertical-neutral-900-laptop-l {
        border: none;
        border-right: 1px solid var(--neutral-900);
        height: 100%;
    }

    .vertical-primary-50-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-50);
        height: 100%;
    }

    .vertical-primary-100-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-100);
        height: 100%;
    }

    .vertical-primary-200-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-200);
        height: 100%;
    }

    .vertical-primary-300-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-300);
        height: 100%;
    }

    .vertical-primary-400-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-400);
        height: 100%;
    }

    .vertical-primary-500-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-500);
        height: 100%;
    }

    .vertical-primary-600-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-600);
        height: 100%;
    }

    .vertical-primary-700-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-700);
        height: 100%;
    }

    .vertical-primary-800-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-800);
        height: 100%;
    }

    .vertical-primary-900-laptop-l {
        border: none;
        border-right: 1px solid var(--primary-900);
        height: 100%;
    }

    .vertical-success-50-laptop-l {
        border: none;
        border-right: 1px solid var(--success-50);
        height: 100%;
    }

    .vertical-success-100-laptop-l {
        border: none;
        border-right: 1px solid var(--success-100);
        height: 100%;
    }

    .vertical-success-200-laptop-l {
        border: none;
        border-right: 1px solid var(--success-200);
        height: 100%;
    }

    .vertical-success-300-laptop-l {
        border: none;
        border-right: 1px solid var(--success-300);
        height: 100%;
    }

    .vertical-success-400-laptop-l {
        border: none;
        border-right: 1px solid var(--success-400);
        height: 100%;
    }

    .vertical-success-500-laptop-l {
        border: none;
        border-right: 1px solid var(--success-500);
        height: 100%;
    }

    .vertical-success-600-laptop-l {
        border: none;
        border-right: 1px solid var(--success-600);
        height: 100%;
    }

    .vertical-success-700-laptop-l {
        border: none;
        border-right: 1px solid var(--success-700);
        height: 100%;
    }

    .vertical-success-800-laptop-l {
        border: none;
        border-right: 1px solid var(--success-800);
        height: 100%;
    }

    .vertical-success-900-laptop-l {
        border: none;
        border-right: 1px solid var(--success-900);
        height: 100%;
    }

    .vertical-warning-50-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-50);
        height: 100%;
    }

    .vertical-warning-100-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-100);
        height: 100%;
    }

    .vertical-warning-200-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-200);
        height: 100%;
    }

    .vertical-warning-300-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-300);
        height: 100%;
    }

    .vertical-warning-400-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-400);
        height: 100%;
    }

    .vertical-warning-500-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-500);
        height: 100%;
    }

    .vertical-warning-600-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-600);
        height: 100%;
    }

    .vertical-warning-700-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-700);
        height: 100%;
    }

    .vertical-warning-800-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-800);
        height: 100%;
    }

    .vertical-warning-900-laptop-l {
        border: none;
        border-right: 1px solid var(--warning-900);
        height: 100%;
    }

    .vertical-error-50-laptop-l {
        border: none;
        border-right: 1px solid var(--error-50);
        height: 100%;
    }

    .vertical-error-100-laptop-l {
        border: none;
        border-right: 1px solid var(--error-100);
        height: 100%;
    }

    .vertical-error-200-laptop-l {
        border: none;
        border-right: 1px solid var(--error-200);
        height: 100%;
    }

    .vertical-error-300-laptop-l {
        border: none;
        border-right: 1px solid var(--error-300);
        height: 100%;
    }

    .vertical-error-400-laptop-l {
        border: none;
        border-right: 1px solid var(--error-400);
        height: 100%;
    }

    .vertical-error-500-laptop-l {
        border: none;
        border-right: 1px solid var(--error-500);
        height: 100%;
    }

    .vertical-error-600-laptop-l {
        border: none;
        border-right: 1px solid var(--error-600);
        height: 100%;
    }

    .vertical-error-700-laptop-l {
        border: none;
        border-right: 1px solid var(--error-700);
        height: 100%;
    }

    .vertical-error-800-laptop-l {
        border: none;
        border-right: 1px solid var(--error-800);
        height: 100%;
    }

    .vertical-error-900-laptop-l {
        border: none;
        border-right: 1px solid var(--error-900);
        height: 100%;
    }

    .vertical-shades-0-laptop-l {
        border: none;
        border-right: 1px solid var(--shades-0);
        height: 100%;
    }

    .vertical-shades-100-laptop-l {
        border: none;
        border-right: 1px solid var(--shades-100);
        height: 100%;
    }

    .vertical-dark-50-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-50);
        height: 100%;
    }

    .vertical-dark-100-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-100);
        height: 100%;
    }

    .vertical-dark-200-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-200);
        height: 100%;
    }

    .vertical-dark-300-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-300);
        height: 100%;
    }

    .vertical-dark-400-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-400);
        height: 100%;
    }

    .vertical-dark-500-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-500);
        height: 100%;
    }

    .vertical-dark-600-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-600);
        height: 100%;
    }

    .vertical-dark-700-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-700);
        height: 100%;
    }

    .vertical-dark-800-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-800);
        height: 100%;
    }

    .vertical-dark-900-laptop-l {
        border: none;
        border-right: 1px solid var(--dark-900);
        height: 100%;
    }

    .gap-none-laptop-l {
        gap: var(--spacing-none);
    }

    .gap-xxs-laptop-l {
        gap: var(--spacing-xxs);
    }

    .gap-xs-laptop-l {
        gap: var(--spacing-xs);
    }

    .gap-sm-laptop-l {
        gap: var(--spacing-sm);
    }

    .gap-md-laptop-l {
        gap: var(--spacing-md);
    }

    .gap-lg-laptop-l {
        gap: var(--spacing-lg);
    }

    .gap-xl-laptop-l {
        gap: var(--spacing-xl);
    }

    .gap-2xl-laptop-l {
        gap: var(--spacing-2xl);
    }

    .gap-3xl-laptop-l {
        gap: var(--spacing-3xl);
    }

    .gap-4xl-laptop-l {
        gap: var(--spacing-4xl);
    }

    .gap-5xl-laptop-l {
        gap: var(--spacing-5xl);
    }

    .gap-6xl-laptop-l {
        gap: var(--spacing-6xl);
    }

    .gap-7xl-laptop-l {
        gap: var(--spacing-7xl);
    }

    .gap-8xl-laptop-l {
        gap: var(--spacing-8xl);
    }

    .gap-9xl-laptop-l {
        gap: var(--spacing-9xl);
    }

    .gap-10xl-laptop-l {
        gap: var(--spacing-10xl);
    }

    .gap-11xl-laptop-l {
        gap: var(--spacing-11xl);
    }

    .padding-none-laptop-l {
        padding: var(--spacing-none);
    }

    .padding-xxs-laptop-l {
        padding: var(--spacing-xxs);
    }

    .padding-xs-laptop-l {
        padding: var(--spacing-xs);
    }

    .padding-sm-laptop-l {
        padding: var(--spacing-sm);
    }

    .padding-md-laptop-l {
        padding: var(--spacing-md);
    }

    .padding-lg-laptop-l {
        padding: var(--spacing-lg);
    }

    .padding-xl-laptop-l {
        padding: var(--spacing-xl);
    }

    .padding-2xl-laptop-l {
        padding: var(--spacing-2xl);
    }

    .padding-3xl-laptop-l {
        padding: var(--spacing-3xl);
    }

    .padding-4xl-laptop-l {
        padding: var(--spacing-4xl);
    }

    .padding-5xl-laptop-l {
        padding: var(--spacing-5xl);
    }

    .padding-6xl-laptop-l {
        padding: var(--spacing-6xl);
    }

    .padding-7xl-laptop-l {
        padding: var(--spacing-7xl);
    }

    .padding-8xl-laptop-l {
        padding: var(--spacing-8xl);
    }

    .padding-9xl-laptop-l {
        padding: var(--spacing-9xl);
    }

    .padding-10xl-laptop-l {
        padding: var(--spacing-10xl);
    }

    .padding-11xl-laptop-l {
        padding: var(--spacing-11xl);
    }

    .padding-none-y-laptop-l {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-y-laptop-l {
        padding-top: var(--spacing-xxs);
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-y-laptop-l {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-y-laptop-l {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-y-laptop-l {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-y-laptop-l {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-y-laptop-l {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-y-laptop-l {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-y-laptop-l {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-y-laptop-l {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-y-laptop-l {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-y-laptop-l {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-y-laptop-l {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-y-laptop-l {
        padding-top: var(--spacing-8xl);
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-y-laptop-l {
        padding-top: var(--spacing-9xl);
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-y-laptop-l {
        padding-top: var(--spacing-10xl);
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-y-laptop-l {
        padding-top: var(--spacing-11xl);
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-x-laptop-l {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none);
    }

    .padding-xxs-x-laptop-l {
        padding-left: var(--spacing-xxs);
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-x-laptop-l {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    .padding-sm-x-laptop-l {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .padding-md-x-laptop-l {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

    .padding-lg-x-laptop-l {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .padding-xl-x-laptop-l {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-x-laptop-l {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-x-laptop-l {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-x-laptop-l {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-x-laptop-l {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-x-laptop-l {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-x-laptop-l {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-x-laptop-l {
        padding-left: var(--spacing-8xl);
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-x-laptop-l {
        padding-left: var(--spacing-9xl);
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-x-laptop-l {
        padding-left: var(--spacing-10xl);
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-x-laptop-l {
        padding-left: var(--spacing-11xl);
        padding-right: var(--spacing-11xl);
    }

    .padding-none-top-laptop-l {
        padding-top: var(--spacing-none);
    }

    .padding-xxs-top-laptop-l {
        padding-top: var(--spacing-xxs);
    }

    .padding-xs-top-laptop-l {
        padding-top: var(--spacing-xs);
    }

    .padding-sm-top-laptop-l {
        padding-top: var(--spacing-sm);
    }

    .padding-md-top-laptop-l {
        padding-top: var(--spacing-md);
    }

    .padding-lg-top-laptop-l {
        padding-top: var(--spacing-lg);
    }

    .padding-xl-top-laptop-l {
        padding-top: var(--spacing-xl);
    }

    .padding-2xl-top-laptop-l {
        padding-top: var(--spacing-2xl);
    }

    .padding-3xl-top-laptop-l {
        padding-top: var(--spacing-3xl);
    }

    .padding-4xl-top-laptop-l {
        padding-top: var(--spacing-4xl);
    }

    .padding-5xl-top-laptop-l {
        padding-top: var(--spacing-5xl);
    }

    .padding-6xl-top-laptop-l {
        padding-top: var(--spacing-6xl);
    }

    .padding-7xl-top-laptop-l {
        padding-top: var(--spacing-7xl);
    }

    .padding-8xl-top-laptop-l {
        padding-top: var(--spacing-8xl);
    }

    .padding-9xl-top-laptop-l {
        padding-top: var(--spacing-9xl);
    }

    .padding-10xl-top-laptop-l {
        padding-top: var(--spacing-10xl);
    }

    .padding-11xl-top-laptop-l {
        padding-top: var(--spacing-11xl);
    }

    .padding-none-right-laptop-l {
        padding-right: var(--spacing-none);
    }

    .padding-xxs-right-laptop-l {
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-right-laptop-l {
        padding-right: var(--spacing-xs);
    }

    .padding-sm-right-laptop-l {
        padding-right: var(--spacing-sm);
    }

    .padding-md-right-laptop-l {
        padding-right: var(--spacing-md);
    }

    .padding-lg-right-laptop-l {
        padding-right: var(--spacing-lg);
    }

    .padding-xl-right-laptop-l {
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-right-laptop-l {
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-right-laptop-l {
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-right-laptop-l {
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-right-laptop-l {
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-right-laptop-l {
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-right-laptop-l {
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-right-laptop-l {
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-right-laptop-l {
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-right-laptop-l {
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-right-laptop-l {
        padding-right: var(--spacing-11xl);
    }

    .padding-none-bottom-laptop-l {
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-bottom-laptop-l {
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-bottom-laptop-l {
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-bottom-laptop-l {
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-bottom-laptop-l {
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-bottom-laptop-l {
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-bottom-laptop-l {
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-bottom-laptop-l {
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-bottom-laptop-l {
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-bottom-laptop-l {
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-bottom-laptop-l {
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-bottom-laptop-l {
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-bottom-laptop-l {
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-bottom-laptop-l {
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-bottom-laptop-l {
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-bottom-laptop-l {
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-bottom-laptop-l {
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-left-laptop-l {
        padding-left: var(--spacing-none);
    }

    .padding-xxs-left-laptop-l {
        padding-left: var(--spacing-xxs);
    }

    .padding-xs-left-laptop-l {
        padding-left: var(--spacing-xs);
    }

    .padding-sm-left-laptop-l {
        padding-left: var(--spacing-sm);
    }

    .padding-md-left-laptop-l {
        padding-left: var(--spacing-md);
    }

    .padding-lg-left-laptop-l {
        padding-left: var(--spacing-lg);
    }

    .padding-xl-left-laptop-l {
        padding-left: var(--spacing-xl);
    }

    .padding-2xl-left-laptop-l {
        padding-left: var(--spacing-2xl);
    }

    .padding-3xl-left-laptop-l {
        padding-left: var(--spacing-3xl);
    }

    .padding-4xl-left-laptop-l {
        padding-left: var(--spacing-4xl);
    }

    .padding-5xl-left-laptop-l {
        padding-left: var(--spacing-5xl);
    }

    .padding-6xl-left-laptop-l {
        padding-left: var(--spacing-6xl);
    }

    .padding-7xl-left-laptop-l {
        padding-left: var(--spacing-7xl);
    }

    .padding-8xl-left-laptop-l {
        padding-left: var(--spacing-8xl);
    }

    .padding-9xl-left-laptop-l {
        padding-left: var(--spacing-9xl);
    }

    .padding-10xl-left-laptop-l {
        padding-left: var(--spacing-10xl);
    }

    .padding-11xl-left-laptop-l {
        padding-left: var(--spacing-11xl);
    }

    .icon-none-laptop-l {
        width: var(--spacing-none);
    }

    .icon-xxs-laptop-l {
        width: var(--spacing-xxs);
    }

    .icon-xs-laptop-l {
        width: var(--spacing-xs);
    }

    .icon-sm-laptop-l {
        width: var(--spacing-sm);
    }

    .icon-md-laptop-l {
        width: var(--spacing-md);
    }

    .icon-lg-laptop-l {
        width: var(--spacing-lg);
    }

    .icon-xl-laptop-l {
        width: var(--spacing-xl);
    }

    .icon-2xl-laptop-l {
        width: var(--spacing-2xl);
    }

    .icon-3xl-laptop-l {
        width: var(--spacing-3xl);
    }

    .icon-4xl-laptop-l {
        width: var(--spacing-4xl);
    }

    .icon-5xl-laptop-l {
        width: var(--spacing-5xl);
    }

    .icon-6xl-laptop-l {
        width: var(--spacing-6xl);
    }

    .icon-7xl-laptop-l {
        width: var(--spacing-7xl);
    }

    .icon-8xl-laptop-l {
        width: var(--spacing-8xl);
    }

    .icon-9xl-laptop-l {
        width: var(--spacing-9xl);
    }

    .icon-10xl-laptop-l {
        width: var(--spacing-10xl);
    }

    .icon-11xl-laptop-l {
        width: var(--spacing-11xl);
    }

    .border-radius-none-laptop-l {
        border-radius: var(--radius-none);
    }

    .border-radius-xxs-laptop-l {
        border-radius: var(--radius-xxs);
    }

    .border-radius-xs-laptop-l {
        border-radius: var(--radius-xs);
    }

    .border-radius-sm-laptop-l {
        border-radius: var(--radius-sm);
    }

    .border-radius-md-laptop-l {
        border-radius: var(--radius-md);
    }

    .border-radius-lg-laptop-l {
        border-radius: var(--radius-lg);
    }

    .border-radius-xl-laptop-l {
        border-radius: var(--radius-xl);
    }

    .border-radius-2xl-laptop-l {
        border-radius: var(--radius-2xl);
    }

    .border-radius-3xl-laptop-l {
        border-radius: var(--radius-3xl);
    }

    .border-radius-4xl-laptop-l {
        border-radius: var(--radius-4xl);
    }

    .border-radius-full-laptop-l {
        border-radius: var(--radius-full);
    }

    .border-radius-top-none-laptop-l {
        border-top-left-radius: var(--radius-none);
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-xxs-laptop-l {
        border-top-left-radius: var(--radius-xxs);
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-xs-laptop-l {
        border-top-left-radius: var(--radius-xs);
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-sm-laptop-l {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-md-laptop-l {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-lg-laptop-l {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-xl-laptop-l {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-2xl-laptop-l {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-3xl-laptop-l {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-4xl-laptop-l {
        border-top-left-radius: var(--radius-4xl);
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-full-laptop-l {
        border-top-left-radius: var(--radius-full);
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-right-none-laptop-l {
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-right-xxs-laptop-l {
        border-top-right-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-right-xs-laptop-l {
        border-top-right-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-right-sm-laptop-l {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-right-md-laptop-l {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-right-lg-laptop-l {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-right-xl-laptop-l {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-right-2xl-laptop-l {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-right-3xl-laptop-l {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-right-4xl-laptop-l {
        border-top-right-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-right-full-laptop-l {
        border-top-right-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-none-laptop-l {
        border-bottom-left-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-xxs-laptop-l {
        border-bottom-left-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-xs-laptop-l {
        border-bottom-left-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-sm-laptop-l {
        border-bottom-left-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-md-laptop-l {
        border-bottom-left-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-lg-laptop-l {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-xl-laptop-l {
        border-bottom-left-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-2xl-laptop-l {
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-3xl-laptop-l {
        border-bottom-left-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-4xl-laptop-l {
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-full-laptop-l {
        border-bottom-left-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-left-none-laptop-l {
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-left-xxs-laptop-l {
        border-top-left-radius: var(--radius-xxs);
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-left-xs-laptop-l {
        border-top-left-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-left-sm-laptop-l {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-left-md-laptop-l {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-left-lg-laptop-l {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-left-xl-laptop-l {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-left-2xl-laptop-l {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-left-3xl-laptop-l {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-left-4xl-laptop-l {
        border-top-left-radius: var(--radius-4xl);
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-left-full-laptop-l {
        border-top-left-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full);
    }

    .border-radius-top-left-none-laptop-l {
        border-top-left-radius: var(--radius-none);
    }

    .border-radius-top-left-xxs-laptop-l {
        border-top-left-radius: var(--radius-xxs);
    }

    .border-radius-top-left-xs-laptop-l {
        border-top-left-radius: var(--radius-xs);
    }

    .border-radius-top-left-sm-laptop-l {
        border-top-left-radius: var(--radius-sm);
    }

    .border-radius-top-left-md-laptop-l {
        border-top-left-radius: var(--radius-md);
    }

    .border-radius-top-left-lg-laptop-l {
        border-top-left-radius: var(--radius-lg);
    }

    .border-radius-top-left-xl-laptop-l {
        border-top-left-radius: var(--radius-xl);
    }

    .border-radius-top-left-2xl-laptop-l {
        border-top-left-radius: var(--radius-2xl);
    }

    .border-radius-top-left-3xl-laptop-l {
        border-top-left-radius: var(--radius-3xl);
    }

    .border-radius-top-left-4xl-laptop-l {
        border-top-left-radius: var(--radius-4xl);
    }

    .border-radius-top-left-full-laptop-l {
        border-top-left-radius: var(--radius-full);
    }

    .border-radius-top-right-none-laptop-l {
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-right-xxs-laptop-l {
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-right-xs-laptop-l {
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-right-sm-laptop-l {
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-right-md-laptop-l {
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-right-lg-laptop-l {
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-right-xl-laptop-l {
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-right-2xl-laptop-l {
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-right-3xl-laptop-l {
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-right-4xl-laptop-l {
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-right-full-laptop-l {
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-bottom-right-none-laptop-l {
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-right-xxs-laptop-l {
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-right-xs-laptop-l {
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-right-sm-laptop-l {
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-right-md-laptop-l {
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-right-lg-laptop-l {
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-right-xl-laptop-l {
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-right-2xl-laptop-l {
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-right-3xl-laptop-l {
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-right-4xl-laptop-l {
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-right-full-laptop-l {
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-left-none-laptop-l {
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-bottom-left-xxs-laptop-l {
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-bottom-left-xs-laptop-l {
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-bottom-left-sm-laptop-l {
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-bottom-left-md-laptop-l {
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-bottom-left-lg-laptop-l {
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-bottom-left-xl-laptop-l {
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-bottom-left-2xl-laptop-l {
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-bottom-left-3xl-laptop-l {
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-bottom-left-4xl-laptop-l {
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-bottom-left-full-laptop-l {
        border-bottom-left-radius: var(--radius-full);
    }

    .top-none-laptop-l {
        top: var(--spacing-none);
    }

    .top-xxs-laptop-l {
        top: var(--spacing-xxs);
    }

    .top-xs-laptop-l {
        top: var(--spacing-xs);
    }

    .top-sm-laptop-l {
        top: var(--spacing-sm);
    }

    .top-md-laptop-l {
        top: var(--spacing-md);
    }

    .top-lg-laptop-l {
        top: var(--spacing-lg);
    }

    .top-xl-laptop-l {
        top: var(--spacing-xl);
    }

    .top-2xl-laptop-l {
        top: var(--spacing-2xl);
    }

    .top-3xl-laptop-l {
        top: var(--spacing-3xl);
    }

    .top-4xl-laptop-l {
        top: var(--spacing-4xl);
    }

    .top-5xl-laptop-l {
        top: var(--spacing-5xl);
    }

    .top-6xl-laptop-l {
        top: var(--spacing-6xl);
    }

    .top-7xl-laptop-l {
        top: var(--spacing-7xl);
    }

    .top-8xl-laptop-l {
        top: var(--spacing-8xl);
    }

    .top-9xl-laptop-l {
        top: var(--spacing-9xl);
    }

    .top-10xl-laptop-l {
        top: var(--spacing-10xl);
    }

    .top-11xl-laptop-l {
        top: var(--spacing-11xl);
    }

    .right-none-laptop-l {
        right: var(--spacing-none);
    }

    .right-xxs-laptop-l {
        right: var(--spacing-xxs);
    }

    .right-xs-laptop-l {
        right: var(--spacing-xs);
    }

    .right-sm-laptop-l {
        right: var(--spacing-sm);
    }

    .right-md-laptop-l {
        right: var(--spacing-md);
    }

    .right-lg-laptop-l {
        right: var(--spacing-lg);
    }

    .right-xl-laptop-l {
        right: var(--spacing-xl);
    }

    .right-2xl-laptop-l {
        right: var(--spacing-2xl);
    }

    .right-3xl-laptop-l {
        right: var(--spacing-3xl);
    }

    .right-4xl-laptop-l {
        right: var(--spacing-4xl);
    }

    .right-5xl-laptop-l {
        right: var(--spacing-5xl);
    }

    .right-6xl-laptop-l {
        right: var(--spacing-6xl);
    }

    .right-7xl-laptop-l {
        right: var(--spacing-7xl);
    }

    .right-8xl-laptop-l {
        right: var(--spacing-8xl);
    }

    .right-9xl-laptop-l {
        right: var(--spacing-9xl);
    }

    .right-10xl-laptop-l {
        right: var(--spacing-10xl);
    }

    .right-11xl-laptop-l {
        right: var(--spacing-11xl);
    }

    .bottom-none-laptop-l {
        bottom: var(--spacing-none);
    }

    .bottom-xxs-laptop-l {
        bottom: var(--spacing-xxs);
    }

    .bottom-xs-laptop-l {
        bottom: var(--spacing-xs);
    }

    .bottom-sm-laptop-l {
        bottom: var(--spacing-sm);
    }

    .bottom-md-laptop-l {
        bottom: var(--spacing-md);
    }

    .bottom-lg-laptop-l {
        bottom: var(--spacing-lg);
    }

    .bottom-xl-laptop-l {
        bottom: var(--spacing-xl);
    }

    .bottom-2xl-laptop-l {
        bottom: var(--spacing-2xl);
    }

    .bottom-3xl-laptop-l {
        bottom: var(--spacing-3xl);
    }

    .bottom-4xl-laptop-l {
        bottom: var(--spacing-4xl);
    }

    .bottom-5xl-laptop-l {
        bottom: var(--spacing-5xl);
    }

    .bottom-6xl-laptop-l {
        bottom: var(--spacing-6xl);
    }

    .bottom-7xl-laptop-l {
        bottom: var(--spacing-7xl);
    }

    .bottom-8xl-laptop-l {
        bottom: var(--spacing-8xl);
    }

    .bottom-9xl-laptop-l {
        bottom: var(--spacing-9xl);
    }

    .bottom-10xl-laptop-l {
        bottom: var(--spacing-10xl);
    }

    .bottom-11xl-laptop-l {
        bottom: var(--spacing-11xl);
    }

    .left-none-laptop-l {
        left: var(--spacing-none);
    }

    .left-xxs-laptop-l {
        left: var(--spacing-xxs);
    }

    .left-xs-laptop-l {
        left: var(--spacing-xs);
    }

    .left-sm-laptop-l {
        left: var(--spacing-sm);
    }

    .left-md-laptop-l {
        left: var(--spacing-md);
    }

    .left-lg-laptop-l {
        left: var(--spacing-lg);
    }

    .left-xl-laptop-l {
        left: var(--spacing-xl);
    }

    .left-2xl-laptop-l {
        left: var(--spacing-2xl);
    }

    .left-3xl-laptop-l {
        left: var(--spacing-3xl);
    }

    .left-4xl-laptop-l {
        left: var(--spacing-4xl);
    }

    .left-5xl-laptop-l {
        left: var(--spacing-5xl);
    }

    .left-6xl-laptop-l {
        left: var(--spacing-6xl);
    }

    .left-7xl-laptop-l {
        left: var(--spacing-7xl);
    }

    .left-8xl-laptop-l {
        left: var(--spacing-8xl);
    }

    .left-9xl-laptop-l {
        left: var(--spacing-9xl);
    }

    .left-10xl-laptop-l {
        left: var(--spacing-10xl);
    }

    .left-11xl-laptop-l {
        left: var(--spacing-11xl);
    }

    .font-size-display-01-laptop-l {
        font-size: var(--display-01);
    }

    .font-size-display-02-laptop-l {
        font-size: var(--display-02);
    }

    .font-size-heading-01-laptop-l {
        font-size: var(--heading-01);
    }

    .font-size-heading-01-s-laptop-l {
        font-size: var(--heading-01-s);
    }

    .font-size-heading-02-laptop-l {
        font-size: var(--heading-02);
    }

    .font-size-heading-02-s-laptop-l {
        font-size: var(--heading-02-s);
    }

    .font-size-heading-03-laptop-l {
        font-size: var(--heading-03);
    }

    .font-size-heading-03-s-laptop-l {
        font-size: var(--heading-03-s);
    }

    .font-size-heading-04-laptop-l {
        font-size: var(--heading-04);
    }

    .font-size-heading-04-s-laptop-l {
        font-size: var(--heading-04-s);
    }

    .font-size-heading-05-laptop-l {
        font-size: var(--heading-05);
    }

    .font-size-heading-05-s-laptop-l {
        font-size: var(--heading-05-s);
    }

    .font-size-heading-06-laptop-l {
        font-size: var(--heading-06);
    }

    .font-size-heading-06-s-laptop-l {
        font-size: var(--heading-06-s);
    }

    .font-size-subheading-laptop-l {
        font-size: var(--subheading);
    }

    .font-size-paragraph-01-laptop-l {
        font-size: var(--paragraph-01);
    }

    .font-size-paragraph-02-laptop-l {
        font-size: var(--paragraph-02);
    }

    .font-size-paragraph-03-laptop-l {
        font-size: var(--paragraph-03);
    }

    .font-size-caption-laptop-l {
        font-size: var(--caption);
    }

    .font-size-footer-laptop-l {
        font-size: var(--footer);
    }

    .font-weight-semi-bold-laptop-l {
        font-weight: var(--semi-bold);
    }

    .font-weight-bold-laptop-l {
        font-weight: var(--bold);
    }

    .font-weight-extra-bold-laptop-l {
        font-weight: var(--extra-bold);
    }

    .width-0-laptop-l {
        width: 0%;
    }

    .width-1-laptop-l {
        width: 1%;
    }

    .width-2-laptop-l {
        width: 2%;
    }

    .width-3-laptop-l {
        width: 3%;
    }

    .width-4-laptop-l {
        width: 4%;
    }

    .width-5-laptop-l {
        width: 5%;
    }

    .width-6-laptop-l {
        width: 6%;
    }

    .width-7-laptop-l {
        width: 7%;
    }

    .width-8-laptop-l {
        width: 8%;
    }

    .width-9-laptop-l {
        width: 9%;
    }

    .width-10-laptop-l {
        width: 10%;
    }

    .width-11-laptop-l {
        width: 11%;
    }

    .width-12-laptop-l {
        width: 12%;
    }

    .width-13-laptop-l {
        width: 13%;
    }

    .width-14-laptop-l {
        width: 14%;
    }

    .width-15-laptop-l {
        width: 15%;
    }

    .width-16-laptop-l {
        width: 16%;
    }

    .width-17-laptop-l {
        width: 17%;
    }

    .width-18-laptop-l {
        width: 18%;
    }

    .width-19-laptop-l {
        width: 19%;
    }

    .width-20-laptop-l {
        width: 20%;
    }

    .width-21-laptop-l {
        width: 21%;
    }

    .width-22-laptop-l {
        width: 22%;
    }

    .width-23-laptop-l {
        width: 23%;
    }

    .width-24-laptop-l {
        width: 24%;
    }

    .width-25-laptop-l {
        width: 25%;
    }

    .width-26-laptop-l {
        width: 26%;
    }

    .width-27-laptop-l {
        width: 27%;
    }

    .width-28-laptop-l {
        width: 28%;
    }

    .width-29-laptop-l {
        width: 29%;
    }

    .width-30-laptop-l {
        width: 30%;
    }

    .width-31-laptop-l {
        width: 31%;
    }

    .width-32-laptop-l {
        width: 32%;
    }

    .width-33-laptop-l {
        width: 33%;
    }

    .width-34-laptop-l {
        width: 34%;
    }

    .width-35-laptop-l {
        width: 35%;
    }

    .width-36-laptop-l {
        width: 36%;
    }

    .width-37-laptop-l {
        width: 37%;
    }

    .width-38-laptop-l {
        width: 38%;
    }

    .width-39-laptop-l {
        width: 39%;
    }

    .width-40-laptop-l {
        width: 40%;
    }

    .width-41-laptop-l {
        width: 41%;
    }

    .width-42-laptop-l {
        width: 42%;
    }

    .width-43-laptop-l {
        width: 43%;
    }

    .width-44-laptop-l {
        width: 44%;
    }

    .width-45-laptop-l {
        width: 45%;
    }

    .width-46-laptop-l {
        width: 46%;
    }

    .width-47-laptop-l {
        width: 47%;
    }

    .width-48-laptop-l {
        width: 48%;
    }

    .width-49-laptop-l {
        width: 49%;
    }

    .width-50-laptop-l {
        width: 50%;
    }

    .width-51-laptop-l {
        width: 51%;
    }

    .width-52-laptop-l {
        width: 52%;
    }

    .width-53-laptop-l {
        width: 53%;
    }

    .width-54-laptop-l {
        width: 54%;
    }

    .width-55-laptop-l {
        width: 55%;
    }

    .width-56-laptop-l {
        width: 56%;
    }

    .width-57-laptop-l {
        width: 57%;
    }

    .width-58-laptop-l {
        width: 58%;
    }

    .width-59-laptop-l {
        width: 59%;
    }

    .width-60-laptop-l {
        width: 60%;
    }

    .width-61-laptop-l {
        width: 61%;
    }

    .width-62-laptop-l {
        width: 62%;
    }

    .width-63-laptop-l {
        width: 63%;
    }

    .width-64-laptop-l {
        width: 64%;
    }

    .width-65-laptop-l {
        width: 65%;
    }

    .width-66-laptop-l {
        width: 66%;
    }

    .width-67-laptop-l {
        width: 67%;
    }

    .width-68-laptop-l {
        width: 68%;
    }

    .width-69-laptop-l {
        width: 69%;
    }

    .width-70-laptop-l {
        width: 70%;
    }

    .width-71-laptop-l {
        width: 71%;
    }

    .width-72-laptop-l {
        width: 72%;
    }

    .width-73-laptop-l {
        width: 73%;
    }

    .width-74-laptop-l {
        width: 74%;
    }

    .width-75-laptop-l {
        width: 75%;
    }

    .width-76-laptop-l {
        width: 76%;
    }

    .width-77-laptop-l {
        width: 77%;
    }

    .width-78-laptop-l {
        width: 78%;
    }

    .width-79-laptop-l {
        width: 79%;
    }

    .width-80-laptop-l {
        width: 80%;
    }

    .width-81-laptop-l {
        width: 81%;
    }

    .width-82-laptop-l {
        width: 82%;
    }

    .width-83-laptop-l {
        width: 83%;
    }

    .width-84-laptop-l {
        width: 84%;
    }

    .width-85-laptop-l {
        width: 85%;
    }

    .width-86-laptop-l {
        width: 86%;
    }

    .width-87-laptop-l {
        width: 87%;
    }

    .width-88-laptop-l {
        width: 88%;
    }

    .width-89-laptop-l {
        width: 89%;
    }

    .width-90-laptop-l {
        width: 90%;
    }

    .width-91-laptop-l {
        width: 91%;
    }

    .width-92-laptop-l {
        width: 92%;
    }

    .width-93-laptop-l {
        width: 93%;
    }

    .width-94-laptop-l {
        width: 94%;
    }

    .width-95-laptop-l {
        width: 95%;
    }

    .width-96-laptop-l {
        width: 96%;
    }

    .width-97-laptop-l {
        width: 97%;
    }

    .width-98-laptop-l {
        width: 98%;
    }

    .width-99-laptop-l {
        width: 99%;
    }

    .width-100-laptop-l {
        width: 100%;
    }

    .width-100-gap-none-laptop-l {
        width: calc(100% - (var(--spacing-none) / 2));
    }

    .width-100-gap-xxs-laptop-l {
        width: calc(100% - (var(--spacing-xxs) / 2));
    }

    .width-100-gap-xs-laptop-l {
        width: calc(100% - (var(--spacing-xs) / 2));
    }

    .width-100-gap-sm-laptop-l {
        width: calc(100% - (var(--spacing-sm) / 2));
    }

    .width-100-gap-md-laptop-l {
        width: calc(100% - (var(--spacing-md) / 2));
    }

    .width-100-gap-lg-laptop-l {
        width: calc(100% - (var(--spacing-lg) / 2));
    }

    .width-100-gap-xl-laptop-l {
        width: calc(100% - (var(--spacing-xl) / 2));
    }

    .width-100-gap-2xl-laptop-l {
        width: calc(100% - (var(--spacing-2xl) / 2));
    }

    .width-100-gap-3xl-laptop-l {
        width: calc(100% - (var(--spacing-3xl) / 2));
    }

    .width-100-gap-4xl-laptop-l {
        width: calc(100% - (var(--spacing-4xl) / 2));
    }

    .width-100-gap-5xl-laptop-l {
        width: calc(100% - (var(--spacing-5xl) / 2));
    }

    .width-100-gap-6xl-laptop-l {
        width: calc(100% - (var(--spacing-6xl) / 2));
    }

    .width-100-gap-7xl-laptop-l {
        width: calc(100% - (var(--spacing-7xl) / 2));
    }

    .width-100-gap-8xl-laptop-l {
        width: calc(100% - (var(--spacing-8xl) / 2));
    }

    .width-100-gap-9xl-laptop-l {
        width: calc(100% - (var(--spacing-9xl) / 2));
    }

    .width-100-gap-10xl-laptop-l {
        width: calc(100% - (var(--spacing-10xl) / 2));
    }

    .width-100-gap-11xl-laptop-l {
        width: calc(100% - (var(--spacing-11xl) / 2));
    }

    .width-75-gap-none-laptop-l {
        width: calc(75% - (var(--spacing-none) / 2));
    }

    .width-75-gap-xxs-laptop-l {
        width: calc(75% - (var(--spacing-xxs) / 2));
    }

    .width-75-gap-xs-laptop-l {
        width: calc(75% - (var(--spacing-xs) / 2));
    }

    .width-75-gap-sm-laptop-l {
        width: calc(75% - (var(--spacing-sm) / 2));
    }

    .width-75-gap-md-laptop-l {
        width: calc(75% - (var(--spacing-md) / 2));
    }

    .width-75-gap-lg-laptop-l {
        width: calc(75% - (var(--spacing-lg) / 2));
    }

    .width-75-gap-xl-laptop-l {
        width: calc(75% - (var(--spacing-xl) / 2));
    }

    .width-75-gap-2xl-laptop-l {
        width: calc(75% - (var(--spacing-2xl) / 2));
    }

    .width-75-gap-3xl-laptop-l {
        width: calc(75% - (var(--spacing-3xl) / 2));
    }

    .width-75-gap-4xl-laptop-l {
        width: calc(75% - (var(--spacing-4xl) / 2));
    }

    .width-75-gap-5xl-laptop-l {
        width: calc(75% - (var(--spacing-5xl) / 2));
    }

    .width-75-gap-6xl-laptop-l {
        width: calc(75% - (var(--spacing-6xl) / 2));
    }

    .width-75-gap-7xl-laptop-l {
        width: calc(75% - (var(--spacing-7xl) / 2));
    }

    .width-75-gap-8xl-laptop-l {
        width: calc(75% - (var(--spacing-8xl) / 2));
    }

    .width-75-gap-9xl-laptop-l {
        width: calc(75% - (var(--spacing-9xl) / 2));
    }

    .width-75-gap-10xl-laptop-l {
        width: calc(75% - (var(--spacing-10xl) / 2));
    }

    .width-75-gap-11xl-laptop-l {
        width: calc(75% - (var(--spacing-11xl) / 2));
    }

    .width-66-gap-none-laptop-l {
        width: calc(66% - (var(--spacing-none) / 2));
    }

    .width-66-gap-xxs-laptop-l {
        width: calc(66% - (var(--spacing-xxs) / 2));
    }

    .width-66-gap-xs-laptop-l {
        width: calc(66% - (var(--spacing-xs) / 2));
    }

    .width-66-gap-sm-laptop-l {
        width: calc(66% - (var(--spacing-sm) / 2));
    }

    .width-66-gap-md-laptop-l {
        width: calc(66% - (var(--spacing-md) / 2));
    }

    .width-66-gap-lg-laptop-l {
        width: calc(66% - (var(--spacing-lg) / 2));
    }

    .width-66-gap-xl-laptop-l {
        width: calc(66% - (var(--spacing-xl) / 2));
    }

    .width-66-gap-2xl-laptop-l {
        width: calc(66% - (var(--spacing-2xl) / 2));
    }

    .width-66-gap-3xl-laptop-l {
        width: calc(66% - (var(--spacing-3xl) / 2));
    }

    .width-66-gap-4xl-laptop-l {
        width: calc(66% - (var(--spacing-4xl) / 2));
    }

    .width-66-gap-5xl-laptop-l {
        width: calc(66% - (var(--spacing-5xl) / 2));
    }

    .width-66-gap-6xl-laptop-l {
        width: calc(66% - (var(--spacing-6xl) / 2));
    }

    .width-66-gap-7xl-laptop-l {
        width: calc(66% - (var(--spacing-7xl) / 2));
    }

    .width-66-gap-8xl-laptop-l {
        width: calc(66% - (var(--spacing-8xl) / 2));
    }

    .width-66-gap-9xl-laptop-l {
        width: calc(66% - (var(--spacing-9xl) / 2));
    }

    .width-66-gap-10xl-laptop-l {
        width: calc(66% - (var(--spacing-10xl) / 2));
    }

    .width-66-gap-11xl-laptop-l {
        width: calc(66% - (var(--spacing-11xl) / 2));
    }

    .width-50-gap-none-laptop-l {
        width: calc(50% - (var(--spacing-none) / 2));
    }

    .width-50-gap-xxs-laptop-l {
        width: calc(50% - (var(--spacing-xxs) / 2));
    }

    .width-50-gap-xs-laptop-l {
        width: calc(50% - (var(--spacing-xs) / 2));
    }

    .width-50-gap-sm-laptop-l {
        width: calc(50% - (var(--spacing-sm) / 2));
    }

    .width-50-gap-md-laptop-l {
        width: calc(50% - (var(--spacing-md) / 2));
    }

    .width-50-gap-lg-laptop-l {
        width: calc(50% - (var(--spacing-lg) / 2));
    }

    .width-50-gap-xl-laptop-l {
        width: calc(50% - (var(--spacing-xl) / 2));
    }

    .width-50-gap-2xl-laptop-l {
        width: calc(50% - (var(--spacing-2xl) / 2));
    }

    .width-50-gap-3xl-laptop-l {
        width: calc(50% - (var(--spacing-3xl) / 2));
    }

    .width-50-gap-4xl-laptop-l {
        width: calc(50% - (var(--spacing-4xl) / 2));
    }

    .width-50-gap-5xl-laptop-l {
        width: calc(50% - (var(--spacing-5xl) / 2));
    }

    .width-50-gap-6xl-laptop-l {
        width: calc(50% - (var(--spacing-6xl) / 2));
    }

    .width-50-gap-7xl-laptop-l {
        width: calc(50% - (var(--spacing-7xl) / 2));
    }

    .width-50-gap-8xl-laptop-l {
        width: calc(50% - (var(--spacing-8xl) / 2));
    }

    .width-50-gap-9xl-laptop-l {
        width: calc(50% - (var(--spacing-9xl) / 2));
    }

    .width-50-gap-10xl-laptop-l {
        width: calc(50% - (var(--spacing-10xl) / 2));
    }

    .width-50-gap-11xl-laptop-l {
        width: calc(50% - (var(--spacing-11xl) / 2));
    }

    .width-33-gap-none-laptop-l {
        width: calc(33% - (var(--spacing-none) / 2));
    }

    .width-33-gap-xxs-laptop-l {
        width: calc(33% - (var(--spacing-xxs) / 2));
    }

    .width-33-gap-xs-laptop-l {
        width: calc(33% - (var(--spacing-xs) / 2));
    }

    .width-33-gap-sm-laptop-l {
        width: calc(33% - (var(--spacing-sm) / 2));
    }

    .width-33-gap-md-laptop-l {
        width: calc(33% - (var(--spacing-md) / 2));
    }

    .width-33-gap-lg-laptop-l {
        width: calc(33% - (var(--spacing-lg) / 2));
    }

    .width-33-gap-xl-laptop-l {
        width: calc(33% - (var(--spacing-xl) / 2));
    }

    .width-33-gap-2xl-laptop-l {
        width: calc(33% - (var(--spacing-2xl) / 2));
    }

    .width-33-gap-3xl-laptop-l {
        width: calc(33% - (var(--spacing-3xl) / 2));
    }

    .width-33-gap-4xl-laptop-l {
        width: calc(33% - (var(--spacing-4xl) / 2));
    }

    .width-33-gap-5xl-laptop-l {
        width: calc(33% - (var(--spacing-5xl) / 2));
    }

    .width-33-gap-6xl-laptop-l {
        width: calc(33% - (var(--spacing-6xl) / 2));
    }

    .width-33-gap-7xl-laptop-l {
        width: calc(33% - (var(--spacing-7xl) / 2));
    }

    .width-33-gap-8xl-laptop-l {
        width: calc(33% - (var(--spacing-8xl) / 2));
    }

    .width-33-gap-9xl-laptop-l {
        width: calc(33% - (var(--spacing-9xl) / 2));
    }

    .width-33-gap-10xl-laptop-l {
        width: calc(33% - (var(--spacing-10xl) / 2));
    }

    .width-33-gap-11xl-laptop-l {
        width: calc(33% - (var(--spacing-11xl) / 2));
    }

    .width-25-gap-none-laptop-l {
        width: calc(25% - (var(--spacing-none) / 2));
    }

    .width-25-gap-xxs-laptop-l {
        width: calc(25% - (var(--spacing-xxs) / 2));
    }

    .width-25-gap-xs-laptop-l {
        width: calc(25% - (var(--spacing-xs) / 2));
    }

    .width-25-gap-sm-laptop-l {
        width: calc(25% - (var(--spacing-sm) / 2));
    }

    .width-25-gap-md-laptop-l {
        width: calc(25% - (var(--spacing-md) / 2));
    }

    .width-25-gap-lg-laptop-l {
        width: calc(25% - (var(--spacing-lg) / 2));
    }

    .width-25-gap-xl-laptop-l {
        width: calc(25% - (var(--spacing-xl) / 2));
    }

    .width-25-gap-2xl-laptop-l {
        width: calc(25% - (var(--spacing-2xl) / 2));
    }

    .width-25-gap-3xl-laptop-l {
        width: calc(25% - (var(--spacing-3xl) / 2));
    }

    .width-25-gap-4xl-laptop-l {
        width: calc(25% - (var(--spacing-4xl) / 2));
    }

    .width-25-gap-5xl-laptop-l {
        width: calc(25% - (var(--spacing-5xl) / 2));
    }

    .width-25-gap-6xl-laptop-l {
        width: calc(25% - (var(--spacing-6xl) / 2));
    }

    .width-25-gap-7xl-laptop-l {
        width: calc(25% - (var(--spacing-7xl) / 2));
    }

    .width-25-gap-8xl-laptop-l {
        width: calc(25% - (var(--spacing-8xl) / 2));
    }

    .width-25-gap-9xl-laptop-l {
        width: calc(25% - (var(--spacing-9xl) / 2));
    }

    .width-25-gap-10xl-laptop-l {
        width: calc(25% - (var(--spacing-10xl) / 2));
    }

    .width-25-gap-11xl-laptop-l {
        width: calc(25% - (var(--spacing-11xl) / 2));
    }

    .height-unset-laptop-l {
        height: unset;
    }

    .height-0-laptop-l {
        height: 0%;
    }

    .height-1-laptop-l {
        height: 1%;
    }

    .height-2-laptop-l {
        height: 2%;
    }

    .height-3-laptop-l {
        height: 3%;
    }

    .height-4-laptop-l {
        height: 4%;
    }

    .height-5-laptop-l {
        height: 5%;
    }

    .height-6-laptop-l {
        height: 6%;
    }

    .height-7-laptop-l {
        height: 7%;
    }

    .height-8-laptop-l {
        height: 8%;
    }

    .height-9-laptop-l {
        height: 9%;
    }

    .height-10-laptop-l {
        height: 10%;
    }

    .height-11-laptop-l {
        height: 11%;
    }

    .height-12-laptop-l {
        height: 12%;
    }

    .height-13-laptop-l {
        height: 13%;
    }

    .height-14-laptop-l {
        height: 14%;
    }

    .height-15-laptop-l {
        height: 15%;
    }

    .height-16-laptop-l {
        height: 16%;
    }

    .height-17-laptop-l {
        height: 17%;
    }

    .height-18-laptop-l {
        height: 18%;
    }

    .height-19-laptop-l {
        height: 19%;
    }

    .height-20-laptop-l {
        height: 20%;
    }

    .height-21-laptop-l {
        height: 21%;
    }

    .height-22-laptop-l {
        height: 22%;
    }

    .height-23-laptop-l {
        height: 23%;
    }

    .height-24-laptop-l {
        height: 24%;
    }

    .height-25-laptop-l {
        height: 25%;
    }

    .height-26-laptop-l {
        height: 26%;
    }

    .height-27-laptop-l {
        height: 27%;
    }

    .height-28-laptop-l {
        height: 28%;
    }

    .height-29-laptop-l {
        height: 29%;
    }

    .height-30-laptop-l {
        height: 30%;
    }

    .height-31-laptop-l {
        height: 31%;
    }

    .height-32-laptop-l {
        height: 32%;
    }

    .height-33-laptop-l {
        height: 33%;
    }

    .height-34-laptop-l {
        height: 34%;
    }

    .height-35-laptop-l {
        height: 35%;
    }

    .height-36-laptop-l {
        height: 36%;
    }

    .height-37-laptop-l {
        height: 37%;
    }

    .height-38-laptop-l {
        height: 38%;
    }

    .height-39-laptop-l {
        height: 39%;
    }

    .height-40-laptop-l {
        height: 40%;
    }

    .height-41-laptop-l {
        height: 41%;
    }

    .height-42-laptop-l {
        height: 42%;
    }

    .height-43-laptop-l {
        height: 43%;
    }

    .height-44-laptop-l {
        height: 44%;
    }

    .height-45-laptop-l {
        height: 45%;
    }

    .height-46-laptop-l {
        height: 46%;
    }

    .height-47-laptop-l {
        height: 47%;
    }

    .height-48-laptop-l {
        height: 48%;
    }

    .height-49-laptop-l {
        height: 49%;
    }

    .height-50-laptop-l {
        height: 50%;
    }

    .height-51-laptop-l {
        height: 51%;
    }

    .height-52-laptop-l {
        height: 52%;
    }

    .height-53-laptop-l {
        height: 53%;
    }

    .height-54-laptop-l {
        height: 54%;
    }

    .height-55-laptop-l {
        height: 55%;
    }

    .height-56-laptop-l {
        height: 56%;
    }

    .height-57-laptop-l {
        height: 57%;
    }

    .height-58-laptop-l {
        height: 58%;
    }

    .height-59-laptop-l {
        height: 59%;
    }

    .height-60-laptop-l {
        height: 60%;
    }

    .height-61-laptop-l {
        height: 61%;
    }

    .height-62-laptop-l {
        height: 62%;
    }

    .height-63-laptop-l {
        height: 63%;
    }

    .height-64-laptop-l {
        height: 64%;
    }

    .height-65-laptop-l {
        height: 65%;
    }

    .height-66-laptop-l {
        height: 66%;
    }

    .height-67-laptop-l {
        height: 67%;
    }

    .height-68-laptop-l {
        height: 68%;
    }

    .height-69-laptop-l {
        height: 69%;
    }

    .height-70-laptop-l {
        height: 70%;
    }

    .height-71-laptop-l {
        height: 71%;
    }

    .height-72-laptop-l {
        height: 72%;
    }

    .height-73-laptop-l {
        height: 73%;
    }

    .height-74-laptop-l {
        height: 74%;
    }

    .height-75-laptop-l {
        height: 75%;
    }

    .height-76-laptop-l {
        height: 76%;
    }

    .height-77-laptop-l {
        height: 77%;
    }

    .height-78-laptop-l {
        height: 78%;
    }

    .height-79-laptop-l {
        height: 79%;
    }

    .height-80-laptop-l {
        height: 80%;
    }

    .height-81-laptop-l {
        height: 81%;
    }

    .height-82-laptop-l {
        height: 82%;
    }

    .height-83-laptop-l {
        height: 83%;
    }

    .height-84-laptop-l {
        height: 84%;
    }

    .height-85-laptop-l {
        height: 85%;
    }

    .height-86-laptop-l {
        height: 86%;
    }

    .height-87-laptop-l {
        height: 87%;
    }

    .height-88-laptop-l {
        height: 88%;
    }

    .height-89-laptop-l {
        height: 89%;
    }

    .height-90-laptop-l {
        height: 90%;
    }

    .height-91-laptop-l {
        height: 91%;
    }

    .height-92-laptop-l {
        height: 92%;
    }

    .height-93-laptop-l {
        height: 93%;
    }

    .height-94-laptop-l {
        height: 94%;
    }

    .height-95-laptop-l {
        height: 95%;
    }

    .height-96-laptop-l {
        height: 96%;
    }

    .height-97-laptop-l {
        height: 97%;
    }

    .height-98-laptop-l {
        height: 98%;
    }

    .height-99-laptop-l {
        height: 99%;
    }

    .height-100-laptop-l {
        height: 100%;
    }

    .height-25vh-laptop-l {
        height: 25vh;
        height: 25dvh;
    }

    .height-33vh-laptop-l {
        height: 33vh;
        height: 33dvh;
    }

    .height-50vh-laptop-l {
        height: 50vh;
        height: 50dvh;
    }

    .height-66vh-laptop-l {
        height: 66vh;
        height: 66dvh;
    }

    .height-75vh-laptop-l {
        height: 75vh;
        height: 75dvh;
    }

    .height-100vh-laptop-l {
        height: 100vh;
        height: 100dvh;
    }

    .max-height-25vh-laptop-l {
        max-height: 25vh;
        max-height: 25dvh;
    }

    .max-height-33vh-laptop-l {
        max-height: 33vh;
        max-height: 33dvh;
    }

    .max-height-50vh-laptop-l {
        max-height: 50vh;
        max-height: 50dvh;
    }

    .max-height-66vh-laptop-l {
        max-height: 66vh;
        max-height: 66dvh;
    }

    .max-height-75vh-laptop-l {
        max-height: 75vh;
        max-height: 75dvh;
    }

    .max-height-100vh-laptop-l {
        max-height: 100vh;
        max-height: 100dvh;
    }

    .min-height-25vh-laptop-l {
        min-height: 25vh;
        min-height: 25dvh;
    }

    .min-height-33vh-laptop-l {
        min-height: 33vh;
        min-height: 33dvh;
    }

    .min-height-50vh-laptop-l {
        min-height: 50vh;
        min-height: 50dvh;
    }

    .min-height-66vh-laptop-l {
        min-height: 66vh;
        min-height: 66dvh;
    }

    .min-height-75vh-laptop-l {
        min-height: 75vh;
        min-height: 75dvh;
    }

    .min-height-100vh-laptop-l {
        min-height: 100vh;
        min-height: 100dvh;
    }
}

/* Laptop */
@media screen and (max-width: 1024px) {

    /* 0.3. Sidebar */
    .sidebar-right {
        max-width: unset;
        min-width: unset;
        position: unset;
    }

    /* 0.8. Borders */
    .border-1-laptop {
        border: 1px solid;
    }

    .border-2-laptop {
        border: 2px solid;
    }

    .border-1-y-laptop {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    .border-2-y-laptop {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }

    .border-1-x-laptop {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .border-2-x-laptop {
        border-left: 2px solid;
        border-right: 2px solid;
    }

    .border-1-top-laptop {
        border-top: 1px solid;
    }

    .border-2-top-laptop {
        border-top: 2px solid;
    }

    .border-1-right-laptop {
        border-right: 1px solid;
    }

    .border-2-right-laptop {
        border-right: 2px solid;
    }

    .border-1-bottom-laptop {
        border-bottom: 1px solid;
    }

    .border-2-bottom-laptop {
        border-bottom: 2px solid;
    }

    .border-1-left-laptop {
        border-left: 1px solid;
    }

    .border-2-left-laptop {
        border-left: 2px solid;
    }

    /* 0.9. Text */
    .text-transform-none-laptop {
        text-transform: none;
    }

    .text-transform-uppercase-laptop {
        text-transform: uppercase;
    }

    .text-transform-lowercase-laptop {
        text-transform: lowercase;
    }

    .text-transform-capitalize-laptop {
        text-transform: capitalize;
    }

    .text-transform-full-width-laptop {
        text-transform: full-width;
    }

    .text-transform-inherit-laptop {
        text-transform: inherit;
    }

    .text-transform-initial-laptop {
        text-transform: initial;
    }

    .text-transform-revert-laptop {
        text-transform: revert;
    }

    .text-transform-unset-laptop {
        text-transform: unset;
    }

    .text-decoration-none-laptop {
        text-decoration: none;
    }

    .text-decoration-underline-laptop {
        text-decoration: underline;
    }

    .text-decoration-overline-laptop {
        text-decoration: overline;
    }

    .text-decoration-line-through-laptop {
        text-decoration: line-through;
    }

    .text-decoration-underline-overline-laptop {
        text-decoration: underline overline;
    }

    .text-decoration-solid-laptop {
        text-decoration-style: solid;
    }

    .text-decoration-dashed-laptop {
        text-decoration-style: dashed;
    }

    .text-decoration-dotted-laptop {
        text-decoration-style: dotted;
    }

    .text-decoration-double-laptop {
        text-decoration-style: double;
    }

    .text-decoration-wavy-laptop {
        text-decoration-style: wavy;
    }

    .text-align-left-laptop {
        text-align: left;
    }

    .text-align-right-laptop {
        text-align: right;
    }

    .text-align-center-laptop {
        text-align: center;
    }

    .text-align-justify-laptop {
        text-align: justify;
    }

    .text-align-start-laptop {
        text-align: start;
    }

    .text-align-end-laptop {
        text-align: end;
    }

    .text-wrap-laptop {
        text-wrap: wrap;
    }

    .text-nowrap-laptop {
        text-wrap: nowrap;
    }

    .word-break-normal-laptop {
        word-break: normal;
    }

    .word-break-break-all-laptop {
        word-break: break-all;
    }

    .word-break-break-word-laptop {
        word-break: break-word;
    }

    .word-break-keep-all-laptop {
        word-break: keep-all;
    }

    /* 0.10. Flex */
    .row-laptop {
        display: flex;
        flex-direction: row;
    }

    .row-reverse-laptop {
        display: flex;
        flex-direction: row-reverse;
    }

    .column-laptop {
        display: flex;
        flex-direction: column;
    }

    .column-reverse-laptop {
        display: flex;
        flex-direction: column-reverse;
    }

    .justify-content-flex-start-laptop {
        justify-content: flex-start;
    }

    .justify-content-center-laptop {
        justify-content: center;
    }

    .justify-content-flex-end-laptop {
        justify-content: flex-end;
    }

    .justify-content-space-between-laptop {
        justify-content: space-between;
    }

    .justify-content-space-around-laptop {
        justify-content: space-around;
    }

    .justify-content-space-evenly-laptop {
        justify-content: space-evenly;
    }

    .align-items-flex-start-laptop {
        align-items: flex-start;
    }

    .align-items-center-laptop {
        align-items: center;
    }

    .align-items-flex-end-laptop {
        align-items: flex-end;
    }

    .align-items-baseline-laptop {
        align-items: baseline;
    }

    .align-items-stretch-laptop {
        align-items: stretch;
    }

    .align-content-flex-start-laptop {
        align-content: flex-start;
    }

    .align-content-center-laptop {
        align-content: center;
    }

    .align-content-flex-end-laptop {
        align-content: flex-end;
    }

    .align-content-space-between-laptop {
        align-content: space-between;
    }

    .align-content-space-around-laptop {
        align-content: space-around;
    }

    .align-content-space-evenly-laptop {
        align-content: space-evenly;
    }

    .align-self-auto-laptop {
        align-self: auto;
    }

    .align-self-flex-start-laptop {
        align-self: flex-start;
    }

    .align-self-center-laptop {
        align-self: center;
    }

    .align-self-flex-end-laptop {
        align-self: flex-end;
    }

    .align-self-stretch-laptop {
        align-self: stretch;
    }

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

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

    .order-1-laptop {
        order: 1;
    }

    .order-2-laptop {
        order: 2;
    }

    .order-3-laptop {
        order: 3;
    }

    .order-4-laptop {
        order: 4;
    }

    .order-5-laptop {
        order: 5;
    }

    /* 0.11. Displays */
    .display-none-laptop {
        display: none;
    }

    .display-block-laptop {
        display: block;
    }

    .display-inline-laptop {
        display: inline;
    }

    .display-inline-block-laptop {
        display: inline-block;
    }

    .display-flex-laptop {
        display: flex;
    }

    .display-inline-flex-laptop {
        display: inline-flex;
    }

    .display-grid-laptop {
        display: grid;
    }

    .display-inline-grid-laptop {
        display: inline-grid;
    }

    .display-table-laptop {
        display: table;
    }

    .display-inline-table-laptop {
        display: inline-table;
    }

    .display-table-row-laptop {
        display: table-row;
    }

    .display-table-cell-laptop {
        display: table-cell;
    }

    .display-contents-laptop {
        display: contents;
    }

    .display-list-item-laptop {
        display: list-item;
    }

    /* 0.12. Position */
    .position-static-laptop {
        position: static;
    }

    .position-relative-laptop {
        position: relative;
    }

    .position-absolute-laptop {
        position: absolute;
    }

    .position-fixed-laptop {
        position: fixed;
    }

    .position-sticky-laptop {
        position: sticky;
    }

    /* 0.13. Overflow */
    .overflow-visible-laptop {
        overflow: visible;
    }

    .overflow-hidden-laptop {
        overflow: hidden;
    }

    .overflow-scroll-laptop {
        overflow: scroll;
    }

    .overflow-auto-laptop {
        overflow: auto;
    }

    .overflow-x-visible-laptop {
        overflow-x: visible;
    }

    .overflow-x-hidden-laptop {
        overflow-x: hidden;
    }

    .overflow-x-scroll-laptop {
        overflow-x: scroll;
    }

    .overflow-x-auto-laptop {
        overflow-x: auto;
    }

    .overflow-y-visible-laptop {
        overflow-y: visible;
    }

    .overflow-y-hidden-laptop {
        overflow-y: hidden;
    }

    .overflow-y-scroll-laptop {
        overflow-y: scroll;
    }

    .overflow-y-auto-laptop {
        overflow-y: auto;
    }

    .overflow-scroll::-webkit-scrollbar-laptop {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-x-scroll::-webkit-scrollbar-laptop {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-y-scroll::-webkit-scrollbar-laptop {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    /* 1. Colors */
    /* 1.1. Background colors */
    .background-none-laptop {
        background: none;
    }

    .background-linear-gradient-type-1-laptop {
        background: var(--linear-gradient-type-1), var(--primary-900);
    }

    .background-linear-gradient-type-2-laptop {
        background: var(--linear-gradient-type-2), var(--primary-900);
    }

    .background-color-neutral-50-laptop {
        background-color: var(--neutral-50);
    }

    .background-color-neutral-100-laptop {
        background-color: var(--neutral-100);
    }

    .background-color-neutral-200-laptop {
        background-color: var(--neutral-200);
    }

    .background-color-neutral-300-laptop {
        background-color: var(--neutral-300);
    }

    .background-color-neutral-400-laptop {
        background-color: var(--neutral-400);
    }

    .background-color-neutral-500-laptop {
        background-color: var(--neutral-500);
    }

    .background-color-neutral-600-laptop {
        background-color: var(--neutral-600);
    }

    .background-color-neutral-700-laptop {
        background-color: var(--neutral-700);
    }

    .background-color-neutral-800-laptop {
        background-color: var(--neutral-800);
    }

    .background-color-neutral-900-laptop {
        background-color: var(--neutral-900);
    }

    .background-color-primary-50-laptop {
        background-color: var(--primary-50);
    }

    .background-color-primary-100-laptop {
        background-color: var(--primary-100);
    }

    .background-color-primary-200-laptop {
        background-color: var(--primary-200);
    }

    .background-color-primary-300-laptop {
        background-color: var(--primary-300);
    }

    .background-color-primary-400-laptop {
        background-color: var(--primary-400);
    }

    .background-color-primary-500-laptop {
        background-color: var(--primary-500);
    }

    .background-color-primary-600-laptop {
        background-color: var(--primary-600);
    }

    .background-color-primary-700-laptop {
        background-color: var(--primary-700);
    }

    .background-color-primary-800-laptop {
        background-color: var(--primary-800);
    }

    .background-color-primary-900-laptop {
        background-color: var(--primary-900);
    }

    .background-color-success-50-laptop {
        background-color: var(--success-50);
    }

    .background-color-success-100-laptop {
        background-color: var(--success-100);
    }

    .background-color-success-200-laptop {
        background-color: var(--success-200);
    }

    .background-color-success-300-laptop {
        background-color: var(--success-300);
    }

    .background-color-success-400-laptop {
        background-color: var(--success-400);
    }

    .background-color-success-500-laptop {
        background-color: var(--success-500);
    }

    .background-color-success-600-laptop {
        background-color: var(--success-600);
    }

    .background-color-success-700-laptop {
        background-color: var(--success-700);
    }

    .background-color-success-800-laptop {
        background-color: var(--success-800);
    }

    .background-color-success-900-laptop {
        background-color: var(--success-900);
    }

    .background-color-warning-50-laptop {
        background-color: var(--warning-50);
    }

    .background-color-warning-100-laptop {
        background-color: var(--warning-100);
    }

    .background-color-warning-200-laptop {
        background-color: var(--warning-200);
    }

    .background-color-warning-300-laptop {
        background-color: var(--warning-300);
    }

    .background-color-warning-400-laptop {
        background-color: var(--warning-400);
    }

    .background-color-warning-500-laptop {
        background-color: var(--warning-500);
    }

    .background-color-warning-600-laptop {
        background-color: var(--warning-600);
    }

    .background-color-warning-700-laptop {
        background-color: var(--warning-700);
    }

    .background-color-warning-800-laptop {
        background-color: var(--warning-800);
    }

    .background-color-warning-900-laptop {
        background-color: var(--warning-900);
    }

    .background-color-error-50-laptop {
        background-color: var(--error-50);
    }

    .background-color-error-100-laptop {
        background-color: var(--error-100);
    }

    .background-color-error-200-laptop {
        background-color: var(--error-200);
    }

    .background-color-error-300-laptop {
        background-color: var(--error-300);
    }

    .background-color-error-400-laptop {
        background-color: var(--error-400);
    }

    .background-color-error-500-laptop {
        background-color: var(--error-500);
    }

    .background-color-error-600-laptop {
        background-color: var(--error-600);
    }

    .background-color-error-700-laptop {
        background-color: var(--error-700);
    }

    .background-color-error-800-laptop {
        background-color: var(--error-800);
    }

    .background-color-error-900-laptop {
        background-color: var(--error-900);
    }

    .background-color-shades-0-laptop {
        background-color: var(--shades-0);
    }

    .background-color-shades-100-laptop {
        background-color: var(--shades-100);
    }

    .background-color-dark-50-laptop {
        background-color: var(--dark-50);
    }

    .background-color-dark-100-laptop {
        background-color: var(--dark-100);
    }

    .background-color-dark-200-laptop {
        background-color: var(--dark-200);
    }

    .background-color-dark-300-laptop {
        background-color: var(--dark-300);
    }

    .background-color-dark-400-laptop {
        background-color: var(--dark-400);
    }

    .background-color-dark-500-laptop {
        background-color: var(--dark-500);
    }

    .background-color-dark-600-laptop {
        background-color: var(--dark-600);
    }

    .background-color-dark-700-laptop {
        background-color: var(--dark-700);
    }

    .background-color-dark-800-laptop {
        background-color: var(--dark-800);
    }

    .background-color-dark-900-laptop {
        background-color: var(--dark-900);
    }

    /* 1.2. Text colors */
    .text-color-neutral-50-laptop {
        color: var(--neutral-50);
    }

    .text-color-neutral-100-laptop {
        color: var(--neutral-100);
    }

    .text-color-neutral-200-laptop {
        color: var(--neutral-200);
    }

    .text-color-neutral-300-laptop {
        color: var(--neutral-300);
    }

    .text-color-neutral-400-laptop {
        color: var(--neutral-400);
    }

    .text-color-neutral-500-laptop {
        color: var(--neutral-500);
    }

    .text-color-neutral-600-laptop {
        color: var(--neutral-600);
    }

    .text-color-neutral-700-laptop {
        color: var(--neutral-700);
    }

    .text-color-neutral-800-laptop {
        color: var(--neutral-800);
    }

    .text-color-neutral-900-laptop {
        color: var(--neutral-900);
    }

    .text-color-primary-50-laptop {
        color: var(--primary-50);
    }

    .text-color-primary-100-laptop {
        color: var(--primary-100);
    }

    .text-color-primary-200-laptop {
        color: var(--primary-200);
    }

    .text-color-primary-300-laptop {
        color: var(--primary-300);
    }

    .text-color-primary-400-laptop {
        color: var(--primary-400);
    }

    .text-color-primary-500-laptop {
        color: var(--primary-500);
    }

    .text-color-primary-600-laptop {
        color: var(--primary-600);
    }

    .text-color-primary-700-laptop {
        color: var(--primary-700);
    }

    .text-color-primary-800-laptop {
        color: var(--primary-800);
    }

    .text-color-primary-900-laptop {
        color: var(--primary-900);
    }

    .text-color-success-50-laptop {
        color: var(--success-50);
    }

    .text-color-success-100-laptop {
        color: var(--success-100);
    }

    .text-color-success-200-laptop {
        color: var(--success-200);
    }

    .text-color-success-300-laptop {
        color: var(--success-300);
    }

    .text-color-success-400-laptop {
        color: var(--success-400);
    }

    .text-color-success-500-laptop {
        color: var(--success-500);
    }

    .text-color-success-600-laptop {
        color: var(--success-600);
    }

    .text-color-success-700-laptop {
        color: var(--success-700);
    }

    .text-color-success-800-laptop {
        color: var(--success-800);
    }

    .text-color-success-900-laptop {
        color: var(--success-900);
    }

    .text-color-warning-50-laptop {
        color: var(--warning-50);
    }

    .text-color-warning-100-laptop {
        color: var(--warning-100);
    }

    .text-color-warning-200-laptop {
        color: var(--warning-200);
    }

    .text-color-warning-300-laptop {
        color: var(--warning-300);
    }

    .text-color-warning-400-laptop {
        color: var(--warning-400);
    }

    .text-color-warning-500-laptop {
        color: var(--warning-500);
    }

    .text-color-warning-600-laptop {
        color: var(--warning-600);
    }

    .text-color-warning-700-laptop {
        color: var(--warning-700);
    }

    .text-color-warning-800-laptop {
        color: var(--warning-800);
    }

    .text-color-warning-900-laptop {
        color: var(--warning-900);
    }

    .text-color-error-50-laptop {
        color: var(--error-50);
    }

    .text-color-error-100-laptop {
        color: var(--error-100);
    }

    .text-color-error-200-laptop {
        color: var(--error-200);
    }

    .text-color-error-300-laptop {
        color: var(--error-300);
    }

    .text-color-error-400-laptop {
        color: var(--error-400);
    }

    .text-color-error-500-laptop {
        color: var(--error-500);
    }

    .text-color-error-600-laptop {
        color: var(--error-600);
    }

    .text-color-error-700-laptop {
        color: var(--error-700);
    }

    .text-color-error-800-laptop {
        color: var(--error-800);
    }

    .text-color-error-900-laptop {
        color: var(--error-900);
    }

    .text-color-shades-0-laptop {
        color: var(--shades-0);
    }

    .text-color-shades-100-laptop {
        color: var(--shades-100);
    }

    .text-color-dark-50-laptop {
        color: var(--dark-50);
    }

    .text-color-dark-100-laptop {
        color: var(--dark-100);
    }

    .text-color-dark-200-laptop {
        color: var(--dark-200);
    }

    .text-color-dark-300-laptop {
        color: var(--dark-300);
    }

    .text-color-dark-400-laptop {
        color: var(--dark-400);
    }

    .text-color-dark-500-laptop {
        color: var(--dark-500);
    }

    .text-color-dark-600-laptop {
        color: var(--dark-600);
    }

    .text-color-dark-700-laptop {
        color: var(--dark-700);
    }

    .text-color-dark-800-laptop {
        color: var(--dark-800);
    }

    .text-color-dark-900-laptop {
        color: var(--dark-900);
    }

    /* 1.3. Border colors */
    .border-color-neutral-50-laptop {
        border-color: var(--neutral-50);
    }

    .border-color-neutral-100-laptop {
        border-color: var(--neutral-100);
    }

    .border-color-neutral-200-laptop {
        border-color: var(--neutral-200);
    }

    .border-color-neutral-300-laptop {
        border-color: var(--neutral-300);
    }

    .border-color-neutral-400-laptop {
        border-color: var(--neutral-400);
    }

    .border-color-neutral-500-laptop {
        border-color: var(--neutral-500);
    }

    .border-color-neutral-600-laptop {
        border-color: var(--neutral-600);
    }

    .border-color-neutral-700-laptop {
        border-color: var(--neutral-700);
    }

    .border-color-neutral-800-laptop {
        border-color: var(--neutral-800);
    }

    .border-color-neutral-900-laptop {
        border-color: var(--neutral-900);
    }

    .border-color-primary-50-laptop {
        border-color: var(--primary-50);
    }

    .border-color-primary-100-laptop {
        border-color: var(--primary-100);
    }

    .border-color-primary-200-laptop {
        border-color: var(--primary-200);
    }

    .border-color-primary-300-laptop {
        border-color: var(--primary-300);
    }

    .border-color-primary-400-laptop {
        border-color: var(--primary-400);
    }

    .border-color-primary-500-laptop {
        border-color: var(--primary-500);
    }

    .border-color-primary-600-laptop {
        border-color: var(--primary-600);
    }

    .border-color-primary-700-laptop {
        border-color: var(--primary-700);
    }

    .border-color-primary-800-laptop {
        border-color: var(--primary-800);
    }

    .border-color-primary-900-laptop {
        border-color: var(--primary-900);
    }

    .border-color-success-50-laptop {
        border-color: var(--success-50);
    }

    .border-color-success-100-laptop {
        border-color: var(--success-100);
    }

    .border-color-success-200-laptop {
        border-color: var(--success-200);
    }

    .border-color-success-300-laptop {
        border-color: var(--success-300);
    }

    .border-color-success-400-laptop {
        border-color: var(--success-400);
    }

    .border-color-success-500-laptop {
        border-color: var(--success-500);
    }

    .border-color-success-600-laptop {
        border-color: var(--success-600);
    }

    .border-color-success-700-laptop {
        border-color: var(--success-700);
    }

    .border-color-success-800-laptop {
        border-color: var(--success-800);
    }

    .border-color-success-900-laptop {
        border-color: var(--success-900);
    }

    .border-color-warning-50-laptop {
        border-color: var(--warning-50);
    }

    .border-color-warning-100-laptop {
        border-color: var(--warning-100);
    }

    .border-color-warning-200-laptop {
        border-color: var(--warning-200);
    }

    .border-color-warning-300-laptop {
        border-color: var(--warning-300);
    }

    .border-color-warning-400-laptop {
        border-color: var(--warning-400);
    }

    .border-color-warning-500-laptop {
        border-color: var(--warning-500);
    }

    .border-color-warning-600-laptop {
        border-color: var(--warning-600);
    }

    .border-color-warning-700-laptop {
        border-color: var(--warning-700);
    }

    .border-color-warning-800-laptop {
        border-color: var(--warning-800);
    }

    .border-color-warning-900-laptop {
        border-color: var(--warning-900);
    }

    .border-color-error-50-laptop {
        border-color: var(--error-50);
    }

    .border-color-error-100-laptop {
        border-color: var(--error-100);
    }

    .border-color-error-200-laptop {
        border-color: var(--error-200);
    }

    .border-color-error-300-laptop {
        border-color: var(--error-300);
    }

    .border-color-error-400-laptop {
        border-color: var(--error-400);
    }

    .border-color-error-500-laptop {
        border-color: var(--error-500);
    }

    .border-color-error-600-laptop {
        border-color: var(--error-600);
    }

    .border-color-error-700-laptop {
        border-color: var(--error-700);
    }

    .border-color-error-800-laptop {
        border-color: var(--error-800);
    }

    .border-color-error-900-laptop {
        border-color: var(--error-900);
    }

    .border-color-shades-0-laptop {
        border-color: var(--shades-0);
    }

    .border-color-shades-100-laptop {
        border-color: var(--shades-100);
    }

    .border-color-dark-50-laptop {
        border-color: var(--dark-50);
    }

    .border-color-dark-100-laptop {
        border-color: var(--dark-100);
    }

    .border-color-dark-200-laptop {
        border-color: var(--dark-200);
    }

    .border-color-dark-300-laptop {
        border-color: var(--dark-300);
    }

    .border-color-dark-400-laptop {
        border-color: var(--dark-400);
    }

    .border-color-dark-500-laptop {
        border-color: var(--dark-500);
    }

    .border-color-dark-600-laptop {
        border-color: var(--dark-600);
    }

    .border-color-dark-700-laptop {
        border-color: var(--dark-700);
    }

    .border-color-dark-800-laptop {
        border-color: var(--dark-800);
    }

    .border-color-dark-900-laptop {
        border-color: var(--dark-900);
    }

    .icon-color-neutral-50-laptop {
        filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(842%) hue-rotate(176deg) brightness(98%) contrast(101%);
    }

    .icon-color-neutral-100-laptop {
        filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(339%) hue-rotate(71deg) brightness(109%) contrast(95%);
    }

    .icon-color-neutral-200-laptop {
        filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(388%) hue-rotate(54deg) brightness(97%) contrast(94%);
    }

    .icon-color-neutral-300-laptop {
        filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(217%) hue-rotate(104deg) brightness(95%) contrast(91%);
    }

    .icon-color-neutral-400-laptop {
        filter: brightness(0) saturate(100%) invert(74%) sepia(19%) saturate(336%) hue-rotate(84deg) brightness(92%) contrast(90%);
    }

    .icon-color-neutral-500-laptop {
        filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(609%) hue-rotate(95deg) brightness(98%) contrast(88%);
    }

    .icon-color-neutral-600-laptop {
        filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(654%) hue-rotate(107deg) brightness(90%) contrast(89%);
    }

    .icon-color-neutral-700-laptop {
        filter: brightness(0) saturate(100%) invert(27%) sepia(6%) saturate(2702%) hue-rotate(109deg) brightness(93%) contrast(80%);
    }

    .icon-color-neutral-800-laptop {
        filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(4424%) hue-rotate(110deg) brightness(97%) contrast(79%);
    }

    .icon-color-neutral-900-laptop {
        filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(4555%) hue-rotate(112deg) brightness(96%) contrast(88%);
    }

    .icon-color-primary-50-laptop {
        filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(514%) hue-rotate(93deg) brightness(108%) contrast(97%);
    }

    .icon-color-primary-100-laptop {
        filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(786%) hue-rotate(94deg) brightness(98%) contrast(94%);
    }

    .icon-color-primary-200-laptop {
        filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(287%) hue-rotate(83deg) brightness(97%) contrast(90%);
    }

    .icon-color-primary-300-laptop {
        filter: brightness(0) saturate(100%) invert(80%) sepia(66%) saturate(373%) hue-rotate(81deg) brightness(94%) contrast(90%);
    }

    .icon-color-primary-400-laptop {
        filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(1244%) hue-rotate(82deg) brightness(92%) contrast(87%);
    }

    .icon-color-primary-500-laptop {
        filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(380%) hue-rotate(102deg) brightness(103%) contrast(86%);
    }

    .icon-color-primary-600-laptop {
        filter: brightness(0) saturate(100%) invert(46%) sepia(92%) saturate(684%) hue-rotate(110deg) brightness(91%) contrast(82%);
    }

    .icon-color-primary-700-laptop {
        filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(409%) hue-rotate(102deg) brightness(92%) contrast(89%);
    }

    .icon-color-primary-800-laptop {
        filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(3285%) hue-rotate(116deg) brightness(93%) contrast(91%);
    }

    .icon-color-primary-900-laptop {
        filter: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(5222%) hue-rotate(114deg) brightness(90%) contrast(92%);
    }

    .icon-color-success-50-laptop {
        filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(274%) hue-rotate(81deg) brightness(106%) contrast(98%);
    }

    .icon-color-success-100-laptop {
        filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(347%) hue-rotate(93deg) brightness(98%) contrast(102%);
    }

    .icon-color-success-200-laptop {
        filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(868%) hue-rotate(94deg) brightness(103%) contrast(91%);
    }

    .icon-color-success-300-laptop {
        filter: brightness(0) saturate(100%) invert(88%) sepia(11%) saturate(1753%) hue-rotate(93deg) brightness(97%) contrast(86%);
    }

    .icon-color-success-400-laptop {
        filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(1280%) hue-rotate(107deg) brightness(106%) contrast(95%);
    }

    .icon-color-success-500-laptop {
        filter: brightness(0) saturate(100%) invert(53%) sepia(17%) saturate(5610%) hue-rotate(125deg) brightness(98%) contrast(87%);
    }

    .icon-color-success-600-laptop {
        filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(6906%) hue-rotate(150deg) brightness(99%) contrast(96%);
    }

    .icon-color-success-700-laptop {
        filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(3028%) hue-rotate(153deg) brightness(94%) contrast(97%);
    }

    .icon-color-success-800-laptop {
        filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(1042%) hue-rotate(123deg) brightness(93%) contrast(95%);
    }

    .icon-color-success-900-laptop {
        filter: brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(4756%) hue-rotate(119deg) brightness(98%) contrast(95%);
    }

    .icon-color-warning-50-laptop {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1170%) hue-rotate(316deg) brightness(108%) contrast(105%);
    }

    .icon-color-warning-100-laptop {
        filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(615%) hue-rotate(337deg) brightness(106%) contrast(99%);
    }

    .icon-color-warning-200-laptop {
        filter: brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(567%) hue-rotate(357deg) brightness(103%) contrast(98%);
    }

    .icon-color-warning-300-laptop {
        filter: brightness(0) saturate(100%) invert(87%) sepia(51%) saturate(703%) hue-rotate(328deg) brightness(101%) contrast(98%);
    }

    .icon-color-warning-400-laptop {
        filter: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(526%) hue-rotate(339deg) brightness(103%) contrast(97%);
    }

    .icon-color-warning-500-laptop {
        filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(573%) hue-rotate(357deg) brightness(99%) contrast(94%);
    }

    .icon-color-warning-600-laptop {
        filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2125%) hue-rotate(10deg) brightness(96%) contrast(95%);
    }

    .icon-color-warning-700-laptop {
        filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(1604%) hue-rotate(8deg) brightness(101%) contrast(93%);
    }

    .icon-color-warning-800-laptop {
        filter: brightness(0) saturate(100%) invert(23%) sepia(95%) saturate(5193%) hue-rotate(36deg) brightness(84%) contrast(89%);
    }

    .icon-color-warning-900-laptop {
        filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(5662%) hue-rotate(357deg) brightness(97%) contrast(91%);
    }

    .icon-color-error-50-laptop {
        filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(578%) hue-rotate(319deg) brightness(91%) contrast(120%);
    }

    .icon-color-error-100-laptop {
        filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(1671%) hue-rotate(314deg) brightness(107%) contrast(99%);
    }

    .icon-color-error-200-laptop {
        filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(462%) hue-rotate(311deg) brightness(151%) contrast(99%);
    }

    .icon-color-error-300-laptop {
        filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(1989%) hue-rotate(302deg) brightness(116%) contrast(98%);
    }

    .icon-color-error-400-laptop {
        filter: brightness(0) saturate(100%) invert(71%) sepia(90%) saturate(2985%) hue-rotate(314deg) brightness(97%) contrast(101%);
    }

    .icon-color-error-500-laptop {
        filter: brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(2254%) hue-rotate(335deg) brightness(116%) contrast(88%);
    }

    .icon-color-error-600-laptop {
        filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1765%) hue-rotate(341deg) brightness(85%) contrast(104%);
    }

    .icon-color-error-700-laptop {
        filter: brightness(0) saturate(100%) invert(15%) sepia(74%) saturate(4160%) hue-rotate(353deg) brightness(90%) contrast(90%);
    }

    .icon-color-error-800-laptop {
        filter: brightness(0) saturate(100%) invert(9%) sepia(56%) saturate(3145%) hue-rotate(351deg) brightness(96%) contrast(96%);
    }

    .icon-color-error-900-laptop {
        filter: brightness(0) saturate(100%) invert(9%) sepia(62%) saturate(1757%) hue-rotate(335deg) brightness(95%) contrast(104%);
    }

    .icon-color-shades-0-laptop {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
    }

    .icon-color-shades-100-laptop {
        filter: brightness(0) saturate(100%);
    }

    .icon-color-dark-50-laptop {
        filter: brightness(0) saturate(100%) invert(43%) sepia(19%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-100-laptop {
        filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(57%) hue-rotate(173deg) brightness(101%) contrast(92%);
    }

    .icon-color-dark-200-laptop {
        filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(95%) contrast(92%);
    }

    .icon-color-dark-300-laptop {
        filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(103%) contrast(88%);
    }

    .icon-color-dark-400-laptop {
        filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-500-laptop {
        filter: brightness(0) saturate(100%) invert(12%) sepia(66%) saturate(0%) hue-rotate(131deg) brightness(99%) contrast(92%);
    }

    .icon-color-dark-600-laptop {
        filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(962%) hue-rotate(337deg) brightness(90%) contrast(73%);
    }

    .icon-color-dark-700-laptop {
        filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(4063%) hue-rotate(333deg) brightness(84%) contrast(82%);
    }

    .icon-color-dark-800-laptop {
        filter: brightness(0) saturate(100%) invert(0%) sepia(15%) saturate(30%) hue-rotate(352deg) brightness(106%) contrast(86%);
    }

    .icon-color-dark-900-laptop {
        filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(3213%) hue-rotate(16deg) brightness(101%) contrast(93%);
    }

    .horizontal-neutral-50-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-50);
    }

    .horizontal-neutral-100-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-100);
    }

    .horizontal-neutral-200-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-200);
    }

    .horizontal-neutral-300-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-300);
    }

    .horizontal-neutral-400-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-400);
    }

    .horizontal-neutral-500-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-500);
    }

    .horizontal-neutral-600-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-600);
    }

    .horizontal-neutral-700-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-700);
    }

    .horizontal-neutral-800-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-800);
    }

    .horizontal-neutral-900-laptop {
        border: none;
        border-bottom: 1px solid var(--neutral-900);
    }

    .horizontal-primary-50-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-50);
    }

    .horizontal-primary-100-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-100);
    }

    .horizontal-primary-200-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-200);
    }

    .horizontal-primary-300-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-300);
    }

    .horizontal-primary-400-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-400);
    }

    .horizontal-primary-500-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-500);
    }

    .horizontal-primary-600-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-600);
    }

    .horizontal-primary-700-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-700);
    }

    .horizontal-primary-800-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-800);
    }

    .horizontal-primary-900-laptop {
        border: none;
        border-bottom: 1px solid var(--primary-900);
    }

    .horizontal-success-50-laptop {
        border: none;
        border-bottom: 1px solid var(--success-50);
    }

    .horizontal-success-100-laptop {
        border: none;
        border-bottom: 1px solid var(--success-100);
    }

    .horizontal-success-200-laptop {
        border: none;
        border-bottom: 1px solid var(--success-200);
    }

    .horizontal-success-300-laptop {
        border: none;
        border-bottom: 1px solid var(--success-300);
    }

    .horizontal-success-400-laptop {
        border: none;
        border-bottom: 1px solid var(--success-400);
    }

    .horizontal-success-500-laptop {
        border: none;
        border-bottom: 1px solid var(--success-500);
    }

    .horizontal-success-600-laptop {
        border: none;
        border-bottom: 1px solid var(--success-600);
    }

    .horizontal-success-700-laptop {
        border: none;
        border-bottom: 1px solid var(--success-700);
    }

    .horizontal-success-800-laptop {
        border: none;
        border-bottom: 1px solid var(--success-800);
    }

    .horizontal-success-900-laptop {
        border: none;
        border-bottom: 1px solid var(--success-900);
    }

    .horizontal-warning-50-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-50);
    }

    .horizontal-warning-100-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-100);
    }

    .horizontal-warning-200-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-200);
    }

    .horizontal-warning-300-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-300);
    }

    .horizontal-warning-400-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-400);
    }

    .horizontal-warning-500-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-500);
    }

    .horizontal-warning-600-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-600);
    }

    .horizontal-warning-700-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-700);
    }

    .horizontal-warning-800-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-800);
    }

    .horizontal-warning-900-laptop {
        border: none;
        border-bottom: 1px solid var(--warning-900);
    }

    .horizontal-error-50-laptop {
        border: none;
        border-bottom: 1px solid var(--error-50);
    }

    .horizontal-error-100-laptop {
        border: none;
        border-bottom: 1px solid var(--error-100);
    }

    .horizontal-error-200-laptop {
        border: none;
        border-bottom: 1px solid var(--error-200);
    }

    .horizontal-error-300-laptop {
        border: none;
        border-bottom: 1px solid var(--error-300);
    }

    .horizontal-error-400-laptop {
        border: none;
        border-bottom: 1px solid var(--error-400);
    }

    .horizontal-error-500-laptop {
        border: none;
        border-bottom: 1px solid var(--error-500);
    }

    .horizontal-error-600-laptop {
        border: none;
        border-bottom: 1px solid var(--error-600);
    }

    .horizontal-error-700-laptop {
        border: none;
        border-bottom: 1px solid var(--error-700);
    }

    .horizontal-error-800-laptop {
        border: none;
        border-bottom: 1px solid var(--error-800);
    }

    .horizontal-error-900-laptop {
        border: none;
        border-bottom: 1px solid var(--error-900);
    }

    .horizontal-shades-0-laptop {
        border: none;
        border-bottom: 1px solid var(--shades-0);
    }

    .horizontal-shades-100-laptop {
        border: none;
        border-bottom: 1px solid var(--shades-100);
    }

    .horizontal-dark-50-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-50);
    }

    .horizontal-dark-100-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-100);
    }

    .horizontal-dark-200-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-200);
    }

    .horizontal-dark-300-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-300);
    }

    .horizontal-dark-400-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-400);
    }

    .horizontal-dark-500-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-500);
    }

    .horizontal-dark-600-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-600);
    }

    .horizontal-dark-700-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-700);
    }

    .horizontal-dark-800-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-800);
    }

    .horizontal-dark-900-laptop {
        border: none;
        border-bottom: 1px solid var(--dark-900);
    }

    .vertical-neutral-50-laptop {
        border: none;
        border-right: 1px solid var(--neutral-50);
        height: 100%;
    }

    .vertical-neutral-100-laptop {
        border: none;
        border-right: 1px solid var(--neutral-100);
        height: 100%;
    }

    .vertical-neutral-200-laptop {
        border: none;
        border-right: 1px solid var(--neutral-200);
        height: 100%;
    }

    .vertical-neutral-300-laptop {
        border: none;
        border-right: 1px solid var(--neutral-300);
        height: 100%;
    }

    .vertical-neutral-400-laptop {
        border: none;
        border-right: 1px solid var(--neutral-400);
        height: 100%;
    }

    .vertical-neutral-500-laptop {
        border: none;
        border-right: 1px solid var(--neutral-500);
        height: 100%;
    }

    .vertical-neutral-600-laptop {
        border: none;
        border-right: 1px solid var(--neutral-600);
        height: 100%;
    }

    .vertical-neutral-700-laptop {
        border: none;
        border-right: 1px solid var(--neutral-700);
        height: 100%;
    }

    .vertical-neutral-800-laptop {
        border: none;
        border-right: 1px solid var(--neutral-800);
        height: 100%;
    }

    .vertical-neutral-900-laptop {
        border: none;
        border-right: 1px solid var(--neutral-900);
        height: 100%;
    }

    .vertical-primary-50-laptop {
        border: none;
        border-right: 1px solid var(--primary-50);
        height: 100%;
    }

    .vertical-primary-100-laptop {
        border: none;
        border-right: 1px solid var(--primary-100);
        height: 100%;
    }

    .vertical-primary-200-laptop {
        border: none;
        border-right: 1px solid var(--primary-200);
        height: 100%;
    }

    .vertical-primary-300-laptop {
        border: none;
        border-right: 1px solid var(--primary-300);
        height: 100%;
    }

    .vertical-primary-400-laptop {
        border: none;
        border-right: 1px solid var(--primary-400);
        height: 100%;
    }

    .vertical-primary-500-laptop {
        border: none;
        border-right: 1px solid var(--primary-500);
        height: 100%;
    }

    .vertical-primary-600-laptop {
        border: none;
        border-right: 1px solid var(--primary-600);
        height: 100%;
    }

    .vertical-primary-700-laptop {
        border: none;
        border-right: 1px solid var(--primary-700);
        height: 100%;
    }

    .vertical-primary-800-laptop {
        border: none;
        border-right: 1px solid var(--primary-800);
        height: 100%;
    }

    .vertical-primary-900-laptop {
        border: none;
        border-right: 1px solid var(--primary-900);
        height: 100%;
    }

    .vertical-success-50-laptop {
        border: none;
        border-right: 1px solid var(--success-50);
        height: 100%;
    }

    .vertical-success-100-laptop {
        border: none;
        border-right: 1px solid var(--success-100);
        height: 100%;
    }

    .vertical-success-200-laptop {
        border: none;
        border-right: 1px solid var(--success-200);
        height: 100%;
    }

    .vertical-success-300-laptop {
        border: none;
        border-right: 1px solid var(--success-300);
        height: 100%;
    }

    .vertical-success-400-laptop {
        border: none;
        border-right: 1px solid var(--success-400);
        height: 100%;
    }

    .vertical-success-500-laptop {
        border: none;
        border-right: 1px solid var(--success-500);
        height: 100%;
    }

    .vertical-success-600-laptop {
        border: none;
        border-right: 1px solid var(--success-600);
        height: 100%;
    }

    .vertical-success-700-laptop {
        border: none;
        border-right: 1px solid var(--success-700);
        height: 100%;
    }

    .vertical-success-800-laptop {
        border: none;
        border-right: 1px solid var(--success-800);
        height: 100%;
    }

    .vertical-success-900-laptop {
        border: none;
        border-right: 1px solid var(--success-900);
        height: 100%;
    }

    .vertical-warning-50-laptop {
        border: none;
        border-right: 1px solid var(--warning-50);
        height: 100%;
    }

    .vertical-warning-100-laptop {
        border: none;
        border-right: 1px solid var(--warning-100);
        height: 100%;
    }

    .vertical-warning-200-laptop {
        border: none;
        border-right: 1px solid var(--warning-200);
        height: 100%;
    }

    .vertical-warning-300-laptop {
        border: none;
        border-right: 1px solid var(--warning-300);
        height: 100%;
    }

    .vertical-warning-400-laptop {
        border: none;
        border-right: 1px solid var(--warning-400);
        height: 100%;
    }

    .vertical-warning-500-laptop {
        border: none;
        border-right: 1px solid var(--warning-500);
        height: 100%;
    }

    .vertical-warning-600-laptop {
        border: none;
        border-right: 1px solid var(--warning-600);
        height: 100%;
    }

    .vertical-warning-700-laptop {
        border: none;
        border-right: 1px solid var(--warning-700);
        height: 100%;
    }

    .vertical-warning-800-laptop {
        border: none;
        border-right: 1px solid var(--warning-800);
        height: 100%;
    }

    .vertical-warning-900-laptop {
        border: none;
        border-right: 1px solid var(--warning-900);
        height: 100%;
    }

    .vertical-error-50-laptop {
        border: none;
        border-right: 1px solid var(--error-50);
        height: 100%;
    }

    .vertical-error-100-laptop {
        border: none;
        border-right: 1px solid var(--error-100);
        height: 100%;
    }

    .vertical-error-200-laptop {
        border: none;
        border-right: 1px solid var(--error-200);
        height: 100%;
    }

    .vertical-error-300-laptop {
        border: none;
        border-right: 1px solid var(--error-300);
        height: 100%;
    }

    .vertical-error-400-laptop {
        border: none;
        border-right: 1px solid var(--error-400);
        height: 100%;
    }

    .vertical-error-500-laptop {
        border: none;
        border-right: 1px solid var(--error-500);
        height: 100%;
    }

    .vertical-error-600-laptop {
        border: none;
        border-right: 1px solid var(--error-600);
        height: 100%;
    }

    .vertical-error-700-laptop {
        border: none;
        border-right: 1px solid var(--error-700);
        height: 100%;
    }

    .vertical-error-800-laptop {
        border: none;
        border-right: 1px solid var(--error-800);
        height: 100%;
    }

    .vertical-error-900-laptop {
        border: none;
        border-right: 1px solid var(--error-900);
        height: 100%;
    }

    .vertical-shades-0-laptop {
        border: none;
        border-right: 1px solid var(--shades-0);
        height: 100%;
    }

    .vertical-shades-100-laptop {
        border: none;
        border-right: 1px solid var(--shades-100);
        height: 100%;
    }

    .vertical-dark-50-laptop {
        border: none;
        border-right: 1px solid var(--dark-50);
        height: 100%;
    }

    .vertical-dark-100-laptop {
        border: none;
        border-right: 1px solid var(--dark-100);
        height: 100%;
    }

    .vertical-dark-200-laptop {
        border: none;
        border-right: 1px solid var(--dark-200);
        height: 100%;
    }

    .vertical-dark-300-laptop {
        border: none;
        border-right: 1px solid var(--dark-300);
        height: 100%;
    }

    .vertical-dark-400-laptop {
        border: none;
        border-right: 1px solid var(--dark-400);
        height: 100%;
    }

    .vertical-dark-500-laptop {
        border: none;
        border-right: 1px solid var(--dark-500);
        height: 100%;
    }

    .vertical-dark-600-laptop {
        border: none;
        border-right: 1px solid var(--dark-600);
        height: 100%;
    }

    .vertical-dark-700-laptop {
        border: none;
        border-right: 1px solid var(--dark-700);
        height: 100%;
    }

    .vertical-dark-800-laptop {
        border: none;
        border-right: 1px solid var(--dark-800);
        height: 100%;
    }

    .vertical-dark-900-laptop {
        border: none;
        border-right: 1px solid var(--dark-900);
        height: 100%;
    }

    /* 2. Spacing */
    /* 2.1. Gaps */
    .gap-none-laptop {
        gap: var(--spacing-none);
    }

    .gap-xxs-laptop {
        gap: var(--spacing-xxs);
    }

    .gap-xs-laptop {
        gap: var(--spacing-xs);
    }

    .gap-sm-laptop {
        gap: var(--spacing-sm);
    }

    .gap-md-laptop {
        gap: var(--spacing-md);
    }

    .gap-lg-laptop {
        gap: var(--spacing-lg);
    }

    .gap-xl-laptop {
        gap: var(--spacing-xl);
    }

    .gap-2xl-laptop {
        gap: var(--spacing-2xl);
    }

    .gap-3xl-laptop {
        gap: var(--spacing-3xl);
    }

    .gap-4xl-laptop {
        gap: var(--spacing-4xl);
    }

    .gap-5xl-laptop {
        gap: var(--spacing-5xl);
    }

    .gap-6xl-laptop {
        gap: var(--spacing-6xl);
    }

    .gap-7xl-laptop {
        gap: var(--spacing-7xl);
    }

    .gap-8xl-laptop {
        gap: var(--spacing-8xl);
    }

    .gap-9xl-laptop {
        gap: var(--spacing-9xl);
    }

    .gap-10xl-laptop {
        gap: var(--spacing-10xl);
    }

    .gap-11xl-laptop {
        gap: var(--spacing-11xl);
    }

    /* 2.2. Paddings */
    .padding-none-laptop {
        padding: var(--spacing-none);
    }

    .padding-xxs-laptop {
        padding: var(--spacing-xxs);
    }

    .padding-xs-laptop {
        padding: var(--spacing-xs);
    }

    .padding-sm-laptop {
        padding: var(--spacing-sm);
    }

    .padding-md-laptop {
        padding: var(--spacing-md);
    }

    .padding-lg-laptop {
        padding: var(--spacing-lg);
    }

    .padding-xl-laptop {
        padding: var(--spacing-xl);
    }

    .padding-2xl-laptop {
        padding: var(--spacing-2xl);
    }

    .padding-3xl-laptop {
        padding: var(--spacing-3xl);
    }

    .padding-4xl-laptop {
        padding: var(--spacing-4xl);
    }

    .padding-5xl-laptop {
        padding: var(--spacing-5xl);
    }

    .padding-6xl-laptop {
        padding: var(--spacing-6xl);
    }

    .padding-7xl-laptop {
        padding: var(--spacing-7xl);
    }

    .padding-8xl-laptop {
        padding: var(--spacing-8xl);
    }

    .padding-9xl-laptop {
        padding: var(--spacing-9xl);
    }

    .padding-10xl-laptop {
        padding: var(--spacing-10xl);
    }

    .padding-11xl-laptop {
        padding: var(--spacing-11xl);
    }

    .padding-none-y-laptop {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-y-laptop {
        padding-top: var(--spacing-xxs);
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-y-laptop {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-y-laptop {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-y-laptop {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-y-laptop {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-y-laptop {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-y-laptop {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-y-laptop {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-y-laptop {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-y-laptop {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-y-laptop {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-y-laptop {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-y-laptop {
        padding-top: var(--spacing-8xl);
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-y-laptop {
        padding-top: var(--spacing-9xl);
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-y-laptop {
        padding-top: var(--spacing-10xl);
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-y-laptop {
        padding-top: var(--spacing-11xl);
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-x-laptop {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none);
    }

    .padding-xxs-x-laptop {
        padding-left: var(--spacing-xxs);
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-x-laptop {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    .padding-sm-x-laptop {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .padding-md-x-laptop {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

    .padding-lg-x-laptop {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .padding-xl-x-laptop {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-x-laptop {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-x-laptop {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-x-laptop {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-x-laptop {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-x-laptop {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-x-laptop {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-x-laptop {
        padding-left: var(--spacing-8xl);
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-x-laptop {
        padding-left: var(--spacing-9xl);
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-x-laptop {
        padding-left: var(--spacing-10xl);
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-x-laptop {
        padding-left: var(--spacing-11xl);
        padding-right: var(--spacing-11xl);
    }

    .padding-none-top-laptop {
        padding-top: var(--spacing-none);
    }

    .padding-xxs-top-laptop {
        padding-top: var(--spacing-xxs);
    }

    .padding-xs-top-laptop {
        padding-top: var(--spacing-xs);
    }

    .padding-sm-top-laptop {
        padding-top: var(--spacing-sm);
    }

    .padding-md-top-laptop {
        padding-top: var(--spacing-md);
    }

    .padding-lg-top-laptop {
        padding-top: var(--spacing-lg);
    }

    .padding-xl-top-laptop {
        padding-top: var(--spacing-xl);
    }

    .padding-2xl-top-laptop {
        padding-top: var(--spacing-2xl);
    }

    .padding-3xl-top-laptop {
        padding-top: var(--spacing-3xl);
    }

    .padding-4xl-top-laptop {
        padding-top: var(--spacing-4xl);
    }

    .padding-5xl-top-laptop {
        padding-top: var(--spacing-5xl);
    }

    .padding-6xl-top-laptop {
        padding-top: var(--spacing-6xl);
    }

    .padding-7xl-top-laptop {
        padding-top: var(--spacing-7xl);
    }

    .padding-8xl-top-laptop {
        padding-top: var(--spacing-8xl);
    }

    .padding-9xl-top-laptop {
        padding-top: var(--spacing-9xl);
    }

    .padding-10xl-top-laptop {
        padding-top: var(--spacing-10xl);
    }

    .padding-11xl-top-laptop {
        padding-top: var(--spacing-11xl);
    }

    .padding-none-right-laptop {
        padding-right: var(--spacing-none);
    }

    .padding-xxs-right-laptop {
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-right-laptop {
        padding-right: var(--spacing-xs);
    }

    .padding-sm-right-laptop {
        padding-right: var(--spacing-sm);
    }

    .padding-md-right-laptop {
        padding-right: var(--spacing-md);
    }

    .padding-lg-right-laptop {
        padding-right: var(--spacing-lg);
    }

    .padding-xl-right-laptop {
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-right-laptop {
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-right-laptop {
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-right-laptop {
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-right-laptop {
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-right-laptop {
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-right-laptop {
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-right-laptop {
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-right-laptop {
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-right-laptop {
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-right-laptop {
        padding-right: var(--spacing-11xl);
    }

    .padding-none-bottom-laptop {
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-bottom-laptop {
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-bottom-laptop {
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-bottom-laptop {
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-bottom-laptop {
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-bottom-laptop {
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-bottom-laptop {
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-bottom-laptop {
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-bottom-laptop {
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-bottom-laptop {
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-bottom-laptop {
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-bottom-laptop {
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-bottom-laptop {
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-bottom-laptop {
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-bottom-laptop {
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-bottom-laptop {
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-bottom-laptop {
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-left-laptop {
        padding-left: var(--spacing-none);
    }

    .padding-xxs-left-laptop {
        padding-left: var(--spacing-xxs);
    }

    .padding-xs-left-laptop {
        padding-left: var(--spacing-xs);
    }

    .padding-sm-left-laptop {
        padding-left: var(--spacing-sm);
    }

    .padding-md-left-laptop {
        padding-left: var(--spacing-md);
    }

    .padding-lg-left-laptop {
        padding-left: var(--spacing-lg);
    }

    .padding-xl-left-laptop {
        padding-left: var(--spacing-xl);
    }

    .padding-2xl-left-laptop {
        padding-left: var(--spacing-2xl);
    }

    .padding-3xl-left-laptop {
        padding-left: var(--spacing-3xl);
    }

    .padding-4xl-left-laptop {
        padding-left: var(--spacing-4xl);
    }

    .padding-5xl-left-laptop {
        padding-left: var(--spacing-5xl);
    }

    .padding-6xl-left-laptop {
        padding-left: var(--spacing-6xl);
    }

    .padding-7xl-left-laptop {
        padding-left: var(--spacing-7xl);
    }

    .padding-8xl-left-laptop {
        padding-left: var(--spacing-8xl);
    }

    .padding-9xl-left-laptop {
        padding-left: var(--spacing-9xl);
    }

    .padding-10xl-left-laptop {
        padding-left: var(--spacing-10xl);
    }

    .padding-11xl-left-laptop {
        padding-left: var(--spacing-11xl);
    }

    /* 2.3. Icons */
    .icon-none-laptop {
        width: var(--spacing-none);
    }

    .icon-xxs-laptop {
        width: var(--spacing-xxs);
    }

    .icon-xs-laptop {
        width: var(--spacing-xs);
    }

    .icon-sm-laptop {
        width: var(--spacing-sm);
    }

    .icon-md-laptop {
        width: var(--spacing-md);
    }

    .icon-lg-laptop {
        width: var(--spacing-lg);
    }

    .icon-xl-laptop {
        width: var(--spacing-xl);
    }

    .icon-2xl-laptop {
        width: var(--spacing-2xl);
    }

    .icon-3xl-laptop {
        width: var(--spacing-3xl);
    }

    .icon-4xl-laptop {
        width: var(--spacing-4xl);
    }

    .icon-5xl-laptop {
        width: var(--spacing-5xl);
    }

    .icon-6xl-laptop {
        width: var(--spacing-6xl);
    }

    .icon-7xl-laptop {
        width: var(--spacing-7xl);
    }

    .icon-8xl-laptop {
        width: var(--spacing-8xl);
    }

    .icon-9xl-laptop {
        width: var(--spacing-9xl);
    }

    .icon-10xl-laptop {
        width: var(--spacing-10xl);
    }

    .icon-11xl-laptop {
        width: var(--spacing-11xl);
    }

    /* 2.4. Border Radius */
    .border-radius-none-laptop {
        border-radius: var(--radius-none);
    }

    .border-radius-xxs-laptop {
        border-radius: var(--radius-xxs);
    }

    .border-radius-xs-laptop {
        border-radius: var(--radius-xs);
    }

    .border-radius-sm-laptop {
        border-radius: var(--radius-sm);
    }

    .border-radius-md-laptop {
        border-radius: var(--radius-md);
    }

    .border-radius-lg-laptop {
        border-radius: var(--radius-lg);
    }

    .border-radius-xl-laptop {
        border-radius: var(--radius-xl);
    }

    .border-radius-2xl-laptop {
        border-radius: var(--radius-2xl);
    }

    .border-radius-3xl-laptop {
        border-radius: var(--radius-3xl);
    }

    .border-radius-4xl-laptop {
        border-radius: var(--radius-4xl);
    }

    .border-radius-full-laptop {
        border-radius: var(--radius-full);
    }

    .border-radius-top-none-laptop {
        border-top-left-radius: var(--radius-none);
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-xxs-laptop {
        border-top-left-radius: var(--radius-xxs);
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-xs-laptop {
        border-top-left-radius: var(--radius-xs);
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-sm-laptop {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-md-laptop {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-lg-laptop {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-xl-laptop {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-2xl-laptop {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-3xl-laptop {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-4xl-laptop {
        border-top-left-radius: var(--radius-4xl);
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-full-laptop {
        border-top-left-radius: var(--radius-full);
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-right-none-laptop {
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-right-xxs-laptop {
        border-top-right-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-right-xs-laptop {
        border-top-right-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-right-sm-laptop {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-right-md-laptop {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-right-lg-laptop {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-right-xl-laptop {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-right-2xl-laptop {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-right-3xl-laptop {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-right-4xl-laptop {
        border-top-right-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-right-full-laptop {
        border-top-right-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-none-laptop {
        border-bottom-left-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-xxs-laptop {
        border-bottom-left-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-xs-laptop {
        border-bottom-left-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-sm-laptop {
        border-bottom-left-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-md-laptop {
        border-bottom-left-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-lg-laptop {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-xl-laptop {
        border-bottom-left-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-2xl-laptop {
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-3xl-laptop {
        border-bottom-left-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-4xl-laptop {
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-full-laptop {
        border-bottom-left-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-left-none-laptop {
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-left-xxs-laptop {
        border-top-left-radius: var(--radius-xxs);
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-left-xs-laptop {
        border-top-left-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-left-sm-laptop {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-left-md-laptop {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-left-lg-laptop {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-left-xl-laptop {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-left-2xl-laptop {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-left-3xl-laptop {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-left-4xl-laptop {
        border-top-left-radius: var(--radius-4xl);
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-left-full-laptop {
        border-top-left-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full);
    }

    .border-radius-top-left-none-laptop {
        border-top-left-radius: var(--radius-none);
    }

    .border-radius-top-left-xxs-laptop {
        border-top-left-radius: var(--radius-xxs);
    }

    .border-radius-top-left-xs-laptop {
        border-top-left-radius: var(--radius-xs);
    }

    .border-radius-top-left-sm-laptop {
        border-top-left-radius: var(--radius-sm);
    }

    .border-radius-top-left-md-laptop {
        border-top-left-radius: var(--radius-md);
    }

    .border-radius-top-left-lg-laptop {
        border-top-left-radius: var(--radius-lg);
    }

    .border-radius-top-left-xl-laptop {
        border-top-left-radius: var(--radius-xl);
    }

    .border-radius-top-left-2xl-laptop {
        border-top-left-radius: var(--radius-2xl);
    }

    .border-radius-top-left-3xl-laptop {
        border-top-left-radius: var(--radius-3xl);
    }

    .border-radius-top-left-4xl-laptop {
        border-top-left-radius: var(--radius-4xl);
    }

    .border-radius-top-left-full-laptop {
        border-top-left-radius: var(--radius-full);
    }

    .border-radius-top-right-none-laptop {
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-right-xxs-laptop {
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-right-xs-laptop {
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-right-sm-laptop {
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-right-md-laptop {
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-right-lg-laptop {
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-right-xl-laptop {
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-right-2xl-laptop {
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-right-3xl-laptop {
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-right-4xl-laptop {
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-right-full-laptop {
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-bottom-right-none-laptop {
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-right-xxs-laptop {
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-right-xs-laptop {
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-right-sm-laptop {
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-right-md-laptop {
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-right-lg-laptop {
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-right-xl-laptop {
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-right-2xl-laptop {
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-right-3xl-laptop {
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-right-4xl-laptop {
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-right-full-laptop {
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-left-none-laptop {
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-bottom-left-xxs-laptop {
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-bottom-left-xs-laptop {
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-bottom-left-sm-laptop {
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-bottom-left-md-laptop {
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-bottom-left-lg-laptop {
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-bottom-left-xl-laptop {
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-bottom-left-2xl-laptop {
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-bottom-left-3xl-laptop {
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-bottom-left-4xl-laptop {
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-bottom-left-full-laptop {
        border-bottom-left-radius: var(--radius-full);
    }

    /* 2.5. Positions */
    .top-none-laptop {
        top: var(--spacing-none);
    }

    .top-xxs-laptop {
        top: var(--spacing-xxs);
    }

    .top-xs-laptop {
        top: var(--spacing-xs);
    }

    .top-sm-laptop {
        top: var(--spacing-sm);
    }

    .top-md-laptop {
        top: var(--spacing-md);
    }

    .top-lg-laptop {
        top: var(--spacing-lg);
    }

    .top-xl-laptop {
        top: var(--spacing-xl);
    }

    .top-2xl-laptop {
        top: var(--spacing-2xl);
    }

    .top-3xl-laptop {
        top: var(--spacing-3xl);
    }

    .top-4xl-laptop {
        top: var(--spacing-4xl);
    }

    .top-5xl-laptop {
        top: var(--spacing-5xl);
    }

    .top-6xl-laptop {
        top: var(--spacing-6xl);
    }

    .top-7xl-laptop {
        top: var(--spacing-7xl);
    }

    .top-8xl-laptop {
        top: var(--spacing-8xl);
    }

    .top-9xl-laptop {
        top: var(--spacing-9xl);
    }

    .top-10xl-laptop {
        top: var(--spacing-10xl);
    }

    .top-11xl-laptop {
        top: var(--spacing-11xl);
    }

    .right-none-laptop {
        right: var(--spacing-none);
    }

    .right-xxs-laptop {
        right: var(--spacing-xxs);
    }

    .right-xs-laptop {
        right: var(--spacing-xs);
    }

    .right-sm-laptop {
        right: var(--spacing-sm);
    }

    .right-md-laptop {
        right: var(--spacing-md);
    }

    .right-lg-laptop {
        right: var(--spacing-lg);
    }

    .right-xl-laptop {
        right: var(--spacing-xl);
    }

    .right-2xl-laptop {
        right: var(--spacing-2xl);
    }

    .right-3xl-laptop {
        right: var(--spacing-3xl);
    }

    .right-4xl-laptop {
        right: var(--spacing-4xl);
    }

    .right-5xl-laptop {
        right: var(--spacing-5xl);
    }

    .right-6xl-laptop {
        right: var(--spacing-6xl);
    }

    .right-7xl-laptop {
        right: var(--spacing-7xl);
    }

    .right-8xl-laptop {
        right: var(--spacing-8xl);
    }

    .right-9xl-laptop {
        right: var(--spacing-9xl);
    }

    .right-10xl-laptop {
        right: var(--spacing-10xl);
    }

    .right-11xl-laptop {
        right: var(--spacing-11xl);
    }

    .bottom-none-laptop {
        bottom: var(--spacing-none);
    }

    .bottom-xxs-laptop {
        bottom: var(--spacing-xxs);
    }

    .bottom-xs-laptop {
        bottom: var(--spacing-xs);
    }

    .bottom-sm-laptop {
        bottom: var(--spacing-sm);
    }

    .bottom-md-laptop {
        bottom: var(--spacing-md);
    }

    .bottom-lg-laptop {
        bottom: var(--spacing-lg);
    }

    .bottom-xl-laptop {
        bottom: var(--spacing-xl);
    }

    .bottom-2xl-laptop {
        bottom: var(--spacing-2xl);
    }

    .bottom-3xl-laptop {
        bottom: var(--spacing-3xl);
    }

    .bottom-4xl-laptop {
        bottom: var(--spacing-4xl);
    }

    .bottom-5xl-laptop {
        bottom: var(--spacing-5xl);
    }

    .bottom-6xl-laptop {
        bottom: var(--spacing-6xl);
    }

    .bottom-7xl-laptop {
        bottom: var(--spacing-7xl);
    }

    .bottom-8xl-laptop {
        bottom: var(--spacing-8xl);
    }

    .bottom-9xl-laptop {
        bottom: var(--spacing-9xl);
    }

    .bottom-10xl-laptop {
        bottom: var(--spacing-10xl);
    }

    .bottom-11xl-laptop {
        bottom: var(--spacing-11xl);
    }

    .left-none-laptop {
        left: var(--spacing-none);
    }

    .left-xxs-laptop {
        left: var(--spacing-xxs);
    }

    .left-xs-laptop {
        left: var(--spacing-xs);
    }

    .left-sm-laptop {
        left: var(--spacing-sm);
    }

    .left-md-laptop {
        left: var(--spacing-md);
    }

    .left-lg-laptop {
        left: var(--spacing-lg);
    }

    .left-xl-laptop {
        left: var(--spacing-xl);
    }

    .left-2xl-laptop {
        left: var(--spacing-2xl);
    }

    .left-3xl-laptop {
        left: var(--spacing-3xl);
    }

    .left-4xl-laptop {
        left: var(--spacing-4xl);
    }

    .left-5xl-laptop {
        left: var(--spacing-5xl);
    }

    .left-6xl-laptop {
        left: var(--spacing-6xl);
    }

    .left-7xl-laptop {
        left: var(--spacing-7xl);
    }

    .left-8xl-laptop {
        left: var(--spacing-8xl);
    }

    .left-9xl-laptop {
        left: var(--spacing-9xl);
    }

    .left-10xl-laptop {
        left: var(--spacing-10xl);
    }

    .left-11xl-laptop {
        left: var(--spacing-11xl);
    }

    /* 3. Typography */
    /* 3.1. Font Size */
    .font-size-display-01-laptop {
        font-size: var(--display-01);
    }

    .font-size-display-02-laptop {
        font-size: var(--display-02);
    }

    .font-size-heading-01-laptop {
        font-size: var(--heading-01);
    }

    .font-size-heading-01-s-laptop {
        font-size: var(--heading-01-s);
    }

    .font-size-heading-02-laptop {
        font-size: var(--heading-02);
    }

    .font-size-heading-02-s-laptop {
        font-size: var(--heading-02-s);
    }

    .font-size-heading-03-laptop {
        font-size: var(--heading-03);
    }

    .font-size-heading-03-s-laptop {
        font-size: var(--heading-03-s);
    }

    .font-size-heading-04-laptop {
        font-size: var(--heading-04);
    }

    .font-size-heading-04-s-laptop {
        font-size: var(--heading-04-s);
    }

    .font-size-heading-05-laptop {
        font-size: var(--heading-05);
    }

    .font-size-heading-05-s-laptop {
        font-size: var(--heading-05-s);
    }

    .font-size-heading-06-laptop {
        font-size: var(--heading-06);
    }

    .font-size-heading-06-s-laptop {
        font-size: var(--heading-06-s);
    }

    .font-size-subheading-laptop {
        font-size: var(--subheading);
    }

    .font-size-paragraph-01-laptop {
        font-size: var(--paragraph-01);
    }

    .font-size-paragraph-02-laptop {
        font-size: var(--paragraph-02);
    }

    .font-size-paragraph-03-laptop {
        font-size: var(--paragraph-03);
    }

    .font-size-caption-laptop {
        font-size: var(--caption);
    }

    .font-size-footer-laptop {
        font-size: var(--footer);
    }

    /* 3.2. Font Weight */
    .font-weight-semi-bold-laptop {
        font-weight: var(--semi-bold);
    }

    .font-weight-bold-laptop {
        font-weight: var(--bold);
    }

    .font-weight-extra-bold-laptop {
        font-weight: var(--extra-bold);
    }

    /* 4.0. Width and Height */
    .width-0-laptop {
        width: 0%;
    }

    .width-1-laptop {
        width: 1%;
    }

    .width-2-laptop {
        width: 2%;
    }

    .width-3-laptop {
        width: 3%;
    }

    .width-4-laptop {
        width: 4%;
    }

    .width-5-laptop {
        width: 5%;
    }

    .width-6-laptop {
        width: 6%;
    }

    .width-7-laptop {
        width: 7%;
    }

    .width-8-laptop {
        width: 8%;
    }

    .width-9-laptop {
        width: 9%;
    }

    .width-10-laptop {
        width: 10%;
    }

    .width-11-laptop {
        width: 11%;
    }

    .width-12-laptop {
        width: 12%;
    }

    .width-13-laptop {
        width: 13%;
    }

    .width-14-laptop {
        width: 14%;
    }

    .width-15-laptop {
        width: 15%;
    }

    .width-16-laptop {
        width: 16%;
    }

    .width-17-laptop {
        width: 17%;
    }

    .width-18-laptop {
        width: 18%;
    }

    .width-19-laptop {
        width: 19%;
    }

    .width-20-laptop {
        width: 20%;
    }

    .width-21-laptop {
        width: 21%;
    }

    .width-22-laptop {
        width: 22%;
    }

    .width-23-laptop {
        width: 23%;
    }

    .width-24-laptop {
        width: 24%;
    }

    .width-25-laptop {
        width: 25%;
    }

    .width-26-laptop {
        width: 26%;
    }

    .width-27-laptop {
        width: 27%;
    }

    .width-28-laptop {
        width: 28%;
    }

    .width-29-laptop {
        width: 29%;
    }

    .width-30-laptop {
        width: 30%;
    }

    .width-31-laptop {
        width: 31%;
    }

    .width-32-laptop {
        width: 32%;
    }

    .width-33-laptop {
        width: 33%;
    }

    .width-34-laptop {
        width: 34%;
    }

    .width-35-laptop {
        width: 35%;
    }

    .width-36-laptop {
        width: 36%;
    }

    .width-37-laptop {
        width: 37%;
    }

    .width-38-laptop {
        width: 38%;
    }

    .width-39-laptop {
        width: 39%;
    }

    .width-40-laptop {
        width: 40%;
    }

    .width-41-laptop {
        width: 41%;
    }

    .width-42-laptop {
        width: 42%;
    }

    .width-43-laptop {
        width: 43%;
    }

    .width-44-laptop {
        width: 44%;
    }

    .width-45-laptop {
        width: 45%;
    }

    .width-46-laptop {
        width: 46%;
    }

    .width-47-laptop {
        width: 47%;
    }

    .width-48-laptop {
        width: 48%;
    }

    .width-49-laptop {
        width: 49%;
    }

    .width-50-laptop {
        width: 50%;
    }

    .width-51-laptop {
        width: 51%;
    }

    .width-52-laptop {
        width: 52%;
    }

    .width-53-laptop {
        width: 53%;
    }

    .width-54-laptop {
        width: 54%;
    }

    .width-55-laptop {
        width: 55%;
    }

    .width-56-laptop {
        width: 56%;
    }

    .width-57-laptop {
        width: 57%;
    }

    .width-58-laptop {
        width: 58%;
    }

    .width-59-laptop {
        width: 59%;
    }

    .width-60-laptop {
        width: 60%;
    }

    .width-61-laptop {
        width: 61%;
    }

    .width-62-laptop {
        width: 62%;
    }

    .width-63-laptop {
        width: 63%;
    }

    .width-64-laptop {
        width: 64%;
    }

    .width-65-laptop {
        width: 65%;
    }

    .width-66-laptop {
        width: 66%;
    }

    .width-67-laptop {
        width: 67%;
    }

    .width-68-laptop {
        width: 68%;
    }

    .width-69-laptop {
        width: 69%;
    }

    .width-70-laptop {
        width: 70%;
    }

    .width-71-laptop {
        width: 71%;
    }

    .width-72-laptop {
        width: 72%;
    }

    .width-73-laptop {
        width: 73%;
    }

    .width-74-laptop {
        width: 74%;
    }

    .width-75-laptop {
        width: 75%;
    }

    .width-76-laptop {
        width: 76%;
    }

    .width-77-laptop {
        width: 77%;
    }

    .width-78-laptop {
        width: 78%;
    }

    .width-79-laptop {
        width: 79%;
    }

    .width-80-laptop {
        width: 80%;
    }

    .width-81-laptop {
        width: 81%;
    }

    .width-82-laptop {
        width: 82%;
    }

    .width-83-laptop {
        width: 83%;
    }

    .width-84-laptop {
        width: 84%;
    }

    .width-85-laptop {
        width: 85%;
    }

    .width-86-laptop {
        width: 86%;
    }

    .width-87-laptop {
        width: 87%;
    }

    .width-88-laptop {
        width: 88%;
    }

    .width-89-laptop {
        width: 89%;
    }

    .width-90-laptop {
        width: 90%;
    }

    .width-91-laptop {
        width: 91%;
    }

    .width-92-laptop {
        width: 92%;
    }

    .width-93-laptop {
        width: 93%;
    }

    .width-94-laptop {
        width: 94%;
    }

    .width-95-laptop {
        width: 95%;
    }

    .width-96-laptop {
        width: 96%;
    }

    .width-97-laptop {
        width: 97%;
    }

    .width-98-laptop {
        width: 98%;
    }

    .width-99-laptop {
        width: 99%;
    }

    .width-100-laptop {
        width: 100%;
    }

    /* 4.1. Width with gaps */
    .width-100-gap-none-laptop {
        width: calc(100% - (var(--spacing-none) / 2));
    }

    .width-100-gap-xxs-laptop {
        width: calc(100% - (var(--spacing-xxs) / 2));
    }

    .width-100-gap-xs-laptop {
        width: calc(100% - (var(--spacing-xs) / 2));
    }

    .width-100-gap-sm-laptop {
        width: calc(100% - (var(--spacing-sm) / 2));
    }

    .width-100-gap-md-laptop {
        width: calc(100% - (var(--spacing-md) / 2));
    }

    .width-100-gap-lg-laptop {
        width: calc(100% - (var(--spacing-lg) / 2));
    }

    .width-100-gap-xl-laptop {
        width: calc(100% - (var(--spacing-xl) / 2));
    }

    .width-100-gap-2xl-laptop {
        width: calc(100% - (var(--spacing-2xl) / 2));
    }

    .width-100-gap-3xl-laptop {
        width: calc(100% - (var(--spacing-3xl) / 2));
    }

    .width-100-gap-4xl-laptop {
        width: calc(100% - (var(--spacing-4xl) / 2));
    }

    .width-100-gap-5xl-laptop {
        width: calc(100% - (var(--spacing-5xl) / 2));
    }

    .width-100-gap-6xl-laptop {
        width: calc(100% - (var(--spacing-6xl) / 2));
    }

    .width-100-gap-7xl-laptop {
        width: calc(100% - (var(--spacing-7xl) / 2));
    }

    .width-100-gap-8xl-laptop {
        width: calc(100% - (var(--spacing-8xl) / 2));
    }

    .width-100-gap-9xl-laptop {
        width: calc(100% - (var(--spacing-9xl) / 2));
    }

    .width-100-gap-10xl-laptop {
        width: calc(100% - (var(--spacing-10xl) / 2));
    }

    .width-100-gap-11xl-laptop {
        width: calc(100% - (var(--spacing-11xl) / 2));
    }

    .width-75-gap-none-laptop {
        width: calc(75% - (var(--spacing-none) / 2));
    }

    .width-75-gap-xxs-laptop {
        width: calc(75% - (var(--spacing-xxs) / 2));
    }

    .width-75-gap-xs-laptop {
        width: calc(75% - (var(--spacing-xs) / 2));
    }

    .width-75-gap-sm-laptop {
        width: calc(75% - (var(--spacing-sm) / 2));
    }

    .width-75-gap-md-laptop {
        width: calc(75% - (var(--spacing-md) / 2));
    }

    .width-75-gap-lg-laptop {
        width: calc(75% - (var(--spacing-lg) / 2));
    }

    .width-75-gap-xl-laptop {
        width: calc(75% - (var(--spacing-xl) / 2));
    }

    .width-75-gap-2xl-laptop {
        width: calc(75% - (var(--spacing-2xl) / 2));
    }

    .width-75-gap-3xl-laptop {
        width: calc(75% - (var(--spacing-3xl) / 2));
    }

    .width-75-gap-4xl-laptop {
        width: calc(75% - (var(--spacing-4xl) / 2));
    }

    .width-75-gap-5xl-laptop {
        width: calc(75% - (var(--spacing-5xl) / 2));
    }

    .width-75-gap-6xl-laptop {
        width: calc(75% - (var(--spacing-6xl) / 2));
    }

    .width-75-gap-7xl-laptop {
        width: calc(75% - (var(--spacing-7xl) / 2));
    }

    .width-75-gap-8xl-laptop {
        width: calc(75% - (var(--spacing-8xl) / 2));
    }

    .width-75-gap-9xl-laptop {
        width: calc(75% - (var(--spacing-9xl) / 2));
    }

    .width-75-gap-10xl-laptop {
        width: calc(75% - (var(--spacing-10xl) / 2));
    }

    .width-75-gap-11xl-laptop {
        width: calc(75% - (var(--spacing-11xl) / 2));
    }

    .width-66-gap-none-laptop {
        width: calc(66% - (var(--spacing-none) / 2));
    }

    .width-66-gap-xxs-laptop {
        width: calc(66% - (var(--spacing-xxs) / 2));
    }

    .width-66-gap-xs-laptop {
        width: calc(66% - (var(--spacing-xs) / 2));
    }

    .width-66-gap-sm-laptop {
        width: calc(66% - (var(--spacing-sm) / 2));
    }

    .width-66-gap-md-laptop {
        width: calc(66% - (var(--spacing-md) / 2));
    }

    .width-66-gap-lg-laptop {
        width: calc(66% - (var(--spacing-lg) / 2));
    }

    .width-66-gap-xl-laptop {
        width: calc(66% - (var(--spacing-xl) / 2));
    }

    .width-66-gap-2xl-laptop {
        width: calc(66% - (var(--spacing-2xl) / 2));
    }

    .width-66-gap-3xl-laptop {
        width: calc(66% - (var(--spacing-3xl) / 2));
    }

    .width-66-gap-4xl-laptop {
        width: calc(66% - (var(--spacing-4xl) / 2));
    }

    .width-66-gap-5xl-laptop {
        width: calc(66% - (var(--spacing-5xl) / 2));
    }

    .width-66-gap-6xl-laptop {
        width: calc(66% - (var(--spacing-6xl) / 2));
    }

    .width-66-gap-7xl-laptop {
        width: calc(66% - (var(--spacing-7xl) / 2));
    }

    .width-66-gap-8xl-laptop {
        width: calc(66% - (var(--spacing-8xl) / 2));
    }

    .width-66-gap-9xl-laptop {
        width: calc(66% - (var(--spacing-9xl) / 2));
    }

    .width-66-gap-10xl-laptop {
        width: calc(66% - (var(--spacing-10xl) / 2));
    }

    .width-66-gap-11xl-laptop {
        width: calc(66% - (var(--spacing-11xl) / 2));
    }

    .width-50-gap-none-laptop {
        width: calc(50% - (var(--spacing-none) / 2));
    }

    .width-50-gap-xxs-laptop {
        width: calc(50% - (var(--spacing-xxs) / 2));
    }

    .width-50-gap-xs-laptop {
        width: calc(50% - (var(--spacing-xs) / 2));
    }

    .width-50-gap-sm-laptop {
        width: calc(50% - (var(--spacing-sm) / 2));
    }

    .width-50-gap-md-laptop {
        width: calc(50% - (var(--spacing-md) / 2));
    }

    .width-50-gap-lg-laptop {
        width: calc(50% - (var(--spacing-lg) / 2));
    }

    .width-50-gap-xl-laptop {
        width: calc(50% - (var(--spacing-xl) / 2));
    }

    .width-50-gap-2xl-laptop {
        width: calc(50% - (var(--spacing-2xl) / 2));
    }

    .width-50-gap-3xl-laptop {
        width: calc(50% - (var(--spacing-3xl) / 2));
    }

    .width-50-gap-4xl-laptop {
        width: calc(50% - (var(--spacing-4xl) / 2));
    }

    .width-50-gap-5xl-laptop {
        width: calc(50% - (var(--spacing-5xl) / 2));
    }

    .width-50-gap-6xl-laptop {
        width: calc(50% - (var(--spacing-6xl) / 2));
    }

    .width-50-gap-7xl-laptop {
        width: calc(50% - (var(--spacing-7xl) / 2));
    }

    .width-50-gap-8xl-laptop {
        width: calc(50% - (var(--spacing-8xl) / 2));
    }

    .width-50-gap-9xl-laptop {
        width: calc(50% - (var(--spacing-9xl) / 2));
    }

    .width-50-gap-10xl-laptop {
        width: calc(50% - (var(--spacing-10xl) / 2));
    }

    .width-50-gap-11xl-laptop {
        width: calc(50% - (var(--spacing-11xl) / 2));
    }

    .width-33-gap-none-laptop {
        width: calc(33% - (var(--spacing-none) / 2));
    }

    .width-33-gap-xxs-laptop {
        width: calc(33% - (var(--spacing-xxs) / 2));
    }

    .width-33-gap-xs-laptop {
        width: calc(33% - (var(--spacing-xs) / 2));
    }

    .width-33-gap-sm-laptop {
        width: calc(33% - (var(--spacing-sm) / 2));
    }

    .width-33-gap-md-laptop {
        width: calc(33% - (var(--spacing-md) / 2));
    }

    .width-33-gap-lg-laptop {
        width: calc(33% - (var(--spacing-lg) / 2));
    }

    .width-33-gap-xl-laptop {
        width: calc(33% - (var(--spacing-xl) / 2));
    }

    .width-33-gap-2xl-laptop {
        width: calc(33% - (var(--spacing-2xl) / 2));
    }

    .width-33-gap-3xl-laptop {
        width: calc(33% - (var(--spacing-3xl) / 2));
    }

    .width-33-gap-4xl-laptop {
        width: calc(33% - (var(--spacing-4xl) / 2));
    }

    .width-33-gap-5xl-laptop {
        width: calc(33% - (var(--spacing-5xl) / 2));
    }

    .width-33-gap-6xl-laptop {
        width: calc(33% - (var(--spacing-6xl) / 2));
    }

    .width-33-gap-7xl-laptop {
        width: calc(33% - (var(--spacing-7xl) / 2));
    }

    .width-33-gap-8xl-laptop {
        width: calc(33% - (var(--spacing-8xl) / 2));
    }

    .width-33-gap-9xl-laptop {
        width: calc(33% - (var(--spacing-9xl) / 2));
    }

    .width-33-gap-10xl-laptop {
        width: calc(33% - (var(--spacing-10xl) / 2));
    }

    .width-33-gap-11xl-laptop {
        width: calc(33% - (var(--spacing-11xl) / 2));
    }

    .width-25-gap-none-laptop {
        width: calc(25% - (var(--spacing-none) / 2));
    }

    .width-25-gap-xxs-laptop {
        width: calc(25% - (var(--spacing-xxs) / 2));
    }

    .width-25-gap-xs-laptop {
        width: calc(25% - (var(--spacing-xs) / 2));
    }

    .width-25-gap-sm-laptop {
        width: calc(25% - (var(--spacing-sm) / 2));
    }

    .width-25-gap-md-laptop {
        width: calc(25% - (var(--spacing-md) / 2));
    }

    .width-25-gap-lg-laptop {
        width: calc(25% - (var(--spacing-lg) / 2));
    }

    .width-25-gap-xl-laptop {
        width: calc(25% - (var(--spacing-xl) / 2));
    }

    .width-25-gap-2xl-laptop {
        width: calc(25% - (var(--spacing-2xl) / 2));
    }

    .width-25-gap-3xl-laptop {
        width: calc(25% - (var(--spacing-3xl) / 2));
    }

    .width-25-gap-4xl-laptop {
        width: calc(25% - (var(--spacing-4xl) / 2));
    }

    .width-25-gap-5xl-laptop {
        width: calc(25% - (var(--spacing-5xl) / 2));
    }

    .width-25-gap-6xl-laptop {
        width: calc(25% - (var(--spacing-6xl) / 2));
    }

    .width-25-gap-7xl-laptop {
        width: calc(25% - (var(--spacing-7xl) / 2));
    }

    .width-25-gap-8xl-laptop {
        width: calc(25% - (var(--spacing-8xl) / 2));
    }

    .width-25-gap-9xl-laptop {
        width: calc(25% - (var(--spacing-9xl) / 2));
    }

    .width-25-gap-10xl-laptop {
        width: calc(25% - (var(--spacing-10xl) / 2));
    }

    .width-25-gap-11xl-laptop {
        width: calc(25% - (var(--spacing-11xl) / 2));
    }

    .height-unset-laptop {
        height: unset;
    }

    .height-0-laptop {
        height: 0%;
    }

    .height-1-laptop {
        height: 1%;
    }

    .height-2-laptop {
        height: 2%;
    }

    .height-3-laptop {
        height: 3%;
    }

    .height-4-laptop {
        height: 4%;
    }

    .height-5-laptop {
        height: 5%;
    }

    .height-6-laptop {
        height: 6%;
    }

    .height-7-laptop {
        height: 7%;
    }

    .height-8-laptop {
        height: 8%;
    }

    .height-9-laptop {
        height: 9%;
    }

    .height-10-laptop {
        height: 10%;
    }

    .height-11-laptop {
        height: 11%;
    }

    .height-12-laptop {
        height: 12%;
    }

    .height-13-laptop {
        height: 13%;
    }

    .height-14-laptop {
        height: 14%;
    }

    .height-15-laptop {
        height: 15%;
    }

    .height-16-laptop {
        height: 16%;
    }

    .height-17-laptop {
        height: 17%;
    }

    .height-18-laptop {
        height: 18%;
    }

    .height-19-laptop {
        height: 19%;
    }

    .height-20-laptop {
        height: 20%;
    }

    .height-21-laptop {
        height: 21%;
    }

    .height-22-laptop {
        height: 22%;
    }

    .height-23-laptop {
        height: 23%;
    }

    .height-24-laptop {
        height: 24%;
    }

    .height-25-laptop {
        height: 25%;
    }

    .height-26-laptop {
        height: 26%;
    }

    .height-27-laptop {
        height: 27%;
    }

    .height-28-laptop {
        height: 28%;
    }

    .height-29-laptop {
        height: 29%;
    }

    .height-30-laptop {
        height: 30%;
    }

    .height-31-laptop {
        height: 31%;
    }

    .height-32-laptop {
        height: 32%;
    }

    .height-33-laptop {
        height: 33%;
    }

    .height-34-laptop {
        height: 34%;
    }

    .height-35-laptop {
        height: 35%;
    }

    .height-36-laptop {
        height: 36%;
    }

    .height-37-laptop {
        height: 37%;
    }

    .height-38-laptop {
        height: 38%;
    }

    .height-39-laptop {
        height: 39%;
    }

    .height-40-laptop {
        height: 40%;
    }

    .height-41-laptop {
        height: 41%;
    }

    .height-42-laptop {
        height: 42%;
    }

    .height-43-laptop {
        height: 43%;
    }

    .height-44-laptop {
        height: 44%;
    }

    .height-45-laptop {
        height: 45%;
    }

    .height-46-laptop {
        height: 46%;
    }

    .height-47-laptop {
        height: 47%;
    }

    .height-48-laptop {
        height: 48%;
    }

    .height-49-laptop {
        height: 49%;
    }

    .height-50-laptop {
        height: 50%;
    }

    .height-51-laptop {
        height: 51%;
    }

    .height-52-laptop {
        height: 52%;
    }

    .height-53-laptop {
        height: 53%;
    }

    .height-54-laptop {
        height: 54%;
    }

    .height-55-laptop {
        height: 55%;
    }

    .height-56-laptop {
        height: 56%;
    }

    .height-57-laptop {
        height: 57%;
    }

    .height-58-laptop {
        height: 58%;
    }

    .height-59-laptop {
        height: 59%;
    }

    .height-60-laptop {
        height: 60%;
    }

    .height-61-laptop {
        height: 61%;
    }

    .height-62-laptop {
        height: 62%;
    }

    .height-63-laptop {
        height: 63%;
    }

    .height-64-laptop {
        height: 64%;
    }

    .height-65-laptop {
        height: 65%;
    }

    .height-66-laptop {
        height: 66%;
    }

    .height-67-laptop {
        height: 67%;
    }

    .height-68-laptop {
        height: 68%;
    }

    .height-69-laptop {
        height: 69%;
    }

    .height-70-laptop {
        height: 70%;
    }

    .height-71-laptop {
        height: 71%;
    }

    .height-72-laptop {
        height: 72%;
    }

    .height-73-laptop {
        height: 73%;
    }

    .height-74-laptop {
        height: 74%;
    }

    .height-75-laptop {
        height: 75%;
    }

    .height-76-laptop {
        height: 76%;
    }

    .height-77-laptop {
        height: 77%;
    }

    .height-78-laptop {
        height: 78%;
    }

    .height-79-laptop {
        height: 79%;
    }

    .height-80-laptop {
        height: 80%;
    }

    .height-81-laptop {
        height: 81%;
    }

    .height-82-laptop {
        height: 82%;
    }

    .height-83-laptop {
        height: 83%;
    }

    .height-84-laptop {
        height: 84%;
    }

    .height-85-laptop {
        height: 85%;
    }

    .height-86-laptop {
        height: 86%;
    }

    .height-87-laptop {
        height: 87%;
    }

    .height-88-laptop {
        height: 88%;
    }

    .height-89-laptop {
        height: 89%;
    }

    .height-90-laptop {
        height: 90%;
    }

    .height-91-laptop {
        height: 91%;
    }

    .height-92-laptop {
        height: 92%;
    }

    .height-93-laptop {
        height: 93%;
    }

    .height-94-laptop {
        height: 94%;
    }

    .height-95-laptop {
        height: 95%;
    }

    .height-96-laptop {
        height: 96%;
    }

    .height-97-laptop {
        height: 97%;
    }

    .height-98-laptop {
        height: 98%;
    }

    .height-99-laptop {
        height: 99%;
    }

    .height-100-laptop {
        height: 100%;
    }

    .height-25vh-laptop {
        height: 25vh;
        height: 25dvh;
    }

    .height-33vh-laptop {
        height: 33vh;
        height: 33dvh;
    }

    .height-50vh-laptop {
        height: 50vh;
        height: 50dvh;
    }

    .height-66vh-laptop {
        height: 66vh;
        height: 66dvh;
    }

    .height-75vh-laptop {
        height: 75vh;
        height: 75dvh;
    }

    .height-100vh-laptop {
        height: 100vh;
        height: 100dvh;
    }

    .max-height-25vh-laptop {
        max-height: 25vh;
        max-height: 25dvh;
    }

    .max-height-33vh-laptop {
        max-height: 33vh;
        max-height: 33dvh;
    }

    .max-height-50vh-laptop {
        max-height: 50vh;
        max-height: 50dvh;
    }

    .max-height-66vh-laptop {
        max-height: 66vh;
        max-height: 66dvh;
    }

    .max-height-75vh-laptop {
        max-height: 75vh;
        max-height: 75dvh;
    }

    .max-height-100vh-laptop {
        max-height: 100vh;
        max-height: 100dvh;
    }

    .min-height-25vh-laptop {
        min-height: 25vh;
        min-height: 25dvh;
    }

    .min-height-33vh-laptop {
        min-height: 33vh;
        min-height: 33dvh;
    }

    .min-height-50vh-laptop {
        min-height: 50vh;
        min-height: 50dvh;
    }

    .min-height-66vh-laptop {
        min-height: 66vh;
        min-height: 66dvh;
    }

    .min-height-75vh-laptop {
        min-height: 75vh;
        min-height: 75dvh;
    }

    .min-height-100vh-laptop {
        min-height: 100vh;
        min-height: 100dvh;
    }
}

/* Tablet */
@media screen and (max-width: 768px) {

    /* 0.3. Sidebar */
    .sidebar {
        display: none;
    }

    .popup-wrapper {
        padding: var(--spacing-3xl);
    }

    .popup-close {
        position: absolute;
        top: var(--spacing-md);
        right: var(--spacing-md);
    }

    .alert-wrapper {
        top: -100vw;
        top: -100dvw;
    }

    .alert-appear {
        top: 2vh;
        top: 2dvh;
        right: var(--spacing-xl);
        left: var(--spacing-xl);
        width: calc(100% - 2 * var(--spacing-xl));
        transition: top 200ms linear;
    }

    .promotion-alert-wrapper,
    .payout-alert-wrapper {
        bottom: unset;
        top: -100vw;
        top: -100dvw;
    }

    .promotion-alert-appear,
    .payout-alert-appear {
        top: 2vh;
        top: 2dvh;
        right: var(--spacing-xl);
        left: var(--spacing-xl);
        width: calc(100% - 2 * var(--spacing-xl));
        transition: top 200ms linear;
    }

    .menu,
    .mobile-wrapper {
        display: flex;
    }

    .calendar-header {
        align-items: flex-start;
        gap: var(--spacing-md);
        flex-direction: column;
    }

    .calendar-weekdays, .calendar-dates {
        min-width: 500px;
    }

    /* 0.8. Borders */
    .border-1-tablet {
        border: 1px solid;
    }

    .border-2-tablet {
        border: 2px solid;
    }

    .border-1-y-tablet {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    .border-2-y-tablet {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }

    .border-1-x-tablet {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .border-2-x-tablet {
        border-left: 2px solid;
        border-right: 2px solid;
    }

    .border-1-top-tablet {
        border-top: 1px solid;
    }

    .border-2-top-tablet {
        border-top: 2px solid;
    }

    .border-1-right-tablet {
        border-right: 1px solid;
    }

    .border-2-right-tablet {
        border-right: 2px solid;
    }

    .border-1-bottom-tablet {
        border-bottom: 1px solid;
    }

    .border-2-bottom-tablet {
        border-bottom: 2px solid;
    }

    .border-1-left-tablet {
        border-left: 1px solid;
    }

    .border-2-left-tablet {
        border-left: 2px solid;
    }

    /* 0.9. Text */
    .text-transform-none-tablet {
        text-transform: none;
    }

    .text-transform-uppercase-tablet {
        text-transform: uppercase;
    }

    .text-transform-lowercase-tablet {
        text-transform: lowercase;
    }

    .text-transform-capitalize-tablet {
        text-transform: capitalize;
    }

    .text-transform-full-width-tablet {
        text-transform: full-width;
    }

    .text-transform-inherit-tablet {
        text-transform: inherit;
    }

    .text-transform-initial-tablet {
        text-transform: initial;
    }

    .text-transform-revert-tablet {
        text-transform: revert;
    }

    .text-transform-unset-tablet {
        text-transform: unset;
    }

    .text-decoration-none-tablet {
        text-decoration: none;
    }

    .text-decoration-underline-tablet {
        text-decoration: underline;
    }

    .text-decoration-overline-tablet {
        text-decoration: overline;
    }

    .text-decoration-line-through-tablet {
        text-decoration: line-through;
    }

    .text-decoration-underline-overline-tablet {
        text-decoration: underline overline;
    }

    .text-decoration-solid-tablet {
        text-decoration-style: solid;
    }

    .text-decoration-dashed-tablet {
        text-decoration-style: dashed;
    }

    .text-decoration-dotted-tablet {
        text-decoration-style: dotted;
    }

    .text-decoration-double-tablet {
        text-decoration-style: double;
    }

    .text-decoration-wavy-tablet {
        text-decoration-style: wavy;
    }

    .text-align-left-tablet {
        text-align: left;
    }

    .text-align-right-tablet {
        text-align: right;
    }

    .text-align-center-tablet {
        text-align: center;
    }

    .text-align-justify-tablet {
        text-align: justify;
    }

    .text-align-start-tablet {
        text-align: start;
    }

    .text-align-end-tablet {
        text-align: end;
    }

    .text-wrap-tablet {
        text-wrap: wrap;
    }

    .text-nowrap-tablet {
        text-wrap: nowrap;
    }

    .word-break-normal-tablet {
        word-break: normal;
    }

    .word-break-break-all-tablet {
        word-break: break-all;
    }

    .word-break-break-word-tablet {
        word-break: break-word;
    }

    .word-break-keep-all-tablet {
        word-break: keep-all;
    }

    /* 0.10. Flex */
    .row-tablet {
        display: flex;
        flex-direction: row;
    }

    .row-reverse-tablet {
        display: flex;
        flex-direction: row-reverse;
    }

    .column-tablet {
        display: flex;
        flex-direction: column;
    }

    .column-reverse-tablet {
        display: flex;
        flex-direction: column-reverse;
    }

    .justify-content-flex-start-tablet {
        justify-content: flex-start;
    }

    .justify-content-center-tablet {
        justify-content: center;
    }

    .justify-content-flex-end-tablet {
        justify-content: flex-end;
    }

    .justify-content-space-between-tablet {
        justify-content: space-between;
    }

    .justify-content-space-around-tablet {
        justify-content: space-around;
    }

    .justify-content-space-evenly-tablet {
        justify-content: space-evenly;
    }

    .align-items-flex-start-tablet {
        align-items: flex-start;
    }

    .align-items-center-tablet {
        align-items: center;
    }

    .align-items-flex-end-tablet {
        align-items: flex-end;
    }

    .align-items-baseline-tablet {
        align-items: baseline;
    }

    .align-items-stretch-tablet {
        align-items: stretch;
    }

    .align-content-flex-start-tablet {
        align-content: flex-start;
    }

    .align-content-center-tablet {
        align-content: center;
    }

    .align-content-flex-end-tablet {
        align-content: flex-end;
    }

    .align-content-space-between-tablet {
        align-content: space-between;
    }

    .align-content-space-around-tablet {
        align-content: space-around;
    }

    .align-content-space-evenly-tablet {
        align-content: space-evenly;
    }

    .align-self-auto-tablet {
        align-self: auto;
    }

    .align-self-flex-start-tablet {
        align-self: flex-start;
    }

    .align-self-center-tablet {
        align-self: center;
    }

    .align-self-flex-end-tablet {
        align-self: flex-end;
    }

    .align-self-stretch-tablet {
        align-self: stretch;
    }

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

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

    .order-1-tablet {
        order: 1;
    }

    .order-2-tablet {
        order: 2;
    }

    .order-3-tablet {
        order: 3;
    }

    .order-4-tablet {
        order: 4;
    }

    .order-5-tablet {
        order: 5;
    }

    /* 0.11. Displays */
    .display-none-tablet {
        display: none;
    }

    .display-block-tablet {
        display: block;
    }

    .display-inline-tablet {
        display: inline;
    }

    .display-inline-block-tablet {
        display: inline-block;
    }

    .display-flex-tablet {
        display: flex;
    }

    .display-inline-flex-tablet {
        display: inline-flex;
    }

    .display-grid-tablet {
        display: grid;
    }

    .display-inline-grid-tablet {
        display: inline-grid;
    }

    .display-table-tablet {
        display: table;
    }

    .display-inline-table-tablet {
        display: inline-table;
    }

    .display-table-row-tablet {
        display: table-row;
    }

    .display-table-cell-tablet {
        display: table-cell;
    }

    .display-contents-tablet {
        display: contents;
    }

    .display-list-item-tablet {
        display: list-item;
    }

    /* 0.12. Position */
    .position-static-tablet {
        position: static;
    }

    .position-relative-tablet {
        position: relative;
    }

    .position-absolute-tablet {
        position: absolute;
    }

    .position-fixed-tablet {
        position: fixed;
    }

    .position-sticky-tablet {
        position: sticky;
    }

    /* 0.13. Overflow */
    .overflow-visible-tablet {
        overflow: visible;
    }

    .overflow-hidden-tablet {
        overflow: hidden;
    }

    .overflow-scroll-tablet {
        overflow: scroll;
    }

    .overflow-auto-tablet {
        overflow: auto;
    }

    .overflow-x-visible-tablet {
        overflow-x: visible;
    }

    .overflow-x-hidden-tablet {
        overflow-x: hidden;
    }

    .overflow-x-scroll-tablet {
        overflow-x: scroll;
    }

    .overflow-x-auto-tablet {
        overflow-x: auto;
    }

    .overflow-y-visible-tablet {
        overflow-y: visible;
    }

    .overflow-y-hidden-tablet {
        overflow-y: hidden;
    }

    .overflow-y-scroll-tablet {
        overflow-y: scroll;
    }

    .overflow-y-auto-tablet {
        overflow-y: auto;
    }

    .overflow-scroll::-webkit-scrollbar-tablet {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-x-scroll::-webkit-scrollbar-tablet {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-y-scroll::-webkit-scrollbar-tablet {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    /* 1. Colors */
    /* 1.1. Background colors */
    .background-none-tablet {
        background: none;
    }

    .background-linear-gradient-type-1-tablet {
        background: var(--linear-gradient-type-1), var(--primary-900);
    }

    .background-linear-gradient-type-2-tablet {
        background: var(--linear-gradient-type-2), var(--primary-900);
    }

    .background-color-neutral-50-tablet {
        background-color: var(--neutral-50);
    }

    .background-color-neutral-100-tablet {
        background-color: var(--neutral-100);
    }

    .background-color-neutral-200-tablet {
        background-color: var(--neutral-200);
    }

    .background-color-neutral-300-tablet {
        background-color: var(--neutral-300);
    }

    .background-color-neutral-400-tablet {
        background-color: var(--neutral-400);
    }

    .background-color-neutral-500-tablet {
        background-color: var(--neutral-500);
    }

    .background-color-neutral-600-tablet {
        background-color: var(--neutral-600);
    }

    .background-color-neutral-700-tablet {
        background-color: var(--neutral-700);
    }

    .background-color-neutral-800-tablet {
        background-color: var(--neutral-800);
    }

    .background-color-neutral-900-tablet {
        background-color: var(--neutral-900);
    }

    .background-color-primary-50-tablet {
        background-color: var(--primary-50);
    }

    .background-color-primary-100-tablet {
        background-color: var(--primary-100);
    }

    .background-color-primary-200-tablet {
        background-color: var(--primary-200);
    }

    .background-color-primary-300-tablet {
        background-color: var(--primary-300);
    }

    .background-color-primary-400-tablet {
        background-color: var(--primary-400);
    }

    .background-color-primary-500-tablet {
        background-color: var(--primary-500);
    }

    .background-color-primary-600-tablet {
        background-color: var(--primary-600);
    }

    .background-color-primary-700-tablet {
        background-color: var(--primary-700);
    }

    .background-color-primary-800-tablet {
        background-color: var(--primary-800);
    }

    .background-color-primary-900-tablet {
        background-color: var(--primary-900);
    }

    .background-color-success-50-tablet {
        background-color: var(--success-50);
    }

    .background-color-success-100-tablet {
        background-color: var(--success-100);
    }

    .background-color-success-200-tablet {
        background-color: var(--success-200);
    }

    .background-color-success-300-tablet {
        background-color: var(--success-300);
    }

    .background-color-success-400-tablet {
        background-color: var(--success-400);
    }

    .background-color-success-500-tablet {
        background-color: var(--success-500);
    }

    .background-color-success-600-tablet {
        background-color: var(--success-600);
    }

    .background-color-success-700-tablet {
        background-color: var(--success-700);
    }

    .background-color-success-800-tablet {
        background-color: var(--success-800);
    }

    .background-color-success-900-tablet {
        background-color: var(--success-900);
    }

    .background-color-warning-50-tablet {
        background-color: var(--warning-50);
    }

    .background-color-warning-100-tablet {
        background-color: var(--warning-100);
    }

    .background-color-warning-200-tablet {
        background-color: var(--warning-200);
    }

    .background-color-warning-300-tablet {
        background-color: var(--warning-300);
    }

    .background-color-warning-400-tablet {
        background-color: var(--warning-400);
    }

    .background-color-warning-500-tablet {
        background-color: var(--warning-500);
    }

    .background-color-warning-600-tablet {
        background-color: var(--warning-600);
    }

    .background-color-warning-700-tablet {
        background-color: var(--warning-700);
    }

    .background-color-warning-800-tablet {
        background-color: var(--warning-800);
    }

    .background-color-warning-900-tablet {
        background-color: var(--warning-900);
    }

    .background-color-error-50-tablet {
        background-color: var(--error-50);
    }

    .background-color-error-100-tablet {
        background-color: var(--error-100);
    }

    .background-color-error-200-tablet {
        background-color: var(--error-200);
    }

    .background-color-error-300-tablet {
        background-color: var(--error-300);
    }

    .background-color-error-400-tablet {
        background-color: var(--error-400);
    }

    .background-color-error-500-tablet {
        background-color: var(--error-500);
    }

    .background-color-error-600-tablet {
        background-color: var(--error-600);
    }

    .background-color-error-700-tablet {
        background-color: var(--error-700);
    }

    .background-color-error-800-tablet {
        background-color: var(--error-800);
    }

    .background-color-error-900-tablet {
        background-color: var(--error-900);
    }

    .background-color-shades-0-tablet {
        background-color: var(--shades-0);
    }

    .background-color-shades-100-tablet {
        background-color: var(--shades-100);
    }

    .background-color-dark-50-tablet {
        background-color: var(--dark-50);
    }

    .background-color-dark-100-tablet {
        background-color: var(--dark-100);
    }

    .background-color-dark-200-tablet {
        background-color: var(--dark-200);
    }

    .background-color-dark-300-tablet {
        background-color: var(--dark-300);
    }

    .background-color-dark-400-tablet {
        background-color: var(--dark-400);
    }

    .background-color-dark-500-tablet {
        background-color: var(--dark-500);
    }

    .background-color-dark-600-tablet {
        background-color: var(--dark-600);
    }

    .background-color-dark-700-tablet {
        background-color: var(--dark-700);
    }

    .background-color-dark-800-tablet {
        background-color: var(--dark-800);
    }

    .background-color-dark-900-tablet {
        background-color: var(--dark-900);
    }

    /* 1.2. Text colors */
    .text-color-neutral-50-tablet {
        color: var(--neutral-50);
    }

    .text-color-neutral-100-tablet {
        color: var(--neutral-100);
    }

    .text-color-neutral-200-tablet {
        color: var(--neutral-200);
    }

    .text-color-neutral-300-tablet {
        color: var(--neutral-300);
    }

    .text-color-neutral-400-tablet {
        color: var(--neutral-400);
    }

    .text-color-neutral-500-tablet {
        color: var(--neutral-500);
    }

    .text-color-neutral-600-tablet {
        color: var(--neutral-600);
    }

    .text-color-neutral-700-tablet {
        color: var(--neutral-700);
    }

    .text-color-neutral-800-tablet {
        color: var(--neutral-800);
    }

    .text-color-neutral-900-tablet {
        color: var(--neutral-900);
    }

    .text-color-primary-50-tablet {
        color: var(--primary-50);
    }

    .text-color-primary-100-tablet {
        color: var(--primary-100);
    }

    .text-color-primary-200-tablet {
        color: var(--primary-200);
    }

    .text-color-primary-300-tablet {
        color: var(--primary-300);
    }

    .text-color-primary-400-tablet {
        color: var(--primary-400);
    }

    .text-color-primary-500-tablet {
        color: var(--primary-500);
    }

    .text-color-primary-600-tablet {
        color: var(--primary-600);
    }

    .text-color-primary-700-tablet {
        color: var(--primary-700);
    }

    .text-color-primary-800-tablet {
        color: var(--primary-800);
    }

    .text-color-primary-900-tablet {
        color: var(--primary-900);
    }

    .text-color-success-50-tablet {
        color: var(--success-50);
    }

    .text-color-success-100-tablet {
        color: var(--success-100);
    }

    .text-color-success-200-tablet {
        color: var(--success-200);
    }

    .text-color-success-300-tablet {
        color: var(--success-300);
    }

    .text-color-success-400-tablet {
        color: var(--success-400);
    }

    .text-color-success-500-tablet {
        color: var(--success-500);
    }

    .text-color-success-600-tablet {
        color: var(--success-600);
    }

    .text-color-success-700-tablet {
        color: var(--success-700);
    }

    .text-color-success-800-tablet {
        color: var(--success-800);
    }

    .text-color-success-900-tablet {
        color: var(--success-900);
    }

    .text-color-warning-50-tablet {
        color: var(--warning-50);
    }

    .text-color-warning-100-tablet {
        color: var(--warning-100);
    }

    .text-color-warning-200-tablet {
        color: var(--warning-200);
    }

    .text-color-warning-300-tablet {
        color: var(--warning-300);
    }

    .text-color-warning-400-tablet {
        color: var(--warning-400);
    }

    .text-color-warning-500-tablet {
        color: var(--warning-500);
    }

    .text-color-warning-600-tablet {
        color: var(--warning-600);
    }

    .text-color-warning-700-tablet {
        color: var(--warning-700);
    }

    .text-color-warning-800-tablet {
        color: var(--warning-800);
    }

    .text-color-warning-900-tablet {
        color: var(--warning-900);
    }

    .text-color-error-50-tablet {
        color: var(--error-50);
    }

    .text-color-error-100-tablet {
        color: var(--error-100);
    }

    .text-color-error-200-tablet {
        color: var(--error-200);
    }

    .text-color-error-300-tablet {
        color: var(--error-300);
    }

    .text-color-error-400-tablet {
        color: var(--error-400);
    }

    .text-color-error-500-tablet {
        color: var(--error-500);
    }

    .text-color-error-600-tablet {
        color: var(--error-600);
    }

    .text-color-error-700-tablet {
        color: var(--error-700);
    }

    .text-color-error-800-tablet {
        color: var(--error-800);
    }

    .text-color-error-900-tablet {
        color: var(--error-900);
    }

    .text-color-shades-0-tablet {
        color: var(--shades-0);
    }

    .text-color-shades-100-tablet {
        color: var(--shades-100);
    }

    .text-color-dark-50-tablet {
        color: var(--dark-50);
    }

    .text-color-dark-100-tablet {
        color: var(--dark-100);
    }

    .text-color-dark-200-tablet {
        color: var(--dark-200);
    }

    .text-color-dark-300-tablet {
        color: var(--dark-300);
    }

    .text-color-dark-400-tablet {
        color: var(--dark-400);
    }

    .text-color-dark-500-tablet {
        color: var(--dark-500);
    }

    .text-color-dark-600-tablet {
        color: var(--dark-600);
    }

    .text-color-dark-700-tablet {
        color: var(--dark-700);
    }

    .text-color-dark-800-tablet {
        color: var(--dark-800);
    }

    .text-color-dark-900-tablet {
        color: var(--dark-900);
    }

    /* 1.3. Border colors */
    .border-color-neutral-50-tablet {
        border-color: var(--neutral-50);
    }

    .border-color-neutral-100-tablet {
        border-color: var(--neutral-100);
    }

    .border-color-neutral-200-tablet {
        border-color: var(--neutral-200);
    }

    .border-color-neutral-300-tablet {
        border-color: var(--neutral-300);
    }

    .border-color-neutral-400-tablet {
        border-color: var(--neutral-400);
    }

    .border-color-neutral-500-tablet {
        border-color: var(--neutral-500);
    }

    .border-color-neutral-600-tablet {
        border-color: var(--neutral-600);
    }

    .border-color-neutral-700-tablet {
        border-color: var(--neutral-700);
    }

    .border-color-neutral-800-tablet {
        border-color: var(--neutral-800);
    }

    .border-color-neutral-900-tablet {
        border-color: var(--neutral-900);
    }

    .border-color-primary-50-tablet {
        border-color: var(--primary-50);
    }

    .border-color-primary-100-tablet {
        border-color: var(--primary-100);
    }

    .border-color-primary-200-tablet {
        border-color: var(--primary-200);
    }

    .border-color-primary-300-tablet {
        border-color: var(--primary-300);
    }

    .border-color-primary-400-tablet {
        border-color: var(--primary-400);
    }

    .border-color-primary-500-tablet {
        border-color: var(--primary-500);
    }

    .border-color-primary-600-tablet {
        border-color: var(--primary-600);
    }

    .border-color-primary-700-tablet {
        border-color: var(--primary-700);
    }

    .border-color-primary-800-tablet {
        border-color: var(--primary-800);
    }

    .border-color-primary-900-tablet {
        border-color: var(--primary-900);
    }

    .border-color-success-50-tablet {
        border-color: var(--success-50);
    }

    .border-color-success-100-tablet {
        border-color: var(--success-100);
    }

    .border-color-success-200-tablet {
        border-color: var(--success-200);
    }

    .border-color-success-300-tablet {
        border-color: var(--success-300);
    }

    .border-color-success-400-tablet {
        border-color: var(--success-400);
    }

    .border-color-success-500-tablet {
        border-color: var(--success-500);
    }

    .border-color-success-600-tablet {
        border-color: var(--success-600);
    }

    .border-color-success-700-tablet {
        border-color: var(--success-700);
    }

    .border-color-success-800-tablet {
        border-color: var(--success-800);
    }

    .border-color-success-900-tablet {
        border-color: var(--success-900);
    }

    .border-color-warning-50-tablet {
        border-color: var(--warning-50);
    }

    .border-color-warning-100-tablet {
        border-color: var(--warning-100);
    }

    .border-color-warning-200-tablet {
        border-color: var(--warning-200);
    }

    .border-color-warning-300-tablet {
        border-color: var(--warning-300);
    }

    .border-color-warning-400-tablet {
        border-color: var(--warning-400);
    }

    .border-color-warning-500-tablet {
        border-color: var(--warning-500);
    }

    .border-color-warning-600-tablet {
        border-color: var(--warning-600);
    }

    .border-color-warning-700-tablet {
        border-color: var(--warning-700);
    }

    .border-color-warning-800-tablet {
        border-color: var(--warning-800);
    }

    .border-color-warning-900-tablet {
        border-color: var(--warning-900);
    }

    .border-color-error-50-tablet {
        border-color: var(--error-50);
    }

    .border-color-error-100-tablet {
        border-color: var(--error-100);
    }

    .border-color-error-200-tablet {
        border-color: var(--error-200);
    }

    .border-color-error-300-tablet {
        border-color: var(--error-300);
    }

    .border-color-error-400-tablet {
        border-color: var(--error-400);
    }

    .border-color-error-500-tablet {
        border-color: var(--error-500);
    }

    .border-color-error-600-tablet {
        border-color: var(--error-600);
    }

    .border-color-error-700-tablet {
        border-color: var(--error-700);
    }

    .border-color-error-800-tablet {
        border-color: var(--error-800);
    }

    .border-color-error-900-tablet {
        border-color: var(--error-900);
    }

    .border-color-shades-0-tablet {
        border-color: var(--shades-0);
    }

    .border-color-shades-100-tablet {
        border-color: var(--shades-100);
    }

    .border-color-dark-50-tablet {
        border-color: var(--dark-50);
    }

    .border-color-dark-100-tablet {
        border-color: var(--dark-100);
    }

    .border-color-dark-200-tablet {
        border-color: var(--dark-200);
    }

    .border-color-dark-300-tablet {
        border-color: var(--dark-300);
    }

    .border-color-dark-400-tablet {
        border-color: var(--dark-400);
    }

    .border-color-dark-500-tablet {
        border-color: var(--dark-500);
    }

    .border-color-dark-600-tablet {
        border-color: var(--dark-600);
    }

    .border-color-dark-700-tablet {
        border-color: var(--dark-700);
    }

    .border-color-dark-800-tablet {
        border-color: var(--dark-800);
    }

    .border-color-dark-900-tablet {
        border-color: var(--dark-900);
    }

    .icon-color-neutral-50-tablet {
        filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(842%) hue-rotate(176deg) brightness(98%) contrast(101%);
    }

    .icon-color-neutral-100-tablet {
        filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(339%) hue-rotate(71deg) brightness(109%) contrast(95%);
    }

    .icon-color-neutral-200-tablet {
        filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(388%) hue-rotate(54deg) brightness(97%) contrast(94%);
    }

    .icon-color-neutral-300-tablet {
        filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(217%) hue-rotate(104deg) brightness(95%) contrast(91%);
    }

    .icon-color-neutral-400-tablet {
        filter: brightness(0) saturate(100%) invert(74%) sepia(19%) saturate(336%) hue-rotate(84deg) brightness(92%) contrast(90%);
    }

    .icon-color-neutral-500-tablet {
        filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(609%) hue-rotate(95deg) brightness(98%) contrast(88%);
    }

    .icon-color-neutral-600-tablet {
        filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(654%) hue-rotate(107deg) brightness(90%) contrast(89%);
    }

    .icon-color-neutral-700-tablet {
        filter: brightness(0) saturate(100%) invert(27%) sepia(6%) saturate(2702%) hue-rotate(109deg) brightness(93%) contrast(80%);
    }

    .icon-color-neutral-800-tablet {
        filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(4424%) hue-rotate(110deg) brightness(97%) contrast(79%);
    }

    .icon-color-neutral-900-tablet {
        filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(4555%) hue-rotate(112deg) brightness(96%) contrast(88%);
    }

    .icon-color-primary-50-tablet {
        filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(514%) hue-rotate(93deg) brightness(108%) contrast(97%);
    }

    .icon-color-primary-100-tablet {
        filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(786%) hue-rotate(94deg) brightness(98%) contrast(94%);
    }

    .icon-color-primary-200-tablet {
        filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(287%) hue-rotate(83deg) brightness(97%) contrast(90%);
    }

    .icon-color-primary-300-tablet {
        filter: brightness(0) saturate(100%) invert(80%) sepia(66%) saturate(373%) hue-rotate(81deg) brightness(94%) contrast(90%);
    }

    .icon-color-primary-400-tablet {
        filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(1244%) hue-rotate(82deg) brightness(92%) contrast(87%);
    }

    .icon-color-primary-500-tablet {
        filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(380%) hue-rotate(102deg) brightness(103%) contrast(86%);
    }

    .icon-color-primary-600-tablet {
        filter: brightness(0) saturate(100%) invert(46%) sepia(92%) saturate(684%) hue-rotate(110deg) brightness(91%) contrast(82%);
    }

    .icon-color-primary-700-tablet {
        filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(409%) hue-rotate(102deg) brightness(92%) contrast(89%);
    }

    .icon-color-primary-800-tablet {
        filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(3285%) hue-rotate(116deg) brightness(93%) contrast(91%);
    }

    .icon-color-primary-900-tablet {
        filter: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(5222%) hue-rotate(114deg) brightness(90%) contrast(92%);
    }

    .icon-color-success-50-tablet {
        filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(274%) hue-rotate(81deg) brightness(106%) contrast(98%);
    }

    .icon-color-success-100-tablet {
        filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(347%) hue-rotate(93deg) brightness(98%) contrast(102%);
    }

    .icon-color-success-200-tablet {
        filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(868%) hue-rotate(94deg) brightness(103%) contrast(91%);
    }

    .icon-color-success-300-tablet {
        filter: brightness(0) saturate(100%) invert(88%) sepia(11%) saturate(1753%) hue-rotate(93deg) brightness(97%) contrast(86%);
    }

    .icon-color-success-400-tablet {
        filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(1280%) hue-rotate(107deg) brightness(106%) contrast(95%);
    }

    .icon-color-success-500-tablet {
        filter: brightness(0) saturate(100%) invert(53%) sepia(17%) saturate(5610%) hue-rotate(125deg) brightness(98%) contrast(87%);
    }

    .icon-color-success-600-tablet {
        filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(6906%) hue-rotate(150deg) brightness(99%) contrast(96%);
    }

    .icon-color-success-700-tablet {
        filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(3028%) hue-rotate(153deg) brightness(94%) contrast(97%);
    }

    .icon-color-success-800-tablet {
        filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(1042%) hue-rotate(123deg) brightness(93%) contrast(95%);
    }

    .icon-color-success-900-tablet {
        filter: brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(4756%) hue-rotate(119deg) brightness(98%) contrast(95%);
    }

    .icon-color-warning-50-tablet {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1170%) hue-rotate(316deg) brightness(108%) contrast(105%);
    }

    .icon-color-warning-100-tablet {
        filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(615%) hue-rotate(337deg) brightness(106%) contrast(99%);
    }

    .icon-color-warning-200-tablet {
        filter: brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(567%) hue-rotate(357deg) brightness(103%) contrast(98%);
    }

    .icon-color-warning-300-tablet {
        filter: brightness(0) saturate(100%) invert(87%) sepia(51%) saturate(703%) hue-rotate(328deg) brightness(101%) contrast(98%);
    }

    .icon-color-warning-400-tablet {
        filter: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(526%) hue-rotate(339deg) brightness(103%) contrast(97%);
    }

    .icon-color-warning-500-tablet {
        filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(573%) hue-rotate(357deg) brightness(99%) contrast(94%);
    }

    .icon-color-warning-600-tablet {
        filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2125%) hue-rotate(10deg) brightness(96%) contrast(95%);
    }

    .icon-color-warning-700-tablet {
        filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(1604%) hue-rotate(8deg) brightness(101%) contrast(93%);
    }

    .icon-color-warning-800-tablet {
        filter: brightness(0) saturate(100%) invert(23%) sepia(95%) saturate(5193%) hue-rotate(36deg) brightness(84%) contrast(89%);
    }

    .icon-color-warning-900-tablet {
        filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(5662%) hue-rotate(357deg) brightness(97%) contrast(91%);
    }

    .icon-color-error-50-tablet {
        filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(578%) hue-rotate(319deg) brightness(91%) contrast(120%);
    }

    .icon-color-error-100-tablet {
        filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(1671%) hue-rotate(314deg) brightness(107%) contrast(99%);
    }

    .icon-color-error-200-tablet {
        filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(462%) hue-rotate(311deg) brightness(151%) contrast(99%);
    }

    .icon-color-error-300-tablet {
        filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(1989%) hue-rotate(302deg) brightness(116%) contrast(98%);
    }

    .icon-color-error-400-tablet {
        filter: brightness(0) saturate(100%) invert(71%) sepia(90%) saturate(2985%) hue-rotate(314deg) brightness(97%) contrast(101%);
    }

    .icon-color-error-500-tablet {
        filter: brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(2254%) hue-rotate(335deg) brightness(116%) contrast(88%);
    }

    .icon-color-error-600-tablet {
        filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1765%) hue-rotate(341deg) brightness(85%) contrast(104%);
    }

    .icon-color-error-700-tablet {
        filter: brightness(0) saturate(100%) invert(15%) sepia(74%) saturate(4160%) hue-rotate(353deg) brightness(90%) contrast(90%);
    }

    .icon-color-error-800-tablet {
        filter: brightness(0) saturate(100%) invert(9%) sepia(56%) saturate(3145%) hue-rotate(351deg) brightness(96%) contrast(96%);
    }

    .icon-color-error-900-tablet {
        filter: brightness(0) saturate(100%) invert(9%) sepia(62%) saturate(1757%) hue-rotate(335deg) brightness(95%) contrast(104%);
    }

    .icon-color-shades-0-tablet {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
    }

    .icon-color-shades-100-tablet {
        filter: brightness(0) saturate(100%);
    }

    .icon-color-dark-50-tablet {
        filter: brightness(0) saturate(100%) invert(43%) sepia(19%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-100-tablet {
        filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(57%) hue-rotate(173deg) brightness(101%) contrast(92%);
    }

    .icon-color-dark-200-tablet {
        filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(95%) contrast(92%);
    }

    .icon-color-dark-300-tablet {
        filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(103%) contrast(88%);
    }

    .icon-color-dark-400-tablet {
        filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-500-tablet {
        filter: brightness(0) saturate(100%) invert(12%) sepia(66%) saturate(0%) hue-rotate(131deg) brightness(99%) contrast(92%);
    }

    .icon-color-dark-600-tablet {
        filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(962%) hue-rotate(337deg) brightness(90%) contrast(73%);
    }

    .icon-color-dark-700-tablet {
        filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(4063%) hue-rotate(333deg) brightness(84%) contrast(82%);
    }

    .icon-color-dark-800-tablet {
        filter: brightness(0) saturate(100%) invert(0%) sepia(15%) saturate(30%) hue-rotate(352deg) brightness(106%) contrast(86%);
    }

    .icon-color-dark-900-tablet {
        filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(3213%) hue-rotate(16deg) brightness(101%) contrast(93%);
    }

    .horizontal-neutral-50-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-50);
    }

    .horizontal-neutral-100-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-100);
    }

    .horizontal-neutral-200-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-200);
    }

    .horizontal-neutral-300-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-300);
    }

    .horizontal-neutral-400-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-400);
    }

    .horizontal-neutral-500-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-500);
    }

    .horizontal-neutral-600-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-600);
    }

    .horizontal-neutral-700-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-700);
    }

    .horizontal-neutral-800-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-800);
    }

    .horizontal-neutral-900-tablet {
        border: none;
        border-bottom: 1px solid var(--neutral-900);
    }

    .horizontal-primary-50-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-50);
    }

    .horizontal-primary-100-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-100);
    }

    .horizontal-primary-200-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-200);
    }

    .horizontal-primary-300-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-300);
    }

    .horizontal-primary-400-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-400);
    }

    .horizontal-primary-500-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-500);
    }

    .horizontal-primary-600-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-600);
    }

    .horizontal-primary-700-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-700);
    }

    .horizontal-primary-800-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-800);
    }

    .horizontal-primary-900-tablet {
        border: none;
        border-bottom: 1px solid var(--primary-900);
    }

    .horizontal-success-50-tablet {
        border: none;
        border-bottom: 1px solid var(--success-50);
    }

    .horizontal-success-100-tablet {
        border: none;
        border-bottom: 1px solid var(--success-100);
    }

    .horizontal-success-200-tablet {
        border: none;
        border-bottom: 1px solid var(--success-200);
    }

    .horizontal-success-300-tablet {
        border: none;
        border-bottom: 1px solid var(--success-300);
    }

    .horizontal-success-400-tablet {
        border: none;
        border-bottom: 1px solid var(--success-400);
    }

    .horizontal-success-500-tablet {
        border: none;
        border-bottom: 1px solid var(--success-500);
    }

    .horizontal-success-600-tablet {
        border: none;
        border-bottom: 1px solid var(--success-600);
    }

    .horizontal-success-700-tablet {
        border: none;
        border-bottom: 1px solid var(--success-700);
    }

    .horizontal-success-800-tablet {
        border: none;
        border-bottom: 1px solid var(--success-800);
    }

    .horizontal-success-900-tablet {
        border: none;
        border-bottom: 1px solid var(--success-900);
    }

    .horizontal-warning-50-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-50);
    }

    .horizontal-warning-100-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-100);
    }

    .horizontal-warning-200-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-200);
    }

    .horizontal-warning-300-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-300);
    }

    .horizontal-warning-400-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-400);
    }

    .horizontal-warning-500-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-500);
    }

    .horizontal-warning-600-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-600);
    }

    .horizontal-warning-700-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-700);
    }

    .horizontal-warning-800-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-800);
    }

    .horizontal-warning-900-tablet {
        border: none;
        border-bottom: 1px solid var(--warning-900);
    }

    .horizontal-error-50-tablet {
        border: none;
        border-bottom: 1px solid var(--error-50);
    }

    .horizontal-error-100-tablet {
        border: none;
        border-bottom: 1px solid var(--error-100);
    }

    .horizontal-error-200-tablet {
        border: none;
        border-bottom: 1px solid var(--error-200);
    }

    .horizontal-error-300-tablet {
        border: none;
        border-bottom: 1px solid var(--error-300);
    }

    .horizontal-error-400-tablet {
        border: none;
        border-bottom: 1px solid var(--error-400);
    }

    .horizontal-error-500-tablet {
        border: none;
        border-bottom: 1px solid var(--error-500);
    }

    .horizontal-error-600-tablet {
        border: none;
        border-bottom: 1px solid var(--error-600);
    }

    .horizontal-error-700-tablet {
        border: none;
        border-bottom: 1px solid var(--error-700);
    }

    .horizontal-error-800-tablet {
        border: none;
        border-bottom: 1px solid var(--error-800);
    }

    .horizontal-error-900-tablet {
        border: none;
        border-bottom: 1px solid var(--error-900);
    }

    .horizontal-shades-0-tablet {
        border: none;
        border-bottom: 1px solid var(--shades-0);
    }

    .horizontal-shades-100-tablet {
        border: none;
        border-bottom: 1px solid var(--shades-100);
    }

    .horizontal-dark-50-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-50);
    }

    .horizontal-dark-100-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-100);
    }

    .horizontal-dark-200-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-200);
    }

    .horizontal-dark-300-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-300);
    }

    .horizontal-dark-400-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-400);
    }

    .horizontal-dark-500-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-500);
    }

    .horizontal-dark-600-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-600);
    }

    .horizontal-dark-700-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-700);
    }

    .horizontal-dark-800-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-800);
    }

    .horizontal-dark-900-tablet {
        border: none;
        border-bottom: 1px solid var(--dark-900);
    }

    .vertical-neutral-50-tablet {
        border: none;
        border-right: 1px solid var(--neutral-50);
        height: 100%;
    }

    .vertical-neutral-100-tablet {
        border: none;
        border-right: 1px solid var(--neutral-100);
        height: 100%;
    }

    .vertical-neutral-200-tablet {
        border: none;
        border-right: 1px solid var(--neutral-200);
        height: 100%;
    }

    .vertical-neutral-300-tablet {
        border: none;
        border-right: 1px solid var(--neutral-300);
        height: 100%;
    }

    .vertical-neutral-400-tablet {
        border: none;
        border-right: 1px solid var(--neutral-400);
        height: 100%;
    }

    .vertical-neutral-500-tablet {
        border: none;
        border-right: 1px solid var(--neutral-500);
        height: 100%;
    }

    .vertical-neutral-600-tablet {
        border: none;
        border-right: 1px solid var(--neutral-600);
        height: 100%;
    }

    .vertical-neutral-700-tablet {
        border: none;
        border-right: 1px solid var(--neutral-700);
        height: 100%;
    }

    .vertical-neutral-800-tablet {
        border: none;
        border-right: 1px solid var(--neutral-800);
        height: 100%;
    }

    .vertical-neutral-900-tablet {
        border: none;
        border-right: 1px solid var(--neutral-900);
        height: 100%;
    }

    .vertical-primary-50-tablet {
        border: none;
        border-right: 1px solid var(--primary-50);
        height: 100%;
    }

    .vertical-primary-100-tablet {
        border: none;
        border-right: 1px solid var(--primary-100);
        height: 100%;
    }

    .vertical-primary-200-tablet {
        border: none;
        border-right: 1px solid var(--primary-200);
        height: 100%;
    }

    .vertical-primary-300-tablet {
        border: none;
        border-right: 1px solid var(--primary-300);
        height: 100%;
    }

    .vertical-primary-400-tablet {
        border: none;
        border-right: 1px solid var(--primary-400);
        height: 100%;
    }

    .vertical-primary-500-tablet {
        border: none;
        border-right: 1px solid var(--primary-500);
        height: 100%;
    }

    .vertical-primary-600-tablet {
        border: none;
        border-right: 1px solid var(--primary-600);
        height: 100%;
    }

    .vertical-primary-700-tablet {
        border: none;
        border-right: 1px solid var(--primary-700);
        height: 100%;
    }

    .vertical-primary-800-tablet {
        border: none;
        border-right: 1px solid var(--primary-800);
        height: 100%;
    }

    .vertical-primary-900-tablet {
        border: none;
        border-right: 1px solid var(--primary-900);
        height: 100%;
    }

    .vertical-success-50-tablet {
        border: none;
        border-right: 1px solid var(--success-50);
        height: 100%;
    }

    .vertical-success-100-tablet {
        border: none;
        border-right: 1px solid var(--success-100);
        height: 100%;
    }

    .vertical-success-200-tablet {
        border: none;
        border-right: 1px solid var(--success-200);
        height: 100%;
    }

    .vertical-success-300-tablet {
        border: none;
        border-right: 1px solid var(--success-300);
        height: 100%;
    }

    .vertical-success-400-tablet {
        border: none;
        border-right: 1px solid var(--success-400);
        height: 100%;
    }

    .vertical-success-500-tablet {
        border: none;
        border-right: 1px solid var(--success-500);
        height: 100%;
    }

    .vertical-success-600-tablet {
        border: none;
        border-right: 1px solid var(--success-600);
        height: 100%;
    }

    .vertical-success-700-tablet {
        border: none;
        border-right: 1px solid var(--success-700);
        height: 100%;
    }

    .vertical-success-800-tablet {
        border: none;
        border-right: 1px solid var(--success-800);
        height: 100%;
    }

    .vertical-success-900-tablet {
        border: none;
        border-right: 1px solid var(--success-900);
        height: 100%;
    }

    .vertical-warning-50-tablet {
        border: none;
        border-right: 1px solid var(--warning-50);
        height: 100%;
    }

    .vertical-warning-100-tablet {
        border: none;
        border-right: 1px solid var(--warning-100);
        height: 100%;
    }

    .vertical-warning-200-tablet {
        border: none;
        border-right: 1px solid var(--warning-200);
        height: 100%;
    }

    .vertical-warning-300-tablet {
        border: none;
        border-right: 1px solid var(--warning-300);
        height: 100%;
    }

    .vertical-warning-400-tablet {
        border: none;
        border-right: 1px solid var(--warning-400);
        height: 100%;
    }

    .vertical-warning-500-tablet {
        border: none;
        border-right: 1px solid var(--warning-500);
        height: 100%;
    }

    .vertical-warning-600-tablet {
        border: none;
        border-right: 1px solid var(--warning-600);
        height: 100%;
    }

    .vertical-warning-700-tablet {
        border: none;
        border-right: 1px solid var(--warning-700);
        height: 100%;
    }

    .vertical-warning-800-tablet {
        border: none;
        border-right: 1px solid var(--warning-800);
        height: 100%;
    }

    .vertical-warning-900-tablet {
        border: none;
        border-right: 1px solid var(--warning-900);
        height: 100%;
    }

    .vertical-error-50-tablet {
        border: none;
        border-right: 1px solid var(--error-50);
        height: 100%;
    }

    .vertical-error-100-tablet {
        border: none;
        border-right: 1px solid var(--error-100);
        height: 100%;
    }

    .vertical-error-200-tablet {
        border: none;
        border-right: 1px solid var(--error-200);
        height: 100%;
    }

    .vertical-error-300-tablet {
        border: none;
        border-right: 1px solid var(--error-300);
        height: 100%;
    }

    .vertical-error-400-tablet {
        border: none;
        border-right: 1px solid var(--error-400);
        height: 100%;
    }

    .vertical-error-500-tablet {
        border: none;
        border-right: 1px solid var(--error-500);
        height: 100%;
    }

    .vertical-error-600-tablet {
        border: none;
        border-right: 1px solid var(--error-600);
        height: 100%;
    }

    .vertical-error-700-tablet {
        border: none;
        border-right: 1px solid var(--error-700);
        height: 100%;
    }

    .vertical-error-800-tablet {
        border: none;
        border-right: 1px solid var(--error-800);
        height: 100%;
    }

    .vertical-error-900-tablet {
        border: none;
        border-right: 1px solid var(--error-900);
        height: 100%;
    }

    .vertical-shades-0-tablet {
        border: none;
        border-right: 1px solid var(--shades-0);
        height: 100%;
    }

    .vertical-shades-100-tablet {
        border: none;
        border-right: 1px solid var(--shades-100);
        height: 100%;
    }

    .vertical-dark-50-tablet {
        border: none;
        border-right: 1px solid var(--dark-50);
        height: 100%;
    }

    .vertical-dark-100-tablet {
        border: none;
        border-right: 1px solid var(--dark-100);
        height: 100%;
    }

    .vertical-dark-200-tablet {
        border: none;
        border-right: 1px solid var(--dark-200);
        height: 100%;
    }

    .vertical-dark-300-tablet {
        border: none;
        border-right: 1px solid var(--dark-300);
        height: 100%;
    }

    .vertical-dark-400-tablet {
        border: none;
        border-right: 1px solid var(--dark-400);
        height: 100%;
    }

    .vertical-dark-500-tablet {
        border: none;
        border-right: 1px solid var(--dark-500);
        height: 100%;
    }

    .vertical-dark-600-tablet {
        border: none;
        border-right: 1px solid var(--dark-600);
        height: 100%;
    }

    .vertical-dark-700-tablet {
        border: none;
        border-right: 1px solid var(--dark-700);
        height: 100%;
    }

    .vertical-dark-800-tablet {
        border: none;
        border-right: 1px solid var(--dark-800);
        height: 100%;
    }

    .vertical-dark-900-tablet {
        border: none;
        border-right: 1px solid var(--dark-900);
        height: 100%;
    }

    /* 2. Spacing */
    /* 2.1. Gaps */
    .gap-none-tablet {
        gap: var(--spacing-none);
    }

    .gap-xxs-tablet {
        gap: var(--spacing-xxs);
    }

    .gap-xs-tablet {
        gap: var(--spacing-xs);
    }

    .gap-sm-tablet {
        gap: var(--spacing-sm);
    }

    .gap-md-tablet {
        gap: var(--spacing-md);
    }

    .gap-lg-tablet {
        gap: var(--spacing-lg);
    }

    .gap-xl-tablet {
        gap: var(--spacing-xl);
    }

    .gap-2xl-tablet {
        gap: var(--spacing-2xl);
    }

    .gap-3xl-tablet {
        gap: var(--spacing-3xl);
    }

    .gap-4xl-tablet {
        gap: var(--spacing-4xl);
    }

    .gap-5xl-tablet {
        gap: var(--spacing-5xl);
    }

    .gap-6xl-tablet {
        gap: var(--spacing-6xl);
    }

    .gap-7xl-tablet {
        gap: var(--spacing-7xl);
    }

    .gap-8xl-tablet {
        gap: var(--spacing-8xl);
    }

    .gap-9xl-tablet {
        gap: var(--spacing-9xl);
    }

    .gap-10xl-tablet {
        gap: var(--spacing-10xl);
    }

    .gap-11xl-tablet {
        gap: var(--spacing-11xl);
    }

    /* 2.2. Paddings */
    .padding-none-tablet {
        padding: var(--spacing-none);
    }

    .padding-xxs-tablet {
        padding: var(--spacing-xxs);
    }

    .padding-xs-tablet {
        padding: var(--spacing-xs);
    }

    .padding-sm-tablet {
        padding: var(--spacing-sm);
    }

    .padding-md-tablet {
        padding: var(--spacing-md);
    }

    .padding-lg-tablet {
        padding: var(--spacing-lg);
    }

    .padding-xl-tablet {
        padding: var(--spacing-xl);
    }

    .padding-2xl-tablet {
        padding: var(--spacing-2xl);
    }

    .padding-3xl-tablet {
        padding: var(--spacing-3xl);
    }

    .padding-4xl-tablet {
        padding: var(--spacing-4xl);
    }

    .padding-5xl-tablet {
        padding: var(--spacing-5xl);
    }

    .padding-6xl-tablet {
        padding: var(--spacing-6xl);
    }

    .padding-7xl-tablet {
        padding: var(--spacing-7xl);
    }

    .padding-8xl-tablet {
        padding: var(--spacing-8xl);
    }

    .padding-9xl-tablet {
        padding: var(--spacing-9xl);
    }

    .padding-10xl-tablet {
        padding: var(--spacing-10xl);
    }

    .padding-11xl-tablet {
        padding: var(--spacing-11xl);
    }

    .padding-none-y-tablet {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-y-tablet {
        padding-top: var(--spacing-xxs);
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-y-tablet {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-y-tablet {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-y-tablet {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-y-tablet {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-y-tablet {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-y-tablet {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-y-tablet {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-y-tablet {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-y-tablet {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-y-tablet {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-y-tablet {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-y-tablet {
        padding-top: var(--spacing-8xl);
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-y-tablet {
        padding-top: var(--spacing-9xl);
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-y-tablet {
        padding-top: var(--spacing-10xl);
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-y-tablet {
        padding-top: var(--spacing-11xl);
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-x-tablet {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none);
    }

    .padding-xxs-x-tablet {
        padding-left: var(--spacing-xxs);
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-x-tablet {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    .padding-sm-x-tablet {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .padding-md-x-tablet {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

    .padding-lg-x-tablet {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .padding-xl-x-tablet {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-x-tablet {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-x-tablet {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-x-tablet {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-x-tablet {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-x-tablet {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-x-tablet {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-x-tablet {
        padding-left: var(--spacing-8xl);
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-x-tablet {
        padding-left: var(--spacing-9xl);
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-x-tablet {
        padding-left: var(--spacing-10xl);
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-x-tablet {
        padding-left: var(--spacing-11xl);
        padding-right: var(--spacing-11xl);
    }

    .padding-none-top-tablet {
        padding-top: var(--spacing-none);
    }

    .padding-xxs-top-tablet {
        padding-top: var(--spacing-xxs);
    }

    .padding-xs-top-tablet {
        padding-top: var(--spacing-xs);
    }

    .padding-sm-top-tablet {
        padding-top: var(--spacing-sm);
    }

    .padding-md-top-tablet {
        padding-top: var(--spacing-md);
    }

    .padding-lg-top-tablet {
        padding-top: var(--spacing-lg);
    }

    .padding-xl-top-tablet {
        padding-top: var(--spacing-xl);
    }

    .padding-2xl-top-tablet {
        padding-top: var(--spacing-2xl);
    }

    .padding-3xl-top-tablet {
        padding-top: var(--spacing-3xl);
    }

    .padding-4xl-top-tablet {
        padding-top: var(--spacing-4xl);
    }

    .padding-5xl-top-tablet {
        padding-top: var(--spacing-5xl);
    }

    .padding-6xl-top-tablet {
        padding-top: var(--spacing-6xl);
    }

    .padding-7xl-top-tablet {
        padding-top: var(--spacing-7xl);
    }

    .padding-8xl-top-tablet {
        padding-top: var(--spacing-8xl);
    }

    .padding-9xl-top-tablet {
        padding-top: var(--spacing-9xl);
    }

    .padding-10xl-top-tablet {
        padding-top: var(--spacing-10xl);
    }

    .padding-11xl-top-tablet {
        padding-top: var(--spacing-11xl);
    }

    .padding-none-right-tablet {
        padding-right: var(--spacing-none);
    }

    .padding-xxs-right-tablet {
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-right-tablet {
        padding-right: var(--spacing-xs);
    }

    .padding-sm-right-tablet {
        padding-right: var(--spacing-sm);
    }

    .padding-md-right-tablet {
        padding-right: var(--spacing-md);
    }

    .padding-lg-right-tablet {
        padding-right: var(--spacing-lg);
    }

    .padding-xl-right-tablet {
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-right-tablet {
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-right-tablet {
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-right-tablet {
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-right-tablet {
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-right-tablet {
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-right-tablet {
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-right-tablet {
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-right-tablet {
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-right-tablet {
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-right-tablet {
        padding-right: var(--spacing-11xl);
    }

    .padding-none-bottom-tablet {
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-bottom-tablet {
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-bottom-tablet {
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-bottom-tablet {
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-bottom-tablet {
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-bottom-tablet {
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-bottom-tablet {
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-bottom-tablet {
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-bottom-tablet {
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-bottom-tablet {
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-bottom-tablet {
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-bottom-tablet {
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-bottom-tablet {
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-bottom-tablet {
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-bottom-tablet {
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-bottom-tablet {
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-bottom-tablet {
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-left-tablet {
        padding-left: var(--spacing-none);
    }

    .padding-xxs-left-tablet {
        padding-left: var(--spacing-xxs);
    }

    .padding-xs-left-tablet {
        padding-left: var(--spacing-xs);
    }

    .padding-sm-left-tablet {
        padding-left: var(--spacing-sm);
    }

    .padding-md-left-tablet {
        padding-left: var(--spacing-md);
    }

    .padding-lg-left-tablet {
        padding-left: var(--spacing-lg);
    }

    .padding-xl-left-tablet {
        padding-left: var(--spacing-xl);
    }

    .padding-2xl-left-tablet {
        padding-left: var(--spacing-2xl);
    }

    .padding-3xl-left-tablet {
        padding-left: var(--spacing-3xl);
    }

    .padding-4xl-left-tablet {
        padding-left: var(--spacing-4xl);
    }

    .padding-5xl-left-tablet {
        padding-left: var(--spacing-5xl);
    }

    .padding-6xl-left-tablet {
        padding-left: var(--spacing-6xl);
    }

    .padding-7xl-left-tablet {
        padding-left: var(--spacing-7xl);
    }

    .padding-8xl-left-tablet {
        padding-left: var(--spacing-8xl);
    }

    .padding-9xl-left-tablet {
        padding-left: var(--spacing-9xl);
    }

    .padding-10xl-left-tablet {
        padding-left: var(--spacing-10xl);
    }

    .padding-11xl-left-tablet {
        padding-left: var(--spacing-11xl);
    }

    /* 2.3. Icons */
    .icon-none-tablet {
        width: var(--spacing-none);
    }

    .icon-xxs-tablet {
        width: var(--spacing-xxs);
    }

    .icon-xs-tablet {
        width: var(--spacing-xs);
    }

    .icon-sm-tablet {
        width: var(--spacing-sm);
    }

    .icon-md-tablet {
        width: var(--spacing-md);
    }

    .icon-lg-tablet {
        width: var(--spacing-lg);
    }

    .icon-xl-tablet {
        width: var(--spacing-xl);
    }

    .icon-2xl-tablet {
        width: var(--spacing-2xl);
    }

    .icon-3xl-tablet {
        width: var(--spacing-3xl);
    }

    .icon-4xl-tablet {
        width: var(--spacing-4xl);
    }

    .icon-5xl-tablet {
        width: var(--spacing-5xl);
    }

    .icon-6xl-tablet {
        width: var(--spacing-6xl);
    }

    .icon-7xl-tablet {
        width: var(--spacing-7xl);
    }

    .icon-8xl-tablet {
        width: var(--spacing-8xl);
    }

    .icon-9xl-tablet {
        width: var(--spacing-9xl);
    }

    .icon-10xl-tablet {
        width: var(--spacing-10xl);
    }

    .icon-11xl-tablet {
        width: var(--spacing-11xl);
    }

    /* 2.4. Border Radius */
    .border-radius-none-tablet {
        border-radius: var(--radius-none);
    }

    .border-radius-xxs-tablet {
        border-radius: var(--radius-xxs);
    }

    .border-radius-xs-tablet {
        border-radius: var(--radius-xs);
    }

    .border-radius-sm-tablet {
        border-radius: var(--radius-sm);
    }

    .border-radius-md-tablet {
        border-radius: var(--radius-md);
    }

    .border-radius-lg-tablet {
        border-radius: var(--radius-lg);
    }

    .border-radius-xl-tablet {
        border-radius: var(--radius-xl);
    }

    .border-radius-2xl-tablet {
        border-radius: var(--radius-2xl);
    }

    .border-radius-3xl-tablet {
        border-radius: var(--radius-3xl);
    }

    .border-radius-4xl-tablet {
        border-radius: var(--radius-4xl);
    }

    .border-radius-full-tablet {
        border-radius: var(--radius-full);
    }

    .border-radius-top-none-tablet {
        border-top-left-radius: var(--radius-none);
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-xxs-tablet {
        border-top-left-radius: var(--radius-xxs);
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-xs-tablet {
        border-top-left-radius: var(--radius-xs);
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-sm-tablet {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-md-tablet {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-lg-tablet {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-xl-tablet {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-2xl-tablet {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-3xl-tablet {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-4xl-tablet {
        border-top-left-radius: var(--radius-4xl);
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-full-tablet {
        border-top-left-radius: var(--radius-full);
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-right-none-tablet {
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-right-xxs-tablet {
        border-top-right-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-right-xs-tablet {
        border-top-right-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-right-sm-tablet {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-right-md-tablet {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-right-lg-tablet {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-right-xl-tablet {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-right-2xl-tablet {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-right-3xl-tablet {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-right-4xl-tablet {
        border-top-right-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-right-full-tablet {
        border-top-right-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-none-tablet {
        border-bottom-left-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-xxs-tablet {
        border-bottom-left-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-xs-tablet {
        border-bottom-left-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-sm-tablet {
        border-bottom-left-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-md-tablet {
        border-bottom-left-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-lg-tablet {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-xl-tablet {
        border-bottom-left-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-2xl-tablet {
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-3xl-tablet {
        border-bottom-left-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-4xl-tablet {
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-full-tablet {
        border-bottom-left-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-left-none-tablet {
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-left-xxs-tablet {
        border-top-left-radius: var(--radius-xxs);
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-left-xs-tablet {
        border-top-left-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-left-sm-tablet {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-left-md-tablet {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-left-lg-tablet {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-left-xl-tablet {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-left-2xl-tablet {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-left-3xl-tablet {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-left-4xl-tablet {
        border-top-left-radius: var(--radius-4xl);
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-left-full-tablet {
        border-top-left-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full);
    }

    .border-radius-top-left-none-tablet {
        border-top-left-radius: var(--radius-none);
    }

    .border-radius-top-left-xxs-tablet {
        border-top-left-radius: var(--radius-xxs);
    }

    .border-radius-top-left-xs-tablet {
        border-top-left-radius: var(--radius-xs);
    }

    .border-radius-top-left-sm-tablet {
        border-top-left-radius: var(--radius-sm);
    }

    .border-radius-top-left-md-tablet {
        border-top-left-radius: var(--radius-md);
    }

    .border-radius-top-left-lg-tablet {
        border-top-left-radius: var(--radius-lg);
    }

    .border-radius-top-left-xl-tablet {
        border-top-left-radius: var(--radius-xl);
    }

    .border-radius-top-left-2xl-tablet {
        border-top-left-radius: var(--radius-2xl);
    }

    .border-radius-top-left-3xl-tablet {
        border-top-left-radius: var(--radius-3xl);
    }

    .border-radius-top-left-4xl-tablet {
        border-top-left-radius: var(--radius-4xl);
    }

    .border-radius-top-left-full-tablet {
        border-top-left-radius: var(--radius-full);
    }

    .border-radius-top-right-none-tablet {
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-right-xxs-tablet {
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-right-xs-tablet {
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-right-sm-tablet {
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-right-md-tablet {
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-right-lg-tablet {
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-right-xl-tablet {
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-right-2xl-tablet {
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-right-3xl-tablet {
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-right-4xl-tablet {
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-right-full-tablet {
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-bottom-right-none-tablet {
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-right-xxs-tablet {
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-right-xs-tablet {
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-right-sm-tablet {
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-right-md-tablet {
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-right-lg-tablet {
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-right-xl-tablet {
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-right-2xl-tablet {
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-right-3xl-tablet {
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-right-4xl-tablet {
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-right-full-tablet {
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-left-none-tablet {
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-bottom-left-xxs-tablet {
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-bottom-left-xs-tablet {
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-bottom-left-sm-tablet {
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-bottom-left-md-tablet {
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-bottom-left-lg-tablet {
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-bottom-left-xl-tablet {
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-bottom-left-2xl-tablet {
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-bottom-left-3xl-tablet {
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-bottom-left-4xl-tablet {
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-bottom-left-full-tablet {
        border-bottom-left-radius: var(--radius-full);
    }

    /* 2.5. Positions */
    .top-none-tablet {
        top: var(--spacing-none);
    }

    .top-xxs-tablet {
        top: var(--spacing-xxs);
    }

    .top-xs-tablet {
        top: var(--spacing-xs);
    }

    .top-sm-tablet {
        top: var(--spacing-sm);
    }

    .top-md-tablet {
        top: var(--spacing-md);
    }

    .top-lg-tablet {
        top: var(--spacing-lg);
    }

    .top-xl-tablet {
        top: var(--spacing-xl);
    }

    .top-2xl-tablet {
        top: var(--spacing-2xl);
    }

    .top-3xl-tablet {
        top: var(--spacing-3xl);
    }

    .top-4xl-tablet {
        top: var(--spacing-4xl);
    }

    .top-5xl-tablet {
        top: var(--spacing-5xl);
    }

    .top-6xl-tablet {
        top: var(--spacing-6xl);
    }

    .top-7xl-tablet {
        top: var(--spacing-7xl);
    }

    .top-8xl-tablet {
        top: var(--spacing-8xl);
    }

    .top-9xl-tablet {
        top: var(--spacing-9xl);
    }

    .top-10xl-tablet {
        top: var(--spacing-10xl);
    }

    .top-11xl-tablet {
        top: var(--spacing-11xl);
    }

    .right-none-tablet {
        right: var(--spacing-none);
    }

    .right-xxs-tablet {
        right: var(--spacing-xxs);
    }

    .right-xs-tablet {
        right: var(--spacing-xs);
    }

    .right-sm-tablet {
        right: var(--spacing-sm);
    }

    .right-md-tablet {
        right: var(--spacing-md);
    }

    .right-lg-tablet {
        right: var(--spacing-lg);
    }

    .right-xl-tablet {
        right: var(--spacing-xl);
    }

    .right-2xl-tablet {
        right: var(--spacing-2xl);
    }

    .right-3xl-tablet {
        right: var(--spacing-3xl);
    }

    .right-4xl-tablet {
        right: var(--spacing-4xl);
    }

    .right-5xl-tablet {
        right: var(--spacing-5xl);
    }

    .right-6xl-tablet {
        right: var(--spacing-6xl);
    }

    .right-7xl-tablet {
        right: var(--spacing-7xl);
    }

    .right-8xl-tablet {
        right: var(--spacing-8xl);
    }

    .right-9xl-tablet {
        right: var(--spacing-9xl);
    }

    .right-10xl-tablet {
        right: var(--spacing-10xl);
    }

    .right-11xl-tablet {
        right: var(--spacing-11xl);
    }

    .bottom-none-tablet {
        bottom: var(--spacing-none);
    }

    .bottom-xxs-tablet {
        bottom: var(--spacing-xxs);
    }

    .bottom-xs-tablet {
        bottom: var(--spacing-xs);
    }

    .bottom-sm-tablet {
        bottom: var(--spacing-sm);
    }

    .bottom-md-tablet {
        bottom: var(--spacing-md);
    }

    .bottom-lg-tablet {
        bottom: var(--spacing-lg);
    }

    .bottom-xl-tablet {
        bottom: var(--spacing-xl);
    }

    .bottom-2xl-tablet {
        bottom: var(--spacing-2xl);
    }

    .bottom-3xl-tablet {
        bottom: var(--spacing-3xl);
    }

    .bottom-4xl-tablet {
        bottom: var(--spacing-4xl);
    }

    .bottom-5xl-tablet {
        bottom: var(--spacing-5xl);
    }

    .bottom-6xl-tablet {
        bottom: var(--spacing-6xl);
    }

    .bottom-7xl-tablet {
        bottom: var(--spacing-7xl);
    }

    .bottom-8xl-tablet {
        bottom: var(--spacing-8xl);
    }

    .bottom-9xl-tablet {
        bottom: var(--spacing-9xl);
    }

    .bottom-10xl-tablet {
        bottom: var(--spacing-10xl);
    }

    .bottom-11xl-tablet {
        bottom: var(--spacing-11xl);
    }

    .left-none-tablet {
        left: var(--spacing-none);
    }

    .left-xxs-tablet {
        left: var(--spacing-xxs);
    }

    .left-xs-tablet {
        left: var(--spacing-xs);
    }

    .left-sm-tablet {
        left: var(--spacing-sm);
    }

    .left-md-tablet {
        left: var(--spacing-md);
    }

    .left-lg-tablet {
        left: var(--spacing-lg);
    }

    .left-xl-tablet {
        left: var(--spacing-xl);
    }

    .left-2xl-tablet {
        left: var(--spacing-2xl);
    }

    .left-3xl-tablet {
        left: var(--spacing-3xl);
    }

    .left-4xl-tablet {
        left: var(--spacing-4xl);
    }

    .left-5xl-tablet {
        left: var(--spacing-5xl);
    }

    .left-6xl-tablet {
        left: var(--spacing-6xl);
    }

    .left-7xl-tablet {
        left: var(--spacing-7xl);
    }

    .left-8xl-tablet {
        left: var(--spacing-8xl);
    }

    .left-9xl-tablet {
        left: var(--spacing-9xl);
    }

    .left-10xl-tablet {
        left: var(--spacing-10xl);
    }

    .left-11xl-tablet {
        left: var(--spacing-11xl);
    }

    /* 3. Typography */
    /* 3.1. Font Size */
    .font-size-display-01-tablet {
        font-size: var(--display-01);
    }

    .font-size-display-02-tablet {
        font-size: var(--display-02);
    }

    .font-size-heading-01-tablet {
        font-size: var(--heading-01);
    }

    .font-size-heading-01-s-tablet {
        font-size: var(--heading-01-s);
    }

    .font-size-heading-02-tablet {
        font-size: var(--heading-02);
    }

    .font-size-heading-02-s-tablet {
        font-size: var(--heading-02-s);
    }

    .font-size-heading-03-tablet {
        font-size: var(--heading-03);
    }

    .font-size-heading-03-s-tablet {
        font-size: var(--heading-03-s);
    }

    .font-size-heading-04-tablet {
        font-size: var(--heading-04);
    }

    .font-size-heading-04-s-tablet {
        font-size: var(--heading-04-s);
    }

    .font-size-heading-05-tablet {
        font-size: var(--heading-05);
    }

    .font-size-heading-05-s-tablet {
        font-size: var(--heading-05-s);
    }

    .font-size-heading-06-tablet {
        font-size: var(--heading-06);
    }

    .font-size-heading-06-s-tablet {
        font-size: var(--heading-06-s);
    }

    .font-size-subheading-tablet {
        font-size: var(--subheading);
    }

    .font-size-paragraph-01-tablet {
        font-size: var(--paragraph-01);
    }

    .font-size-paragraph-02-tablet {
        font-size: var(--paragraph-02);
    }

    .font-size-paragraph-03-tablet {
        font-size: var(--paragraph-03);
    }

    .font-size-caption-tablet {
        font-size: var(--caption);
    }

    .font-size-footer-tablet {
        font-size: var(--footer);
    }

    /* 3.2. Font Weight */
    .font-weight-semi-bold-tablet {
        font-weight: var(--semi-bold);
    }

    .font-weight-bold-tablet {
        font-weight: var(--bold);
    }

    .font-weight-extra-bold-tablet {
        font-weight: var(--extra-bold);
    }

    /* 4.0. Width and Height */
    .width-0-tablet {
        width: 0%;
    }

    .width-1-tablet {
        width: 1%;
    }

    .width-2-tablet {
        width: 2%;
    }

    .width-3-tablet {
        width: 3%;
    }

    .width-4-tablet {
        width: 4%;
    }

    .width-5-tablet {
        width: 5%;
    }

    .width-6-tablet {
        width: 6%;
    }

    .width-7-tablet {
        width: 7%;
    }

    .width-8-tablet {
        width: 8%;
    }

    .width-9-tablet {
        width: 9%;
    }

    .width-10-tablet {
        width: 10%;
    }

    .width-11-tablet {
        width: 11%;
    }

    .width-12-tablet {
        width: 12%;
    }

    .width-13-tablet {
        width: 13%;
    }

    .width-14-tablet {
        width: 14%;
    }

    .width-15-tablet {
        width: 15%;
    }

    .width-16-tablet {
        width: 16%;
    }

    .width-17-tablet {
        width: 17%;
    }

    .width-18-tablet {
        width: 18%;
    }

    .width-19-tablet {
        width: 19%;
    }

    .width-20-tablet {
        width: 20%;
    }

    .width-21-tablet {
        width: 21%;
    }

    .width-22-tablet {
        width: 22%;
    }

    .width-23-tablet {
        width: 23%;
    }

    .width-24-tablet {
        width: 24%;
    }

    .width-25-tablet {
        width: 25%;
    }

    .width-26-tablet {
        width: 26%;
    }

    .width-27-tablet {
        width: 27%;
    }

    .width-28-tablet {
        width: 28%;
    }

    .width-29-tablet {
        width: 29%;
    }

    .width-30-tablet {
        width: 30%;
    }

    .width-31-tablet {
        width: 31%;
    }

    .width-32-tablet {
        width: 32%;
    }

    .width-33-tablet {
        width: 33%;
    }

    .width-34-tablet {
        width: 34%;
    }

    .width-35-tablet {
        width: 35%;
    }

    .width-36-tablet {
        width: 36%;
    }

    .width-37-tablet {
        width: 37%;
    }

    .width-38-tablet {
        width: 38%;
    }

    .width-39-tablet {
        width: 39%;
    }

    .width-40-tablet {
        width: 40%;
    }

    .width-41-tablet {
        width: 41%;
    }

    .width-42-tablet {
        width: 42%;
    }

    .width-43-tablet {
        width: 43%;
    }

    .width-44-tablet {
        width: 44%;
    }

    .width-45-tablet {
        width: 45%;
    }

    .width-46-tablet {
        width: 46%;
    }

    .width-47-tablet {
        width: 47%;
    }

    .width-48-tablet {
        width: 48%;
    }

    .width-49-tablet {
        width: 49%;
    }

    .width-50-tablet {
        width: 50%;
    }

    .width-51-tablet {
        width: 51%;
    }

    .width-52-tablet {
        width: 52%;
    }

    .width-53-tablet {
        width: 53%;
    }

    .width-54-tablet {
        width: 54%;
    }

    .width-55-tablet {
        width: 55%;
    }

    .width-56-tablet {
        width: 56%;
    }

    .width-57-tablet {
        width: 57%;
    }

    .width-58-tablet {
        width: 58%;
    }

    .width-59-tablet {
        width: 59%;
    }

    .width-60-tablet {
        width: 60%;
    }

    .width-61-tablet {
        width: 61%;
    }

    .width-62-tablet {
        width: 62%;
    }

    .width-63-tablet {
        width: 63%;
    }

    .width-64-tablet {
        width: 64%;
    }

    .width-65-tablet {
        width: 65%;
    }

    .width-66-tablet {
        width: 66%;
    }

    .width-67-tablet {
        width: 67%;
    }

    .width-68-tablet {
        width: 68%;
    }

    .width-69-tablet {
        width: 69%;
    }

    .width-70-tablet {
        width: 70%;
    }

    .width-71-tablet {
        width: 71%;
    }

    .width-72-tablet {
        width: 72%;
    }

    .width-73-tablet {
        width: 73%;
    }

    .width-74-tablet {
        width: 74%;
    }

    .width-75-tablet {
        width: 75%;
    }

    .width-76-tablet {
        width: 76%;
    }

    .width-77-tablet {
        width: 77%;
    }

    .width-78-tablet {
        width: 78%;
    }

    .width-79-tablet {
        width: 79%;
    }

    .width-80-tablet {
        width: 80%;
    }

    .width-81-tablet {
        width: 81%;
    }

    .width-82-tablet {
        width: 82%;
    }

    .width-83-tablet {
        width: 83%;
    }

    .width-84-tablet {
        width: 84%;
    }

    .width-85-tablet {
        width: 85%;
    }

    .width-86-tablet {
        width: 86%;
    }

    .width-87-tablet {
        width: 87%;
    }

    .width-88-tablet {
        width: 88%;
    }

    .width-89-tablet {
        width: 89%;
    }

    .width-90-tablet {
        width: 90%;
    }

    .width-91-tablet {
        width: 91%;
    }

    .width-92-tablet {
        width: 92%;
    }

    .width-93-tablet {
        width: 93%;
    }

    .width-94-tablet {
        width: 94%;
    }

    .width-95-tablet {
        width: 95%;
    }

    .width-96-tablet {
        width: 96%;
    }

    .width-97-tablet {
        width: 97%;
    }

    .width-98-tablet {
        width: 98%;
    }

    .width-99-tablet {
        width: 99%;
    }

    .width-100-tablet {
        width: 100%;
    }

    /* 4.1. Width with gaps */
    .width-100-gap-none-tablet {
        width: calc(100% - (var(--spacing-none) / 2));
    }

    .width-100-gap-xxs-tablet {
        width: calc(100% - (var(--spacing-xxs) / 2));
    }

    .width-100-gap-xs-tablet {
        width: calc(100% - (var(--spacing-xs) / 2));
    }

    .width-100-gap-sm-tablet {
        width: calc(100% - (var(--spacing-sm) / 2));
    }

    .width-100-gap-md-tablet {
        width: calc(100% - (var(--spacing-md) / 2));
    }

    .width-100-gap-lg-tablet {
        width: calc(100% - (var(--spacing-lg) / 2));
    }

    .width-100-gap-xl-tablet {
        width: calc(100% - (var(--spacing-xl) / 2));
    }

    .width-100-gap-2xl-tablet {
        width: calc(100% - (var(--spacing-2xl) / 2));
    }

    .width-100-gap-3xl-tablet {
        width: calc(100% - (var(--spacing-3xl) / 2));
    }

    .width-100-gap-4xl-tablet {
        width: calc(100% - (var(--spacing-4xl) / 2));
    }

    .width-100-gap-5xl-tablet {
        width: calc(100% - (var(--spacing-5xl) / 2));
    }

    .width-100-gap-6xl-tablet {
        width: calc(100% - (var(--spacing-6xl) / 2));
    }

    .width-100-gap-7xl-tablet {
        width: calc(100% - (var(--spacing-7xl) / 2));
    }

    .width-100-gap-8xl-tablet {
        width: calc(100% - (var(--spacing-8xl) / 2));
    }

    .width-100-gap-9xl-tablet {
        width: calc(100% - (var(--spacing-9xl) / 2));
    }

    .width-100-gap-10xl-tablet {
        width: calc(100% - (var(--spacing-10xl) / 2));
    }

    .width-100-gap-11xl-tablet {
        width: calc(100% - (var(--spacing-11xl) / 2));
    }

    .width-75-gap-none-tablet {
        width: calc(75% - (var(--spacing-none) / 2));
    }

    .width-75-gap-xxs-tablet {
        width: calc(75% - (var(--spacing-xxs) / 2));
    }

    .width-75-gap-xs-tablet {
        width: calc(75% - (var(--spacing-xs) / 2));
    }

    .width-75-gap-sm-tablet {
        width: calc(75% - (var(--spacing-sm) / 2));
    }

    .width-75-gap-md-tablet {
        width: calc(75% - (var(--spacing-md) / 2));
    }

    .width-75-gap-lg-tablet {
        width: calc(75% - (var(--spacing-lg) / 2));
    }

    .width-75-gap-xl-tablet {
        width: calc(75% - (var(--spacing-xl) / 2));
    }

    .width-75-gap-2xl-tablet {
        width: calc(75% - (var(--spacing-2xl) / 2));
    }

    .width-75-gap-3xl-tablet {
        width: calc(75% - (var(--spacing-3xl) / 2));
    }

    .width-75-gap-4xl-tablet {
        width: calc(75% - (var(--spacing-4xl) / 2));
    }

    .width-75-gap-5xl-tablet {
        width: calc(75% - (var(--spacing-5xl) / 2));
    }

    .width-75-gap-6xl-tablet {
        width: calc(75% - (var(--spacing-6xl) / 2));
    }

    .width-75-gap-7xl-tablet {
        width: calc(75% - (var(--spacing-7xl) / 2));
    }

    .width-75-gap-8xl-tablet {
        width: calc(75% - (var(--spacing-8xl) / 2));
    }

    .width-75-gap-9xl-tablet {
        width: calc(75% - (var(--spacing-9xl) / 2));
    }

    .width-75-gap-10xl-tablet {
        width: calc(75% - (var(--spacing-10xl) / 2));
    }

    .width-75-gap-11xl-tablet {
        width: calc(75% - (var(--spacing-11xl) / 2));
    }

    .width-66-gap-none-tablet {
        width: calc(66% - (var(--spacing-none) / 2));
    }

    .width-66-gap-xxs-tablet {
        width: calc(66% - (var(--spacing-xxs) / 2));
    }

    .width-66-gap-xs-tablet {
        width: calc(66% - (var(--spacing-xs) / 2));
    }

    .width-66-gap-sm-tablet {
        width: calc(66% - (var(--spacing-sm) / 2));
    }

    .width-66-gap-md-tablet {
        width: calc(66% - (var(--spacing-md) / 2));
    }

    .width-66-gap-lg-tablet {
        width: calc(66% - (var(--spacing-lg) / 2));
    }

    .width-66-gap-xl-tablet {
        width: calc(66% - (var(--spacing-xl) / 2));
    }

    .width-66-gap-2xl-tablet {
        width: calc(66% - (var(--spacing-2xl) / 2));
    }

    .width-66-gap-3xl-tablet {
        width: calc(66% - (var(--spacing-3xl) / 2));
    }

    .width-66-gap-4xl-tablet {
        width: calc(66% - (var(--spacing-4xl) / 2));
    }

    .width-66-gap-5xl-tablet {
        width: calc(66% - (var(--spacing-5xl) / 2));
    }

    .width-66-gap-6xl-tablet {
        width: calc(66% - (var(--spacing-6xl) / 2));
    }

    .width-66-gap-7xl-tablet {
        width: calc(66% - (var(--spacing-7xl) / 2));
    }

    .width-66-gap-8xl-tablet {
        width: calc(66% - (var(--spacing-8xl) / 2));
    }

    .width-66-gap-9xl-tablet {
        width: calc(66% - (var(--spacing-9xl) / 2));
    }

    .width-66-gap-10xl-tablet {
        width: calc(66% - (var(--spacing-10xl) / 2));
    }

    .width-66-gap-11xl-tablet {
        width: calc(66% - (var(--spacing-11xl) / 2));
    }

    .width-50-gap-none-tablet {
        width: calc(50% - (var(--spacing-none) / 2));
    }

    .width-50-gap-xxs-tablet {
        width: calc(50% - (var(--spacing-xxs) / 2));
    }

    .width-50-gap-xs-tablet {
        width: calc(50% - (var(--spacing-xs) / 2));
    }

    .width-50-gap-sm-tablet {
        width: calc(50% - (var(--spacing-sm) / 2));
    }

    .width-50-gap-md-tablet {
        width: calc(50% - (var(--spacing-md) / 2));
    }

    .width-50-gap-lg-tablet {
        width: calc(50% - (var(--spacing-lg) / 2));
    }

    .width-50-gap-xl-tablet {
        width: calc(50% - (var(--spacing-xl) / 2));
    }

    .width-50-gap-2xl-tablet {
        width: calc(50% - (var(--spacing-2xl) / 2));
    }

    .width-50-gap-3xl-tablet {
        width: calc(50% - (var(--spacing-3xl) / 2));
    }

    .width-50-gap-4xl-tablet {
        width: calc(50% - (var(--spacing-4xl) / 2));
    }

    .width-50-gap-5xl-tablet {
        width: calc(50% - (var(--spacing-5xl) / 2));
    }

    .width-50-gap-6xl-tablet {
        width: calc(50% - (var(--spacing-6xl) / 2));
    }

    .width-50-gap-7xl-tablet {
        width: calc(50% - (var(--spacing-7xl) / 2));
    }

    .width-50-gap-8xl-tablet {
        width: calc(50% - (var(--spacing-8xl) / 2));
    }

    .width-50-gap-9xl-tablet {
        width: calc(50% - (var(--spacing-9xl) / 2));
    }

    .width-50-gap-10xl-tablet {
        width: calc(50% - (var(--spacing-10xl) / 2));
    }

    .width-50-gap-11xl-tablet {
        width: calc(50% - (var(--spacing-11xl) / 2));
    }

    .width-33-gap-none-tablet {
        width: calc(33% - (var(--spacing-none) / 2));
    }

    .width-33-gap-xxs-tablet {
        width: calc(33% - (var(--spacing-xxs) / 2));
    }

    .width-33-gap-xs-tablet {
        width: calc(33% - (var(--spacing-xs) / 2));
    }

    .width-33-gap-sm-tablet {
        width: calc(33% - (var(--spacing-sm) / 2));
    }

    .width-33-gap-md-tablet {
        width: calc(33% - (var(--spacing-md) / 2));
    }

    .width-33-gap-lg-tablet {
        width: calc(33% - (var(--spacing-lg) / 2));
    }

    .width-33-gap-xl-tablet {
        width: calc(33% - (var(--spacing-xl) / 2));
    }

    .width-33-gap-2xl-tablet {
        width: calc(33% - (var(--spacing-2xl) / 2));
    }

    .width-33-gap-3xl-tablet {
        width: calc(33% - (var(--spacing-3xl) / 2));
    }

    .width-33-gap-4xl-tablet {
        width: calc(33% - (var(--spacing-4xl) / 2));
    }

    .width-33-gap-5xl-tablet {
        width: calc(33% - (var(--spacing-5xl) / 2));
    }

    .width-33-gap-6xl-tablet {
        width: calc(33% - (var(--spacing-6xl) / 2));
    }

    .width-33-gap-7xl-tablet {
        width: calc(33% - (var(--spacing-7xl) / 2));
    }

    .width-33-gap-8xl-tablet {
        width: calc(33% - (var(--spacing-8xl) / 2));
    }

    .width-33-gap-9xl-tablet {
        width: calc(33% - (var(--spacing-9xl) / 2));
    }

    .width-33-gap-10xl-tablet {
        width: calc(33% - (var(--spacing-10xl) / 2));
    }

    .width-33-gap-11xl-tablet {
        width: calc(33% - (var(--spacing-11xl) / 2));
    }

    .width-25-gap-none-tablet {
        width: calc(25% - (var(--spacing-none) / 2));
    }

    .width-25-gap-xxs-tablet {
        width: calc(25% - (var(--spacing-xxs) / 2));
    }

    .width-25-gap-xs-tablet {
        width: calc(25% - (var(--spacing-xs) / 2));
    }

    .width-25-gap-sm-tablet {
        width: calc(25% - (var(--spacing-sm) / 2));
    }

    .width-25-gap-md-tablet {
        width: calc(25% - (var(--spacing-md) / 2));
    }

    .width-25-gap-lg-tablet {
        width: calc(25% - (var(--spacing-lg) / 2));
    }

    .width-25-gap-xl-tablet {
        width: calc(25% - (var(--spacing-xl) / 2));
    }

    .width-25-gap-2xl-tablet {
        width: calc(25% - (var(--spacing-2xl) / 2));
    }

    .width-25-gap-3xl-tablet {
        width: calc(25% - (var(--spacing-3xl) / 2));
    }

    .width-25-gap-4xl-tablet {
        width: calc(25% - (var(--spacing-4xl) / 2));
    }

    .width-25-gap-5xl-tablet {
        width: calc(25% - (var(--spacing-5xl) / 2));
    }

    .width-25-gap-6xl-tablet {
        width: calc(25% - (var(--spacing-6xl) / 2));
    }

    .width-25-gap-7xl-tablet {
        width: calc(25% - (var(--spacing-7xl) / 2));
    }

    .width-25-gap-8xl-tablet {
        width: calc(25% - (var(--spacing-8xl) / 2));
    }

    .width-25-gap-9xl-tablet {
        width: calc(25% - (var(--spacing-9xl) / 2));
    }

    .width-25-gap-10xl-tablet {
        width: calc(25% - (var(--spacing-10xl) / 2));
    }

    .width-25-gap-11xl-tablet {
        width: calc(25% - (var(--spacing-11xl) / 2));
    }

    .height-unset-tablet {
        height: unset;
    }

    .height-0-tablet {
        height: 0%;
    }

    .height-1-tablet {
        height: 1%;
    }

    .height-2-tablet {
        height: 2%;
    }

    .height-3-tablet {
        height: 3%;
    }

    .height-4-tablet {
        height: 4%;
    }

    .height-5-tablet {
        height: 5%;
    }

    .height-6-tablet {
        height: 6%;
    }

    .height-7-tablet {
        height: 7%;
    }

    .height-8-tablet {
        height: 8%;
    }

    .height-9-tablet {
        height: 9%;
    }

    .height-10-tablet {
        height: 10%;
    }

    .height-11-tablet {
        height: 11%;
    }

    .height-12-tablet {
        height: 12%;
    }

    .height-13-tablet {
        height: 13%;
    }

    .height-14-tablet {
        height: 14%;
    }

    .height-15-tablet {
        height: 15%;
    }

    .height-16-tablet {
        height: 16%;
    }

    .height-17-tablet {
        height: 17%;
    }

    .height-18-tablet {
        height: 18%;
    }

    .height-19-tablet {
        height: 19%;
    }

    .height-20-tablet {
        height: 20%;
    }

    .height-21-tablet {
        height: 21%;
    }

    .height-22-tablet {
        height: 22%;
    }

    .height-23-tablet {
        height: 23%;
    }

    .height-24-tablet {
        height: 24%;
    }

    .height-25-tablet {
        height: 25%;
    }

    .height-26-tablet {
        height: 26%;
    }

    .height-27-tablet {
        height: 27%;
    }

    .height-28-tablet {
        height: 28%;
    }

    .height-29-tablet {
        height: 29%;
    }

    .height-30-tablet {
        height: 30%;
    }

    .height-31-tablet {
        height: 31%;
    }

    .height-32-tablet {
        height: 32%;
    }

    .height-33-tablet {
        height: 33%;
    }

    .height-34-tablet {
        height: 34%;
    }

    .height-35-tablet {
        height: 35%;
    }

    .height-36-tablet {
        height: 36%;
    }

    .height-37-tablet {
        height: 37%;
    }

    .height-38-tablet {
        height: 38%;
    }

    .height-39-tablet {
        height: 39%;
    }

    .height-40-tablet {
        height: 40%;
    }

    .height-41-tablet {
        height: 41%;
    }

    .height-42-tablet {
        height: 42%;
    }

    .height-43-tablet {
        height: 43%;
    }

    .height-44-tablet {
        height: 44%;
    }

    .height-45-tablet {
        height: 45%;
    }

    .height-46-tablet {
        height: 46%;
    }

    .height-47-tablet {
        height: 47%;
    }

    .height-48-tablet {
        height: 48%;
    }

    .height-49-tablet {
        height: 49%;
    }

    .height-50-tablet {
        height: 50%;
    }

    .height-51-tablet {
        height: 51%;
    }

    .height-52-tablet {
        height: 52%;
    }

    .height-53-tablet {
        height: 53%;
    }

    .height-54-tablet {
        height: 54%;
    }

    .height-55-tablet {
        height: 55%;
    }

    .height-56-tablet {
        height: 56%;
    }

    .height-57-tablet {
        height: 57%;
    }

    .height-58-tablet {
        height: 58%;
    }

    .height-59-tablet {
        height: 59%;
    }

    .height-60-tablet {
        height: 60%;
    }

    .height-61-tablet {
        height: 61%;
    }

    .height-62-tablet {
        height: 62%;
    }

    .height-63-tablet {
        height: 63%;
    }

    .height-64-tablet {
        height: 64%;
    }

    .height-65-tablet {
        height: 65%;
    }

    .height-66-tablet {
        height: 66%;
    }

    .height-67-tablet {
        height: 67%;
    }

    .height-68-tablet {
        height: 68%;
    }

    .height-69-tablet {
        height: 69%;
    }

    .height-70-tablet {
        height: 70%;
    }

    .height-71-tablet {
        height: 71%;
    }

    .height-72-tablet {
        height: 72%;
    }

    .height-73-tablet {
        height: 73%;
    }

    .height-74-tablet {
        height: 74%;
    }

    .height-75-tablet {
        height: 75%;
    }

    .height-76-tablet {
        height: 76%;
    }

    .height-77-tablet {
        height: 77%;
    }

    .height-78-tablet {
        height: 78%;
    }

    .height-79-tablet {
        height: 79%;
    }

    .height-80-tablet {
        height: 80%;
    }

    .height-81-tablet {
        height: 81%;
    }

    .height-82-tablet {
        height: 82%;
    }

    .height-83-tablet {
        height: 83%;
    }

    .height-84-tablet {
        height: 84%;
    }

    .height-85-tablet {
        height: 85%;
    }

    .height-86-tablet {
        height: 86%;
    }

    .height-87-tablet {
        height: 87%;
    }

    .height-88-tablet {
        height: 88%;
    }

    .height-89-tablet {
        height: 89%;
    }

    .height-90-tablet {
        height: 90%;
    }

    .height-91-tablet {
        height: 91%;
    }

    .height-92-tablet {
        height: 92%;
    }

    .height-93-tablet {
        height: 93%;
    }

    .height-94-tablet {
        height: 94%;
    }

    .height-95-tablet {
        height: 95%;
    }

    .height-96-tablet {
        height: 96%;
    }

    .height-97-tablet {
        height: 97%;
    }

    .height-98-tablet {
        height: 98%;
    }

    .height-99-tablet {
        height: 99%;
    }

    .height-100-tablet {
        height: 100%;
    }

    .height-25vh-tablet {
        height: 25vh;
        height: 25dvh;
    }

    .height-33vh-tablet {
        height: 33vh;
        height: 33dvh;
    }

    .height-50vh-tablet {
        height: 50vh;
        height: 50dvh;
    }

    .height-66vh-tablet {
        height: 66vh;
        height: 66dvh;
    }

    .height-75vh-tablet {
        height: 75vh;
        height: 75dvh;
    }

    .height-100vh-tablet {
        height: 100vh;
        height: 100dvh;
    }

    .max-height-25vh-tablet {
        max-height: 25vh;
        max-height: 25dvh;
    }

    .max-height-33vh-tablet {
        max-height: 33vh;
        max-height: 33dvh;
    }

    .max-height-50vh-tablet {
        max-height: 50vh;
        max-height: 50dvh;
    }

    .max-height-66vh-tablet {
        max-height: 66vh;
        max-height: 66dvh;
    }

    .max-height-75vh-tablet {
        max-height: 75vh;
        max-height: 75dvh;
    }

    .max-height-100vh-tablet {
        max-height: 100vh;
        max-height: 100dvh;
    }

    .min-height-25vh-tablet {
        min-height: 25vh;
        min-height: 25dvh;
    }

    .min-height-33vh-tablet {
        min-height: 33vh;
        min-height: 33dvh;
    }

    .min-height-50vh-tablet {
        min-height: 50vh;
        min-height: 50dvh;
    }

    .min-height-66vh-tablet {
        min-height: 66vh;
        min-height: 66dvh;
    }

    .min-height-75vh-tablet {
        min-height: 75vh;
        min-height: 75dvh;
    }

    .min-height-100vh-tablet {
        min-height: 100vh;
        min-height: 100dvh;
    }
}

/* Mobile */
@media screen and (max-width: 425px) {

    /* 0.8. Borders */
    .border-1-mobile {
        border: 1px solid;
    }

    .border-2-mobile {
        border: 2px solid;
    }

    .border-1-y-mobile {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    .border-2-y-mobile {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }

    .border-1-x-mobile {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .border-2-x-mobile {
        border-left: 2px solid;
        border-right: 2px solid;
    }

    .border-1-top-mobile {
        border-top: 1px solid;
    }

    .border-2-top-mobile {
        border-top: 2px solid;
    }

    .border-1-right-mobile {
        border-right: 1px solid;
    }

    .border-2-right-mobile {
        border-right: 2px solid;
    }

    .border-1-bottom-mobile {
        border-bottom: 1px solid;
    }

    .border-2-bottom-mobile {
        border-bottom: 2px solid;
    }

    .border-1-left-mobile {
        border-left: 1px solid;
    }

    .border-2-left-mobile {
        border-left: 2px solid;
    }

    /* 0.9. Text */
    .text-transform-none-mobile {
        text-transform: none;
    }

    .text-transform-uppercase-mobile {
        text-transform: uppercase;
    }

    .text-transform-lowercase-mobile {
        text-transform: lowercase;
    }

    .text-transform-capitalize-mobile {
        text-transform: capitalize;
    }

    .text-transform-full-width-mobile {
        text-transform: full-width;
    }

    .text-transform-inherit-mobile {
        text-transform: inherit;
    }

    .text-transform-initial-mobile {
        text-transform: initial;
    }

    .text-transform-revert-mobile {
        text-transform: revert;
    }

    .text-transform-unset-mobile {
        text-transform: unset;
    }

    .text-decoration-none-mobile {
        text-decoration: none;
    }

    .text-decoration-underline-mobile {
        text-decoration: underline;
    }

    .text-decoration-overline-mobile {
        text-decoration: overline;
    }

    .text-decoration-line-through-mobile {
        text-decoration: line-through;
    }

    .text-decoration-underline-overline-mobile {
        text-decoration: underline overline;
    }

    .text-decoration-solid-mobile {
        text-decoration-style: solid;
    }

    .text-decoration-dashed-mobile {
        text-decoration-style: dashed;
    }

    .text-decoration-dotted-mobile {
        text-decoration-style: dotted;
    }

    .text-decoration-double-mobile {
        text-decoration-style: double;
    }

    .text-decoration-wavy-mobile {
        text-decoration-style: wavy;
    }

    .text-align-left-mobile {
        text-align: left;
    }

    .text-align-right-mobile {
        text-align: right;
    }

    .text-align-center-mobile {
        text-align: center;
    }

    .text-align-justify-mobile {
        text-align: justify;
    }

    .text-align-start-mobile {
        text-align: start;
    }

    .text-align-end-mobile {
        text-align: end;
    }

    .text-wrap-mobile {
        text-wrap: wrap;
    }

    .text-nowrap-mobile {
        text-wrap: nowrap;
    }

    .word-break-normal-mobile {
        word-break: normal;
    }

    .word-break-break-all-mobile {
        word-break: break-all;
    }

    .word-break-break-word-mobile {
        word-break: break-word;
    }

    .word-break-keep-all-mobile {
        word-break: keep-all;
    }

    /* 0.10. Flex */
    .row-mobile {
        display: flex;
        flex-direction: row;
    }

    .row-reverse-mobile {
        display: flex;
        flex-direction: row-reverse;
    }

    .column-mobile {
        display: flex;
        flex-direction: column;
    }

    .column-reverse-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .justify-content-flex-start-mobile {
        justify-content: flex-start;
    }

    .justify-content-center-mobile {
        justify-content: center;
    }

    .justify-content-flex-end-mobile {
        justify-content: flex-end;
    }

    .justify-content-space-between-mobile {
        justify-content: space-between;
    }

    .justify-content-space-around-mobile {
        justify-content: space-around;
    }

    .justify-content-space-evenly-mobile {
        justify-content: space-evenly;
    }

    .align-items-flex-start-mobile {
        align-items: flex-start;
    }

    .align-items-center-mobile {
        align-items: center;
    }

    .align-items-flex-end-mobile {
        align-items: flex-end;
    }

    .align-items-baseline-mobile {
        align-items: baseline;
    }

    .align-items-stretch-mobile {
        align-items: stretch;
    }

    .align-content-flex-start-mobile {
        align-content: flex-start;
    }

    .align-content-center-mobile {
        align-content: center;
    }

    .align-content-flex-end-mobile {
        align-content: flex-end;
    }

    .align-content-space-between-mobile {
        align-content: space-between;
    }

    .align-content-space-around-mobile {
        align-content: space-around;
    }

    .align-content-space-evenly-mobile {
        align-content: space-evenly;
    }

    .align-self-auto-mobile {
        align-self: auto;
    }

    .align-self-flex-start-mobile {
        align-self: flex-start;
    }

    .align-self-center-mobile {
        align-self: center;
    }

    .align-self-flex-end-mobile {
        align-self: flex-end;
    }

    .align-self-stretch-mobile {
        align-self: stretch;
    }

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

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

    .order-1-mobile {
        order: 1;
    }

    .order-2-mobile {
        order: 2;
    }

    .order-3-mobile {
        order: 3;
    }

    .order-4-mobile {
        order: 4;
    }

    .order-5-mobile {
        order: 5;
    }

    /* 0.11. Displays */
    .display-none-mobile {
        display: none;
    }

    .display-block-mobile {
        display: block;
    }

    .display-inline-mobile {
        display: inline;
    }

    .display-inline-block-mobile {
        display: inline-block;
    }

    .display-flex-mobile {
        display: flex;
    }

    .display-inline-flex-mobile {
        display: inline-flex;
    }

    .display-grid-mobile {
        display: grid;
    }

    .display-inline-grid-mobile {
        display: inline-grid;
    }

    .display-table-mobile {
        display: table;
    }

    .display-inline-table-mobile {
        display: inline-table;
    }

    .display-table-row-mobile {
        display: table-row;
    }

    .display-table-cell-mobile {
        display: table-cell;
    }

    .display-contents-mobile {
        display: contents;
    }

    .display-list-item-mobile {
        display: list-item;
    }

    /* 0.12. Position */
    .position-static-mobile {
        position: static;
    }

    .position-relative-mobile {
        position: relative;
    }

    .position-absolute-mobile {
        position: absolute;
    }

    .position-fixed-mobile {
        position: fixed;
    }

    .position-sticky-mobile {
        position: sticky;
    }

    /* 0.13. Overflow */
    .overflow-visible-mobile {
        overflow: visible;
    }

    .overflow-hidden-mobile {
        overflow: hidden;
    }

    .overflow-scroll-mobile {
        overflow: scroll;
    }

    .overflow-auto-mobile {
        overflow: auto;
    }

    .overflow-x-visible-mobile {
        overflow-x: visible;
    }

    .overflow-x-hidden-mobile {
        overflow-x: hidden;
    }

    .overflow-x-scroll-mobile {
        overflow-x: scroll;
    }

    .overflow-x-auto-mobile {
        overflow-x: auto;
    }

    .overflow-y-visible-mobile {
        overflow-y: visible;
    }

    .overflow-y-hidden-mobile {
        overflow-y: hidden;
    }

    .overflow-y-scroll-mobile {
        overflow-y: scroll;
    }

    .overflow-y-auto-mobile {
        overflow-y: auto;
    }

    .overflow-scroll::-webkit-scrollbar-mobile {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-x-scroll::-webkit-scrollbar-mobile {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    .overflow-y-scroll::-webkit-scrollbar-mobile {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: auto;
        display: none;
    }

    /* 1. Colors */
    /* 1.1. Background colors */
    .background-none-mobile {
        background: none;
    }

    .background-linear-gradient-type-1-mobile {
        background: var(--linear-gradient-type-1), var(--primary-900);
    }

    .background-linear-gradient-type-2-mobile {
        background: var(--linear-gradient-type-2), var(--primary-900);
    }

    .background-color-neutral-50-mobile {
        background-color: var(--neutral-50);
    }

    .background-color-neutral-100-mobile {
        background-color: var(--neutral-100);
    }

    .background-color-neutral-200-mobile {
        background-color: var(--neutral-200);
    }

    .background-color-neutral-300-mobile {
        background-color: var(--neutral-300);
    }

    .background-color-neutral-400-mobile {
        background-color: var(--neutral-400);
    }

    .background-color-neutral-500-mobile {
        background-color: var(--neutral-500);
    }

    .background-color-neutral-600-mobile {
        background-color: var(--neutral-600);
    }

    .background-color-neutral-700-mobile {
        background-color: var(--neutral-700);
    }

    .background-color-neutral-800-mobile {
        background-color: var(--neutral-800);
    }

    .background-color-neutral-900-mobile {
        background-color: var(--neutral-900);
    }

    .background-color-primary-50-mobile {
        background-color: var(--primary-50);
    }

    .background-color-primary-100-mobile {
        background-color: var(--primary-100);
    }

    .background-color-primary-200-mobile {
        background-color: var(--primary-200);
    }

    .background-color-primary-300-mobile {
        background-color: var(--primary-300);
    }

    .background-color-primary-400-mobile {
        background-color: var(--primary-400);
    }

    .background-color-primary-500-mobile {
        background-color: var(--primary-500);
    }

    .background-color-primary-600-mobile {
        background-color: var(--primary-600);
    }

    .background-color-primary-700-mobile {
        background-color: var(--primary-700);
    }

    .background-color-primary-800-mobile {
        background-color: var(--primary-800);
    }

    .background-color-primary-900-mobile {
        background-color: var(--primary-900);
    }

    .background-color-success-50-mobile {
        background-color: var(--success-50);
    }

    .background-color-success-100-mobile {
        background-color: var(--success-100);
    }

    .background-color-success-200-mobile {
        background-color: var(--success-200);
    }

    .background-color-success-300-mobile {
        background-color: var(--success-300);
    }

    .background-color-success-400-mobile {
        background-color: var(--success-400);
    }

    .background-color-success-500-mobile {
        background-color: var(--success-500);
    }

    .background-color-success-600-mobile {
        background-color: var(--success-600);
    }

    .background-color-success-700-mobile {
        background-color: var(--success-700);
    }

    .background-color-success-800-mobile {
        background-color: var(--success-800);
    }

    .background-color-success-900-mobile {
        background-color: var(--success-900);
    }

    .background-color-warning-50-mobile {
        background-color: var(--warning-50);
    }

    .background-color-warning-100-mobile {
        background-color: var(--warning-100);
    }

    .background-color-warning-200-mobile {
        background-color: var(--warning-200);
    }

    .background-color-warning-300-mobile {
        background-color: var(--warning-300);
    }

    .background-color-warning-400-mobile {
        background-color: var(--warning-400);
    }

    .background-color-warning-500-mobile {
        background-color: var(--warning-500);
    }

    .background-color-warning-600-mobile {
        background-color: var(--warning-600);
    }

    .background-color-warning-700-mobile {
        background-color: var(--warning-700);
    }

    .background-color-warning-800-mobile {
        background-color: var(--warning-800);
    }

    .background-color-warning-900-mobile {
        background-color: var(--warning-900);
    }

    .background-color-error-50-mobile {
        background-color: var(--error-50);
    }

    .background-color-error-100-mobile {
        background-color: var(--error-100);
    }

    .background-color-error-200-mobile {
        background-color: var(--error-200);
    }

    .background-color-error-300-mobile {
        background-color: var(--error-300);
    }

    .background-color-error-400-mobile {
        background-color: var(--error-400);
    }

    .background-color-error-500-mobile {
        background-color: var(--error-500);
    }

    .background-color-error-600-mobile {
        background-color: var(--error-600);
    }

    .background-color-error-700-mobile {
        background-color: var(--error-700);
    }

    .background-color-error-800-mobile {
        background-color: var(--error-800);
    }

    .background-color-error-900-mobile {
        background-color: var(--error-900);
    }

    .background-color-shades-0-mobile {
        background-color: var(--shades-0);
    }

    .background-color-shades-100-mobile {
        background-color: var(--shades-100);
    }

    .background-color-dark-50-mobile {
        background-color: var(--dark-50);
    }

    .background-color-dark-100-mobile {
        background-color: var(--dark-100);
    }

    .background-color-dark-200-mobile {
        background-color: var(--dark-200);
    }

    .background-color-dark-300-mobile {
        background-color: var(--dark-300);
    }

    .background-color-dark-400-mobile {
        background-color: var(--dark-400);
    }

    .background-color-dark-500-mobile {
        background-color: var(--dark-500);
    }

    .background-color-dark-600-mobile {
        background-color: var(--dark-600);
    }

    .background-color-dark-700-mobile {
        background-color: var(--dark-700);
    }

    .background-color-dark-800-mobile {
        background-color: var(--dark-800);
    }

    .background-color-dark-900-mobile {
        background-color: var(--dark-900);
    }

    /* 1.2. Text colors */
    .text-color-neutral-50-mobile {
        color: var(--neutral-50);
    }

    .text-color-neutral-100-mobile {
        color: var(--neutral-100);
    }

    .text-color-neutral-200-mobile {
        color: var(--neutral-200);
    }

    .text-color-neutral-300-mobile {
        color: var(--neutral-300);
    }

    .text-color-neutral-400-mobile {
        color: var(--neutral-400);
    }

    .text-color-neutral-500-mobile {
        color: var(--neutral-500);
    }

    .text-color-neutral-600-mobile {
        color: var(--neutral-600);
    }

    .text-color-neutral-700-mobile {
        color: var(--neutral-700);
    }

    .text-color-neutral-800-mobile {
        color: var(--neutral-800);
    }

    .text-color-neutral-900-mobile {
        color: var(--neutral-900);
    }

    .text-color-primary-50-mobile {
        color: var(--primary-50);
    }

    .text-color-primary-100-mobile {
        color: var(--primary-100);
    }

    .text-color-primary-200-mobile {
        color: var(--primary-200);
    }

    .text-color-primary-300-mobile {
        color: var(--primary-300);
    }

    .text-color-primary-400-mobile {
        color: var(--primary-400);
    }

    .text-color-primary-500-mobile {
        color: var(--primary-500);
    }

    .text-color-primary-600-mobile {
        color: var(--primary-600);
    }

    .text-color-primary-700-mobile {
        color: var(--primary-700);
    }

    .text-color-primary-800-mobile {
        color: var(--primary-800);
    }

    .text-color-primary-900-mobile {
        color: var(--primary-900);
    }

    .text-color-success-50-mobile {
        color: var(--success-50);
    }

    .text-color-success-100-mobile {
        color: var(--success-100);
    }

    .text-color-success-200-mobile {
        color: var(--success-200);
    }

    .text-color-success-300-mobile {
        color: var(--success-300);
    }

    .text-color-success-400-mobile {
        color: var(--success-400);
    }

    .text-color-success-500-mobile {
        color: var(--success-500);
    }

    .text-color-success-600-mobile {
        color: var(--success-600);
    }

    .text-color-success-700-mobile {
        color: var(--success-700);
    }

    .text-color-success-800-mobile {
        color: var(--success-800);
    }

    .text-color-success-900-mobile {
        color: var(--success-900);
    }

    .text-color-warning-50-mobile {
        color: var(--warning-50);
    }

    .text-color-warning-100-mobile {
        color: var(--warning-100);
    }

    .text-color-warning-200-mobile {
        color: var(--warning-200);
    }

    .text-color-warning-300-mobile {
        color: var(--warning-300);
    }

    .text-color-warning-400-mobile {
        color: var(--warning-400);
    }

    .text-color-warning-500-mobile {
        color: var(--warning-500);
    }

    .text-color-warning-600-mobile {
        color: var(--warning-600);
    }

    .text-color-warning-700-mobile {
        color: var(--warning-700);
    }

    .text-color-warning-800-mobile {
        color: var(--warning-800);
    }

    .text-color-warning-900-mobile {
        color: var(--warning-900);
    }

    .text-color-error-50-mobile {
        color: var(--error-50);
    }

    .text-color-error-100-mobile {
        color: var(--error-100);
    }

    .text-color-error-200-mobile {
        color: var(--error-200);
    }

    .text-color-error-300-mobile {
        color: var(--error-300);
    }

    .text-color-error-400-mobile {
        color: var(--error-400);
    }

    .text-color-error-500-mobile {
        color: var(--error-500);
    }

    .text-color-error-600-mobile {
        color: var(--error-600);
    }

    .text-color-error-700-mobile {
        color: var(--error-700);
    }

    .text-color-error-800-mobile {
        color: var(--error-800);
    }

    .text-color-error-900-mobile {
        color: var(--error-900);
    }

    .text-color-shades-0-mobile {
        color: var(--shades-0);
    }

    .text-color-shades-100-mobile {
        color: var(--shades-100);
    }

    .text-color-dark-50-mobile {
        color: var(--dark-50);
    }

    .text-color-dark-100-mobile {
        color: var(--dark-100);
    }

    .text-color-dark-200-mobile {
        color: var(--dark-200);
    }

    .text-color-dark-300-mobile {
        color: var(--dark-300);
    }

    .text-color-dark-400-mobile {
        color: var(--dark-400);
    }

    .text-color-dark-500-mobile {
        color: var(--dark-500);
    }

    .text-color-dark-600-mobile {
        color: var(--dark-600);
    }

    .text-color-dark-700-mobile {
        color: var(--dark-700);
    }

    .text-color-dark-800-mobile {
        color: var(--dark-800);
    }

    .text-color-dark-900-mobile {
        color: var(--dark-900);
    }

    /* 1.3. Border colors */
    .border-color-neutral-50-mobile {
        border-color: var(--neutral-50);
    }

    .border-color-neutral-100-mobile {
        border-color: var(--neutral-100);
    }

    .border-color-neutral-200-mobile {
        border-color: var(--neutral-200);
    }

    .border-color-neutral-300-mobile {
        border-color: var(--neutral-300);
    }

    .border-color-neutral-400-mobile {
        border-color: var(--neutral-400);
    }

    .border-color-neutral-500-mobile {
        border-color: var(--neutral-500);
    }

    .border-color-neutral-600-mobile {
        border-color: var(--neutral-600);
    }

    .border-color-neutral-700-mobile {
        border-color: var(--neutral-700);
    }

    .border-color-neutral-800-mobile {
        border-color: var(--neutral-800);
    }

    .border-color-neutral-900-mobile {
        border-color: var(--neutral-900);
    }

    .border-color-primary-50-mobile {
        border-color: var(--primary-50);
    }

    .border-color-primary-100-mobile {
        border-color: var(--primary-100);
    }

    .border-color-primary-200-mobile {
        border-color: var(--primary-200);
    }

    .border-color-primary-300-mobile {
        border-color: var(--primary-300);
    }

    .border-color-primary-400-mobile {
        border-color: var(--primary-400);
    }

    .border-color-primary-500-mobile {
        border-color: var(--primary-500);
    }

    .border-color-primary-600-mobile {
        border-color: var(--primary-600);
    }

    .border-color-primary-700-mobile {
        border-color: var(--primary-700);
    }

    .border-color-primary-800-mobile {
        border-color: var(--primary-800);
    }

    .border-color-primary-900-mobile {
        border-color: var(--primary-900);
    }

    .border-color-success-50-mobile {
        border-color: var(--success-50);
    }

    .border-color-success-100-mobile {
        border-color: var(--success-100);
    }

    .border-color-success-200-mobile {
        border-color: var(--success-200);
    }

    .border-color-success-300-mobile {
        border-color: var(--success-300);
    }

    .border-color-success-400-mobile {
        border-color: var(--success-400);
    }

    .border-color-success-500-mobile {
        border-color: var(--success-500);
    }

    .border-color-success-600-mobile {
        border-color: var(--success-600);
    }

    .border-color-success-700-mobile {
        border-color: var(--success-700);
    }

    .border-color-success-800-mobile {
        border-color: var(--success-800);
    }

    .border-color-success-900-mobile {
        border-color: var(--success-900);
    }

    .border-color-warning-50-mobile {
        border-color: var(--warning-50);
    }

    .border-color-warning-100-mobile {
        border-color: var(--warning-100);
    }

    .border-color-warning-200-mobile {
        border-color: var(--warning-200);
    }

    .border-color-warning-300-mobile {
        border-color: var(--warning-300);
    }

    .border-color-warning-400-mobile {
        border-color: var(--warning-400);
    }

    .border-color-warning-500-mobile {
        border-color: var(--warning-500);
    }

    .border-color-warning-600-mobile {
        border-color: var(--warning-600);
    }

    .border-color-warning-700-mobile {
        border-color: var(--warning-700);
    }

    .border-color-warning-800-mobile {
        border-color: var(--warning-800);
    }

    .border-color-warning-900-mobile {
        border-color: var(--warning-900);
    }

    .border-color-error-50-mobile {
        border-color: var(--error-50);
    }

    .border-color-error-100-mobile {
        border-color: var(--error-100);
    }

    .border-color-error-200-mobile {
        border-color: var(--error-200);
    }

    .border-color-error-300-mobile {
        border-color: var(--error-300);
    }

    .border-color-error-400-mobile {
        border-color: var(--error-400);
    }

    .border-color-error-500-mobile {
        border-color: var(--error-500);
    }

    .border-color-error-600-mobile {
        border-color: var(--error-600);
    }

    .border-color-error-700-mobile {
        border-color: var(--error-700);
    }

    .border-color-error-800-mobile {
        border-color: var(--error-800);
    }

    .border-color-error-900-mobile {
        border-color: var(--error-900);
    }

    .border-color-shades-0-mobile {
        border-color: var(--shades-0);
    }

    .border-color-shades-100-mobile {
        border-color: var(--shades-100);
    }

    .border-color-dark-50-mobile {
        border-color: var(--dark-50);
    }

    .border-color-dark-100-mobile {
        border-color: var(--dark-100);
    }

    .border-color-dark-200-mobile {
        border-color: var(--dark-200);
    }

    .border-color-dark-300-mobile {
        border-color: var(--dark-300);
    }

    .border-color-dark-400-mobile {
        border-color: var(--dark-400);
    }

    .border-color-dark-500-mobile {
        border-color: var(--dark-500);
    }

    .border-color-dark-600-mobile {
        border-color: var(--dark-600);
    }

    .border-color-dark-700-mobile {
        border-color: var(--dark-700);
    }

    .border-color-dark-800-mobile {
        border-color: var(--dark-800);
    }

    .border-color-dark-900-mobile {
        border-color: var(--dark-900);
    }

    .icon-color-neutral-50-mobile {
        filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(842%) hue-rotate(176deg) brightness(98%) contrast(101%);
    }

    .icon-color-neutral-100-mobile {
        filter: brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(339%) hue-rotate(71deg) brightness(109%) contrast(95%);
    }

    .icon-color-neutral-200-mobile {
        filter: brightness(0) saturate(100%) invert(98%) sepia(7%) saturate(388%) hue-rotate(54deg) brightness(97%) contrast(94%);
    }

    .icon-color-neutral-300-mobile {
        filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(217%) hue-rotate(104deg) brightness(95%) contrast(91%);
    }

    .icon-color-neutral-400-mobile {
        filter: brightness(0) saturate(100%) invert(74%) sepia(19%) saturate(336%) hue-rotate(84deg) brightness(92%) contrast(90%);
    }

    .icon-color-neutral-500-mobile {
        filter: brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(609%) hue-rotate(95deg) brightness(98%) contrast(88%);
    }

    .icon-color-neutral-600-mobile {
        filter: brightness(0) saturate(100%) invert(39%) sepia(16%) saturate(654%) hue-rotate(107deg) brightness(90%) contrast(89%);
    }

    .icon-color-neutral-700-mobile {
        filter: brightness(0) saturate(100%) invert(27%) sepia(6%) saturate(2702%) hue-rotate(109deg) brightness(93%) contrast(80%);
    }

    .icon-color-neutral-800-mobile {
        filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(4424%) hue-rotate(110deg) brightness(97%) contrast(79%);
    }

    .icon-color-neutral-900-mobile {
        filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(4555%) hue-rotate(112deg) brightness(96%) contrast(88%);
    }

    .icon-color-primary-50-mobile {
        filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(514%) hue-rotate(93deg) brightness(108%) contrast(97%);
    }

    .icon-color-primary-100-mobile {
        filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(786%) hue-rotate(94deg) brightness(98%) contrast(94%);
    }

    .icon-color-primary-200-mobile {
        filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(287%) hue-rotate(83deg) brightness(97%) contrast(90%);
    }

    .icon-color-primary-300-mobile {
        filter: brightness(0) saturate(100%) invert(80%) sepia(66%) saturate(373%) hue-rotate(81deg) brightness(94%) contrast(90%);
    }

    .icon-color-primary-400-mobile {
        filter: brightness(0) saturate(100%) invert(87%) sepia(26%) saturate(1244%) hue-rotate(82deg) brightness(92%) contrast(87%);
    }

    .icon-color-primary-500-mobile {
        filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(380%) hue-rotate(102deg) brightness(103%) contrast(86%);
    }

    .icon-color-primary-600-mobile {
        filter: brightness(0) saturate(100%) invert(46%) sepia(92%) saturate(684%) hue-rotate(110deg) brightness(91%) contrast(82%);
    }

    .icon-color-primary-700-mobile {
        filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(409%) hue-rotate(102deg) brightness(92%) contrast(89%);
    }

    .icon-color-primary-800-mobile {
        filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(3285%) hue-rotate(116deg) brightness(93%) contrast(91%);
    }

    .icon-color-primary-900-mobile {
        filter: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(5222%) hue-rotate(114deg) brightness(90%) contrast(92%);
    }

    .icon-color-success-50-mobile {
        filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(274%) hue-rotate(81deg) brightness(106%) contrast(98%);
    }

    .icon-color-success-100-mobile {
        filter: brightness(0) saturate(100%) invert(93%) sepia(14%) saturate(347%) hue-rotate(93deg) brightness(98%) contrast(102%);
    }

    .icon-color-success-200-mobile {
        filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(868%) hue-rotate(94deg) brightness(103%) contrast(91%);
    }

    .icon-color-success-300-mobile {
        filter: brightness(0) saturate(100%) invert(88%) sepia(11%) saturate(1753%) hue-rotate(93deg) brightness(97%) contrast(86%);
    }

    .icon-color-success-400-mobile {
        filter: brightness(0) saturate(100%) invert(62%) sepia(19%) saturate(1280%) hue-rotate(107deg) brightness(106%) contrast(95%);
    }

    .icon-color-success-500-mobile {
        filter: brightness(0) saturate(100%) invert(53%) sepia(17%) saturate(5610%) hue-rotate(125deg) brightness(98%) contrast(87%);
    }

    .icon-color-success-600-mobile {
        filter: brightness(0) saturate(100%) invert(42%) sepia(67%) saturate(6906%) hue-rotate(150deg) brightness(99%) contrast(96%);
    }

    .icon-color-success-700-mobile {
        filter: brightness(0) saturate(100%) invert(21%) sepia(70%) saturate(3028%) hue-rotate(153deg) brightness(94%) contrast(97%);
    }

    .icon-color-success-800-mobile {
        filter: brightness(0) saturate(100%) invert(25%) sepia(60%) saturate(1042%) hue-rotate(123deg) brightness(93%) contrast(95%);
    }

    .icon-color-success-900-mobile {
        filter: brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(4756%) hue-rotate(119deg) brightness(98%) contrast(95%);
    }

    .icon-color-warning-50-mobile {
        filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1170%) hue-rotate(316deg) brightness(108%) contrast(105%);
    }

    .icon-color-warning-100-mobile {
        filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(615%) hue-rotate(337deg) brightness(106%) contrast(99%);
    }

    .icon-color-warning-200-mobile {
        filter: brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(567%) hue-rotate(357deg) brightness(103%) contrast(98%);
    }

    .icon-color-warning-300-mobile {
        filter: brightness(0) saturate(100%) invert(87%) sepia(51%) saturate(703%) hue-rotate(328deg) brightness(101%) contrast(98%);
    }

    .icon-color-warning-400-mobile {
        filter: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(526%) hue-rotate(339deg) brightness(103%) contrast(97%);
    }

    .icon-color-warning-500-mobile {
        filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(573%) hue-rotate(357deg) brightness(99%) contrast(94%);
    }

    .icon-color-warning-600-mobile {
        filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2125%) hue-rotate(10deg) brightness(96%) contrast(95%);
    }

    .icon-color-warning-700-mobile {
        filter: brightness(0) saturate(100%) invert(28%) sepia(73%) saturate(1604%) hue-rotate(8deg) brightness(101%) contrast(93%);
    }

    .icon-color-warning-800-mobile {
        filter: brightness(0) saturate(100%) invert(23%) sepia(95%) saturate(5193%) hue-rotate(36deg) brightness(84%) contrast(89%);
    }

    .icon-color-warning-900-mobile {
        filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(5662%) hue-rotate(357deg) brightness(97%) contrast(91%);
    }

    .icon-color-error-50-mobile {
        filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(578%) hue-rotate(319deg) brightness(91%) contrast(120%);
    }

    .icon-color-error-100-mobile {
        filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(1671%) hue-rotate(314deg) brightness(107%) contrast(99%);
    }

    .icon-color-error-200-mobile {
        filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(462%) hue-rotate(311deg) brightness(151%) contrast(99%);
    }

    .icon-color-error-300-mobile {
        filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(1989%) hue-rotate(302deg) brightness(116%) contrast(98%);
    }

    .icon-color-error-400-mobile {
        filter: brightness(0) saturate(100%) invert(71%) sepia(90%) saturate(2985%) hue-rotate(314deg) brightness(97%) contrast(101%);
    }

    .icon-color-error-500-mobile {
        filter: brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(2254%) hue-rotate(335deg) brightness(116%) contrast(88%);
    }

    .icon-color-error-600-mobile {
        filter: brightness(0) saturate(100%) invert(27%) sepia(87%) saturate(1765%) hue-rotate(341deg) brightness(85%) contrast(104%);
    }

    .icon-color-error-700-mobile {
        filter: brightness(0) saturate(100%) invert(15%) sepia(74%) saturate(4160%) hue-rotate(353deg) brightness(90%) contrast(90%);
    }

    .icon-color-error-800-mobile {
        filter: brightness(0) saturate(100%) invert(9%) sepia(56%) saturate(3145%) hue-rotate(351deg) brightness(96%) contrast(96%);
    }

    .icon-color-error-900-mobile {
        filter: brightness(0) saturate(100%) invert(9%) sepia(62%) saturate(1757%) hue-rotate(335deg) brightness(95%) contrast(104%);
    }

    .icon-color-shades-0-mobile {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
    }

    .icon-color-shades-100-mobile {
        filter: brightness(0) saturate(100%);
    }

    .icon-color-dark-50-mobile {
        filter: brightness(0) saturate(100%) invert(43%) sepia(19%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-100-mobile {
        filter: brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(57%) hue-rotate(173deg) brightness(101%) contrast(92%);
    }

    .icon-color-dark-200-mobile {
        filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(95%) contrast(92%);
    }

    .icon-color-dark-300-mobile {
        filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(103%) contrast(88%);
    }

    .icon-color-dark-400-mobile {
        filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(89%);
    }

    .icon-color-dark-500-mobile {
        filter: brightness(0) saturate(100%) invert(12%) sepia(66%) saturate(0%) hue-rotate(131deg) brightness(99%) contrast(92%);
    }

    .icon-color-dark-600-mobile {
        filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(962%) hue-rotate(337deg) brightness(90%) contrast(73%);
    }

    .icon-color-dark-700-mobile {
        filter: brightness(0) saturate(100%) invert(0%) sepia(18%) saturate(4063%) hue-rotate(333deg) brightness(84%) contrast(82%);
    }

    .icon-color-dark-800-mobile {
        filter: brightness(0) saturate(100%) invert(0%) sepia(15%) saturate(30%) hue-rotate(352deg) brightness(106%) contrast(86%);
    }

    .icon-color-dark-900-mobile {
        filter: brightness(0) saturate(100%) invert(0%) sepia(44%) saturate(3213%) hue-rotate(16deg) brightness(101%) contrast(93%);
    }

    .horizontal-neutral-50-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-50);
    }

    .horizontal-neutral-100-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-100);
    }

    .horizontal-neutral-200-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-200);
    }

    .horizontal-neutral-300-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-300);
    }

    .horizontal-neutral-400-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-400);
    }

    .horizontal-neutral-500-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-500);
    }

    .horizontal-neutral-600-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-600);
    }

    .horizontal-neutral-700-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-700);
    }

    .horizontal-neutral-800-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-800);
    }

    .horizontal-neutral-900-mobile {
        border: none;
        border-bottom: 1px solid var(--neutral-900);
    }

    .horizontal-primary-50-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-50);
    }

    .horizontal-primary-100-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-100);
    }

    .horizontal-primary-200-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-200);
    }

    .horizontal-primary-300-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-300);
    }

    .horizontal-primary-400-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-400);
    }

    .horizontal-primary-500-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-500);
    }

    .horizontal-primary-600-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-600);
    }

    .horizontal-primary-700-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-700);
    }

    .horizontal-primary-800-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-800);
    }

    .horizontal-primary-900-mobile {
        border: none;
        border-bottom: 1px solid var(--primary-900);
    }

    .horizontal-success-50-mobile {
        border: none;
        border-bottom: 1px solid var(--success-50);
    }

    .horizontal-success-100-mobile {
        border: none;
        border-bottom: 1px solid var(--success-100);
    }

    .horizontal-success-200-mobile {
        border: none;
        border-bottom: 1px solid var(--success-200);
    }

    .horizontal-success-300-mobile {
        border: none;
        border-bottom: 1px solid var(--success-300);
    }

    .horizontal-success-400-mobile {
        border: none;
        border-bottom: 1px solid var(--success-400);
    }

    .horizontal-success-500-mobile {
        border: none;
        border-bottom: 1px solid var(--success-500);
    }

    .horizontal-success-600-mobile {
        border: none;
        border-bottom: 1px solid var(--success-600);
    }

    .horizontal-success-700-mobile {
        border: none;
        border-bottom: 1px solid var(--success-700);
    }

    .horizontal-success-800-mobile {
        border: none;
        border-bottom: 1px solid var(--success-800);
    }

    .horizontal-success-900-mobile {
        border: none;
        border-bottom: 1px solid var(--success-900);
    }

    .horizontal-warning-50-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-50);
    }

    .horizontal-warning-100-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-100);
    }

    .horizontal-warning-200-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-200);
    }

    .horizontal-warning-300-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-300);
    }

    .horizontal-warning-400-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-400);
    }

    .horizontal-warning-500-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-500);
    }

    .horizontal-warning-600-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-600);
    }

    .horizontal-warning-700-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-700);
    }

    .horizontal-warning-800-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-800);
    }

    .horizontal-warning-900-mobile {
        border: none;
        border-bottom: 1px solid var(--warning-900);
    }

    .horizontal-error-50-mobile {
        border: none;
        border-bottom: 1px solid var(--error-50);
    }

    .horizontal-error-100-mobile {
        border: none;
        border-bottom: 1px solid var(--error-100);
    }

    .horizontal-error-200-mobile {
        border: none;
        border-bottom: 1px solid var(--error-200);
    }

    .horizontal-error-300-mobile {
        border: none;
        border-bottom: 1px solid var(--error-300);
    }

    .horizontal-error-400-mobile {
        border: none;
        border-bottom: 1px solid var(--error-400);
    }

    .horizontal-error-500-mobile {
        border: none;
        border-bottom: 1px solid var(--error-500);
    }

    .horizontal-error-600-mobile {
        border: none;
        border-bottom: 1px solid var(--error-600);
    }

    .horizontal-error-700-mobile {
        border: none;
        border-bottom: 1px solid var(--error-700);
    }

    .horizontal-error-800-mobile {
        border: none;
        border-bottom: 1px solid var(--error-800);
    }

    .horizontal-error-900-mobile {
        border: none;
        border-bottom: 1px solid var(--error-900);
    }

    .horizontal-shades-0-mobile {
        border: none;
        border-bottom: 1px solid var(--shades-0);
    }

    .horizontal-shades-100-mobile {
        border: none;
        border-bottom: 1px solid var(--shades-100);
    }

    .horizontal-dark-50-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-50);
    }

    .horizontal-dark-100-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-100);
    }

    .horizontal-dark-200-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-200);
    }

    .horizontal-dark-300-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-300);
    }

    .horizontal-dark-400-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-400);
    }

    .horizontal-dark-500-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-500);
    }

    .horizontal-dark-600-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-600);
    }

    .horizontal-dark-700-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-700);
    }

    .horizontal-dark-800-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-800);
    }

    .horizontal-dark-900-mobile {
        border: none;
        border-bottom: 1px solid var(--dark-900);
    }

    .vertical-neutral-50-mobile {
        border: none;
        border-right: 1px solid var(--neutral-50);
        height: 100%;
    }

    .vertical-neutral-100-mobile {
        border: none;
        border-right: 1px solid var(--neutral-100);
        height: 100%;
    }

    .vertical-neutral-200-mobile {
        border: none;
        border-right: 1px solid var(--neutral-200);
        height: 100%;
    }

    .vertical-neutral-300-mobile {
        border: none;
        border-right: 1px solid var(--neutral-300);
        height: 100%;
    }

    .vertical-neutral-400-mobile {
        border: none;
        border-right: 1px solid var(--neutral-400);
        height: 100%;
    }

    .vertical-neutral-500-mobile {
        border: none;
        border-right: 1px solid var(--neutral-500);
        height: 100%;
    }

    .vertical-neutral-600-mobile {
        border: none;
        border-right: 1px solid var(--neutral-600);
        height: 100%;
    }

    .vertical-neutral-700-mobile {
        border: none;
        border-right: 1px solid var(--neutral-700);
        height: 100%;
    }

    .vertical-neutral-800-mobile {
        border: none;
        border-right: 1px solid var(--neutral-800);
        height: 100%;
    }

    .vertical-neutral-900-mobile {
        border: none;
        border-right: 1px solid var(--neutral-900);
        height: 100%;
    }

    .vertical-primary-50-mobile {
        border: none;
        border-right: 1px solid var(--primary-50);
        height: 100%;
    }

    .vertical-primary-100-mobile {
        border: none;
        border-right: 1px solid var(--primary-100);
        height: 100%;
    }

    .vertical-primary-200-mobile {
        border: none;
        border-right: 1px solid var(--primary-200);
        height: 100%;
    }

    .vertical-primary-300-mobile {
        border: none;
        border-right: 1px solid var(--primary-300);
        height: 100%;
    }

    .vertical-primary-400-mobile {
        border: none;
        border-right: 1px solid var(--primary-400);
        height: 100%;
    }

    .vertical-primary-500-mobile {
        border: none;
        border-right: 1px solid var(--primary-500);
        height: 100%;
    }

    .vertical-primary-600-mobile {
        border: none;
        border-right: 1px solid var(--primary-600);
        height: 100%;
    }

    .vertical-primary-700-mobile {
        border: none;
        border-right: 1px solid var(--primary-700);
        height: 100%;
    }

    .vertical-primary-800-mobile {
        border: none;
        border-right: 1px solid var(--primary-800);
        height: 100%;
    }

    .vertical-primary-900-mobile {
        border: none;
        border-right: 1px solid var(--primary-900);
        height: 100%;
    }

    .vertical-success-50-mobile {
        border: none;
        border-right: 1px solid var(--success-50);
        height: 100%;
    }

    .vertical-success-100-mobile {
        border: none;
        border-right: 1px solid var(--success-100);
        height: 100%;
    }

    .vertical-success-200-mobile {
        border: none;
        border-right: 1px solid var(--success-200);
        height: 100%;
    }

    .vertical-success-300-mobile {
        border: none;
        border-right: 1px solid var(--success-300);
        height: 100%;
    }

    .vertical-success-400-mobile {
        border: none;
        border-right: 1px solid var(--success-400);
        height: 100%;
    }

    .vertical-success-500-mobile {
        border: none;
        border-right: 1px solid var(--success-500);
        height: 100%;
    }

    .vertical-success-600-mobile {
        border: none;
        border-right: 1px solid var(--success-600);
        height: 100%;
    }

    .vertical-success-700-mobile {
        border: none;
        border-right: 1px solid var(--success-700);
        height: 100%;
    }

    .vertical-success-800-mobile {
        border: none;
        border-right: 1px solid var(--success-800);
        height: 100%;
    }

    .vertical-success-900-mobile {
        border: none;
        border-right: 1px solid var(--success-900);
        height: 100%;
    }

    .vertical-warning-50-mobile {
        border: none;
        border-right: 1px solid var(--warning-50);
        height: 100%;
    }

    .vertical-warning-100-mobile {
        border: none;
        border-right: 1px solid var(--warning-100);
        height: 100%;
    }

    .vertical-warning-200-mobile {
        border: none;
        border-right: 1px solid var(--warning-200);
        height: 100%;
    }

    .vertical-warning-300-mobile {
        border: none;
        border-right: 1px solid var(--warning-300);
        height: 100%;
    }

    .vertical-warning-400-mobile {
        border: none;
        border-right: 1px solid var(--warning-400);
        height: 100%;
    }

    .vertical-warning-500-mobile {
        border: none;
        border-right: 1px solid var(--warning-500);
        height: 100%;
    }

    .vertical-warning-600-mobile {
        border: none;
        border-right: 1px solid var(--warning-600);
        height: 100%;
    }

    .vertical-warning-700-mobile {
        border: none;
        border-right: 1px solid var(--warning-700);
        height: 100%;
    }

    .vertical-warning-800-mobile {
        border: none;
        border-right: 1px solid var(--warning-800);
        height: 100%;
    }

    .vertical-warning-900-mobile {
        border: none;
        border-right: 1px solid var(--warning-900);
        height: 100%;
    }

    .vertical-error-50-mobile {
        border: none;
        border-right: 1px solid var(--error-50);
        height: 100%;
    }

    .vertical-error-100-mobile {
        border: none;
        border-right: 1px solid var(--error-100);
        height: 100%;
    }

    .vertical-error-200-mobile {
        border: none;
        border-right: 1px solid var(--error-200);
        height: 100%;
    }

    .vertical-error-300-mobile {
        border: none;
        border-right: 1px solid var(--error-300);
        height: 100%;
    }

    .vertical-error-400-mobile {
        border: none;
        border-right: 1px solid var(--error-400);
        height: 100%;
    }

    .vertical-error-500-mobile {
        border: none;
        border-right: 1px solid var(--error-500);
        height: 100%;
    }

    .vertical-error-600-mobile {
        border: none;
        border-right: 1px solid var(--error-600);
        height: 100%;
    }

    .vertical-error-700-mobile {
        border: none;
        border-right: 1px solid var(--error-700);
        height: 100%;
    }

    .vertical-error-800-mobile {
        border: none;
        border-right: 1px solid var(--error-800);
        height: 100%;
    }

    .vertical-error-900-mobile {
        border: none;
        border-right: 1px solid var(--error-900);
        height: 100%;
    }

    .vertical-shades-0-mobile {
        border: none;
        border-right: 1px solid var(--shades-0);
        height: 100%;
    }

    .vertical-shades-100-mobile {
        border: none;
        border-right: 1px solid var(--shades-100);
        height: 100%;
    }

    .vertical-dark-50-mobile {
        border: none;
        border-right: 1px solid var(--dark-50);
        height: 100%;
    }

    .vertical-dark-100-mobile {
        border: none;
        border-right: 1px solid var(--dark-100);
        height: 100%;
    }

    .vertical-dark-200-mobile {
        border: none;
        border-right: 1px solid var(--dark-200);
        height: 100%;
    }

    .vertical-dark-300-mobile {
        border: none;
        border-right: 1px solid var(--dark-300);
        height: 100%;
    }

    .vertical-dark-400-mobile {
        border: none;
        border-right: 1px solid var(--dark-400);
        height: 100%;
    }

    .vertical-dark-500-mobile {
        border: none;
        border-right: 1px solid var(--dark-500);
        height: 100%;
    }

    .vertical-dark-600-mobile {
        border: none;
        border-right: 1px solid var(--dark-600);
        height: 100%;
    }

    .vertical-dark-700-mobile {
        border: none;
        border-right: 1px solid var(--dark-700);
        height: 100%;
    }

    .vertical-dark-800-mobile {
        border: none;
        border-right: 1px solid var(--dark-800);
        height: 100%;
    }

    .vertical-dark-900-mobile {
        border: none;
        border-right: 1px solid var(--dark-900);
        height: 100%;
    }

    /* 2. Spacing */
    /* 2.1. Gaps */
    .gap-none-mobile {
        gap: var(--spacing-none);
    }

    .gap-xxs-mobile {
        gap: var(--spacing-xxs);
    }

    .gap-xs-mobile {
        gap: var(--spacing-xs);
    }

    .gap-sm-mobile {
        gap: var(--spacing-sm);
    }

    .gap-md-mobile {
        gap: var(--spacing-md);
    }

    .gap-lg-mobile {
        gap: var(--spacing-lg);
    }

    .gap-xl-mobile {
        gap: var(--spacing-xl);
    }

    .gap-2xl-mobile {
        gap: var(--spacing-2xl);
    }

    .gap-3xl-mobile {
        gap: var(--spacing-3xl);
    }

    .gap-4xl-mobile {
        gap: var(--spacing-4xl);
    }

    .gap-5xl-mobile {
        gap: var(--spacing-5xl);
    }

    .gap-6xl-mobile {
        gap: var(--spacing-6xl);
    }

    .gap-7xl-mobile {
        gap: var(--spacing-7xl);
    }

    .gap-8xl-mobile {
        gap: var(--spacing-8xl);
    }

    .gap-9xl-mobile {
        gap: var(--spacing-9xl);
    }

    .gap-10xl-mobile {
        gap: var(--spacing-10xl);
    }

    .gap-11xl-mobile {
        gap: var(--spacing-11xl);
    }

    /* 2.2. Paddings */
    .padding-none-mobile {
        padding: var(--spacing-none);
    }

    .padding-xxs-mobile {
        padding: var(--spacing-xxs);
    }

    .padding-xs-mobile {
        padding: var(--spacing-xs);
    }

    .padding-sm-mobile {
        padding: var(--spacing-sm);
    }

    .padding-md-mobile {
        padding: var(--spacing-md);
    }

    .padding-lg-mobile {
        padding: var(--spacing-lg);
    }

    .padding-xl-mobile {
        padding: var(--spacing-xl);
    }

    .padding-2xl-mobile {
        padding: var(--spacing-2xl);
    }

    .padding-3xl-mobile {
        padding: var(--spacing-3xl);
    }

    .padding-4xl-mobile {
        padding: var(--spacing-4xl);
    }

    .padding-5xl-mobile {
        padding: var(--spacing-5xl);
    }

    .padding-6xl-mobile {
        padding: var(--spacing-6xl);
    }

    .padding-7xl-mobile {
        padding: var(--spacing-7xl);
    }

    .padding-8xl-mobile {
        padding: var(--spacing-8xl);
    }

    .padding-9xl-mobile {
        padding: var(--spacing-9xl);
    }

    .padding-10xl-mobile {
        padding: var(--spacing-10xl);
    }

    .padding-11xl-mobile {
        padding: var(--spacing-11xl);
    }

    .padding-none-y-mobile {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-y-mobile {
        padding-top: var(--spacing-xxs);
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-y-mobile {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-y-mobile {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-y-mobile {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-y-mobile {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-y-mobile {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-y-mobile {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-y-mobile {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-y-mobile {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-y-mobile {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-y-mobile {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-y-mobile {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-y-mobile {
        padding-top: var(--spacing-8xl);
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-y-mobile {
        padding-top: var(--spacing-9xl);
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-y-mobile {
        padding-top: var(--spacing-10xl);
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-y-mobile {
        padding-top: var(--spacing-11xl);
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-x-mobile {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none);
    }

    .padding-xxs-x-mobile {
        padding-left: var(--spacing-xxs);
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-x-mobile {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    .padding-sm-x-mobile {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .padding-md-x-mobile {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

    .padding-lg-x-mobile {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .padding-xl-x-mobile {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-x-mobile {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-x-mobile {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-x-mobile {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-x-mobile {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-x-mobile {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-x-mobile {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-x-mobile {
        padding-left: var(--spacing-8xl);
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-x-mobile {
        padding-left: var(--spacing-9xl);
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-x-mobile {
        padding-left: var(--spacing-10xl);
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-x-mobile {
        padding-left: var(--spacing-11xl);
        padding-right: var(--spacing-11xl);
    }

    .padding-none-top-mobile {
        padding-top: var(--spacing-none);
    }

    .padding-xxs-top-mobile {
        padding-top: var(--spacing-xxs);
    }

    .padding-xs-top-mobile {
        padding-top: var(--spacing-xs);
    }

    .padding-sm-top-mobile {
        padding-top: var(--spacing-sm);
    }

    .padding-md-top-mobile {
        padding-top: var(--spacing-md);
    }

    .padding-lg-top-mobile {
        padding-top: var(--spacing-lg);
    }

    .padding-xl-top-mobile {
        padding-top: var(--spacing-xl);
    }

    .padding-2xl-top-mobile {
        padding-top: var(--spacing-2xl);
    }

    .padding-3xl-top-mobile {
        padding-top: var(--spacing-3xl);
    }

    .padding-4xl-top-mobile {
        padding-top: var(--spacing-4xl);
    }

    .padding-5xl-top-mobile {
        padding-top: var(--spacing-5xl);
    }

    .padding-6xl-top-mobile {
        padding-top: var(--spacing-6xl);
    }

    .padding-7xl-top-mobile {
        padding-top: var(--spacing-7xl);
    }

    .padding-8xl-top-mobile {
        padding-top: var(--spacing-8xl);
    }

    .padding-9xl-top-mobile {
        padding-top: var(--spacing-9xl);
    }

    .padding-10xl-top-mobile {
        padding-top: var(--spacing-10xl);
    }

    .padding-11xl-top-mobile {
        padding-top: var(--spacing-11xl);
    }

    .padding-none-right-mobile {
        padding-right: var(--spacing-none);
    }

    .padding-xxs-right-mobile {
        padding-right: var(--spacing-xxs);
    }

    .padding-xs-right-mobile {
        padding-right: var(--spacing-xs);
    }

    .padding-sm-right-mobile {
        padding-right: var(--spacing-sm);
    }

    .padding-md-right-mobile {
        padding-right: var(--spacing-md);
    }

    .padding-lg-right-mobile {
        padding-right: var(--spacing-lg);
    }

    .padding-xl-right-mobile {
        padding-right: var(--spacing-xl);
    }

    .padding-2xl-right-mobile {
        padding-right: var(--spacing-2xl);
    }

    .padding-3xl-right-mobile {
        padding-right: var(--spacing-3xl);
    }

    .padding-4xl-right-mobile {
        padding-right: var(--spacing-4xl);
    }

    .padding-5xl-right-mobile {
        padding-right: var(--spacing-5xl);
    }

    .padding-6xl-right-mobile {
        padding-right: var(--spacing-6xl);
    }

    .padding-7xl-right-mobile {
        padding-right: var(--spacing-7xl);
    }

    .padding-8xl-right-mobile {
        padding-right: var(--spacing-8xl);
    }

    .padding-9xl-right-mobile {
        padding-right: var(--spacing-9xl);
    }

    .padding-10xl-right-mobile {
        padding-right: var(--spacing-10xl);
    }

    .padding-11xl-right-mobile {
        padding-right: var(--spacing-11xl);
    }

    .padding-none-bottom-mobile {
        padding-bottom: var(--spacing-none);
    }

    .padding-xxs-bottom-mobile {
        padding-bottom: var(--spacing-xxs);
    }

    .padding-xs-bottom-mobile {
        padding-bottom: var(--spacing-xs);
    }

    .padding-sm-bottom-mobile {
        padding-bottom: var(--spacing-sm);
    }

    .padding-md-bottom-mobile {
        padding-bottom: var(--spacing-md);
    }

    .padding-lg-bottom-mobile {
        padding-bottom: var(--spacing-lg);
    }

    .padding-xl-bottom-mobile {
        padding-bottom: var(--spacing-xl);
    }

    .padding-2xl-bottom-mobile {
        padding-bottom: var(--spacing-2xl);
    }

    .padding-3xl-bottom-mobile {
        padding-bottom: var(--spacing-3xl);
    }

    .padding-4xl-bottom-mobile {
        padding-bottom: var(--spacing-4xl);
    }

    .padding-5xl-bottom-mobile {
        padding-bottom: var(--spacing-5xl);
    }

    .padding-6xl-bottom-mobile {
        padding-bottom: var(--spacing-6xl);
    }

    .padding-7xl-bottom-mobile {
        padding-bottom: var(--spacing-7xl);
    }

    .padding-8xl-bottom-mobile {
        padding-bottom: var(--spacing-8xl);
    }

    .padding-9xl-bottom-mobile {
        padding-bottom: var(--spacing-9xl);
    }

    .padding-10xl-bottom-mobile {
        padding-bottom: var(--spacing-10xl);
    }

    .padding-11xl-bottom-mobile {
        padding-bottom: var(--spacing-11xl);
    }

    .padding-none-left-mobile {
        padding-left: var(--spacing-none);
    }

    .padding-xxs-left-mobile {
        padding-left: var(--spacing-xxs);
    }

    .padding-xs-left-mobile {
        padding-left: var(--spacing-xs);
    }

    .padding-sm-left-mobile {
        padding-left: var(--spacing-sm);
    }

    .padding-md-left-mobile {
        padding-left: var(--spacing-md);
    }

    .padding-lg-left-mobile {
        padding-left: var(--spacing-lg);
    }

    .padding-xl-left-mobile {
        padding-left: var(--spacing-xl);
    }

    .padding-2xl-left-mobile {
        padding-left: var(--spacing-2xl);
    }

    .padding-3xl-left-mobile {
        padding-left: var(--spacing-3xl);
    }

    .padding-4xl-left-mobile {
        padding-left: var(--spacing-4xl);
    }

    .padding-5xl-left-mobile {
        padding-left: var(--spacing-5xl);
    }

    .padding-6xl-left-mobile {
        padding-left: var(--spacing-6xl);
    }

    .padding-7xl-left-mobile {
        padding-left: var(--spacing-7xl);
    }

    .padding-8xl-left-mobile {
        padding-left: var(--spacing-8xl);
    }

    .padding-9xl-left-mobile {
        padding-left: var(--spacing-9xl);
    }

    .padding-10xl-left-mobile {
        padding-left: var(--spacing-10xl);
    }

    .padding-11xl-left-mobile {
        padding-left: var(--spacing-11xl);
    }

    /* 2.3. Icons */
    .icon-none-mobile {
        width: var(--spacing-none);
    }

    .icon-xxs-mobile {
        width: var(--spacing-xxs);
    }

    .icon-xs-mobile {
        width: var(--spacing-xs);
    }

    .icon-sm-mobile {
        width: var(--spacing-sm);
    }

    .icon-md-mobile {
        width: var(--spacing-md);
    }

    .icon-lg-mobile {
        width: var(--spacing-lg);
    }

    .icon-xl-mobile {
        width: var(--spacing-xl);
    }

    .icon-2xl-mobile {
        width: var(--spacing-2xl);
    }

    .icon-3xl-mobile {
        width: var(--spacing-3xl);
    }

    .icon-4xl-mobile {
        width: var(--spacing-4xl);
    }

    .icon-5xl-mobile {
        width: var(--spacing-5xl);
    }

    .icon-6xl-mobile {
        width: var(--spacing-6xl);
    }

    .icon-7xl-mobile {
        width: var(--spacing-7xl);
    }

    .icon-8xl-mobile {
        width: var(--spacing-8xl);
    }

    .icon-9xl-mobile {
        width: var(--spacing-9xl);
    }

    .icon-10xl-mobile {
        width: var(--spacing-10xl);
    }

    .icon-11xl-mobile {
        width: var(--spacing-11xl);
    }

    /* 2.4. Border Radius */
    .border-radius-none-mobile {
        border-radius: var(--radius-none);
    }

    .border-radius-xxs-mobile {
        border-radius: var(--radius-xxs);
    }

    .border-radius-xs-mobile {
        border-radius: var(--radius-xs);
    }

    .border-radius-sm-mobile {
        border-radius: var(--radius-sm);
    }

    .border-radius-md-mobile {
        border-radius: var(--radius-md);
    }

    .border-radius-lg-mobile {
        border-radius: var(--radius-lg);
    }

    .border-radius-xl-mobile {
        border-radius: var(--radius-xl);
    }

    .border-radius-2xl-mobile {
        border-radius: var(--radius-2xl);
    }

    .border-radius-3xl-mobile {
        border-radius: var(--radius-3xl);
    }

    .border-radius-4xl-mobile {
        border-radius: var(--radius-4xl);
    }

    .border-radius-full-mobile {
        border-radius: var(--radius-full);
    }

    .border-radius-top-none-mobile {
        border-top-left-radius: var(--radius-none);
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-xxs-mobile {
        border-top-left-radius: var(--radius-xxs);
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-xs-mobile {
        border-top-left-radius: var(--radius-xs);
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-sm-mobile {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-md-mobile {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-lg-mobile {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-xl-mobile {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-2xl-mobile {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-3xl-mobile {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-4xl-mobile {
        border-top-left-radius: var(--radius-4xl);
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-full-mobile {
        border-top-left-radius: var(--radius-full);
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-right-none-mobile {
        border-top-right-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-right-xxs-mobile {
        border-top-right-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-right-xs-mobile {
        border-top-right-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-right-sm-mobile {
        border-top-right-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-right-md-mobile {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-right-lg-mobile {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-right-xl-mobile {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-right-2xl-mobile {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-right-3xl-mobile {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-right-4xl-mobile {
        border-top-right-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-right-full-mobile {
        border-top-right-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-none-mobile {
        border-bottom-left-radius: var(--radius-none);
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-xxs-mobile {
        border-bottom-left-radius: var(--radius-xxs);
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-xs-mobile {
        border-bottom-left-radius: var(--radius-xs);
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-sm-mobile {
        border-bottom-left-radius: var(--radius-sm);
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-md-mobile {
        border-bottom-left-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-lg-mobile {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-xl-mobile {
        border-bottom-left-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-2xl-mobile {
        border-bottom-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-3xl-mobile {
        border-bottom-left-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-4xl-mobile {
        border-bottom-left-radius: var(--radius-4xl);
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-full-mobile {
        border-bottom-left-radius: var(--radius-full);
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-left-none-mobile {
        border-top-left-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-left-xxs-mobile {
        border-top-left-radius: var(--radius-xxs);
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-left-xs-mobile {
        border-top-left-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-left-sm-mobile {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-left-md-mobile {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-left-lg-mobile {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-left-xl-mobile {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-left-2xl-mobile {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-left-3xl-mobile {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-left-4xl-mobile {
        border-top-left-radius: var(--radius-4xl);
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-left-full-mobile {
        border-top-left-radius: var(--radius-full);
        border-bottom-left-radius: var(--radius-full);
    }

    .border-radius-top-left-none-mobile {
        border-top-left-radius: var(--radius-none);
    }

    .border-radius-top-left-xxs-mobile {
        border-top-left-radius: var(--radius-xxs);
    }

    .border-radius-top-left-xs-mobile {
        border-top-left-radius: var(--radius-xs);
    }

    .border-radius-top-left-sm-mobile {
        border-top-left-radius: var(--radius-sm);
    }

    .border-radius-top-left-md-mobile {
        border-top-left-radius: var(--radius-md);
    }

    .border-radius-top-left-lg-mobile {
        border-top-left-radius: var(--radius-lg);
    }

    .border-radius-top-left-xl-mobile {
        border-top-left-radius: var(--radius-xl);
    }

    .border-radius-top-left-2xl-mobile {
        border-top-left-radius: var(--radius-2xl);
    }

    .border-radius-top-left-3xl-mobile {
        border-top-left-radius: var(--radius-3xl);
    }

    .border-radius-top-left-4xl-mobile {
        border-top-left-radius: var(--radius-4xl);
    }

    .border-radius-top-left-full-mobile {
        border-top-left-radius: var(--radius-full);
    }

    .border-radius-top-right-none-mobile {
        border-top-right-radius: var(--radius-none);
    }

    .border-radius-top-right-xxs-mobile {
        border-top-right-radius: var(--radius-xxs);
    }

    .border-radius-top-right-xs-mobile {
        border-top-right-radius: var(--radius-xs);
    }

    .border-radius-top-right-sm-mobile {
        border-top-right-radius: var(--radius-sm);
    }

    .border-radius-top-right-md-mobile {
        border-top-right-radius: var(--radius-md);
    }

    .border-radius-top-right-lg-mobile {
        border-top-right-radius: var(--radius-lg);
    }

    .border-radius-top-right-xl-mobile {
        border-top-right-radius: var(--radius-xl);
    }

    .border-radius-top-right-2xl-mobile {
        border-top-right-radius: var(--radius-2xl);
    }

    .border-radius-top-right-3xl-mobile {
        border-top-right-radius: var(--radius-3xl);
    }

    .border-radius-top-right-4xl-mobile {
        border-top-right-radius: var(--radius-4xl);
    }

    .border-radius-top-right-full-mobile {
        border-top-right-radius: var(--radius-full);
    }

    .border-radius-bottom-right-none-mobile {
        border-bottom-right-radius: var(--radius-none);
    }

    .border-radius-bottom-right-xxs-mobile {
        border-bottom-right-radius: var(--radius-xxs);
    }

    .border-radius-bottom-right-xs-mobile {
        border-bottom-right-radius: var(--radius-xs);
    }

    .border-radius-bottom-right-sm-mobile {
        border-bottom-right-radius: var(--radius-sm);
    }

    .border-radius-bottom-right-md-mobile {
        border-bottom-right-radius: var(--radius-md);
    }

    .border-radius-bottom-right-lg-mobile {
        border-bottom-right-radius: var(--radius-lg);
    }

    .border-radius-bottom-right-xl-mobile {
        border-bottom-right-radius: var(--radius-xl);
    }

    .border-radius-bottom-right-2xl-mobile {
        border-bottom-right-radius: var(--radius-2xl);
    }

    .border-radius-bottom-right-3xl-mobile {
        border-bottom-right-radius: var(--radius-3xl);
    }

    .border-radius-bottom-right-4xl-mobile {
        border-bottom-right-radius: var(--radius-4xl);
    }

    .border-radius-bottom-right-full-mobile {
        border-bottom-right-radius: var(--radius-full);
    }

    .border-radius-bottom-left-none-mobile {
        border-bottom-left-radius: var(--radius-none);
    }

    .border-radius-bottom-left-xxs-mobile {
        border-bottom-left-radius: var(--radius-xxs);
    }

    .border-radius-bottom-left-xs-mobile {
        border-bottom-left-radius: var(--radius-xs);
    }

    .border-radius-bottom-left-sm-mobile {
        border-bottom-left-radius: var(--radius-sm);
    }

    .border-radius-bottom-left-md-mobile {
        border-bottom-left-radius: var(--radius-md);
    }

    .border-radius-bottom-left-lg-mobile {
        border-bottom-left-radius: var(--radius-lg);
    }

    .border-radius-bottom-left-xl-mobile {
        border-bottom-left-radius: var(--radius-xl);
    }

    .border-radius-bottom-left-2xl-mobile {
        border-bottom-left-radius: var(--radius-2xl);
    }

    .border-radius-bottom-left-3xl-mobile {
        border-bottom-left-radius: var(--radius-3xl);
    }

    .border-radius-bottom-left-4xl-mobile {
        border-bottom-left-radius: var(--radius-4xl);
    }

    .border-radius-bottom-left-full-mobile {
        border-bottom-left-radius: var(--radius-full);
    }

    /* 2.5. Positions */
    .top-none-mobile {
        top: var(--spacing-none);
    }

    .top-xxs-mobile {
        top: var(--spacing-xxs);
    }

    .top-xs-mobile {
        top: var(--spacing-xs);
    }

    .top-sm-mobile {
        top: var(--spacing-sm);
    }

    .top-md-mobile {
        top: var(--spacing-md);
    }

    .top-lg-mobile {
        top: var(--spacing-lg);
    }

    .top-xl-mobile {
        top: var(--spacing-xl);
    }

    .top-2xl-mobile {
        top: var(--spacing-2xl);
    }

    .top-3xl-mobile {
        top: var(--spacing-3xl);
    }

    .top-4xl-mobile {
        top: var(--spacing-4xl);
    }

    .top-5xl-mobile {
        top: var(--spacing-5xl);
    }

    .top-6xl-mobile {
        top: var(--spacing-6xl);
    }

    .top-7xl-mobile {
        top: var(--spacing-7xl);
    }

    .top-8xl-mobile {
        top: var(--spacing-8xl);
    }

    .top-9xl-mobile {
        top: var(--spacing-9xl);
    }

    .top-10xl-mobile {
        top: var(--spacing-10xl);
    }

    .top-11xl-mobile {
        top: var(--spacing-11xl);
    }

    .right-none-mobile {
        right: var(--spacing-none);
    }

    .right-xxs-mobile {
        right: var(--spacing-xxs);
    }

    .right-xs-mobile {
        right: var(--spacing-xs);
    }

    .right-sm-mobile {
        right: var(--spacing-sm);
    }

    .right-md-mobile {
        right: var(--spacing-md);
    }

    .right-lg-mobile {
        right: var(--spacing-lg);
    }

    .right-xl-mobile {
        right: var(--spacing-xl);
    }

    .right-2xl-mobile {
        right: var(--spacing-2xl);
    }

    .right-3xl-mobile {
        right: var(--spacing-3xl);
    }

    .right-4xl-mobile {
        right: var(--spacing-4xl);
    }

    .right-5xl-mobile {
        right: var(--spacing-5xl);
    }

    .right-6xl-mobile {
        right: var(--spacing-6xl);
    }

    .right-7xl-mobile {
        right: var(--spacing-7xl);
    }

    .right-8xl-mobile {
        right: var(--spacing-8xl);
    }

    .right-9xl-mobile {
        right: var(--spacing-9xl);
    }

    .right-10xl-mobile {
        right: var(--spacing-10xl);
    }

    .right-11xl-mobile {
        right: var(--spacing-11xl);
    }

    .bottom-none-mobile {
        bottom: var(--spacing-none);
    }

    .bottom-xxs-mobile {
        bottom: var(--spacing-xxs);
    }

    .bottom-xs-mobile {
        bottom: var(--spacing-xs);
    }

    .bottom-sm-mobile {
        bottom: var(--spacing-sm);
    }

    .bottom-md-mobile {
        bottom: var(--spacing-md);
    }

    .bottom-lg-mobile {
        bottom: var(--spacing-lg);
    }

    .bottom-xl-mobile {
        bottom: var(--spacing-xl);
    }

    .bottom-2xl-mobile {
        bottom: var(--spacing-2xl);
    }

    .bottom-3xl-mobile {
        bottom: var(--spacing-3xl);
    }

    .bottom-4xl-mobile {
        bottom: var(--spacing-4xl);
    }

    .bottom-5xl-mobile {
        bottom: var(--spacing-5xl);
    }

    .bottom-6xl-mobile {
        bottom: var(--spacing-6xl);
    }

    .bottom-7xl-mobile {
        bottom: var(--spacing-7xl);
    }

    .bottom-8xl-mobile {
        bottom: var(--spacing-8xl);
    }

    .bottom-9xl-mobile {
        bottom: var(--spacing-9xl);
    }

    .bottom-10xl-mobile {
        bottom: var(--spacing-10xl);
    }

    .bottom-11xl-mobile {
        bottom: var(--spacing-11xl);
    }

    .left-none-mobile {
        left: var(--spacing-none);
    }

    .left-xxs-mobile {
        left: var(--spacing-xxs);
    }

    .left-xs-mobile {
        left: var(--spacing-xs);
    }

    .left-sm-mobile {
        left: var(--spacing-sm);
    }

    .left-md-mobile {
        left: var(--spacing-md);
    }

    .left-lg-mobile {
        left: var(--spacing-lg);
    }

    .left-xl-mobile {
        left: var(--spacing-xl);
    }

    .left-2xl-mobile {
        left: var(--spacing-2xl);
    }

    .left-3xl-mobile {
        left: var(--spacing-3xl);
    }

    .left-4xl-mobile {
        left: var(--spacing-4xl);
    }

    .left-5xl-mobile {
        left: var(--spacing-5xl);
    }

    .left-6xl-mobile {
        left: var(--spacing-6xl);
    }

    .left-7xl-mobile {
        left: var(--spacing-7xl);
    }

    .left-8xl-mobile {
        left: var(--spacing-8xl);
    }

    .left-9xl-mobile {
        left: var(--spacing-9xl);
    }

    .left-10xl-mobile {
        left: var(--spacing-10xl);
    }

    .left-11xl-mobile {
        left: var(--spacing-11xl);
    }

    /* 3. Typography */
    /* 3.1. Font Size */
    .font-size-display-01-mobile {
        font-size: var(--display-01);
    }

    .font-size-display-02-mobile {
        font-size: var(--display-02);
    }

    .font-size-heading-01-mobile {
        font-size: var(--heading-01);
    }

    .font-size-heading-01-s-mobile {
        font-size: var(--heading-01-s);
    }

    .font-size-heading-02-mobile {
        font-size: var(--heading-02);
    }

    .font-size-heading-02-s-mobile {
        font-size: var(--heading-02-s);
    }

    .font-size-heading-03-mobile {
        font-size: var(--heading-03);
    }

    .font-size-heading-03-s-mobile {
        font-size: var(--heading-03-s);
    }

    .font-size-heading-04-mobile {
        font-size: var(--heading-04);
    }

    .font-size-heading-04-s-mobile {
        font-size: var(--heading-04-s);
    }

    .font-size-heading-05-mobile {
        font-size: var(--heading-05);
    }

    .font-size-heading-05-s-mobile {
        font-size: var(--heading-05-s);
    }

    .font-size-heading-06-mobile {
        font-size: var(--heading-06);
    }

    .font-size-heading-06-s-mobile {
        font-size: var(--heading-06-s);
    }

    .font-size-subheading-mobile {
        font-size: var(--subheading);
    }

    .font-size-paragraph-01-mobile {
        font-size: var(--paragraph-01);
    }

    .font-size-paragraph-02-mobile {
        font-size: var(--paragraph-02);
    }

    .font-size-paragraph-03-mobile {
        font-size: var(--paragraph-03);
    }

    .font-size-caption-mobile {
        font-size: var(--caption);
    }

    .font-size-footer-mobile {
        font-size: var(--footer);
    }

    /* 3.2. Font Weight */
    .font-weight-semi-bold-mobile {
        font-weight: var(--semi-bold);
    }

    .font-weight-bold-mobile {
        font-weight: var(--bold);
    }

    .font-weight-extra-bold-mobile {
        font-weight: var(--extra-bold);
    }

    /* 4.0. Width and Height */
    .width-0-mobile {
        width: 0%;
    }

    .width-1-mobile {
        width: 1%;
    }

    .width-2-mobile {
        width: 2%;
    }

    .width-3-mobile {
        width: 3%;
    }

    .width-4-mobile {
        width: 4%;
    }

    .width-5-mobile {
        width: 5%;
    }

    .width-6-mobile {
        width: 6%;
    }

    .width-7-mobile {
        width: 7%;
    }

    .width-8-mobile {
        width: 8%;
    }

    .width-9-mobile {
        width: 9%;
    }

    .width-10-mobile {
        width: 10%;
    }

    .width-11-mobile {
        width: 11%;
    }

    .width-12-mobile {
        width: 12%;
    }

    .width-13-mobile {
        width: 13%;
    }

    .width-14-mobile {
        width: 14%;
    }

    .width-15-mobile {
        width: 15%;
    }

    .width-16-mobile {
        width: 16%;
    }

    .width-17-mobile {
        width: 17%;
    }

    .width-18-mobile {
        width: 18%;
    }

    .width-19-mobile {
        width: 19%;
    }

    .width-20-mobile {
        width: 20%;
    }

    .width-21-mobile {
        width: 21%;
    }

    .width-22-mobile {
        width: 22%;
    }

    .width-23-mobile {
        width: 23%;
    }

    .width-24-mobile {
        width: 24%;
    }

    .width-25-mobile {
        width: 25%;
    }

    .width-26-mobile {
        width: 26%;
    }

    .width-27-mobile {
        width: 27%;
    }

    .width-28-mobile {
        width: 28%;
    }

    .width-29-mobile {
        width: 29%;
    }

    .width-30-mobile {
        width: 30%;
    }

    .width-31-mobile {
        width: 31%;
    }

    .width-32-mobile {
        width: 32%;
    }

    .width-33-mobile {
        width: 33%;
    }

    .width-34-mobile {
        width: 34%;
    }

    .width-35-mobile {
        width: 35%;
    }

    .width-36-mobile {
        width: 36%;
    }

    .width-37-mobile {
        width: 37%;
    }

    .width-38-mobile {
        width: 38%;
    }

    .width-39-mobile {
        width: 39%;
    }

    .width-40-mobile {
        width: 40%;
    }

    .width-41-mobile {
        width: 41%;
    }

    .width-42-mobile {
        width: 42%;
    }

    .width-43-mobile {
        width: 43%;
    }

    .width-44-mobile {
        width: 44%;
    }

    .width-45-mobile {
        width: 45%;
    }

    .width-46-mobile {
        width: 46%;
    }

    .width-47-mobile {
        width: 47%;
    }

    .width-48-mobile {
        width: 48%;
    }

    .width-49-mobile {
        width: 49%;
    }

    .width-50-mobile {
        width: 50%;
    }

    .width-51-mobile {
        width: 51%;
    }

    .width-52-mobile {
        width: 52%;
    }

    .width-53-mobile {
        width: 53%;
    }

    .width-54-mobile {
        width: 54%;
    }

    .width-55-mobile {
        width: 55%;
    }

    .width-56-mobile {
        width: 56%;
    }

    .width-57-mobile {
        width: 57%;
    }

    .width-58-mobile {
        width: 58%;
    }

    .width-59-mobile {
        width: 59%;
    }

    .width-60-mobile {
        width: 60%;
    }

    .width-61-mobile {
        width: 61%;
    }

    .width-62-mobile {
        width: 62%;
    }

    .width-63-mobile {
        width: 63%;
    }

    .width-64-mobile {
        width: 64%;
    }

    .width-65-mobile {
        width: 65%;
    }

    .width-66-mobile {
        width: 66%;
    }

    .width-67-mobile {
        width: 67%;
    }

    .width-68-mobile {
        width: 68%;
    }

    .width-69-mobile {
        width: 69%;
    }

    .width-70-mobile {
        width: 70%;
    }

    .width-71-mobile {
        width: 71%;
    }

    .width-72-mobile {
        width: 72%;
    }

    .width-73-mobile {
        width: 73%;
    }

    .width-74-mobile {
        width: 74%;
    }

    .width-75-mobile {
        width: 75%;
    }

    .width-76-mobile {
        width: 76%;
    }

    .width-77-mobile {
        width: 77%;
    }

    .width-78-mobile {
        width: 78%;
    }

    .width-79-mobile {
        width: 79%;
    }

    .width-80-mobile {
        width: 80%;
    }

    .width-81-mobile {
        width: 81%;
    }

    .width-82-mobile {
        width: 82%;
    }

    .width-83-mobile {
        width: 83%;
    }

    .width-84-mobile {
        width: 84%;
    }

    .width-85-mobile {
        width: 85%;
    }

    .width-86-mobile {
        width: 86%;
    }

    .width-87-mobile {
        width: 87%;
    }

    .width-88-mobile {
        width: 88%;
    }

    .width-89-mobile {
        width: 89%;
    }

    .width-90-mobile {
        width: 90%;
    }

    .width-91-mobile {
        width: 91%;
    }

    .width-92-mobile {
        width: 92%;
    }

    .width-93-mobile {
        width: 93%;
    }

    .width-94-mobile {
        width: 94%;
    }

    .width-95-mobile {
        width: 95%;
    }

    .width-96-mobile {
        width: 96%;
    }

    .width-97-mobile {
        width: 97%;
    }

    .width-98-mobile {
        width: 98%;
    }

    .width-99-mobile {
        width: 99%;
    }

    .width-100-mobile {
        width: 100%;
    }

    /* 4.1. Width with gaps */
    .width-100-gap-none-mobile {
        width: calc(100% - (var(--spacing-none) / 2));
    }

    .width-100-gap-xxs-mobile {
        width: calc(100% - (var(--spacing-xxs) / 2));
    }

    .width-100-gap-xs-mobile {
        width: calc(100% - (var(--spacing-xs) / 2));
    }

    .width-100-gap-sm-mobile {
        width: calc(100% - (var(--spacing-sm) / 2));
    }

    .width-100-gap-md-mobile {
        width: calc(100% - (var(--spacing-md) / 2));
    }

    .width-100-gap-lg-mobile {
        width: calc(100% - (var(--spacing-lg) / 2));
    }

    .width-100-gap-xl-mobile {
        width: calc(100% - (var(--spacing-xl) / 2));
    }

    .width-100-gap-2xl-mobile {
        width: calc(100% - (var(--spacing-2xl) / 2));
    }

    .width-100-gap-3xl-mobile {
        width: calc(100% - (var(--spacing-3xl) / 2));
    }

    .width-100-gap-4xl-mobile {
        width: calc(100% - (var(--spacing-4xl) / 2));
    }

    .width-100-gap-5xl-mobile {
        width: calc(100% - (var(--spacing-5xl) / 2));
    }

    .width-100-gap-6xl-mobile {
        width: calc(100% - (var(--spacing-6xl) / 2));
    }

    .width-100-gap-7xl-mobile {
        width: calc(100% - (var(--spacing-7xl) / 2));
    }

    .width-100-gap-8xl-mobile {
        width: calc(100% - (var(--spacing-8xl) / 2));
    }

    .width-100-gap-9xl-mobile {
        width: calc(100% - (var(--spacing-9xl) / 2));
    }

    .width-100-gap-10xl-mobile {
        width: calc(100% - (var(--spacing-10xl) / 2));
    }

    .width-100-gap-11xl-mobile {
        width: calc(100% - (var(--spacing-11xl) / 2));
    }

    .width-75-gap-none-mobile {
        width: calc(75% - (var(--spacing-none) / 2));
    }

    .width-75-gap-xxs-mobile {
        width: calc(75% - (var(--spacing-xxs) / 2));
    }

    .width-75-gap-xs-mobile {
        width: calc(75% - (var(--spacing-xs) / 2));
    }

    .width-75-gap-sm-mobile {
        width: calc(75% - (var(--spacing-sm) / 2));
    }

    .width-75-gap-md-mobile {
        width: calc(75% - (var(--spacing-md) / 2));
    }

    .width-75-gap-lg-mobile {
        width: calc(75% - (var(--spacing-lg) / 2));
    }

    .width-75-gap-xl-mobile {
        width: calc(75% - (var(--spacing-xl) / 2));
    }

    .width-75-gap-2xl-mobile {
        width: calc(75% - (var(--spacing-2xl) / 2));
    }

    .width-75-gap-3xl-mobile {
        width: calc(75% - (var(--spacing-3xl) / 2));
    }

    .width-75-gap-4xl-mobile {
        width: calc(75% - (var(--spacing-4xl) / 2));
    }

    .width-75-gap-5xl-mobile {
        width: calc(75% - (var(--spacing-5xl) / 2));
    }

    .width-75-gap-6xl-mobile {
        width: calc(75% - (var(--spacing-6xl) / 2));
    }

    .width-75-gap-7xl-mobile {
        width: calc(75% - (var(--spacing-7xl) / 2));
    }

    .width-75-gap-8xl-mobile {
        width: calc(75% - (var(--spacing-8xl) / 2));
    }

    .width-75-gap-9xl-mobile {
        width: calc(75% - (var(--spacing-9xl) / 2));
    }

    .width-75-gap-10xl-mobile {
        width: calc(75% - (var(--spacing-10xl) / 2));
    }

    .width-75-gap-11xl-mobile {
        width: calc(75% - (var(--spacing-11xl) / 2));
    }

    .width-66-gap-none-mobile {
        width: calc(66% - (var(--spacing-none) / 2));
    }

    .width-66-gap-xxs-mobile {
        width: calc(66% - (var(--spacing-xxs) / 2));
    }

    .width-66-gap-xs-mobile {
        width: calc(66% - (var(--spacing-xs) / 2));
    }

    .width-66-gap-sm-mobile {
        width: calc(66% - (var(--spacing-sm) / 2));
    }

    .width-66-gap-md-mobile {
        width: calc(66% - (var(--spacing-md) / 2));
    }

    .width-66-gap-lg-mobile {
        width: calc(66% - (var(--spacing-lg) / 2));
    }

    .width-66-gap-xl-mobile {
        width: calc(66% - (var(--spacing-xl) / 2));
    }

    .width-66-gap-2xl-mobile {
        width: calc(66% - (var(--spacing-2xl) / 2));
    }

    .width-66-gap-3xl-mobile {
        width: calc(66% - (var(--spacing-3xl) / 2));
    }

    .width-66-gap-4xl-mobile {
        width: calc(66% - (var(--spacing-4xl) / 2));
    }

    .width-66-gap-5xl-mobile {
        width: calc(66% - (var(--spacing-5xl) / 2));
    }

    .width-66-gap-6xl-mobile {
        width: calc(66% - (var(--spacing-6xl) / 2));
    }

    .width-66-gap-7xl-mobile {
        width: calc(66% - (var(--spacing-7xl) / 2));
    }

    .width-66-gap-8xl-mobile {
        width: calc(66% - (var(--spacing-8xl) / 2));
    }

    .width-66-gap-9xl-mobile {
        width: calc(66% - (var(--spacing-9xl) / 2));
    }

    .width-66-gap-10xl-mobile {
        width: calc(66% - (var(--spacing-10xl) / 2));
    }

    .width-66-gap-11xl-mobile {
        width: calc(66% - (var(--spacing-11xl) / 2));
    }

    .width-50-gap-none-mobile {
        width: calc(50% - (var(--spacing-none) / 2));
    }

    .width-50-gap-xxs-mobile {
        width: calc(50% - (var(--spacing-xxs) / 2));
    }

    .width-50-gap-xs-mobile {
        width: calc(50% - (var(--spacing-xs) / 2));
    }

    .width-50-gap-sm-mobile {
        width: calc(50% - (var(--spacing-sm) / 2));
    }

    .width-50-gap-md-mobile {
        width: calc(50% - (var(--spacing-md) / 2));
    }

    .width-50-gap-lg-mobile {
        width: calc(50% - (var(--spacing-lg) / 2));
    }

    .width-50-gap-xl-mobile {
        width: calc(50% - (var(--spacing-xl) / 2));
    }

    .width-50-gap-2xl-mobile {
        width: calc(50% - (var(--spacing-2xl) / 2));
    }

    .width-50-gap-3xl-mobile {
        width: calc(50% - (var(--spacing-3xl) / 2));
    }

    .width-50-gap-4xl-mobile {
        width: calc(50% - (var(--spacing-4xl) / 2));
    }

    .width-50-gap-5xl-mobile {
        width: calc(50% - (var(--spacing-5xl) / 2));
    }

    .width-50-gap-6xl-mobile {
        width: calc(50% - (var(--spacing-6xl) / 2));
    }

    .width-50-gap-7xl-mobile {
        width: calc(50% - (var(--spacing-7xl) / 2));
    }

    .width-50-gap-8xl-mobile {
        width: calc(50% - (var(--spacing-8xl) / 2));
    }

    .width-50-gap-9xl-mobile {
        width: calc(50% - (var(--spacing-9xl) / 2));
    }

    .width-50-gap-10xl-mobile {
        width: calc(50% - (var(--spacing-10xl) / 2));
    }

    .width-50-gap-11xl-mobile {
        width: calc(50% - (var(--spacing-11xl) / 2));
    }

    .width-33-gap-none-mobile {
        width: calc(33% - (var(--spacing-none) / 2));
    }

    .width-33-gap-xxs-mobile {
        width: calc(33% - (var(--spacing-xxs) / 2));
    }

    .width-33-gap-xs-mobile {
        width: calc(33% - (var(--spacing-xs) / 2));
    }

    .width-33-gap-sm-mobile {
        width: calc(33% - (var(--spacing-sm) / 2));
    }

    .width-33-gap-md-mobile {
        width: calc(33% - (var(--spacing-md) / 2));
    }

    .width-33-gap-lg-mobile {
        width: calc(33% - (var(--spacing-lg) / 2));
    }

    .width-33-gap-xl-mobile {
        width: calc(33% - (var(--spacing-xl) / 2));
    }

    .width-33-gap-2xl-mobile {
        width: calc(33% - (var(--spacing-2xl) / 2));
    }

    .width-33-gap-3xl-mobile {
        width: calc(33% - (var(--spacing-3xl) / 2));
    }

    .width-33-gap-4xl-mobile {
        width: calc(33% - (var(--spacing-4xl) / 2));
    }

    .width-33-gap-5xl-mobile {
        width: calc(33% - (var(--spacing-5xl) / 2));
    }

    .width-33-gap-6xl-mobile {
        width: calc(33% - (var(--spacing-6xl) / 2));
    }

    .width-33-gap-7xl-mobile {
        width: calc(33% - (var(--spacing-7xl) / 2));
    }

    .width-33-gap-8xl-mobile {
        width: calc(33% - (var(--spacing-8xl) / 2));
    }

    .width-33-gap-9xl-mobile {
        width: calc(33% - (var(--spacing-9xl) / 2));
    }

    .width-33-gap-10xl-mobile {
        width: calc(33% - (var(--spacing-10xl) / 2));
    }

    .width-33-gap-11xl-mobile {
        width: calc(33% - (var(--spacing-11xl) / 2));
    }

    .width-25-gap-none-mobile {
        width: calc(25% - (var(--spacing-none) / 2));
    }

    .width-25-gap-xxs-mobile {
        width: calc(25% - (var(--spacing-xxs) / 2));
    }

    .width-25-gap-xs-mobile {
        width: calc(25% - (var(--spacing-xs) / 2));
    }

    .width-25-gap-sm-mobile {
        width: calc(25% - (var(--spacing-sm) / 2));
    }

    .width-25-gap-md-mobile {
        width: calc(25% - (var(--spacing-md) / 2));
    }

    .width-25-gap-lg-mobile {
        width: calc(25% - (var(--spacing-lg) / 2));
    }

    .width-25-gap-xl-mobile {
        width: calc(25% - (var(--spacing-xl) / 2));
    }

    .width-25-gap-2xl-mobile {
        width: calc(25% - (var(--spacing-2xl) / 2));
    }

    .width-25-gap-3xl-mobile {
        width: calc(25% - (var(--spacing-3xl) / 2));
    }

    .width-25-gap-4xl-mobile {
        width: calc(25% - (var(--spacing-4xl) / 2));
    }

    .width-25-gap-5xl-mobile {
        width: calc(25% - (var(--spacing-5xl) / 2));
    }

    .width-25-gap-6xl-mobile {
        width: calc(25% - (var(--spacing-6xl) / 2));
    }

    .width-25-gap-7xl-mobile {
        width: calc(25% - (var(--spacing-7xl) / 2));
    }

    .width-25-gap-8xl-mobile {
        width: calc(25% - (var(--spacing-8xl) / 2));
    }

    .width-25-gap-9xl-mobile {
        width: calc(25% - (var(--spacing-9xl) / 2));
    }

    .width-25-gap-10xl-mobile {
        width: calc(25% - (var(--spacing-10xl) / 2));
    }

    .width-25-gap-11xl-mobile {
        width: calc(25% - (var(--spacing-11xl) / 2));
    }

    .height-unset-mobile {
        height: unset;
    }

    .height-0-mobile {
        height: 0%;
    }

    .height-1-mobile {
        height: 1%;
    }

    .height-2-mobile {
        height: 2%;
    }

    .height-3-mobile {
        height: 3%;
    }

    .height-4-mobile {
        height: 4%;
    }

    .height-5-mobile {
        height: 5%;
    }

    .height-6-mobile {
        height: 6%;
    }

    .height-7-mobile {
        height: 7%;
    }

    .height-8-mobile {
        height: 8%;
    }

    .height-9-mobile {
        height: 9%;
    }

    .height-10-mobile {
        height: 10%;
    }

    .height-11-mobile {
        height: 11%;
    }

    .height-12-mobile {
        height: 12%;
    }

    .height-13-mobile {
        height: 13%;
    }

    .height-14-mobile {
        height: 14%;
    }

    .height-15-mobile {
        height: 15%;
    }

    .height-16-mobile {
        height: 16%;
    }

    .height-17-mobile {
        height: 17%;
    }

    .height-18-mobile {
        height: 18%;
    }

    .height-19-mobile {
        height: 19%;
    }

    .height-20-mobile {
        height: 20%;
    }

    .height-21-mobile {
        height: 21%;
    }

    .height-22-mobile {
        height: 22%;
    }

    .height-23-mobile {
        height: 23%;
    }

    .height-24-mobile {
        height: 24%;
    }

    .height-25-mobile {
        height: 25%;
    }

    .height-26-mobile {
        height: 26%;
    }

    .height-27-mobile {
        height: 27%;
    }

    .height-28-mobile {
        height: 28%;
    }

    .height-29-mobile {
        height: 29%;
    }

    .height-30-mobile {
        height: 30%;
    }

    .height-31-mobile {
        height: 31%;
    }

    .height-32-mobile {
        height: 32%;
    }

    .height-33-mobile {
        height: 33%;
    }

    .height-34-mobile {
        height: 34%;
    }

    .height-35-mobile {
        height: 35%;
    }

    .height-36-mobile {
        height: 36%;
    }

    .height-37-mobile {
        height: 37%;
    }

    .height-38-mobile {
        height: 38%;
    }

    .height-39-mobile {
        height: 39%;
    }

    .height-40-mobile {
        height: 40%;
    }

    .height-41-mobile {
        height: 41%;
    }

    .height-42-mobile {
        height: 42%;
    }

    .height-43-mobile {
        height: 43%;
    }

    .height-44-mobile {
        height: 44%;
    }

    .height-45-mobile {
        height: 45%;
    }

    .height-46-mobile {
        height: 46%;
    }

    .height-47-mobile {
        height: 47%;
    }

    .height-48-mobile {
        height: 48%;
    }

    .height-49-mobile {
        height: 49%;
    }

    .height-50-mobile {
        height: 50%;
    }

    .height-51-mobile {
        height: 51%;
    }

    .height-52-mobile {
        height: 52%;
    }

    .height-53-mobile {
        height: 53%;
    }

    .height-54-mobile {
        height: 54%;
    }

    .height-55-mobile {
        height: 55%;
    }

    .height-56-mobile {
        height: 56%;
    }

    .height-57-mobile {
        height: 57%;
    }

    .height-58-mobile {
        height: 58%;
    }

    .height-59-mobile {
        height: 59%;
    }

    .height-60-mobile {
        height: 60%;
    }

    .height-61-mobile {
        height: 61%;
    }

    .height-62-mobile {
        height: 62%;
    }

    .height-63-mobile {
        height: 63%;
    }

    .height-64-mobile {
        height: 64%;
    }

    .height-65-mobile {
        height: 65%;
    }

    .height-66-mobile {
        height: 66%;
    }

    .height-67-mobile {
        height: 67%;
    }

    .height-68-mobile {
        height: 68%;
    }

    .height-69-mobile {
        height: 69%;
    }

    .height-70-mobile {
        height: 70%;
    }

    .height-71-mobile {
        height: 71%;
    }

    .height-72-mobile {
        height: 72%;
    }

    .height-73-mobile {
        height: 73%;
    }

    .height-74-mobile {
        height: 74%;
    }

    .height-75-mobile {
        height: 75%;
    }

    .height-76-mobile {
        height: 76%;
    }

    .height-77-mobile {
        height: 77%;
    }

    .height-78-mobile {
        height: 78%;
    }

    .height-79-mobile {
        height: 79%;
    }

    .height-80-mobile {
        height: 80%;
    }

    .height-81-mobile {
        height: 81%;
    }

    .height-82-mobile {
        height: 82%;
    }

    .height-83-mobile {
        height: 83%;
    }

    .height-84-mobile {
        height: 84%;
    }

    .height-85-mobile {
        height: 85%;
    }

    .height-86-mobile {
        height: 86%;
    }

    .height-87-mobile {
        height: 87%;
    }

    .height-88-mobile {
        height: 88%;
    }

    .height-89-mobile {
        height: 89%;
    }

    .height-90-mobile {
        height: 90%;
    }

    .height-91-mobile {
        height: 91%;
    }

    .height-92-mobile {
        height: 92%;
    }

    .height-93-mobile {
        height: 93%;
    }

    .height-94-mobile {
        height: 94%;
    }

    .height-95-mobile {
        height: 95%;
    }

    .height-96-mobile {
        height: 96%;
    }

    .height-97-mobile {
        height: 97%;
    }

    .height-98-mobile {
        height: 98%;
    }

    .height-99-mobile {
        height: 99%;
    }

    .height-100-mobile {
        height: 100%;
    }

    .height-25vh-mobile {
        height: 25vh;
        height: 25dvh;
    }

    .height-33vh-mobile {
        height: 33vh;
        height: 33dvh;
    }

    .height-50vh-mobile {
        height: 50vh;
        height: 50dvh;
    }

    .height-66vh-mobile {
        height: 66vh;
        height: 66dvh;
    }

    .height-75vh-mobile {
        height: 75vh;
        height: 75dvh;
    }

    .height-100vh-mobile {
        height: 100vh;
        height: 100dvh;
    }

    .max-height-25vh-mobile {
        max-height: 25vh;
        max-height: 25dvh;
    }

    .max-height-33vh-mobile {
        max-height: 33vh;
        max-height: 33dvh;
    }

    .max-height-50vh-mobile {
        max-height: 50vh;
        max-height: 50dvh;
    }

    .max-height-66vh-mobile {
        max-height: 66vh;
        max-height: 66dvh;
    }

    .max-height-75vh-mobile {
        max-height: 75vh;
        max-height: 75dvh;
    }

    .max-height-100vh-mobile {
        max-height: 100vh;
        max-height: 100dvh;
    }

    .min-height-25vh-mobile {
        min-height: 25vh;
        min-height: 25dvh;
    }

    .min-height-33vh-mobile {
        min-height: 33vh;
        min-height: 33dvh;
    }

    .min-height-50vh-mobile {
        min-height: 50vh;
        min-height: 50dvh;
    }

    .min-height-66vh-mobile {
        min-height: 66vh;
        min-height: 66dvh;
    }

    .min-height-75vh-mobile {
        min-height: 75vh;
        min-height: 75dvh;
    }

    .min-height-100vh-mobile {
        min-height: 100vh;
        min-height: 100dvh;
    }
}