@rolster/styles-foundations 1.0.0

package/dist/styles.rtl.min.css

@@ -0,0 +1 @@
+:root{--standard-curve:cubic-bezier(0.4,0,0.2,1);--deceleration-curve:cubic-bezier(0,0,0.2,1);--acceleration-curve:cubic-bezier(0.4,0,1,1);--sharp-curve:cubic-bezier(0.4,0,0.6,1);--background-dark-500:#252641;--background-dark-300:#343957;--background-dark-100:#484d6b;--background-light-500:#fff;--background-light-300:#eff2fc;--background-light-100:#dddfed;--color-dark-500:#28323d;--color-dark-300:#626f9b;--color-dark-100:#9da5b2;--color-light-500:#fff;--color-light-300:#b9c3e7;--color-light-100:#808dbe;--border-dark-500:#757d8a;--border-dark-300:#c3c7ce;--border-dark-100:#e1e3e6;--border-light-500:#fff;--border-light-300:#b9c3e7;--border-light-100:#808dbe;--color-base-900:#1c3859;--color-base-700:#174f90;--color-base-500:#1461bb;--color-base-300:#76a3d7;--color-base-100:#d9e5f4;--skeleton-base-500:rgba(23,79,144,.5);--skeleton-base-300:rgba(23,79,144,.25);--skeleton-base-100:rgba(23,79,144,.1);--box-shadow-base-500:rgba(20,97,187,.24);--backdrop-base-500:rgba(18,46,79,.8);--gradient-base-500:linear-gradient(180deg,#1461bb,#174f90);--color-success-900:#185046;--color-success-700:#0e7e6a;--color-success-500:#07a287;--color-success-300:#6fc9b9;--color-success-100:#d7f0eb;--skeleton-success-500:rgba(14,126,106,.5);--skeleton-success-300:rgba(14,126,106,.25);--skeleton-success-100:rgba(14,126,106,.1);--box-shadow-success-500:rgba(7,162,135,.24);--backdrop-success-500:rgba(14,70,60,.8);--gradient-success-500:linear-gradient(180deg,#07a287,#0e7e6a);--color-info-900:#1e576e;--color-info-700:#1a8cba;--color-info-500:#18b6f6;--color-info-300:#79d4f9;--color-info-100:#daf3fd;--skeleton-info-500:rgba(26,140,186,.5);--skeleton-info-300:rgba(26,140,186,.25);--skeleton-info-100:rgba(26,140,186,.1);--box-shadow-info-500:rgba(24,182,246,.24);--backdrop-info-500:rgba(20,77,100,.8);--gradient-info-500:linear-gradient(180deg,#18b6f6,#1a8cba);--color-happy-900:#4a2d41;--color-happy-700:#733960;--color-happy-500:#934379;--color-happy-300:#c091b1;--color-happy-100:#ede0e9;--skeleton-happy-500:rgba(115,57,96,.5);--skeleton-happy-300:rgba(115,57,96,.25);--skeleton-happy-100:rgba(115,57,96,.1);--box-shadow-happy-500:rgba(147,67,121,.24);--backdrop-happy-500:rgba(64,35,55,.8);--gradient-happy-500:linear-gradient(180deg,#934379,#733960);--color-warning-900:#705130;--color-warning-700:#be803e;--color-warning-500:#fca549;--color-warning-300:#fdca95;--color-warning-100:#fef0e1;--skeleton-warning-500:rgba(190,128,62,.5);--skeleton-warning-300:rgba(190,128,62,.25);--skeleton-warning-100:rgba(190,128,62,.1);--box-shadow-warning-500:rgba(252,165,73,.24);--backdrop-warning-500:rgba(102,71,38,.8);--gradient-warning-500:linear-gradient(180deg,#fca549,#be803e);--color-danger-900:#6d2b2b;--color-danger-700:#b93434;--color-danger-500:#f43c3c;--color-danger-300:#f88d8d;--color-danger-100:#fddfdf;--skeleton-danger-500:rgba(185,52,52,.5);--skeleton-danger-300:rgba(185,52,52,.25);--skeleton-danger-100:rgba(185,52,52,.1);--box-shadow-danger-500:rgba(244,60,60,.24);--backdrop-danger-500:rgba(99,33,33,.8);--gradient-danger-500:linear-gradient(180deg,#f43c3c,#b93434);--sizing-2:0.125rem;--sizing-4:0.25rem;--sizing-6:0.375rem;--sizing-8:0.5rem;--sizing-12:0.75rem;--sizing-16:1rem;--sizing-20:1.25rem;--sizing-24:1.5rem;--sizing-28:1.75rem;--sizing-32:2rem;--sizing-36:2.25rem;--sizing-40:2.5rem;--sizing-44:2.75rem;--sizing-48:3rem;--sizing-52:3.25rem;--sizing-56:3.5rem;--sizing-60:3.75rem;--sizing-64:4rem;--border-1:1px;--border-2:2px;--border-4:4px}@supports (padding-top:constant(safe-area-inset-top)){:root{--sizing-safe-top:constant(safe-area-inset-top);--sizing-safe-right:constant(safe-area-inset-left);--sizing-safe-bottom:constant(safe-area-inset-bottom);--sizing-safe-left:constant(safe-area-inset-right)}}@supports (padding-top:env(safe-area-inset-top)){:root{--sizing-safe-top:env(safe-area-inset-top);--sizing-safe-right:env(safe-area-inset-left);--sizing-safe-bottom:env(safe-area-inset-bottom);--sizing-safe-left:env(safe-area-inset-right)}}:root{--z-index-2:2;--z-index-4:4;--z-index-6:6;--z-index-8:8;--z-index-12:12;--z-index-16:16;--z-index-24:24;--z-index-32:32;--shadow-1:0px 4px 2px -2px rgba(50,44,47,.02);--shadow-2:0px 4px 8px -2px rgba(50,44,47,.04);--shadow-3:0px 2px 4px -2px rgba(50,44,47,.08);--shadow-4:0px 4px 8px -6px rgba(50,44,47,.03),0px 16px 8px -4px rgba(50,44,47,.03);--shadow-5:0px 8px 24px -4px rgba(50,44,47,.08);--shadow-6:0px 8px 24px -4px rgba(50,44,47,.12);--shadow-bottom-light-2:0px 2px 2px rgba(173,186,230,.4);--shadow-bottom-light-4:0px 4px 4px rgba(173,186,230,.4);--shadow-bottom-light-8:0px 8px 8px rgba(173,186,230,.4);--shadow-bottom-light-16:0px 16px 16px rgba(173,186,230,.4);--shadow-bottom-light-24:0px 24px 24px rgba(173,186,230,.4);--shadow-bottom-light-32:0px 32px 32px rgba(173,186,230,.4);--shadow-top-light-2:0px -2px 2px rgba(173,186,230,.4);--shadow-top-light-4:0px -4px 4px rgba(173,186,230,.4);--shadow-top-light-8:0px -8px 8px rgba(173,186,230,.4);--shadow-top-light-16:0px -16px 16px rgba(173,186,230,.4);--shadow-top-light-24:0px -24px 24px rgba(173,186,230,.4);--shadow-top-light-32:0px -32px 32px rgba(173,186,230,.4);--shadow-right-light-2:2px 0px 2px rgba(173,186,230,.4);--shadow-right-light-4:4px 0px 4px rgba(173,186,230,.4);--shadow-right-light-8:8px 0px 8px rgba(173,186,230,.4);--shadow-right-light-16:16px 0px 16px rgba(173,186,230,.4);--shadow-right-light-24:24px 0px 24px rgba(173,186,230,.4);--shadow-right-light-32:32px 0px 32px rgba(173,186,230,.4);--shadow-left-light-2:-2px 0px 2px rgba(173,186,230,.4);--shadow-left-light-4:-4px 0px 4px rgba(173,186,230,.4);--shadow-left-light-8:-8px 0px 8px rgba(173,186,230,.4);--shadow-left-light-16:-16px 0px 16px rgba(173,186,230,.4);--shadow-left-light-24:-24px 0px 24px rgba(173,186,230,.4);--shadow-left-light-32:-32px 0px 32px rgba(173,186,230,.4);--shadow-center-light-2:0px 0px 2px 0px rgba(173,186,230,.4);--shadow-center-light-4:0px 0px 4px 0px rgba(173,186,230,.4);--shadow-center-light-8:0px 0px 8px 0px rgba(173,186,230,.4);--shadow-center-light-16:0px 0px 16px 0px rgba(173,186,230,.4);--shadow-center-light-24:0px 0px 24px 0px rgba(173,186,230,.4);--shadow-center-light-32:0px 0px 32px 0px rgba(173,186,230,.4);--shadow-bottom-dark-2:0px 2px 2px rgba(50,44,47,.4);--shadow-bottom-dark-4:0px 4px 4px rgba(50,44,47,.4);--shadow-bottom-dark-8:0px 8px 8px rgba(50,44,47,.4);--shadow-bottom-dark-16:0px 16px 16px rgba(50,44,47,.4);--shadow-bottom-dark-24:0px 24px 24px rgba(50,44,47,.4);--shadow-bottom-dark-32:0px 32px 32px rgba(50,44,47,.4);--shadow-top-dark-2:0px -2px 2px rgba(50,44,47,.4);--shadow-top-dark-4:0px -4px 4px rgba(50,44,47,.4);--shadow-top-dark-8:0px -8px 8px rgba(50,44,47,.4);--shadow-top-dark-16:0px -16px 16px rgba(50,44,47,.4);--shadow-top-dark-24:0px -24px 24px rgba(50,44,47,.4);--shadow-top-dark-32:0px -32px 32px rgba(50,44,47,.4);--shadow-right-dark-2:2px 0px 2px rgba(50,44,47,.4);--shadow-right-dark-4:4px 0px 4px rgba(50,44,47,.4);--shadow-right-dark-8:8px 0px 8px rgba(50,44,47,.4);--shadow-right-dark-16:16px 0px 16px rgba(50,44,47,.4);--shadow-right-dark-24:24px 0px 24px rgba(50,44,47,.4);--shadow-right-dark-32:32px 0px 32px rgba(50,44,47,.4);--shadow-left-dark-2:-2px 0px 2px rgba(50,44,47,.4);--shadow-left-dark-4:-4px 0px 4px rgba(50,44,47,.4);--shadow-left-dark-8:-8px 0px 8px rgba(50,44,47,.4);--shadow-left-dark-16:-16px 0px 16px rgba(50,44,47,.4);--shadow-left-dark-24:-24px 0px 24px rgba(50,44,47,.4);--shadow-left-dark-32:-32px 0px 32px rgba(50,44,47,.4);--shadow-center-dark-2:0px 0px 2px 0px rgba(50,44,47,.4);--shadow-center-dark-4:0px 0px 4px 0px rgba(50,44,47,.4);--shadow-center-dark-8:0px 0px 8px 0px rgba(50,44,47,.4);--shadow-center-dark-16:0px 0px 16px 0px rgba(50,44,47,.4);--shadow-center-dark-24:0px 0px 24px 0px rgba(50,44,47,.4);--shadow-center-dark-32:0px 0px 32px 0px rgba(50,44,47,.4);--background-theme-500:var(--background-light-500);--background-theme-300:var(--background-light-300);--background-theme-100:var(--background-light-100);--color-theme-500:var(--color-dark-500);--color-theme-300:var(--color-dark-300);--color-theme-100:var(--color-dark-100);--border-theme-500:var(--border-dark-500);--border-theme-300:var(--border-dark-300);--border-theme-100:var(--border-dark-100);--border-1-theme-500:var(--border-1) solid var(--border-dark-500);--border-2-theme-500:var(--border-2) solid var(--border-dark-500);--border-4-theme-500:var(--border-4) solid var(--border-dark-500);--border-1-theme-300:var(--border-1) solid var(--border-dark-300);--border-2-theme-300:var(--border-2) solid var(--border-dark-300);--border-4-theme-300:var(--border-4) solid var(--border-dark-300);--border-1-theme-100:var(--border-1) solid var(--border-dark-100);--border-2-theme-100:var(--border-2) solid var(--border-dark-100);--border-4-theme-100:var(--border-4) solid var(--border-dark-100);--color-rolster-900:var(--color-base-900);--color-rolster-700:var(--color-base-700);--color-rolster-500:var(--color-base-500);--color-rolster-300:var(--color-base-300);--color-rolster-100:var(--color-base-100);--skeleton-rolster-500:var(--skeleton-base-500);--skeleton-rolster-300:var(--skeleton-base-300);--skeleton-rolster-100:var(--skeleton-base-100);--border-1-rolster-900:var(--border-1) solid var(--color-base-900);--border-2-rolster-900:var(--border-2) solid var(--color-base-900);--border-4-rolster-900:var(--border-4) solid var(--color-base-900);--border-1-rolster-700:var(--border-1) solid var(--color-base-700);--border-2-rolster-700:var(--border-2) solid var(--color-base-700);--border-4-rolster-700:var(--border-4) solid var(--color-base-700);--border-1-rolster-500:var(--border-1) solid var(--color-base-500);--border-2-rolster-500:var(--border-2) solid var(--color-base-500);--border-4-rolster-500:var(--border-4) solid var(--color-base-500);--border-1-rolster-300:var(--border-1) solid var(--color-base-300);--border-2-rolster-300:var(--border-2) solid var(--color-base-300);--border-4-rolster-300:var(--border-4) solid var(--color-base-300);--border-1-rolster-100:var(--border-1) solid var(--color-base-100);--border-2-rolster-100:var(--border-2) solid var(--color-base-100);--border-4-rolster-100:var(--border-4) solid var(--color-base-100);--box-shadow-rolster-500:var(--box-shadow-base-500);--backdrop-rolster-500:var(--backdrop-base-500);--gradient-rolster-500:var(--gradient-base-500)}[rls-theme=success]{--color-rolster-900:var(--color-success-900);--color-rolster-700:var(--color-success-700);--color-rolster-500:var(--color-success-500);--color-rolster-300:var(--color-success-300);--color-rolster-100:var(--color-success-100);--skeleton-rolster-500:var(--skeleton-success-500);--skeleton-rolster-300:var(--skeleton-success-300);--skeleton-rolster-100:var(--skeleton-success-100);--border-1-rolster-900:var(--border-1) solid var(--color-success-900);--border-2-rolster-900:var(--border-2) solid var(--color-success-900);--border-4-rolster-900:var(--border-4) solid var(--color-success-900);--border-1-rolster-700:var(--border-1) solid var(--color-success-700);--border-2-rolster-700:var(--border-2) solid var(--color-success-700);--border-4-rolster-700:var(--border-4) solid var(--color-success-700);--border-1-rolster-500:var(--border-1) solid var(--color-success-500);--border-2-rolster-500:var(--border-2) solid var(--color-success-500);--border-4-rolster-500:var(--border-4) solid var(--color-success-500);--border-1-rolster-300:var(--border-1) solid var(--color-success-300);--border-2-rolster-300:var(--border-2) solid var(--color-success-300);--border-4-rolster-300:var(--border-4) solid var(--color-success-300);--border-1-rolster-100:var(--border-1) solid var(--color-success-100);--border-2-rolster-100:var(--border-2) solid var(--color-success-100);--border-4-rolster-100:var(--border-4) solid var(--color-success-100);--box-shadow-rolster-500:var(--box-shadow-success-500);--backdrop-rolster-500:var(--backdrop-success-500);--gradient-rolster-500:var(--gradient-success-500)}[rls-theme=info]{--color-rolster-900:var(--color-info-900);--color-rolster-700:var(--color-info-700);--color-rolster-500:var(--color-info-500);--color-rolster-300:var(--color-info-300);--color-rolster-100:var(--color-info-100);--skeleton-rolster-500:var(--skeleton-info-500);--skeleton-rolster-300:var(--skeleton-info-300);--skeleton-rolster-100:var(--skeleton-info-100);--border-1-rolster-900:var(--border-1) solid var(--color-info-900);--border-2-rolster-900:var(--border-2) solid var(--color-info-900);--border-4-rolster-900:var(--border-4) solid var(--color-info-900);--border-1-rolster-700:var(--border-1) solid var(--color-info-700);--border-2-rolster-700:var(--border-2) solid var(--color-info-700);--border-4-rolster-700:var(--border-4) solid var(--color-info-700);--border-1-rolster-500:var(--border-1) solid var(--color-info-500);--border-2-rolster-500:var(--border-2) solid var(--color-info-500);--border-4-rolster-500:var(--border-4) solid var(--color-info-500);--border-1-rolster-300:var(--border-1) solid var(--color-info-300);--border-2-rolster-300:var(--border-2) solid var(--color-info-300);--border-4-rolster-300:var(--border-4) solid var(--color-info-300);--border-1-rolster-100:var(--border-1) solid var(--color-info-100);--border-2-rolster-100:var(--border-2) solid var(--color-info-100);--border-4-rolster-100:var(--border-4) solid var(--color-info-100);--box-shadow-rolster-500:var(--box-shadow-info-500);--backdrop-rolster-500:var(--backdrop-info-500);--gradient-rolster-500:var(--gradient-info-500)}[rls-theme=happy]{--color-rolster-900:var(--color-happy-900);--color-rolster-700:var(--color-happy-700);--color-rolster-500:var(--color-happy-500);--color-rolster-300:var(--color-happy-300);--color-rolster-100:var(--color-happy-100);--skeleton-rolster-500:var(--skeleton-happy-500);--skeleton-rolster-300:var(--skeleton-happy-300);--skeleton-rolster-100:var(--skeleton-happy-100);--border-1-rolster-900:var(--border-1) solid var(--color-happy-900);--border-2-rolster-900:var(--border-2) solid var(--color-happy-900);--border-4-rolster-900:var(--border-4) solid var(--color-happy-900);--border-1-rolster-700:var(--border-1) solid var(--color-happy-700);--border-2-rolster-700:var(--border-2) solid var(--color-happy-700);--border-4-rolster-700:var(--border-4) solid var(--color-happy-700);--border-1-rolster-500:var(--border-1) solid var(--color-happy-500);--border-2-rolster-500:var(--border-2) solid var(--color-happy-500);--border-4-rolster-500:var(--border-4) solid var(--color-happy-500);--border-1-rolster-300:var(--border-1) solid var(--color-happy-300);--border-2-rolster-300:var(--border-2) solid var(--color-happy-300);--border-4-rolster-300:var(--border-4) solid var(--color-happy-300);--border-1-rolster-100:var(--border-1) solid var(--color-happy-100);--border-2-rolster-100:var(--border-2) solid var(--color-happy-100);--border-4-rolster-100:var(--border-4) solid var(--color-happy-100);--box-shadow-rolster-500:var(--box-shadow-happy-500);--backdrop-rolster-500:var(--backdrop-happy-500);--gradient-rolster-500:var(--gradient-happy-500)}[rls-theme=warning]{--color-rolster-900:var(--color-warning-900);--color-rolster-700:var(--color-warning-700);--color-rolster-500:var(--color-warning-500);--color-rolster-300:var(--color-warning-300);--color-rolster-100:var(--color-warning-100);--skeleton-rolster-500:var(--skeleton-warning-500);--skeleton-rolster-300:var(--skeleton-warning-300);--skeleton-rolster-100:var(--skeleton-warning-100);--border-1-rolster-900:var(--border-1) solid var(--color-warning-900);--border-2-rolster-900:var(--border-2) solid var(--color-warning-900);--border-4-rolster-900:var(--border-4) solid var(--color-warning-900);--border-1-rolster-700:var(--border-1) solid var(--color-warning-700);--border-2-rolster-700:var(--border-2) solid var(--color-warning-700);--border-4-rolster-700:var(--border-4) solid var(--color-warning-700);--border-1-rolster-500:var(--border-1) solid var(--color-warning-500);--border-2-rolster-500:var(--border-2) solid var(--color-warning-500);--border-4-rolster-500:var(--border-4) solid var(--color-warning-500);--border-1-rolster-300:var(--border-1) solid var(--color-warning-300);--border-2-rolster-300:var(--border-2) solid var(--color-warning-300);--border-4-rolster-300:var(--border-4) solid var(--color-warning-300);--border-1-rolster-100:var(--border-1) solid var(--color-warning-100);--border-2-rolster-100:var(--border-2) solid var(--color-warning-100);--border-4-rolster-100:var(--border-4) solid var(--color-warning-100);--box-shadow-rolster-500:var(--box-shadow-warning-500);--backdrop-rolster-500:var(--backdrop-warning-500);--gradient-rolster-500:var(--gradient-warning-500)}[rls-theme=danger]{--color-rolster-900:var(--color-danger-900);--color-rolster-700:var(--color-danger-700);--color-rolster-500:var(--color-danger-500);--color-rolster-300:var(--color-danger-300);--color-rolster-100:var(--color-danger-100);--skeleton-rolster-500:var(--skeleton-danger-500);--skeleton-rolster-300:var(--skeleton-danger-300);--skeleton-rolster-100:var(--skeleton-danger-100);--border-1-rolster-900:var(--border-1) solid var(--color-danger-900);--border-2-rolster-900:var(--border-2) solid var(--color-danger-900);--border-4-rolster-900:var(--border-4) solid var(--color-danger-900);--border-1-rolster-700:var(--border-1) solid var(--color-danger-700);--border-2-rolster-700:var(--border-2) solid var(--color-danger-700);--border-4-rolster-700:var(--border-4) solid var(--color-danger-700);--border-1-rolster-500:var(--border-1) solid var(--color-danger-500);--border-2-rolster-500:var(--border-2) solid var(--color-danger-500);--border-4-rolster-500:var(--border-4) solid var(--color-danger-500);--border-1-rolster-300:var(--border-1) solid var(--color-danger-300);--border-2-rolster-300:var(--border-2) solid var(--color-danger-300);--border-4-rolster-300:var(--border-4) solid var(--color-danger-300);--border-1-rolster-100:var(--border-1) solid var(--color-danger-100);--border-2-rolster-100:var(--border-2) solid var(--color-danger-100);--border-4-rolster-100:var(--border-4) solid var(--color-danger-100);--box-shadow-rolster-500:var(--box-shadow-danger-500);--backdrop-rolster-500:var(--backdrop-danger-500);--gradient-rolster-500:var(--gradient-danger-500)}:root{--font-weight-thin:100;--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--rolster-font-family:-rolster-system-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica}html{font-family:var(--rolster-font-family);font-size:var(--rolster-font-size,16px)}body{-webkit-tap-highlight-color:transparent;background:var(--background-theme-300);bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}div{position:relative;width:100%}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1rem 40rem}hr{border-width:0;box-sizing:content-box;height:.0625rem}pre{overflow:auto}code,kbd,pre,samp{font-family:inherit;font-size:1rem}input,label,select,textarea{font-family:inherit;line-height:normal}textarea{color:inherit;font:inherit;height:auto;overflow:auto}textarea::placeholder{padding-right:.125rem}form,input,optgroup,select{color:inherit;font:inherit;margin:0}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul{list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}h1,h2,h3,h4,h5,h6,p{font-weight:var(--font-weight-medium);margin:0}.font-dark-500{color:var(--color-dark-500)}.font-dark-300{color:var(--color-dark-300)}.font-dark-100{color:var(--color-dark-100)}.font-light-500{color:var(--color-light-500)}.font-light-300{color:var(--color-light-300)}.font-light-100{color:var(--color-light-100)}.bg-dark-500{background:var(--background-dark-500)}.bg-dark-300{background:var(--background-dark-300)}.bg-dark-100{background:var(--background-dark-100)}.bg-light-500{background:var(--background-light-500)}.bg-light-300{background:var(--background-light-300)}.bg-light-100{background:var(--background-light-100)}:root{--flex-grid-12-gap:0rem;--flex-grid-8-gap:0rem;--flex-grid-6-gap:0rem;--flex-grid-4-gap:0rem;--flex-grid-12-col-2:0rem;--flex-grid-12-col-3:0rem;--flex-grid-12-col-4:0rem;--flex-grid-12-col-6:0rem;--flex-grid-12-col-8:0rem;--flex-grid-8-col-2:0rem;--flex-grid-8-col-3:0rem;--flex-grid-8-col-4:0rem;--flex-grid-8-col-6:0rem;--flex-grid-6-col-2:0rem;--flex-grid-6-col-3:0rem;--flex-grid-6-col-4:0rem;--flex-grid-4-col-2:0rem;--flex-grid-4-col-3:0rem}.xs-grid-8{display:grid;gap:var(--sizing-8)}.xs-grid-12{display:grid;gap:var(--sizing-12)}.xs-grid-16{display:grid;gap:var(--sizing-16)}.xs-grid-col-12{grid-template-columns:repeat(12,1fr)}.xs-grid-col-8{grid-template-columns:repeat(8,1fr)}.xs-grid-col-6{grid-template-columns:repeat(6,1fr)}.xs-grid-col-4{grid-template-columns:repeat(4,1fr)}.xs-grid-col-2{grid-template-columns:repeat(2,1fr)}.xs-grid-col-1{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:360px){.sm-grid-8{display:grid;gap:var(--sizing-8)}.sm-grid-12{display:grid;gap:var(--sizing-12)}.sm-grid-16{display:grid;gap:var(--sizing-16)}.sm-grid-col-12{grid-template-columns:repeat(12,1fr)}.sm-grid-col-8{grid-template-columns:repeat(8,1fr)}.sm-grid-col-6{grid-template-columns:repeat(6,1fr)}.sm-grid-col-4{grid-template-columns:repeat(4,1fr)}.sm-grid-col-2{grid-template-columns:repeat(2,1fr)}.sm-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:640px){.md-grid-8{display:grid;gap:var(--sizing-8)}.md-grid-12{display:grid;gap:var(--sizing-12)}.md-grid-16{display:grid;gap:var(--sizing-16)}.md-grid-col-12{grid-template-columns:repeat(12,1fr)}.md-grid-col-8{grid-template-columns:repeat(8,1fr)}.md-grid-col-6{grid-template-columns:repeat(6,1fr)}.md-grid-col-4{grid-template-columns:repeat(4,1fr)}.md-grid-col-2{grid-template-columns:repeat(2,1fr)}.md-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:960px){.lg-grid-8{display:grid;gap:var(--sizing-8)}.lg-grid-12{display:grid;gap:var(--sizing-12)}.lg-grid-16{display:grid;gap:var(--sizing-16)}.lg-grid-col-12{grid-template-columns:repeat(12,1fr)}.lg-grid-col-8{grid-template-columns:repeat(8,1fr)}.lg-grid-col-6{grid-template-columns:repeat(6,1fr)}.lg-grid-col-4{grid-template-columns:repeat(4,1fr)}.lg-grid-col-2{grid-template-columns:repeat(2,1fr)}.lg-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1280px){.xl-grid-8{display:grid;gap:var(--sizing-8)}.xl-grid-12{display:grid;gap:var(--sizing-12)}.xl-grid-16{display:grid;gap:var(--sizing-16)}.xl-grid-col-12{grid-template-columns:repeat(12,1fr)}.xl-grid-col-8{grid-template-columns:repeat(8,1fr)}.xl-grid-col-6{grid-template-columns:repeat(6,1fr)}.xl-grid-col-4{grid-template-columns:repeat(4,1fr)}.xl-grid-col-2{grid-template-columns:repeat(2,1fr)}.xl-grid-col-1{grid-template-columns:repeat(1,1fr)}}.xs-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xs-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xs-flex-grid-12,.xs-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xs-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xs-flex-grid-col-4>*,.xs-flex-grid-col-4>.xs-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xs-flex-grid-col-4>.xs-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xs-flex-grid-col-4>.xs-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xs-flex-grid-col-4>.xs-flex-col-12,.xs-flex-grid-col-4>.xs-flex-col-4,.xs-flex-grid-col-4>.xs-flex-col-6,.xs-flex-grid-col-4>.xs-flex-col-8{width:100%}.xs-flex-grid-col-6>*,.xs-flex-grid-col-6>.xs-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xs-flex-grid-col-6>.xs-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xs-flex-grid-col-6>.xs-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xs-flex-grid-col-6>.xs-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xs-flex-grid-col-6>.xs-flex-col-12,.xs-flex-grid-col-6>.xs-flex-col-6,.xs-flex-grid-col-6>.xs-flex-col-8{width:100%}.xs-flex-grid-col-8>*,.xs-flex-grid-col-8>.xs-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xs-flex-grid-col-8>.xs-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xs-flex-grid-col-8>.xs-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xs-flex-grid-col-8>.xs-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xs-flex-grid-col-8>.xs-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xs-flex-grid-col-8>.xs-flex-col-12,.xs-flex-grid-col-8>.xs-flex-col-8{width:100%}.xs-flex-grid-col-12>*,.xs-flex-grid-col-12>.xs-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xs-flex-grid-col-12>.xs-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xs-flex-grid-col-12>.xs-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xs-flex-grid-col-12>.xs-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xs-flex-grid-col-12>.xs-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xs-flex-grid-col-12>.xs-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xs-flex-grid-col-12>.xs-flex-col-12{width:100%}@media screen and (min-width:360px){.sm-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.sm-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.sm-flex-grid-12,.sm-flex-grid-16{display:inline-flex;flex-wrap:wrap}.sm-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.sm-flex-grid-col-4>*,.sm-flex-grid-col-4>.sm-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.sm-flex-grid-col-4>.sm-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.sm-flex-grid-col-4>.sm-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.sm-flex-grid-col-4>.sm-flex-col-12,.sm-flex-grid-col-4>.sm-flex-col-4,.sm-flex-grid-col-4>.sm-flex-col-6,.sm-flex-grid-col-4>.sm-flex-col-8{width:100%}.sm-flex-grid-col-6>*,.sm-flex-grid-col-6>.sm-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.sm-flex-grid-col-6>.sm-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.sm-flex-grid-col-6>.sm-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.sm-flex-grid-col-6>.sm-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.sm-flex-grid-col-6>.sm-flex-col-12,.sm-flex-grid-col-6>.sm-flex-col-6,.sm-flex-grid-col-6>.sm-flex-col-8{width:100%}.sm-flex-grid-col-8>*,.sm-flex-grid-col-8>.sm-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.sm-flex-grid-col-8>.sm-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.sm-flex-grid-col-8>.sm-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.sm-flex-grid-col-8>.sm-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.sm-flex-grid-col-8>.sm-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.sm-flex-grid-col-8>.sm-flex-col-12,.sm-flex-grid-col-8>.sm-flex-col-8{width:100%}.sm-flex-grid-col-12>*,.sm-flex-grid-col-12>.sm-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.sm-flex-grid-col-12>.sm-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.sm-flex-grid-col-12>.sm-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.sm-flex-grid-col-12>.sm-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.sm-flex-grid-col-12>.sm-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.sm-flex-grid-col-12>.sm-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.sm-flex-grid-col-12>.sm-flex-col-12{width:100%}}@media screen and (min-width:640px){.md-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.md-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.md-flex-grid-12,.md-flex-grid-16{display:inline-flex;flex-wrap:wrap}.md-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.md-flex-grid-col-4>*,.md-flex-grid-col-4>.md-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.md-flex-grid-col-4>.md-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.md-flex-grid-col-4>.md-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.md-flex-grid-col-4>.md-flex-col-12,.md-flex-grid-col-4>.md-flex-col-4,.md-flex-grid-col-4>.md-flex-col-6,.md-flex-grid-col-4>.md-flex-col-8{width:100%}.md-flex-grid-col-6>*,.md-flex-grid-col-6>.md-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.md-flex-grid-col-6>.md-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.md-flex-grid-col-6>.md-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.md-flex-grid-col-6>.md-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.md-flex-grid-col-6>.md-flex-col-12,.md-flex-grid-col-6>.md-flex-col-6,.md-flex-grid-col-6>.md-flex-col-8{width:100%}.md-flex-grid-col-8>*,.md-flex-grid-col-8>.md-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.md-flex-grid-col-8>.md-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.md-flex-grid-col-8>.md-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.md-flex-grid-col-8>.md-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.md-flex-grid-col-8>.md-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.md-flex-grid-col-8>.md-flex-col-12,.md-flex-grid-col-8>.md-flex-col-8{width:100%}.md-flex-grid-col-12>*,.md-flex-grid-col-12>.md-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.md-flex-grid-col-12>.md-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.md-flex-grid-col-12>.md-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.md-flex-grid-col-12>.md-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.md-flex-grid-col-12>.md-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.md-flex-grid-col-12>.md-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.md-flex-grid-col-12>.md-flex-col-12{width:100%}}@media screen and (min-width:960px){.lg-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.lg-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.lg-flex-grid-12,.lg-flex-grid-16{display:inline-flex;flex-wrap:wrap}.lg-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.lg-flex-grid-col-4>*,.lg-flex-grid-col-4>.lg-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.lg-flex-grid-col-4>.lg-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.lg-flex-grid-col-4>.lg-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.lg-flex-grid-col-4>.lg-flex-col-12,.lg-flex-grid-col-4>.lg-flex-col-4,.lg-flex-grid-col-4>.lg-flex-col-6,.lg-flex-grid-col-4>.lg-flex-col-8{width:100%}.lg-flex-grid-col-6>*,.lg-flex-grid-col-6>.lg-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.lg-flex-grid-col-6>.lg-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.lg-flex-grid-col-6>.lg-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.lg-flex-grid-col-6>.lg-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.lg-flex-grid-col-6>.lg-flex-col-12,.lg-flex-grid-col-6>.lg-flex-col-6,.lg-flex-grid-col-6>.lg-flex-col-8{width:100%}.lg-flex-grid-col-8>*,.lg-flex-grid-col-8>.lg-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.lg-flex-grid-col-8>.lg-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.lg-flex-grid-col-8>.lg-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.lg-flex-grid-col-8>.lg-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.lg-flex-grid-col-8>.lg-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.lg-flex-grid-col-8>.lg-flex-col-12,.lg-flex-grid-col-8>.lg-flex-col-8{width:100%}.lg-flex-grid-col-12>*,.lg-flex-grid-col-12>.lg-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.lg-flex-grid-col-12>.lg-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.lg-flex-grid-col-12>.lg-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.lg-flex-grid-col-12>.lg-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.lg-flex-grid-col-12>.lg-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.lg-flex-grid-col-12>.lg-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.lg-flex-grid-col-12>.lg-flex-col-12{width:100%}}@media screen and (min-width:1280px){.xl-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xl-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xl-flex-grid-12,.xl-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xl-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xl-flex-grid-col-4>*,.xl-flex-grid-col-4>.xl-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xl-flex-grid-col-4>.xl-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xl-flex-grid-col-4>.xl-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xl-flex-grid-col-4>.xl-flex-col-12,.xl-flex-grid-col-4>.xl-flex-col-4,.xl-flex-grid-col-4>.xl-flex-col-6,.xl-flex-grid-col-4>.xl-flex-col-8{width:100%}.xl-flex-grid-col-6>*,.xl-flex-grid-col-6>.xl-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xl-flex-grid-col-6>.xl-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xl-flex-grid-col-6>.xl-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xl-flex-grid-col-6>.xl-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xl-flex-grid-col-6>.xl-flex-col-12,.xl-flex-grid-col-6>.xl-flex-col-6,.xl-flex-grid-col-6>.xl-flex-col-8{width:100%}.xl-flex-grid-col-8>*,.xl-flex-grid-col-8>.xl-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xl-flex-grid-col-8>.xl-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xl-flex-grid-col-8>.xl-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xl-flex-grid-col-8>.xl-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xl-flex-grid-col-8>.xl-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xl-flex-grid-col-8>.xl-flex-col-12,.xl-flex-grid-col-8>.xl-flex-col-8{width:100%}.xl-flex-grid-col-12>*,.xl-flex-grid-col-12>.xl-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xl-flex-grid-col-12>.xl-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xl-flex-grid-col-12>.xl-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xl-flex-grid-col-12>.xl-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xl-flex-grid-col-12>.xl-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xl-flex-grid-col-12>.xl-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xl-flex-grid-col-12>.xl-flex-col-12{width:100%}}.font-mode-500{color:var(--color-theme-500)}.font-mode-300{color:var(--color-theme-300)}.font-mode-100{color:var(--color-theme-100)}.bg-mode-500{background:var(--background-theme-500)}.bg-mode-300{background:var(--background-theme-300)}.bg-mode-100{background:var(--background-theme-100)}.border-1-mode-500{border:var(--border-1-theme-500)}.border-2-mode-500{border:var(--border-2-theme-500)}.border-4-mode-500{border:var(--border-4-theme-500)}.align-center{text-align:center!important}.align-justify{text-align:justify!important}.align-left{text-align:right!important}.align-right{text-align:left!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h1-bold,.h1-default,.h1-medium,.h1-regular,.h1-semibold,h1{font-size:var(--heading-1-size);letter-spacing:var(--heading-1-letter-spacing);line-height:var(--heading-1-line-height);min-height:var(--heading-1-line-height)}.h2-bold,.h2-default,.h2-medium,.h2-regular,.h2-semibold,h2{font-size:var(--heading-2-size);letter-spacing:var(--heading-2-letter-spacing);line-height:var(--heading-2-line-height);min-height:var(--heading-2-line-height)}.h3-bold,.h3-default,.h3-medium,.h3-regular,.h3-semibold,h3{font-size:var(--heading-3-size);letter-spacing:var(--heading-3-letter-spacing);line-height:var(--heading-3-line-height);min-height:var(--heading-3-line-height)}.h4-bold,.h4-default,.h4-medium,.h4-regular,.h4-semibold,h4{font-size:var(--heading-4-size);letter-spacing:var(--heading-4-letter-spacing);line-height:var(--heading-4-line-height);min-height:var(--heading-4-line-height)}.h5-bold,.h5-default,.h5-medium,.h5-regular,.h5-semibold,h5{font-size:var(--heading-5-size);letter-spacing:var(--heading-5-letter-spacing);line-height:var(--heading-5-line-height);min-height:var(--heading-5-line-height)}.h6-bold,.h6-default,.h6-medium,.h6-regular,.h6-semibold,h6{font-size:var(--heading-6-size);letter-spacing:var(--heading-6-letter-spacing);line-height:var(--heading-6-line-height);min-height:var(--heading-6-line-height)}.title-bold,.title-default,.title-medium,.title-regular,.title-semibold{font-size:var(--title-size);letter-spacing:var(--title-letter-spacing);line-height:var(--title-line-height);min-height:var(--title-line-height)}.subtitle-bold,.subtitle-default,.subtitle-medium,.subtitle-regular,.subtitle-semibold{font-size:var(--subtitle-size);letter-spacing:var(--subtitle-letter-spacing);line-height:var(--subtitle-line-height);min-height:var(--subtitle-line-height)}.body-bold,.body-default,.body-medium,.body-regular,.body-semibold{font-size:var(--body-size);letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);min-height:var(--body-line-height)}.label-bold,.label-default,.label-medium,.label-regular,.label-semibold{font-size:var(--label-size);letter-spacing:var(--label-letter-spacing);line-height:var(--label-line-height);min-height:var(--label-line-height)}.smalltext-bold,.smalltext-default,.smalltext-medium,.smalltext-regular,.smalltext-semibold{font-size:var(--smalltext-size);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);min-height:var(--smalltext-line-height)}.caption-bold,.caption-default,.caption-medium,.caption-regular,.caption-semibold{font-size:var(--caption-size);letter-spacing:var(--caption-letter-spacing);line-height:var(--caption-line-height);min-height:var(--caption-line-height)}.overline-bold,.overline-default,.overline-medium,.overline-regular,.overline-semibold{font-size:var(--overline-size);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);min-height:var(--overline-line-height)}.h1-regular{font-weight:var(--font-weight-regular)}.h1-medium{font-weight:var(--font-weight-medium)}.h1-semibold{font-weight:var(--font-weight-semibold)}.h1-bold{font-weight:var(--font-weight-bold)}.h2-regular{font-weight:var(--font-weight-regular)}.h2-medium{font-weight:var(--font-weight-medium)}.h2-semibold{font-weight:var(--font-weight-semibold)}.h2-bold{font-weight:var(--font-weight-bold)}.h3-regular{font-weight:var(--font-weight-regular)}.h3-medium{font-weight:var(--font-weight-medium)}.h3-semibold{font-weight:var(--font-weight-semibold)}.h3-bold{font-weight:var(--font-weight-bold)}.h4-regular{font-weight:var(--font-weight-regular)}.h4-medium{font-weight:var(--font-weight-medium)}.h4-semibold{font-weight:var(--font-weight-semibold)}.h4-bold{font-weight:var(--font-weight-bold)}.h5-regular{font-weight:var(--font-weight-regular)}.h5-medium{font-weight:var(--font-weight-medium)}.h5-semibold{font-weight:var(--font-weight-semibold)}.h5-bold{font-weight:var(--font-weight-bold)}.h6-regular{font-weight:var(--font-weight-regular)}.h6-medium{font-weight:var(--font-weight-medium)}.h6-semibold{font-weight:var(--font-weight-semibold)}.h6-bold{font-weight:var(--font-weight-bold)}.title-regular{font-weight:var(--font-weight-regular)}.title-medium{font-weight:var(--font-weight-medium)}.title-semibold{font-weight:var(--font-weight-semibold)}.title-bold{font-weight:var(--font-weight-bold)}.subtitle-regular{font-weight:var(--font-weight-regular)}.subtitle-medium{font-weight:var(--font-weight-medium)}.subtitle-semibold{font-weight:var(--font-weight-semibold)}.subtitle-bold{font-weight:var(--font-weight-bold)}.body-regular{font-weight:var(--font-weight-regular)}.body-medium{font-weight:var(--font-weight-medium)}.body-semibold{font-weight:var(--font-weight-semibold)}.body-bold{font-weight:var(--font-weight-bold)}.label-regular{font-weight:var(--font-weight-regular)}.label-medium{font-weight:var(--font-weight-medium)}.label-semibold{font-weight:var(--font-weight-semibold)}.label-bold{font-weight:var(--font-weight-bold)}.smalltext-regular{font-weight:var(--font-weight-regular)}.smalltext-medium{font-weight:var(--font-weight-medium)}.smalltext-semibold{font-weight:var(--font-weight-semibold)}.smalltext-bold{font-weight:var(--font-weight-bold)}.caption-regular{font-weight:var(--font-weight-regular)}.caption-medium{font-weight:var(--font-weight-medium)}.caption-semibold{font-weight:var(--font-weight-semibold)}.caption-bold{font-weight:var(--font-weight-bold)}.overline-regular{font-weight:var(--font-weight-regular)}.overline-medium{font-weight:var(--font-weight-medium)}.overline-semibold{font-weight:var(--font-weight-semibold)}.overline-bold{font-weight:var(--font-weight-bold)}.rls-app__body{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:0;transition:right .24s 0ms var(--standard-curve),width .24s 0ms var(--standard-curve)}.rls-app__body,.rls-app__header{width:100%;z-index:var(--z-index-8)}.rls-app__header{background:var(--background-theme-100);box-sizing:border-box;height:3.5rem;position:relative}.rls-app__header+.rls-app__content,.rls-app__header+.rls-app__page{height:calc(100vh - 3.5rem)}.rls-app__header .rls-toolbar{height:100%}.rls-app__content{overflow:auto}.rls-app__content,.rls-app__page{box-sizing:border-box;height:100vh;margin:0;padding:0;position:relative;width:100%}.rls-app__page{display:flex;overflow:hidden}.rls-app__page__nav{background:var(--background-theme-100);border-radius:0 0 0 var(--sizing-48);box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0;position:relative;width:17.5rem}.rls-app__page__nav+.rls-app__page__content{width:calc(100% - 17.5rem)}.rls-app__page__content{height:100%;margin:0;overflow:auto;padding:0}.rls-app__page__content,.rls-box-field{box-sizing:border-box;position:relative;width:100%}.rls-box-field{--box-field-body-background:#f8f8f8;--box-field-body-border:var(--border-1-theme-100);--box-field-body-shadow:none;--box-field-body-opacity:1;--box-field-label-color:var(--color-theme-300);--box-field-label-opacity:1;float:right}.rls-box-field__content{box-sizing:border-box;transition:height .16s 0ms var(--standard-curve)}.rls-box-field__content--active{--box-field-body-background:var(--background-theme-500);--box-field-label-color:var(--color-xofttion-500);--box-field-body-border:var(--border-1-xofttion-500);--box-field-body-shadow:0px 0px 0px 3px var(--box-shadow-xofttion-500)}.rls-box-field__content--error{--box-field-label-color:var(--color-danger-500);--box-field-body-border:var(--border-1) solid var(--color-danger-500);--box-field-body-shadow:0px 0px 0px 3px var(--box-shadow-danger-500)}.rls-box-field__content--disabled{--box-field-body-background:var(--background-theme-500);--box-field-body-opacity:0.75;--box-field-label-opacity:0.5}.rls-box-field__label{box-sizing:border-box;color:var(--box-field-label-color);float:right;font-size:var(--smalltext-size);font-weight:var(--font-weight-medium);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);margin-bottom:var(--sizing-4);min-height:var(--smalltext-line-height);opacity:var(--box-field-label-opacity);overflow:hidden;padding:0 .625rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-box-field__label span{color:var(--color-danger-500)}.rls-box-field__body{background:var(--box-field-body-background);border:var(--box-field-body-border);border-radius:var(--sizing-4);box-shadow:var(--box-field-body-shadow);box-sizing:border-box;display:flex;opacity:var(--box-field-body-opacity);overflow:hidden}.rls-box-field__helper{box-sizing:border-box;color:var(--color-theme-100);font-size:var(--overline-size);font-weight:var(--font-weight-medium);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);margin-top:var(--sizing-4);min-height:var(--overline-line-height);padding:0 .625rem}.rls-box-field__helper--error{color:var(--color-danger-500)}

package/fonts/fabric/_fabric.-settings.scss

@@ -0,0 +1,66 @@
+// Rolster Technology Fonts Fabric
+// v1.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 19/Abr/2018
+// Updated: 19/Abr/2023
+
+:root {
+  --rolster-font-size: 16px;
+
+  --heading-1-size: 2rem;
+  --heading-1-letter-spacing: 0em;
+  --heading-1-line-height: 2.275rem;
+
+  --heading-2-size: 1.75rem;
+  --heading-2-letter-spacing: 0em;
+  --heading-2-line-height: 1.925rem;
+
+  --heading-3-size: 1.5rem;
+  --heading-3-letter-spacing: 0em;
+  --heading-3-line-height: 1.825rem;
+
+  --heading-4-size: 1.375rem;
+  --heading-4-letter-spacing: 0em;
+  --heading-4-line-height: 1.675rem;
+
+  --heading-5-size: 1.25rem;
+  --heading-5-letter-spacing: 0em;
+  --heading-5-line-height: 1.575rem;
+
+  --heading-6-size: 1.15rem;
+  --heading-6-letter-spacing: 0em;
+  --heading-6-line-height: 1.325rem;
+
+  --title-size: 1.125rem;
+  --title-letter-spacing: 0.01em;
+  --title-line-height: 1.25rem;
+
+  --subtitle-size: 1.075rem;
+  --subtitle-letter-spacing: 0.01em;
+  --subtitle-line-height: 1.175rem;
+
+  --body-size: 1rem;
+  --body-letter-spacing: 0.01em;
+  --body-line-height: 1.125rem;
+
+  --input-size: 0.95rem;
+  --input-letter-spacing: 0.01em;
+  --input-line-height: 1.125rem;
+
+  --label-size: 0.875rem;
+  --label-letter-spacing: 0.01em;
+  --label-line-height: 1.025rem;
+
+  --smalltext-size: 0.75rem;
+  --smalltext-letter-spacing: 0.01em;
+  --smalltext-line-height: 1rem;
+
+  --caption-size: 0.7375rem;
+  --caption-letter-spacing: 0.01em;
+  --caption-line-height: 1rem;
+
+  --overline-size: 0.675rem;
+  --overline-letter-spacing: 0.1em;
+  --overline-line-height: 1rem;
+}

package/fonts/fabric/_fabric.scss

@@ -0,0 +1,69 @@
+// Rolster Technology Fonts Fabric
+// v1.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 19/Abr/2018
+// Updated: 19/Abr/2023
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 100;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 200;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 300;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 400;
+  src: url('fabric-regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 500;
+  src: url('fabric-semibold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 600;
+  src: url('fabric-semibold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 700;
+  src: url('fabric-bold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 800;
+  src: url('fabric-bold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 900;
+  src: url('fabric-bold.otf') format('opentype');
+}

package/fonts/fabric/fabric.css

@@ -0,0 +1,122 @@
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 100;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 200;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 300;
+  src: url('fabric-light.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 400;
+  src: url('fabric-regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 500;
+  src: url('fabric-semibold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 600;
+  src: url('fabric-semibold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 700;
+  src: url('fabric-bold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 800;
+  src: url('fabric-bold.otf') format('opentype');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 900;
+  src: url('fabric-bold.otf') format('opentype');
+}
+
+:root {
+  --rolster-font-size: 16px;
+
+  --heading-1-size: 2rem;
+  --heading-1-letter-spacing: 0em;
+  --heading-1-line-height: 2.275rem;
+
+  --heading-2-size: 1.75rem;
+  --heading-2-letter-spacing: 0em;
+  --heading-2-line-height: 1.925rem;
+
+  --heading-3-size: 1.5rem;
+  --heading-3-letter-spacing: 0em;
+  --heading-3-line-height: 1.825rem;
+
+  --heading-4-size: 1.375rem;
+  --heading-4-letter-spacing: 0em;
+  --heading-4-line-height: 1.675rem;
+
+  --heading-5-size: 1.25rem;
+  --heading-5-letter-spacing: 0em;
+  --heading-5-line-height: 1.575rem;
+
+  --heading-6-size: 1.15rem;
+  --heading-6-letter-spacing: 0em;
+  --heading-6-line-height: 1.325rem;
+
+  --title-size: 1.125rem;
+  --title-letter-spacing: 0.01em;
+  --title-line-height: 1.25rem;
+
+  --subtitle-size: 1.075rem;
+  --subtitle-letter-spacing: 0.01em;
+  --subtitle-line-height: 1.175rem;
+
+  --body-size: 1rem;
+  --body-letter-spacing: 0.01em;
+  --body-line-height: 1.125rem;
+
+  --input-size: 0.95rem;
+  --input-letter-spacing: 0.01em;
+  --input-line-height: 1.125rem;
+
+  --label-size: 0.875rem;
+  --label-letter-spacing: 0.01em;
+  --label-line-height: 1.025rem;
+
+  --smalltext-size: 0.75rem;
+  --smalltext-letter-spacing: 0.01em;
+  --smalltext-line-height: 1rem;
+
+  --caption-size: 0.7375rem;
+  --caption-letter-spacing: 0.01em;
+  --caption-line-height: 1rem;
+
+  --overline-size: 0.675rem;
+  --overline-letter-spacing: 0.1em;
+  --overline-line-height: 1rem;
+}

package/fonts/mona-sans/_mona-sans-settings.scss

@@ -0,0 +1,62 @@
+// Rolster Technology Fonts MonaSans
+// v1.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 03/Mar/2018
+// Updated: 13/Abr/2023
+
+:root {
+  --rolster-font-size: 16px;
+
+  --heading-1-size: 2rem;
+  --heading-1-letter-spacing: 0em;
+  --heading-1-line-height: 2.275rem;
+
+  --heading-2-size: 1.75rem;
+  --heading-2-letter-spacing: 0.02em;
+  --heading-2-line-height: 1.925rem;
+
+  --heading-3-size: 1.5rem;
+  --heading-3-letter-spacing: 0.05em;
+  --heading-3-line-height: 1.825rem;
+
+  --heading-4-size: 1.375rem;
+  --heading-4-letter-spacing: 0.05em;
+  --heading-4-line-height: 1.675rem;
+
+  --heading-5-size: 1.25rem;
+  --heading-5-letter-spacing: 0.05em;
+  --heading-5-line-height: 1.575rem;
+
+  --heading-6-size: 1.15rem;
+  --heading-6-letter-spacing: 0.05em;
+  --heading-6-line-height: 1.325rem;
+
+  --title-size: 1.125rem;
+  --title-letter-spacing: 0.03em;
+  --title-line-height: 1.25rem;
+
+  --subtitle-size: 1.075rem;
+  --subtitle-letter-spacing: 0.03em;
+  --subtitle-line-height: 1.175rem;
+
+  --body-size: 1rem;
+  --body-letter-spacing: 0.03em;
+  --body-line-height: 1.125rem;
+
+  --label-size: 0.875rem;
+  --label-letter-spacing: 0.05em;
+  --label-line-height: 1.025rem;
+
+  --smalltext-size: 0.75rem;
+  --smalltext-letter-spacing: 0.07em;
+  --smalltext-line-height: 1rem;
+
+  --caption-size: 0.7375rem;
+  --caption-letter-spacing: 0.07em;
+  --caption-line-height: 1rem;
+
+  --overline-size: 0.675rem;
+  --overline-letter-spacing: 0.1em;
+  --overline-line-height: 1rem;
+}

package/fonts/mona-sans/_mona-sans.scss

@@ -0,0 +1,69 @@
+// Rolster Technology Fonts MonaSans
+// v1.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 03/Mar/2018
+// Updated: 13/Abr/2023
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 100;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 200;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 300;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 400;
+  src: url('mona-sans-regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 500;
+  src: url('mona-sans-medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 600;
+  src: url('mona-sans-semibold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 700;
+  src: url('mona-sans-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 800;
+  src: url('mona-sans-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 900;
+  src: url('mona-sans-bold.woff') format('woff');
+}

package/fonts/mona-sans/mona-sans.css

@@ -0,0 +1,118 @@
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 100;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 200;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 300;
+  src: url('mona-sans-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 400;
+  src: url('mona-sans-regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 500;
+  src: url('mona-sans-medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 600;
+  src: url('mona-sans-semibold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 700;
+  src: url('mona-sans-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 800;
+  src: url('mona-sans-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: -rolster-system-font;
+  font-style: normal;
+  font-weight: 900;
+  src: url('mona-sans-bold.woff') format('woff');
+}
+
+:root {
+  --rolster-font-size: 16px;
+
+  --heading-1-size: 2rem;
+  --heading-1-letter-spacing: 0em;
+  --heading-1-line-height: 2.275rem;
+
+  --heading-2-size: 1.75rem;
+  --heading-2-letter-spacing: 0.02em;
+  --heading-2-line-height: 1.925rem;
+
+  --heading-3-size: 1.5rem;
+  --heading-3-letter-spacing: 0.05em;
+  --heading-3-line-height: 1.825rem;
+
+  --heading-4-size: 1.375rem;
+  --heading-4-letter-spacing: 0.05em;
+  --heading-4-line-height: 1.675rem;
+
+  --heading-5-size: 1.25rem;
+  --heading-5-letter-spacing: 0.05em;
+  --heading-5-line-height: 1.575rem;
+
+  --heading-6-size: 1.15rem;
+  --heading-6-letter-spacing: 0.05em;
+  --heading-6-line-height: 1.325rem;
+
+  --title-size: 1.125rem;
+  --title-letter-spacing: 0.03em;
+  --title-line-height: 1.25rem;
+
+  --subtitle-size: 1.075rem;
+  --subtitle-letter-spacing: 0.03em;
+  --subtitle-line-height: 1.175rem;
+
+  --body-size: 1rem;
+  --body-letter-spacing: 0.03em;
+  --body-line-height: 1.125rem;
+
+  --label-size: 0.875rem;
+  --label-letter-spacing: 0.05em;
+  --label-line-height: 1.025rem;
+
+  --smalltext-size: 0.75rem;
+  --smalltext-letter-spacing: 0.07em;
+  --smalltext-line-height: 1rem;
+
+  --caption-size: 0.7375rem;
+  --caption-letter-spacing: 0.07em;
+  --caption-line-height: 1rem;
+
+  --overline-size: 0.675rem;
+  --overline-letter-spacing: 0.1em;
+  --overline-line-height: 1rem;
+}