:root,
[data-neutral="color-solids"] {
    --color-black: #000000;
    --color-black-neutral: #191A1E;
    --color-white: #ffffff;
    --color-red: #FF1B1B;
    --color-error: #FF1B1B;
    --color-red-dark: #B10204;
    --color-gray: #EEF1F6;
    --color-neutral: #EEF1F6;
    --color-green: #1EE850;
    --color-success: #1EE850;
    --color-green-dark: #0C882C;
    --color-blue: #1B99FF;
    --color-info: #1B99FF;
    --color-blue-dark: #0F62BE;
    --color-orange: #FF961D;
    --color-warning: #FF961D;
    --color-orange-dark: #C75707;
    --color-yellow: #FFC928;
    --color-warning-2: #FFC928;
    --color-yellow-dark: #A45B04;
    --color-sand: #CEA491;
    --color-purple: #4C27DF;
    --color-ongoing: #4C27DF;
    --color-purple-dark: #5410AB;
    --color-purple-light: #F0E5FF;

}

:root,
[data-gray="gray"] {
    --lag-25: #fafbfe;
    --lag-50: #F7F8F8;
    --lag-100: #EDEDF1;
    --lag-150: #E4E4E8;
    --lag-200: #D8DADF;
    --lag-300: #B5B9C4;
    --lag-400: #8D93A3;
    --lag-500: #6F7688;
    --lag-550: #6F7588;
    --lag-600: #595F70;
    --lag-700: #494E5B;
    --lag-800: #3F424D;
    --lag-900: #373943;
    --lag-950: #191A1E;
}

:root,
[data-green="green"] {
    --lagr-50: #EFFEF2;
    --lagr-100: #DAFEE2;
    --lagr-200: #B6FCC7;
    --lagr-300: #7EF79B;
    --lagr-400: #3EE969;
    --lagr-450: #76F423;
    --lagr-500: #1BE851;
    --lagr-600: #0DAE33;
    --lagr-700: #0C882C;
    --lagr-800: #126B27;
    --lagr-900: #0E5823;
    --lagr-950: #03310F;
    --lagr-00: #0F3102;
}

:root,
[data-sand="sand"] {
    --las-25: #fffdfc;
    --las-50: #FBF7F5;
    --las-100: #F6EEEA;
    --las-200: #EFE0D9;
    --las-300: #E3CABE;
    --las-400: #CEA491;
    --las-500: #BE8C75;
    --las-600: #A8725A;
    --las-700: #8C5E49;
    --las-800: #75503F;
    --las-900: #634639;
    --las-950: #34231B;
}

:root,
[data-sharkblack="sharkblack"] {
    --lasb-50: #F5F6F6;
    --lasb-100: #E4E7E9;
    --lasb-200: #CCD1D5;
    --lasb-300: #7E8892;
    --lasb-400: #747f8a;
    --lasb-500: #626C78;
    --lasb-600: #545B66;
    --lasb-700: #484E56;
    --lasb-800: #40444A;
    --lasb-900: #393B40;
    --lasb-950: #222428;
}

:root,
[data-blue-primary="blue"] {
    --lab-25: #f7fcff;
    --lab-50: #EDFAFF;
    --lab-100: #D7F3FF;
    --lab-200: #B9EBFF;
    --lab-300: #88E1FF;
    --lab-400: #50CDFF;
    --lab-500: #28B0FF;
    --lab-600: #1B99FF;
    --lab-700: #0A7BEB;
    --lab-800: #0F62BE;
    --lab-900: #135495;
    --lab-950: #11335A;
}

:root,
[data-red="red"] {
    --lar-25: #fff6f6;
    --lar-50: #fff0f0;
    --lar-100: #ffdddd;
    --lar-200: #ffc0c0;
    --lar-300: #ff9494;
    --lar-400: #ff5757;
    --lar-500: #ff2323;
    --lar-600: #ff1b1b;
    --lar-700: #d70000;
    --lar-800: #b10303;
    --lar-900: #920a0a;
    --lar-950: #500000;
}

:root,
[data-spacing-digits="spacing-digits"] {
    --digit-0: 0px;
    --digit-0rem: 0rem;
    --digit-1: 1px;
    --digit-1rem: 0.063rem;
    --digit-2: 2px;
    --digit-2rem: 0.125rem;
    --digit-3: 3px;
    --digit-3rem: 0.188rem;
    --digit-4: 4px;
    --digit-4rem: 0.25rem;
    --digit-5: 5px;
    --digit-5rem: 0.313rem;
    --digit-6: 6px;
    --digit-6rem: 0.375rem;
    --digit-7: 7px;
    --digit-7rem: 0.438rem;
    --digit-8: 8px;
    --digit-8rem: 0.5rem;
    --digit-9: 9px;
    --digit-9rem: 0.563rem;
    --digit-10: 10px;
    --digit-10rem: 0.625rem;
    --digit-11: 11px;
    --digit-11rem: 0.688rem;
    --digit-12: 12px;
    --digit-12rem: 0.75rem;
    --digit-13: 13px;
    --digit-13rem: 0.813rem;
    --digit-14: 14px;
    --digit-14rem: 0.875rem;
    --digit-15: 15px;
    --digit-15rem: 0.938rem;
    --digit-16: 16px;
    --digit-16rem: 1rem;
    --digit-24: 24px;
    --digit-24rem: 1.5rem;
    --digit-32: 32px;
    --digit-32rem: 2rem;
    --digit-48: 48px;
    --digit-48rem: 3rem;
    --digit-100: 100px;
}

:root,
[data-spacing-m4="spacing-m4"] {
    --m4-4: 4px;
    --m4-4rem: 0.25rem;
    --m4-8: 8px;
    --m4-8rem: 0.5rem;
    --m4-12: 12px;
    --m4-12rem: 0.75rem;
    --m4-16: 16px;
    --m4-16rem: 1rem;
    --m4-20: 20px;
    --m4-20rem: 1.25rem;
    --m4-24: 24px;
    --m4-24rem: 1.5rem;
    --m4-28: 28px;
    --m4-28rem: 1.75rem;
    --m4-32: 32px;
    --m4-32rem: 2rem;
    --m4-36: 36px;
    --m4-36rem: 2.25rem;
    --m4-40: 40px;
    --m4-40rem: 2.5rem;
    --m4-44: 44px;
    --m4-44rem: 2.75rem;
    --m4-48: 48px;
    --m4-48rem: 3rem;
    --m4-52: 52px;
    --m4-52rem: 3.25rem;
    --m4-56: 56px;
    --m4-56rem: 3.5rem;
    --m4-60: 60px;
    --m4-60rem: 3.75rem;
    --m4-64: 64px;
    --m4-64rem: 4rem;
    --m4-68: 68px;
    --m4-48rem: 4.25rem;
    --m4-72: 72px;
    --m4-72rem: 4.5rem;
    --m4-76: 76px;
    --m4-76rem: 4.75rem;
    --m4-80: 80px;
    --m4-80rem: 5rem;
    --m4-84: 84px;
    --m4-84rem: 5.25rem;
}

/* Colors */
.lag-25 {
    color: var(--lag-25) !important;
}

.lag-50 {
    color: var(--lag-50) !important;
}

.lag-100 {
    color: var(--lag-100) !important;
}

.lag-200 {
    color: var(--lag-200) !important;
}

.lag-300 {
    color: var(--lag-300) !important;
}

.lag-400 {
    color: var(--lag-400) !important;
}

.lag-500 {
    color: var(--lag-500) !important;
}

.lag-550 {
    color: var(--lag-550) !important;
}

.lag-600 {
    color: var(--lag-600) !important;
}

.lag-700 {
    color: var(--lag-700) !important;
}

.lag-800 {
    color: var(--lag-800) !important;
}

.lag-900 {
    color: var(--lag-900) !important;
}

.lag-950 {
    color: var(--lag-950) !important;
}

/* Color Hovers */
.lagh-25:hover {
    color: var(--lag-25) !important;
}

.lagh-50:hover {
    color: var(--lag-50) !important;
}

.lagh-100:hover {
    color: var(--lag-100) !important;
}

.lagh-200:hover {
    color: var(--lag-200) !important;
}

.lagh-300:hover {
    color: var(--lag-300) !important;
}

.lagh-400:hover {
    color: var(--lag-400) !important;
}

.lagh-500:hover {
    color: var(--lag-500) !important;
}

.lagh-600:hover {
    color: var(--lag-600) !important;
}

.lagh-700:hover {
    color: var(--lag-700) !important;
}

.lagh-800:hover {
    color: var(--lag-800) !important;
}

.lagh-900:hover {
    color: var(--lag-900) !important;
}

.lagh-950:hover {
    color: var(--lag-950) !important;
}

/* Background Colors */
.bg-lag-25 {
    background-color: var(--lag-25) !important;
}

.bg-lag-50 {
    background-color: var(--lag-50) !important;
}

.bg-lag-100 {
    background-color: var(--lag-100) !important;
}

.bg-lag-200 {
    background-color: var(--lag-200) !important;
}

.bg-lag-300 {
    background-color: var(--lag-300) !important;
}

.bg-lag-400 {
    background-color: var(--lag-400) !important;
}

.bg-lag-500 {
    background-color: var(--lag-500) !important;
}

.bg-lag-550 {
    background-color: var(--lag-550) !important;
}

.bg-lag-600 {
    background-color: var(--lag-600) !important;
}

.bg-lag-700 {
    background-color: var(--lag-700) !important;
}

.bg-lag-800 {
    background-color: var(--lag-800) !important;
}

.bg-lag-900 {
    background-color: var(--lag-900) !important;
}

.bg-lag-950 {
    background-color: var(--lag-950) !important;
}

/* Background Color Hovers */
.bgh-lag-25:hover {
    background-color: var(--lag-25) !important;
}

.bgh-lag-50:hover {
    background-color: var(--lag-50) !important;
}

.bgh-lag-100:hover {
    background-color: var(--lag-100) !important;
}

.bgh-lag-200:hover {
    background-color: var(--lag-200) !important;
}

.bgh-lag-300:hover {
    background-color: var(--lag-300) !important;
}

.bgh-lag-400:hover {
    background-color: var(--lag-400) !important;
}

.bgh-lag-500:hover {
    background-color: var(--lag-500) !important;
}

.bgh-lag-600:hover {
    background-color: var(--lag-600) !important;
}

.bgh-lag-700:hover {
    background-color: var(--lag-700) !important;
}

.bgh-lag-800:hover {
    background-color: var(--lag-800) !important;
}

.bgh-lag-900:hover {
    background-color: var(--lag-900) !important;
}

.bgh-lag-950:hover {
    background-color: var(--lag-950) !important;
}

/* Border Colors */
.bdr-lag-25 {
    border-color: var(--lag-25) !important;
}

.bdr-lag-50 {
    border-color: var(--lag-50) !important;
}

.bdr-lag-100 {
    border-color: var(--lag-100) !important;
}

.bdr-lag-200 {
    border-color: var(--lag-200) !important;
}

.bdr-lag-300 {
    border-color: var(--lag-300) !important;
}

.bdr-lag-400 {
    border-color: var(--lag-400) !important;
}

.bdr-lag-500 {
    border-color: var(--lag-500) !important;
}

.bdr-lag-600 {
    border-color: var(--lag-600) !important;
}

.bdr-lag-700 {
    border-color: var(--lag-700) !important;
}

.bdr-lag-800 {
    border-color: var(--lag-800) !important;
}

.bdr-lag-900 {
    border-color: var(--lag-900) !important;
}

.bdr-lag-950 {
    border-color: var(--lag-950) !important;
}

/* Border Color Hovers */
.bdrh-lag-25:hover {
    border-color: var(--lag-25) !important;
}

.bdrh-lag-50:hover {
    border-color: var(--lag-50) !important;
}

.bdrh-lag-100:hover {
    border-color: var(--lag-100) !important;
}

.bdrh-lag-200:hover {
    border-color: var(--lag-200) !important;
}

.bdrh-lag-300:hover {
    border-color: var(--lag-300) !important;
}

.bdrh-lag-400:hover {
    border-color: var(--lag-400) !important;
}

.bdrh-lag-500:hover {
    border-color: var(--lag-500) !important;
}

.bdrh-lag-600:hover {
    border-color: var(--lag-600) !important;
}

.bdrh-lag-700:hover {
    border-color: var(--lag-700) !important;
}

.bdrh-lag-800:hover {
    border-color: var(--lag-800) !important;
}

.bdrh-lag-900:hover {
    border-color: var(--lag-900) !important;
}

.bdrh-lag-950:hover {
    border-color: var(--lag-950) !important;
}

/* lagr Colors */
.lagr-25 {
    color: var(--lagr-25) !important;
}

.lagr-50 {
    color: var(--lagr-50) !important;
}

.lagr-100 {
    color: var(--lagr-100) !important;
}

.lagr-200 {
    color: var(--lagr-200) !important;
}

.lagr-300 {
    color: var(--lagr-300) !important;
}

.lagr-400 {
    color: var(--lagr-400) !important;
}

.lagr-450 {
    color: var(--lagr-450) !important;
}

.lagr-500 {
    color: var(--lagr-500) !important;
}

.lagr-600 {
    color: var(--lagr-600) !important;
}

.lagr-700 {
    color: var(--lagr-700) !important;
}

.lagr-800 {
    color: var(--lagr-800) !important;
}

.lagr-900 {
    color: var(--lagr-900) !important;
}

.lagr-950 {
    color: var(--lagr-950) !important;
}

.lagr-00 {
    color: var(--lagr-00) !important;
}

/* lagr Color Hovers */
.lagrh-25:hover {
    color: var(--lagr-25) !important;
}

.lagrh-50:hover {
    color: var(--lagr-50) !important;
}

.lagrh-100:hover {
    color: var(--lagr-100) !important;
}

.lagrh-200:hover {
    color: var(--lagr-200) !important;
}

.lagrh-300:hover {
    color: var(--lagr-300) !important;
}

.lagrh-400:hover {
    color: var(--lagr-400) !important;
}

.lagrh-500:hover {
    color: var(--lagr-500) !important;
}

.lagrh-600:hover {
    color: var(--lagr-600) !important;
}

.lagrh-700:hover {
    color: var(--lagr-700) !important;
}

.lagrh-800:hover {
    color: var(--lagr-800) !important;
}

.lagrh-900:hover {
    color: var(--lagr-900) !important;
}

.lagrh-950:hover {
    color: var(--lagr-950) !important;
}

/* lagr Background Colors */
.bg-lagr-25 {
    background-color: var(--lagr-25) !important;
}

.bg-lagr-50 {
    background-color: var(--lagr-50) !important;
}

.bg-lagr-100 {
    background-color: var(--lagr-100) !important;
}

.bg-lagr-200 {
    background-color: var(--lagr-200) !important;
}

.bg-lagr-300 {
    background-color: var(--lagr-300) !important;
}

.bg-lagr-400 {
    background-color: var(--lagr-400) !important;
}

.bg-lagr-450 {
    background-color: var(--lagr-450) !important;
}

.bg-lagr-500 {
    background-color: var(--lagr-500) !important;
}

.bg-lagr-600 {
    background-color: var(--lagr-600) !important;
}

.bg-lagr-700 {
    background-color: var(--lagr-700) !important;
}

.bg-lagr-800 {
    background-color: var(--lagr-800) !important;
}

.bg-lagr-900 {
    background-color: var(--lagr-900) !important;
}

.bg-lagr-950 {
    background-color: var(--lagr-950) !important;
}

.bg-lagr-00 {
    background-color: var(--lagr-00) !important;
}

/* lagr Background Color Hovers */
.bgh-lagr-25:hover {
    background-color: var(--lagr-25) !important;
}

.bgh-lagr-50:hover {
    background-color: var(--lagr-50) !important;
}

.bgh-lagr-100:hover {
    background-color: var(--lagr-100) !important;
}

.bgh-lagr-200:hover {
    background-color: var(--lagr-200) !important;
}

.bgh-lagr-300:hover {
    background-color: var(--lagr-300) !important;
}

.bgh-lagr-400:hover {
    background-color: var(--lagr-400) !important;
}

.bgh-lagr-500:hover {
    background-color: var(--lagr-500) !important;
}

.bgh-lagr-600:hover {
    background-color: var(--lagr-600) !important;
}

.bgh-lagr-700:hover {
    background-color: var(--lagr-700) !important;
}

.bgh-lagr-800:hover {
    background-color: var(--lagr-800) !important;
}

.bgh-lagr-900:hover {
    background-color: var(--lagr-900) !important;
}

.bgh-lagr-950:hover {
    background-color: var(--lagr-950) !important;
}

/* lagr Border Colors */
.bdr-lagr-25 {
    border-color: var(--lagr-25) !important;
}

.bdr-lagr-50 {
    border-color: var(--lagr-50) !important;
}

.bdr-lagr-100 {
    border-color: var(--lagr-100) !important;
}

.bdr-lagr-200 {
    border-color: var(--lagr-200) !important;
}

.bdr-lagr-300 {
    border-color: var(--lagr-300) !important;
}

.bdr-lagr-400 {
    border-color: var(--lagr-400) !important;
}

.bdr-lagr-500 {
    border-color: var(--lagr-500) !important;
}

.bdr-lagr-600 {
    border-color: var(--lagr-600) !important;
}

.bdr-lagr-700 {
    border-color: var(--lagr-700) !important;
}

.bdr-lagr-800 {
    border-color: var(--lagr-800) !important;
}

.bdr-lagr-900 {
    border-color: var(--lagr-900) !important;
}

.bdr-lagr-950 {
    border-color: var(--lagr-950) !important;
}

/* lagr Border Color Hovers */
.bdrh-lagr-25:hover {
    border-color: var(--lagr-25) !important;
}

.bdrh-lagr-50:hover {
    border-color: var(--lagr-50) !important;
}

.bdrh-lagr-100:hover {
    border-color: var(--lagr-100) !important;
}

.bdrh-lagr-200:hover {
    border-color: var(--lagr-200) !important;
}

.bdrh-lagr-300:hover {
    border-color: var(--lagr-300) !important;
}

.bdrh-lagr-400:hover {
    border-color: var(--lagr-400) !important;
}

.bdrh-lagr-500:hover {
    border-color: var(--lagr-500) !important;
}

.bdrh-lagr-600:hover {
    border-color: var(--lagr-600) !important;
}

.bdrh-lagr-700:hover {
    border-color: var(--lagr-700) !important;
}

.bdrh-lagr-800:hover {
    border-color: var(--lagr-800) !important;
}

.bdrh-lagr-900:hover {
    border-color: var(--lagr-900) !important;
}

.bdrh-lagr-950:hover {
    border-color: var(--lagr-950) !important;
}

/* las Colors */
.las-25 {
    color: var(--las-25) !important;
}

.las-50 {
    color: var(--las-50) !important;
}

.las-100 {
    color: var(--las-100) !important;
}

.las-200 {
    color: var(--las-200) !important;
}

.las-300 {
    color: var(--las-300) !important;
}

.las-400 {
    color: var(--las-400) !important;
}

.las-500 {
    color: var(--las-500) !important;
}

.las-600 {
    color: var(--las-600) !important;
}

.las-700 {
    color: var(--las-700) !important;
}

.las-800 {
    color: var(--las-800) !important;
}

.las-900 {
    color: var(--las-900) !important;
}

.las-950 {
    color: var(--las-950) !important;
}

/* las Color Hovers */
.lash-25:hover {
    color: var(--las-25) !important;
}

.lash-50:hover {
    color: var(--las-50) !important;
}

.lash-100:hover {
    color: var(--las-100) !important;
}

.lash-200:hover {
    color: var(--las-200) !important;
}

.lash-300:hover {
    color: var(--las-300) !important;
}

.lash-400:hover {
    color: var(--las-400) !important;
}

.lash-500:hover {
    color: var(--las-500) !important;
}

.lash-600:hover {
    color: var(--las-600) !important;
}

.lash-700:hover {
    color: var(--las-700) !important;
}

.lash-800:hover {
    color: var(--las-800) !important;
}

.lash-900:hover {
    color: var(--las-900) !important;
}

.lash-950:hover {
    color: var(--las-950) !important;
}

/* las Background Colors */
.bg-las-25 {
    background-color: var(--las-25) !important;
}

.bg-las-50 {
    background-color: var(--las-50) !important;
}

.bg-las-100 {
    background-color: var(--las-100) !important;
}

.bg-las-200 {
    background-color: var(--las-200) !important;
}

.bg-las-300 {
    background-color: var(--las-300) !important;
}

.bg-las-400 {
    background-color: var(--las-400) !important;
}

.bg-las-500 {
    background-color: var(--las-500) !important;
}

.bg-las-600 {
    background-color: var(--las-600) !important;
}

.bg-las-700 {
    background-color: var(--las-700) !important;
}

.bg-las-800 {
    background-color: var(--las-800) !important;
}

.bg-las-900 {
    background-color: var(--las-900) !important;
}

.bg-las-950 {
    background-color: var(--las-950) !important;
}

/* las Background Color Hovers */
.bgh-las-25:hover {
    background-color: var(--las-25) !important;
}

.bgh-las-50:hover {
    background-color: var(--las-50) !important;
}

.bgh-las-100:hover {
    background-color: var(--las-100) !important;
}

.bgh-las-200:hover {
    background-color: var(--las-200) !important;
}

.bgh-las-300:hover {
    background-color: var(--las-300) !important;
}

.bgh-las-400:hover {
    background-color: var(--las-400) !important;
}

.bgh-las-500:hover {
    background-color: var(--las-500) !important;
}

.bgh-las-600:hover {
    background-color: var(--las-600) !important;
}

.bgh-las-700:hover {
    background-color: var(--las-700) !important;
}

.bgh-las-800:hover {
    background-color: var(--las-800) !important;
}

.bgh-las-900:hover {
    background-color: var(--las-900) !important;
}

.bgh-las-950:hover {
    background-color: var(--las-950) !important;
}

/* las Border Colors */
.bdr-las-25 {
    border-color: var(--las-25) !important;
}

.bdr-las-50 {
    border-color: var(--las-50) !important;
}

.bdr-las-100 {
    border-color: var(--las-100) !important;
}

.bdr-las-200 {
    border-color: var(--las-200) !important;
}

.bdr-las-300 {
    border-color: var(--las-300) !important;
}

.bdr-las-400 {
    border-color: var(--las-400) !important;
}

.bdr-las-500 {
    border-color: var(--las-500) !important;
}

.bdr-las-600 {
    border-color: var(--las-600) !important;
}

.bdr-las-700 {
    border-color: var(--las-700) !important;
}

.bdr-las-800 {
    border-color: var(--las-800) !important;
}

.bdr-las-900 {
    border-color: var(--las-900) !important;
}

.bdr-las-950 {
    border-color: var(--las-950) !important;
}

/* las Border Color Hovers */
.bdrh-las-25:hover {
    border-color: var(--las-25) !important;
}

.bdrh-las-50:hover {
    border-color: var(--las-50) !important;
}

.bdrh-las-100:hover {
    border-color: var(--las-100) !important;
}

.bdrh-las-200:hover {
    border-color: var(--las-200) !important;
}

.bdrh-las-300:hover {
    border-color: var(--las-300) !important;
}

.bdrh-las-400:hover {
    border-color: var(--las-400) !important;
}

.bdrh-las-500:hover {
    border-color: var(--las-500) !important;
}

.bdrh-las-600:hover {
    border-color: var(--las-600) !important;
}

.bdrh-las-700:hover {
    border-color: var(--las-700) !important;
}

.bdrh-las-800:hover {
    border-color: var(--las-800) !important;
}

.bdrh-las-900:hover {
    border-color: var(--las-900) !important;
}

.bdrh-las-950:hover {
    border-color: var(--las-950) !important;
}

/* lasb Colors */
.lasb-25 {
    color: var(--lasb-25) !important;
}

.lasb-50 {
    color: var(--lasb-50) !important;
}

.lasb-100 {
    color: var(--lasb-100) !important;
}

.lasb-200 {
    color: var(--lasb-200) !important;
}

.lasb-300 {
    color: var(--lasb-300) !important;
}

.lasb-400 {
    color: var(--lasb-400) !important;
}

.lasb-500 {
    color: var(--lasb-500) !important;
}

.lasb-600 {
    color: var(--lasb-600) !important;
}

.lasb-700 {
    color: var(--lasb-700) !important;
}

.lasb-800 {
    color: var(--lasb-800) !important;
}

.lasb-900 {
    color: var(--lasb-900) !important;
}

.lasb-950 {
    color: var(--lasb-950) !important;
}

/* lasb Color Hovers */
.lasbh-25:hover {
    color: var(--lasb-25) !important;
}

.lasbh-50:hover {
    color: var(--lasb-50) !important;
}

.lasbh-100:hover {
    color: var(--lasb-100) !important;
}

.lasbh-200:hover {
    color: var(--lasb-200) !important;
}

.lasbh-300:hover {
    color: var(--lasb-300) !important;
}

.lasbh-400:hover {
    color: var(--lasb-400) !important;
}

.lasbh-500:hover {
    color: var(--lasb-500) !important;
}

.lasbh-600:hover {
    color: var(--lasb-600) !important;
}

.lasbh-700:hover {
    color: var(--lasb-700) !important;
}

.lasbh-800:hover {
    color: var(--lasb-800) !important;
}

.lasbh-900:hover {
    color: var(--lasb-900) !important;
}

.lasbh-950:hover {
    color: var(--lasb-950) !important;
}

/* lasb Background Colors */
.bg-lasb-25 {
    background-color: var(--lasb-25) !important;
}

.bg-lasb-50 {
    background-color: var(--lasb-50) !important;
}

.bg-lasb-100 {
    background-color: var(--lasb-100) !important;
}

.bg-lasb-200 {
    background-color: var(--lasb-200) !important;
}

.bg-lasb-300 {
    background-color: var(--lasb-300) !important;
}

.bg-lasb-400 {
    background-color: var(--lasb-400) !important;
}

.bg-lasb-500 {
    background-color: var(--lasb-500) !important;
}

.bg-lasb-600 {
    background-color: var(--lasb-600) !important;
}

.bg-lasb-700 {
    background-color: var(--lasb-700) !important;
}

.bg-lasb-800 {
    background-color: var(--lasb-800) !important;
}

.bg-lasb-900 {
    background-color: var(--lasb-900) !important;
}

.bg-lasb-950 {
    background-color: var(--lasb-950) !important;
}

/* lasb Background Color Hovers */
.bgh-lasb-25:hover {
    background-color: var(--lasb-25) !important;
}

.bgh-lasb-50:hover {
    background-color: var(--lasb-50) !important;
}

.bgh-lasb-100:hover {
    background-color: var(--lasb-100) !important;
}

.bgh-lasb-200:hover {
    background-color: var(--lasb-200) !important;
}

.bgh-lasb-300:hover {
    background-color: var(--lasb-300) !important;
}

.bgh-lasb-400:hover {
    background-color: var(--lasb-400) !important;
}

.bgh-lasb-500:hover {
    background-color: var(--lasb-500) !important;
}

.bgh-lasb-600:hover {
    background-color: var(--lasb-600) !important;
}

.bgh-lasb-700:hover {
    background-color: var(--lasb-700) !important;
}

.bgh-lasb-800:hover {
    background-color: var(--lasb-800) !important;
}

.bgh-lasb-900:hover {
    background-color: var(--lasb-900) !important;
}

.bgh-lasb-950:hover {
    background-color: var(--lasb-950) !important;
}

/* lasb Border Colors */
.bdr-lasb-25 {
    border-color: var(--lasb-25) !important;
}

.bdr-lasb-50 {
    border-color: var(--lasb-50) !important;
}

.bdr-lasb-100 {
    border-color: var(--lasb-100) !important;
}

.bdr-lasb-200 {
    border-color: var(--lasb-200) !important;
}

.bdr-lasb-300 {
    border-color: var(--lasb-300) !important;
}

.bdr-lasb-400 {
    border-color: var(--lasb-400) !important;
}

.bdr-lasb-500 {
    border-color: var(--lasb-500) !important;
}

.bdr-lasb-600 {
    border-color: var(--lasb-600) !important;
}

.bdr-lasb-700 {
    border-color: var(--lasb-700) !important;
}

.bdr-lasb-800 {
    border-color: var(--lasb-800) !important;
}

.bdr-lasb-900 {
    border-color: var(--lasb-900) !important;
}

.bdr-lasb-950 {
    border-color: var(--lasb-950) !important;
}

/* lasb Border Color Hovers */
.bdrh-lasb-25:hover {
    border-color: var(--lasb-25) !important;
}

.bdrh-lasb-50:hover {
    border-color: var(--lasb-50) !important;
}

.bdrh-lasb-100:hover {
    border-color: var(--lasb-100) !important;
}

.bdrh-lasb-200:hover {
    border-color: var(--lasb-200) !important;
}

.bdrh-lasb-300:hover {
    border-color: var(--lasb-300) !important;
}

.bdrh-lasb-400:hover {
    border-color: var(--lasb-400) !important;
}

.bdrh-lasb-500:hover {
    border-color: var(--lasb-500) !important;
}

.bdrh-lasb-600:hover {
    border-color: var(--lasb-600) !important;
}

.bdrh-lasb-700:hover {
    border-color: var(--lasb-700) !important;
}

.bdrh-lasb-800:hover {
    border-color: var(--lasb-800) !important;
}

.bdrh-lasb-900:hover {
    border-color: var(--lasb-900) !important;
}

.bdrh-lasb-950:hover {
    border-color: var(--lasb-950) !important;
}

/* lab Colors */
.lab-25 {
    color: var(--lab-25) !important;
}

.lab-50 {
    color: var(--lab-50) !important;
}

.lab-100 {
    color: var(--lab-100) !important;
}

.lab-200 {
    color: var(--lab-200) !important;
}

.lab-300 {
    color: var(--lab-300) !important;
}

.lab-400 {
    color: var(--lab-400) !important;
}

.lab-500 {
    color: var(--lab-500) !important;
}

.lab-600 {
    color: var(--lab-600) !important;
}

.lab-700 {
    color: var(--lab-700) !important;
}

.lab-800 {
    color: var(--lab-800) !important;
}

.lab-900 {
    color: var(--lab-900) !important;
}

.lab-950 {
    color: var(--lab-950) !important;
}

/* lab Color Hovers */
.labh-25:hover {
    color: var(--lab-25) !important;
}

.labh-50:hover {
    color: var(--lab-50) !important;
}

.labh-100:hover {
    color: var(--lab-100) !important;
}

.labh-200:hover {
    color: var(--lab-200) !important;
}

.labh-300:hover {
    color: var(--lab-300) !important;
}

.labh-400:hover {
    color: var(--lab-400) !important;
}

.labh-500:hover {
    color: var(--lab-500) !important;
}

.labh-600:hover {
    color: var(--lab-600) !important;
}

.labh-700:hover {
    color: var(--lab-700) !important;
}

.labh-800:hover {
    color: var(--lab-800) !important;
}

.labh-900:hover {
    color: var(--lab-900) !important;
}

.labh-950:hover {
    color: var(--lab-950) !important;
}

/* lab Background Colors */
.bg-lab-25 {
    background-color: var(--lab-25) !important;
}

.bg-lab-50 {
    background-color: var(--lab-50) !important;
}

.bg-lab-100 {
    background-color: var(--lab-100) !important;
}

.bg-lab-200 {
    background-color: var(--lab-200) !important;
}

.bg-lab-300 {
    background-color: var(--lab-300) !important;
}

.bg-lab-400 {
    background-color: var(--lab-400) !important;
}

.bg-lab-500 {
    background-color: var(--lab-500) !important;
}

.bg-lab-600 {
    background-color: var(--lab-600) !important;
}

.bg-lab-700 {
    background-color: var(--lab-700) !important;
}

.bg-lab-800 {
    background-color: var(--lab-800) !important;
}

.bg-lab-900 {
    background-color: var(--lab-900) !important;
}

.bg-lab-950 {
    background-color: var(--lab-950) !important;
}

/* lab Background Color Hovers */
.bgh-lab-25:hover {
    background-color: var(--lab-25) !important;
}

.bgh-lab-50:hover {
    background-color: var(--lab-50) !important;
}

.bgh-lab-100:hover {
    background-color: var(--lab-100) !important;
}

.bgh-lab-200:hover {
    background-color: var(--lab-200) !important;
}

.bgh-lab-300:hover {
    background-color: var(--lab-300) !important;
}

.bgh-lab-400:hover {
    background-color: var(--lab-400) !important;
}

.bgh-lab-500:hover {
    background-color: var(--lab-500) !important;
}

.bgh-lab-600:hover {
    background-color: var(--lab-600) !important;
}

.bgh-lab-700:hover {
    background-color: var(--lab-700) !important;
}

.bgh-lab-800:hover {
    background-color: var(--lab-800) !important;
}

.bgh-lab-900:hover {
    background-color: var(--lab-900) !important;
}

.bgh-lab-950:hover {
    background-color: var(--lab-950) !important;
}

/* lab Border Colors */
.bdr-lab-25 {
    border-color: var(--lab-25) !important;
}

.bdr-lab-50 {
    border-color: var(--lab-50) !important;
}

.bdr-lab-100 {
    border-color: var(--lab-100) !important;
}

.bdr-lab-200 {
    border-color: var(--lab-200) !important;
}

.bdr-lab-300 {
    border-color: var(--lab-300) !important;
}

.bdr-lab-400 {
    border-color: var(--lab-400) !important;
}

.bdr-lab-500 {
    border-color: var(--lab-500) !important;
}

.bdr-lab-600 {
    border-color: var(--lab-600) !important;
}

.bdr-lab-700 {
    border-color: var(--lab-700) !important;
}

.bdr-lab-800 {
    border-color: var(--lab-800) !important;
}

.bdr-lab-900 {
    border-color: var(--lab-900) !important;
}

.bdr-lab-950 {
    border-color: var(--lab-950) !important;
}

/* lab Border Color Hovers */
.bdrh-lab-25:hover {
    border-color: var(--lab-25) !important;
}

.bdrh-lab-50:hover {
    border-color: var(--lab-50) !important;
}

.bdrh-lab-100:hover {
    border-color: var(--lab-100) !important;
}

.bdrh-lab-200:hover {
    border-color: var(--lab-200) !important;
}

.bdrh-lab-300:hover {
    border-color: var(--lab-300) !important;
}

.bdrh-lab-400:hover {
    border-color: var(--lab-400) !important;
}

.bdrh-lab-500:hover {
    border-color: var(--lab-500) !important;
}

.bdrh-lab-600:hover {
    border-color: var(--lab-600) !important;
}

.bdrh-lab-700:hover {
    border-color: var(--lab-700) !important;
}

.bdrh-lab-800:hover {
    border-color: var(--lab-800) !important;
}

.bdrh-lab-900:hover {
    border-color: var(--lab-900) !important;
}

.bdrh-lab-950:hover {
    border-color: var(--lab-950) !important;
}

/* Color Rules */
.lar-25 { color: var(--lar-25); }
.lar-50 { color: var(--lar-50); }
.lar-100 { color: var(--lar-100); }
.lar-200 { color: var(--lar-200); }
.lar-300 { color: var(--lar-300); }
.lar-400 { color: var(--lar-400); }
.lar-500 { color: var(--lar-500); }
.lar-600 { color: var(--lar-600); }
.lar-700 { color: var(--lar-700); }
.lar-800 { color: var(--lar-800); }
.lar-900 { color: var(--lar-900); }
.lar-950 { color: var(--lar-950); }

/* Color Hover Rules */
.larh-25:hover { color: var(--lar-25); }
.larh-50:hover { color: var(--lar-50); }
.larh-100:hover { color: var(--lar-100); }
.larh-200:hover { color: var(--lar-200); }
.larh-300:hover { color: var(--lar-300); }
.larh-400:hover { color: var(--lar-400); }
.larh-500:hover { color: var(--lar-500); }
.larh-600:hover { color: var(--lar-600); }
.larh-700:hover { color: var(--lar-700); }
.larh-800:hover { color: var(--lar-800); }
.larh-900:hover { color: var(--lar-900); }
.larh-950:hover { color: var(--lar-950); }

/* Background Color Rules */
.bg-lar-25 { background-color: var(--lar-25); }
.bg-lar-50 { background-color: var(--lar-50); }
.bg-lar-100 { background-color: var(--lar-100); }
.bg-lar-200 { background-color: var(--lar-200) !important; }
.bg-lar-300 { background-color: var(--lar-300); }
.bg-lar-400 { background-color: var(--lar-400); }
.bg-lar-500 { background-color: var(--lar-500); }
.bg-lar-600 { background-color: var(--lar-600); }
.bg-lar-700 { background-color: var(--lar-700) !important; }
.bg-lar-800 { background-color: var(--lar-800); }
.bg-lar-900 { background-color: var(--lar-900); }
.bg-lar-950 { background-color: var(--lar-950); }

/* Background Color Hover Rules */
.bgh-lar-25:hover { background-color: var(--lar-25); }
.bgh-lar-50:hover { background-color: var(--lar-50); }
.bgh-lar-100:hover { background-color: var(--lar-100); }
.bgh-lar-200:hover { background-color: var(--lar-200); }
.bgh-lar-300:hover { background-color: var(--lar-300); }
.bgh-lar-400:hover { background-color: var(--lar-400); }
.bgh-lar-500:hover { background-color: var(--lar-500); }
.bgh-lar-600:hover { background-color: var(--lar-600); }
.bgh-lar-700:hover { background-color: var(--lar-700); }
.bgh-lar-800:hover { background-color: var(--lar-800); }
.bgh-lar-900:hover { background-color: var(--lar-900); }
.bgh-lar-950:hover { background-color: var(--lar-950); }

/* Border Color Rules */
.bdr-lar-25 { border-color: var(--lar-25); }
.bdr-lar-50 { border-color: var(--lar-50); }
.bdr-lar-100 { border-color: var(--lar-100); }
.bdr-lar-200 { border-color: var(--lar-200); }
.bdr-lar-300 { border-color: var(--lar-300); }
.bdr-lar-400 { border-color: var(--lar-400); }
.bdr-lar-500 { border-color: var(--lar-500); }
.bdr-lar-600 { border-color: var(--lar-600); }
.bdr-lar-700 { border-color: var(--lar-700); }
.bdr-lar-800 { border-color: var(--lar-800); }
.bdr-lar-900 { border-color: var(--lar-900); }
.bdr-lar-950 { border-color: var(--lar-950); }

/* Border Color Hover Rules */
.bdrh-lar-25:hover { border-color: var(--lar-25); }
.bdrh-lar-50:hover { border-color: var(--lar-50); }
.bdrh-lar-100:hover { border-color: var(--lar-100); }
.bdrh-lar-200:hover { border-color: var(--lar-200); }
.bdrh-lar-300:hover { border-color: var(--lar-300); }
.bdrh-lar-400:hover { border-color: var(--lar-400); }
.bdrh-lar-500:hover { border-color: var(--lar-500); }
.bdrh-lar-600:hover { border-color: var(--lar-600); }
.bdrh-lar-700:hover { border-color: var(--lar-700); }
.bdrh-lar-800:hover { border-color: var(--lar-800); }
.bdrh-lar-900:hover { border-color: var(--lar-900); }
.bdrh-lar-950:hover { border-color: var(--lar-950); }

.color-red,
.color-red span {
    color: var(--color-red) !important
}

.bg-color-red {
    background-color: var(--color-red) !important
}

.color-black,
.color-black span {
    color: var(--color-black) !important;
}

.bg-color-black {
    background-color: var(--color-black) !important;
}

.color-neutral,
.color-neutral span {
    color: var(--color-neutral) !important;
}

.bg-color-neutral {
    background-color: var(--color-neutral) !important;
}

.color-black-neutral,
.color-black-neutral span {
    color: var(--color-black-neutral) !important;
}

.bg-color-black-neutral {
    background-color: var(--color-black-neutral) !important;
}

.color-white,
.color-white span {
    color: var(--color-white) !important;
}

.bg-color-white {
    background-color: var(--color-white) !important;
}

.color-gray,
.color-gray span {
    color: var(--color-gray) !important;
}

.bg-color-gray {
    background-color: var(--color-gray) !important;
}

.color-green,
.color-green span {
    color: var(--color-green) !important;
}

.bg-color-green {
    background-color: var(--color-green) !important;
}

.bg-color-green-dark {
    background-color: var(--lagr-600) !important;
}

.color-blue,
.color-blue span {
    color: var(--color-blue) !important;
}

.bg-color-blue {
    background-color: var(--color-blue) !important;
}

.color-orange,
.color-orange span {
    color: var(--color-orange) !important;
}

.bg-color-orange {
    background-color: var(--color-orange) !important;
}

.color-yellow,
.color-yellow span {
    color: var(--color-yellow) !important;
}

.bg-color-yellow {
    background-color: var(--color-yellow) !important;
}

.color-success,
.color-success span {
    color: var(--color-success) !important;
}

.bg-color-success {
    background-color: var(--color-success) !important;
}