@graupl/graupl 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/utilities.css

@@ -0,0 +1,2 @@
+@layer graupl.utilities{.bg-primary-100{background:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.text-primary-100{color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.bg-primary-200{background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.text-primary-200{color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.bg-primary-300{background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.text-primary-300{color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.bg-primary-400{background:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.text-primary-400{color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.bg-primary-500{background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.text-primary-500{color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.bg-primary-600{background:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.text-primary-600{color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.bg-primary-700{background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.text-primary-700{color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.bg-primary-800{background:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.text-primary-800{color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.bg-primary-900{background:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.text-primary-900{color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.bg-secondary-100{background:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.text-secondary-100{color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.bg-secondary-200{background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.text-secondary-200{color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.bg-secondary-300{background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.text-secondary-300{color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.bg-secondary-400{background:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.text-secondary-400{color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.bg-secondary-500{background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.text-secondary-500{color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.bg-secondary-600{background:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.text-secondary-600{color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.bg-secondary-700{background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.text-secondary-700{color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.bg-secondary-800{background:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.text-secondary-800{color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.bg-secondary-900{background:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.text-secondary-900{color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.bg-tertiary-100{background:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.text-tertiary-100{color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.bg-tertiary-200{background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.text-tertiary-200{color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.bg-tertiary-300{background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.text-tertiary-300{color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.bg-tertiary-400{background:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.text-tertiary-400{color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.bg-tertiary-500{background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.text-tertiary-500{color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.bg-tertiary-600{background:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.text-tertiary-600{color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.bg-tertiary-700{background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.text-tertiary-700{color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.bg-tertiary-800{background:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.text-tertiary-800{color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.bg-tertiary-900{background:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.text-tertiary-900{color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.g-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-0:not(.columns){gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important;--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.g-1:not(.columns){gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.g-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important;--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.g-2:not(.columns){gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.g-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.g-3:not(.columns){gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.g-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important;--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.g-4:not(.columns){gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.g-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-5:not(.columns){gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-6:not(.columns){gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-7:not(.columns){gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-8:not(.columns){gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-9:not(.columns){gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.g-10:not(.columns){gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-0.columns{--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-0:not(.columns){row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-1.columns{--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.rg-1:not(.columns){row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.rg-2.columns{--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.rg-2:not(.columns){row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.rg-3.columns{--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.rg-3:not(.columns){row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.rg-4.columns{--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.rg-4:not(.columns){row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.rg-5.columns{--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-5:not(.columns){row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-6.columns{--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-6:not(.columns){row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-7.columns{--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-7:not(.columns){row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-8.columns{--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-8:not(.columns){row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-9.columns{--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-9:not(.columns){row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-10.columns{--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-10:not(.columns){row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-0:not(.columns){-moz-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.cg-1:not(.columns){-moz-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.cg-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.cg-2:not(.columns){-moz-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.cg-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.cg-3:not(.columns){-moz-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.cg-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.cg-4:not(.columns){-moz-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.cg-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-5:not(.columns){-moz-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-6:not(.columns){-moz-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-7:not(.columns){-moz-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-8:not(.columns){-moz-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-9:not(.columns){-moz-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-10:not(.columns){-moz-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.p-0{padding:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.p-1{padding:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.p-2{padding:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.p-3{padding:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.p-4{padding:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.p-5{padding:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.p-6{padding:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.p-7{padding:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.p-8{padding:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.p-9{padding:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.p-10{padding:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pt-0{padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pt-1{padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pt-2{padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pt-3{padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pt-4{padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pt-5{padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pt-6{padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pt-7{padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pt-8{padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pt-9{padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pt-10{padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pr-0{padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pr-1{padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pr-2{padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pr-3{padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pr-4{padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pr-5{padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pr-6{padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pr-7{padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pr-8{padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pr-9{padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pr-10{padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pb-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pb-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pb-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pb-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pb-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pb-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pb-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pb-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pb-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pb-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pb-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pl-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pl-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pl-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pl-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pl-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pl-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pl-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pl-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pl-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pl-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pl-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.px-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.px-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.px-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.px-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.px-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.px-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.px-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.px-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.px-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.px-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.px-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.py-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.py-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.py-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.py-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.py-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.py-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.py-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.py-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.py-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.py-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.py-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbs-0{padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbs-1{padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbs-2{padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbs-3{padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbs-4{padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbs-5{padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbs-6{padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbs-7{padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbs-8{padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbs-9{padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbs-10{padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbe-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbe-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbe-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbe-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbe-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbe-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbe-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbe-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbe-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbe-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbe-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbse-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbse-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbse-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbse-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbse-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbse-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbse-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbse-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbse-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbse-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbse-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pis-0{padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pis-1{padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pis-2{padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pis-3{padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pis-4{padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pis-5{padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pis-6{padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pis-7{padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pis-8{padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pis-9{padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pis-10{padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pie-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pie-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pie-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pie-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pie-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pie-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pie-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pie-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pie-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pie-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pie-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pise-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pise-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pise-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pise-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pise-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pise-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pise-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pise-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pise-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pise-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pise-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.m-0{margin:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.m-1{margin:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.m-2{margin:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.m-3{margin:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.m-4{margin:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.m-5{margin:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.m-6{margin:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.m-7{margin:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.m-8{margin:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.m-9{margin:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.m-10{margin:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mt-0{margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mt-1{margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mt-2{margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mt-3{margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mt-4{margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mt-5{margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mt-6{margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mt-7{margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mt-8{margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mt-9{margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mt-10{margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mr-0{margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mr-1{margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mr-2{margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mr-3{margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mr-4{margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mr-5{margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mr-6{margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mr-7{margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mr-8{margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mr-9{margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mr-10{margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mb-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mb-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mb-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mb-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mb-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mb-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mb-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mb-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mb-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mb-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mb-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.ml-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.ml-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.ml-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.ml-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.ml-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.ml-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.ml-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.ml-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.ml-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.ml-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.ml-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mx-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mx-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mx-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mx-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mx-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mx-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mx-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mx-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mx-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mx-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mx-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.my-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.my-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.my-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.my-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.my-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.my-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.my-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.my-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.my-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.my-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.my-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbs-0{margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbs-1{margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbs-2{margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbs-3{margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbs-4{margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbs-5{margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbs-6{margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbs-7{margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbs-8{margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbs-9{margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbs-10{margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbe-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbe-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbe-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbe-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbe-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbe-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbe-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbe-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbe-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbe-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbe-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbse-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbse-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbse-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbse-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbse-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbse-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbse-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbse-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbse-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbse-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbse-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mis-0{margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mis-1{margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mis-2{margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mis-3{margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mis-4{margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mis-5{margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mis-6{margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mis-7{margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mis-8{margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mis-9{margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mis-10{margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mie-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mie-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mie-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mie-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mie-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mie-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mie-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mie-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mie-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mie-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mie-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mise-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mise-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mise-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mise-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mise-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mise-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mise-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mise-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mise-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mise-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mise-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.text-xs{font-size:var(--graupl-font-xs,calc(var(--graupl-font-base, 1rem)*.694))!important}.text-sm{font-size:var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833))!important}.text-base{font-size:var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))!important}.text-lg{font-size:var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2))!important}.text-xl{font-size:var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44))!important}.text-2xl{font-size:var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728))!important}.text-3xl{font-size:var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074))!important}.text-4xl{font-size:var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488))!important}.text-5xl{font-size:var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986))!important}.text-paragraph{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))!important;font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-small{font-size:var(--graupl-small-font-size,var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833)))!important;font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))!important;margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-h1{font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986)))!important;font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h1-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h2{font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488)))!important;font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h2-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h3{font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074)))!important;font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h3-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h4{font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728)))!important;font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h4-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h5{font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44)))!important;font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h5-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h6{font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2)))!important;font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h6-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.font-light{font-weight:var(--graupl-font-weight-light,300)!important}.font-normal{font-weight:var(--graupl-font-weight-normal,400)!important}.font-bold{font-weight:var(--graupl-font-weight-bold,700)!important}.font-italic{font-style:italic!important}.font-not-italic{font-style:normal!important}}@layer graupl.utilities{}@layer graupl.utilities{}
+/*# sourceMappingURL=utilities.css.map */

package/dist/utilities.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scss/mixins/_layer.scss","../src/scss/utilities/colors/_index.scss","utilities.css","../src/scss/utilities/spacing/_index.scss","../src/scss/utilities/typography/_index.scss"],"names":[],"mappings":"AASI,wBCGE,gBACE,wICVN,CDaI,kBACE,mICXN,CDMI,gBACE,wICJN,CDOI,kBACE,mICLN,CDAI,gBACE,wICEN,CDCI,kBACE,mICCN,CDNI,gBACE,wICQN,CDLI,kBACE,mICON,CDZI,gBACE,wICcN,CDXI,kBACE,mICaN,CDlBI,gBACE,wICoBN,CDjBI,kBACE,mICmBN,CDxBI,gBACE,wIC0BN,CDvBI,kBACE,mICyBN,CD9BI,gBACE,wICgCN,CD7BI,kBACE,mIC+BN,CDpCI,gBACE,wICsCN,CDnCI,kBACE,mICqCN,CD1CI,kBACE,8IC4CN,CDzCI,oBACE,yIC2CN,CDhDI,kBACE,8ICkDN,CD/CI,oBACE,yICiDN,CDtDI,kBACE,8ICwDN,CDrDI,oBACE,yICuDN,CD5DI,kBACE,8IC8DN,CD3DI,oBACE,yIC6DN,CDlEI,kBACE,8ICoEN,CDjEI,oBACE,yICmEN,CDxEI,kBACE,8IC0EN,CDvEI,oBACE,yICyEN,CD9EI,kBACE,8ICgFN,CD7EI,oBACE,yIC+EN,CDpFI,kBACE,8ICsFN,CDnFI,oBACE,yICqFN,CD1FI,kBACE,8IC4FN,CDzFI,oBACE,yIC2FN,CDhGI,iBACE,2ICkGN,CD/FI,mBACE,sICiGN,CDtGI,iBACE,2ICwGN,CDrGI,mBACE,sICuGN,CD5GI,iBACE,2IC8GN,CD3GI,mBACE,sIC6GN,CDlHI,iBACE,2ICoHN,CDjHI,mBACE,sICmHN,CDxHI,iBACE,wIC0HN,CDvHI,mBACE,mICyHN,CD9HI,iBACE,2ICgIN,CD7HI,mBACE,sIC+HN,CDpII,iBACE,2ICsIN,CDnII,mBACE,sICqIN,CD1II,iBACE,2IC4IN,CDzII,mBACE,sIC2IN,CDhJI,iBACE,2ICkJN,CD/II,mBACE,sICiJN,CCjJQ,aACE,+FAAA,CAGA,4FDmJV,CC9IQ,mBAEI,uED+IZ,CC1JQ,aACE,mGAAA,CAGA,gGD0JV,CCrJQ,mBAEI,0EDsJZ,CCjKQ,aACE,kGAAA,CAGA,+FDiKV,CC5JQ,mBAEI,yED6JZ,CCxKQ,aACE,iGAAA,CAGA,8FDwKV,CCnKQ,mBAEI,wEDoKZ,CC/KQ,aACE,kGAAA,CAGA,+FD+KV,CC1KQ,mBAEI,yED2KZ,CCtLQ,aACE,+FAAA,CAGA,4FDsLV,CCjLQ,mBAEI,uEDkLZ,CC7LQ,aACE,iGAAA,CAGA,8FD6LV,CCxLQ,mBAEI,yEDyLZ,CCpMQ,aACE,+FAAA,CAGA,4FDoMV,CC/LQ,mBAEI,uEDgMZ,CC3MQ,aACE,+FAAA,CAGA,4FD2MV,CCtMQ,mBAEI,uEDuMZ,CClNQ,aACE,+FAAA,CAGA,4FDkNV,CC7MQ,mBAEI,uED8MZ,CCzNQ,cACE,iGAAA,CAGA,8FDyNV,CCpNQ,oBAEI,yEDqNZ,CCrMQ,cACE,4FDuMV,CClMQ,oBAEI,2EDmMZ,CC3MQ,cACE,gGD6MV,CCxMQ,oBAEI,8EDyMZ,CCjNQ,cACE,+FDmNV,CC9MQ,oBAEI,6ED+MZ,CCvNQ,cACE,8FDyNV,CCpNQ,oBAEI,4EDqNZ,CC7NQ,cACE,+FD+NV,CC1NQ,oBAEI,6ED2NZ,CCnOQ,cACE,4FDqOV,CChOQ,oBAEI,2EDiOZ,CCzOQ,cACE,8FD2OV,CCtOQ,oBAEI,6EDuOZ,CC/OQ,cACE,4FDiPV,CC5OQ,oBAEI,2ED6OZ,CCrPQ,cACE,4FDuPV,CClPQ,oBAEI,2EDmPZ,CC3PQ,cACE,4FD6PV,CCxPQ,oBAEI,2EDyPZ,CCjQQ,eACE,8FDmQV,CC9PQ,qBAEI,6ED+PZ,CCnRQ,cACE,+FDqRV,CChRQ,oBAEI,mFAAA,CAAA,8EDiRZ,CCzRQ,cACE,mGD2RV,CCtRQ,oBAEI,sFAAA,CAAA,iFDuRZ,CC/RQ,cACE,kGDiSV,CC5RQ,oBAEI,qFAAA,CAAA,gFD6RZ,CCrSQ,cACE,iGDuSV,CClSQ,oBAEI,oFAAA,CAAA,+EDmSZ,CC3SQ,cACE,kGD6SV,CCxSQ,oBAEI,qFAAA,CAAA,gFDySZ,CCjTQ,cACE,+FDmTV,CC9SQ,oBAEI,mFAAA,CAAA,8ED+SZ,CCvTQ,cACE,iGDyTV,CCpTQ,oBAEI,qFAAA,CAAA,gFDqTZ,CC7TQ,cACE,+FD+TV,CC1TQ,oBAEI,mFAAA,CAAA,8ED2TZ,CCnUQ,cACE,+FDqUV,CChUQ,oBAEI,mFAAA,CAAA,8EDiUZ,CCzUQ,cACE,+FD2UV,CCtUQ,oBAEI,mFAAA,CAAA,8EDuUZ,CC/UQ,eACE,iGDiVV,CC5UQ,qBAEI,qFAAA,CAAA,gFD6UZ,CCxWI,KA4CM,2ED+TV,CC3WI,KA4CM,8EDkUV,CC9WI,KA4CM,6EDqUV,CCjXI,KA4CM,4EDwUV,CCpXI,KA4CM,6ED2UV,CCvXI,KA4CM,2ED8UV,CC1XI,KA4CM,6EDiVV,CC7XI,KA4CM,2EDoVV,CChYI,KA4CM,2EDuVV,CCnYI,KA4CM,2ED0VV,CCtYI,MA4CM,6ED6VV,CCzYI,MA4CM,+EDgWV,CC5YI,MA4CM,kFDmWV,CC/YI,MA4CM,iFDsWV,CClZI,MA4CM,gFDyWV,CCrZI,MA4CM,iFD4WV,CCxZI,MA4CM,+ED+WV,CC3ZI,MA4CM,iFDkXV,CC9ZI,MA4CM,+EDqXV,CCjaI,MA4CM,+EDwXV,CCpaI,MA4CM,+ED2XV,CCvaI,OA4CM,iFD8XV,CC1aI,MA4CM,iFDiYV,CC7aI,MA4CM,oFDoYV,CChbI,MA4CM,mFDuYV,CCnbI,MA4CM,kFD0YV,CCtbI,MA4CM,mFD6YV,CCzbI,MA4CM,iFDgZV,CC5bI,MA4CM,mFDmZV,CC/bI,MA4CM,iFDsZV,CClcI,MA4CM,iFDyZV,CCrcI,MA4CM,iFD4ZV,CCxcI,OA4CM,mFD+ZV,CC3cI,MA4CM,kFDkaV,CC9cI,MA4CM,qFDqaV,CCjdI,MA4CM,oFDwaV,CCpdI,MA4CM,mFD2aV,CCvdI,MA4CM,oFD8aV,CC1dI,MA4CM,kFDibV,CC7dI,MA4CM,oFDobV,CCheI,MA4CM,kFDubV,CCneI,MA4CM,kFD0bV,CCteI,MA4CM,kFD6bV,CCzeI,OA4CM,oFDgcV,CC5eI,MA4CM,gFDmcV,CC/eI,MA4CM,mFDscV,CClfI,MA4CM,kFDycV,CCrfI,MA4CM,iFD4cV,CCxfI,MA4CM,kFD+cV,CC3fI,MA4CM,gFDkdV,CC9fI,MA4CM,kFDqdV,CCjgBI,MA4CM,gFDwdV,CCpgBI,MA4CM,gFD2dV,CCvgBI,MA4CM,gFD8dV,CC1gBI,OA4CM,kFDieV,CC7gBI,MA4CM,gFAAA,CAAA,iFDqeV,CCjhBI,MA4CM,mFAAA,CAAA,oFDyeV,CCrhBI,MA4CM,kFAAA,CAAA,mFD6eV,CCzhBI,MA4CM,iFAAA,CAAA,kFDifV,CC7hBI,MA4CM,kFAAA,CAAA,mFDqfV,CCjiBI,MA4CM,gFAAA,CAAA,iFDyfV,CCriBI,MA4CM,kFAAA,CAAA,mFD6fV,CCziBI,MA4CM,gFAAA,CAAA,iFDigBV,CC7iBI,MA4CM,gFAAA,CAAA,iFDqgBV,CCjjBI,MA4CM,gFAAA,CAAA,iFDygBV,CCrjBI,OA4CM,kFAAA,CAAA,mFD6gBV,CCzjBI,MA4CM,kFAAA,CAAA,+EDihBV,CC7jBI,MA4CM,qFAAA,CAAA,kFDqhBV,CCjkBI,MA4CM,oFAAA,CAAA,iFDyhBV,CCrkBI,MA4CM,mFAAA,CAAA,gFD6hBV,CCzkBI,MA4CM,oFAAA,CAAA,iFDiiBV,CC7kBI,MA4CM,kFAAA,CAAA,+EDqiBV,CCjlBI,MA4CM,oFAAA,CAAA,iFDyiBV,CCrlBI,MA4CM,kFAAA,CAAA,+ED6iBV,CCzlBI,MA4CM,kFAAA,CAAA,+EDijBV,CC7lBI,MA4CM,kFAAA,CAAA,+EDqjBV,CCjmBI,OA4CM,oFAAA,CAAA,iFDyjBV,CCrmBI,OA4CM,uFD4jBV,CCxmBI,OA4CM,0FD+jBV,CC3mBI,OA4CM,yFDkkBV,CC9mBI,OA4CM,wFDqkBV,CCjnBI,OA4CM,yFDwkBV,CCpnBI,OA4CM,uFD2kBV,CCvnBI,OA4CM,yFD8kBV,CC1nBI,OA4CM,uFDilBV,CC7nBI,OA4CM,uFDolBV,CChoBI,OA4CM,uFDulBV,CCnoBI,QA4CM,yFD0lBV,CCtoBI,OA4CM,qFD6lBV,CCzoBI,OA4CM,wFDgmBV,CC5oBI,OA4CM,uFDmmBV,CC/oBI,OA4CM,sFDsmBV,CClpBI,OA4CM,uFDymBV,CCrpBI,OA4CM,qFD4mBV,CCxpBI,OA4CM,uFD+mBV,CC3pBI,OA4CM,qFDknBV,CC9pBI,OA4CM,qFDqnBV,CCjqBI,OA4CM,qFDwnBV,CCpqBI,QA4CM,uFD2nBV,CCvqBI,QA4CM,qFAAA,CAAA,uFD+nBV,CC3qBI,QA4CM,wFAAA,CAAA,0FDmoBV,CC/qBI,QA4CM,uFAAA,CAAA,yFDuoBV,CCnrBI,QA4CM,sFAAA,CAAA,wFD2oBV,CCvrBI,QA4CM,uFAAA,CAAA,yFD+oBV,CC3rBI,QA4CM,qFAAA,CAAA,uFDmpBV,CC/rBI,QA4CM,uFAAA,CAAA,yFDupBV,CCnsBI,QA4CM,qFAAA,CAAA,uFD2pBV,CCvsBI,QA4CM,qFAAA,CAAA,uFD+pBV,CC3sBI,QA4CM,qFAAA,CAAA,uFDmqBV,CC/sBI,SA4CM,uFAAA,CAAA,yFDuqBV,CCntBI,OA4CM,wFD0qBV,CCttBI,OA4CM,2FD6qBV,CCztBI,OA4CM,0FDgrBV,CC5tBI,OA4CM,yFDmrBV,CC/tBI,OA4CM,0FDsrBV,CCluBI,OA4CM,wFDyrBV,CCruBI,OA4CM,0FD4rBV,CCxuBI,OA4CM,wFD+rBV,CC3uBI,OA4CM,wFDksBV,CC9uBI,OA4CM,wFDqsBV,CCjvBI,QA4CM,0FDwsBV,CCpvBI,OA4CM,sFD2sBV,CCvvBI,OA4CM,yFD8sBV,CC1vBI,OA4CM,wFDitBV,CC7vBI,OA4CM,uFDotBV,CChwBI,OA4CM,wFDutBV,CCnwBI,OA4CM,sFD0tBV,CCtwBI,OA4CM,wFD6tBV,CCzwBI,OA4CM,sFDguBV,CC5wBI,OA4CM,sFDmuBV,CC/wBI,OA4CM,sFDsuBV,CClxBI,QA4CM,wFDyuBV,CCrxBI,QA4CM,sFAAA,CAAA,wFD6uBV,CCzxBI,QA4CM,yFAAA,CAAA,2FDivBV,CC7xBI,QA4CM,wFAAA,CAAA,0FDqvBV,CCjyBI,QA4CM,uFAAA,CAAA,yFDyvBV,CCryBI,QA4CM,wFAAA,CAAA,0FD6vBV,CCzyBI,QA4CM,sFAAA,CAAA,wFDiwBV,CC7yBI,QA4CM,wFAAA,CAAA,0FDqwBV,CCjzBI,QA4CM,sFAAA,CAAA,wFDywBV,CCrzBI,QA4CM,sFAAA,CAAA,wFD6wBV,CCzzBI,QA4CM,sFAAA,CAAA,wFDixBV,CC7zBI,SA4CM,wFAAA,CAAA,0FDqxBV,CCj0BI,KA4CM,0EDwxBV,CCp0BI,KA4CM,6ED2xBV,CCv0BI,KA4CM,4ED8xBV,CC10BI,KA4CM,2EDiyBV,CC70BI,KA4CM,4EDoyBV,CCh1BI,KA4CM,0EDuyBV,CCn1BI,KA4CM,4ED0yBV,CCt1BI,KA4CM,0ED6yBV,CCz1BI,KA4CM,0EDgzBV,CC51BI,KA4CM,0EDmzBV,CC/1BI,MA4CM,4EDszBV,CCl2BI,MA4CM,8EDyzBV,CCr2BI,MA4CM,iFD4zBV,CCx2BI,MA4CM,gFD+zBV,CC32BI,MA4CM,+EDk0BV,CC92BI,MA4CM,gFDq0BV,CCj3BI,MA4CM,8EDw0BV,CCp3BI,MA4CM,gFD20BV,CCv3BI,MA4CM,8ED80BV,CC13BI,MA4CM,8EDi1BV,CC73BI,MA4CM,8EDo1BV,CCh4BI,OA4CM,gFDu1BV,CCn4BI,MA4CM,gFD01BV,CCt4BI,MA4CM,mFD61BV,CCz4BI,MA4CM,kFDg2BV,CC54BI,MA4CM,iFDm2BV,CC/4BI,MA4CM,kFDs2BV,CCl5BI,MA4CM,gFDy2BV,CCr5BI,MA4CM,kFD42BV,CCx5BI,MA4CM,gFD+2BV,CC35BI,MA4CM,gFDk3BV,CC95BI,MA4CM,gFDq3BV,CCj6BI,OA4CM,kFDw3BV,CCp6BI,MA4CM,iFD23BV,CCv6BI,MA4CM,oFD83BV,CC16BI,MA4CM,mFDi4BV,CC76BI,MA4CM,kFDo4BV,CCh7BI,MA4CM,mFDu4BV,CCn7BI,MA4CM,iFD04BV,CCt7BI,MA4CM,mFD64BV,CCz7BI,MA4CM,iFDg5BV,CC57BI,MA4CM,iFDm5BV,CC/7BI,MA4CM,iFDs5BV,CCl8BI,OA4CM,mFDy5BV,CCr8BI,MA4CM,+ED45BV,CCx8BI,MA4CM,kFD+5BV,CC38BI,MA4CM,iFDk6BV,CC98BI,MA4CM,gFDq6BV,CCj9BI,MA4CM,iFDw6BV,CCp9BI,MA4CM,+ED26BV,CCv9BI,MA4CM,iFD86BV,CC19BI,MA4CM,+EDi7BV,CC79BI,MA4CM,+EDo7BV,CCh+BI,MA4CM,+EDu7BV,CCn+BI,OA4CM,iFD07BV,CCt+BI,MA4CM,+EAAA,CAAA,gFD87BV,CC1+BI,MA4CM,kFAAA,CAAA,mFDk8BV,CC9+BI,MA4CM,iFAAA,CAAA,kFDs8BV,CCl/BI,MA4CM,gFAAA,CAAA,iFD08BV,CCt/BI,MA4CM,iFAAA,CAAA,kFD88BV,CC1/BI,MA4CM,+EAAA,CAAA,gFDk9BV,CC9/BI,MA4CM,iFAAA,CAAA,kFDs9BV,CClgCI,MA4CM,+EAAA,CAAA,gFD09BV,CCtgCI,MA4CM,+EAAA,CAAA,gFD89BV,CC1gCI,MA4CM,+EAAA,CAAA,gFDk+BV,CC9gCI,OA4CM,iFAAA,CAAA,kFDs+BV,CClhCI,MA4CM,iFAAA,CAAA,8ED0+BV,CCthCI,MA4CM,oFAAA,CAAA,iFD8+BV,CC1hCI,MA4CM,mFAAA,CAAA,gFDk/BV,CC9hCI,MA4CM,kFAAA,CAAA,+EDs/BV,CCliCI,MA4CM,mFAAA,CAAA,gFD0/BV,CCtiCI,MA4CM,iFAAA,CAAA,8ED8/BV,CC1iCI,MA4CM,mFAAA,CAAA,gFDkgCV,CC9iCI,MA4CM,iFAAA,CAAA,8EDsgCV,CCljCI,MA4CM,iFAAA,CAAA,8ED0gCV,CCtjCI,MA4CM,iFAAA,CAAA,8ED8gCV,CC1jCI,OA4CM,mFAAA,CAAA,gFDkhCV,CC9jCI,OA4CM,sFDqhCV,CCjkCI,OA4CM,yFDwhCV,CCpkCI,OA4CM,wFD2hCV,CCvkCI,OA4CM,uFD8hCV,CC1kCI,OA4CM,wFDiiCV,CC7kCI,OA4CM,sFDoiCV,CChlCI,OA4CM,wFDuiCV,CCnlCI,OA4CM,sFD0iCV,CCtlCI,OA4CM,sFD6iCV,CCzlCI,OA4CM,sFDgjCV,CC5lCI,QA4CM,wFDmjCV,CC/lCI,OA4CM,oFDsjCV,CClmCI,OA4CM,uFDyjCV,CCrmCI,OA4CM,sFD4jCV,CCxmCI,OA4CM,qFD+jCV,CC3mCI,OA4CM,sFDkkCV,CC9mCI,OA4CM,oFDqkCV,CCjnCI,OA4CM,sFDwkCV,CCpnCI,OA4CM,oFD2kCV,CCvnCI,OA4CM,oFD8kCV,CC1nCI,OA4CM,oFDilCV,CC7nCI,QA4CM,sFDolCV,CChoCI,QA4CM,oFAAA,CAAA,sFDwlCV,CCpoCI,QA4CM,uFAAA,CAAA,yFD4lCV,CCxoCI,QA4CM,sFAAA,CAAA,wFDgmCV,CC5oCI,QA4CM,qFAAA,CAAA,uFDomCV,CChpCI,QA4CM,sFAAA,CAAA,wFDwmCV,CCppCI,QA4CM,oFAAA,CAAA,sFD4mCV,CCxpCI,QA4CM,sFAAA,CAAA,wFDgnCV,CC5pCI,QA4CM,oFAAA,CAAA,sFDonCV,CChqCI,QA4CM,oFAAA,CAAA,sFDwnCV,CCpqCI,QA4CM,oFAAA,CAAA,sFD4nCV,CCxqCI,SA4CM,sFAAA,CAAA,wFDgoCV,CC5qCI,OA4CM,uFDmoCV,CC/qCI,OA4CM,0FDsoCV,CClrCI,OA4CM,yFDyoCV,CCrrCI,OA4CM,wFD4oCV,CCxrCI,OA4CM,yFD+oCV,CC3rCI,OA4CM,uFDkpCV,CC9rCI,OA4CM,yFDqpCV,CCjsCI,OA4CM,uFDwpCV,CCpsCI,OA4CM,uFD2pCV,CCvsCI,OA4CM,uFD8pCV,CC1sCI,QA4CM,yFDiqCV,CC7sCI,OA4CM,qFDoqCV,CChtCI,OA4CM,wFDuqCV,CCntCI,OA4CM,uFD0qCV,CCttCI,OA4CM,sFD6qCV,CCztCI,OA4CM,uFDgrCV,CC5tCI,OA4CM,qFDmrCV,CC/tCI,OA4CM,uFDsrCV,CCluCI,OA4CM,qFDyrCV,CCruCI,OA4CM,qFD4rCV,CCxuCI,OA4CM,qFD+rCV,CC3uCI,QA4CM,uFDksCV,CC9uCI,QA4CM,qFAAA,CAAA,uFDssCV,CClvCI,QA4CM,wFAAA,CAAA,0FD0sCV,CCtvCI,QA4CM,uFAAA,CAAA,yFD8sCV,CC1vCI,QA4CM,sFAAA,CAAA,wFDktCV,CC9vCI,QA4CM,uFAAA,CAAA,yFDstCV,CClwCI,QA4CM,qFAAA,CAAA,uFD0tCV,CCtwCI,QA4CM,uFAAA,CAAA,yFD8tCV,CC1wCI,QA4CM,qFAAA,CAAA,uFDkuCV,CC9wCI,QA4CM,qFAAA,CAAA,uFDsuCV,CClxCI,QA4CM,qFAAA,CAAA,uFD0uCV,CCtxCI,SA4CM,uFAAA,CAAA,yFD8uCV,CE9xCE,SACE,kFFmyCJ,CEpyCE,SACE,kFFsyCJ,CEvyCE,WACE,iFFyyCJ,CE1yCE,SACE,iFF4yCJ,CE7yCE,SACE,kFF+yCJ,CEhzCE,UACE,oFFkzCJ,CEnzCE,UACE,oFFqzCJ,CEtzCE,UACE,oFFwzCJ,CEzzCE,UACE,oFF2zCJ,CEvzCA,gBAEE,gJAAA,CACA,6HAAA,CACA,wHAAA,CAHA,iHF4zCF,CEtzCA,YAEE,gHAAA,CACA,yHAAA,CACA,qFAAA,CAHA,6GF2zCF,CErzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF2zCF,CEpzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF0zCF,CEnzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFyzCF,CElzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFwzCF,CEjzCA,SAEE,8MAAA,CACA,6GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFuzCF,CEhzCA,SAEE,8MAAA,CACA,4GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFszCF,CE7yCE,YACE,yDF+yCJ,CEhzCE,aACE,0DFkzCJ,CEnzCE,WACE,wDFqzCJ,CEhzCA,aACE,2BFkzCF,CE/yCA,iBACE,2BFizCF,CAvuCF,CF1JI,wBE+xCJ,CF/xCI,wBEk4CJ","file":"utilities.css"}

package/docs/.vitepress/theme/custom.scss

@@ -1,4 +1,4 @@
-@use "../../../scss/functions/theme";
+@use "../../../src/scss/functions/theme";
 
 :root {
   --vp-c-brand: #{theme.get(primary, 700)};

package/index.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,6 +12,7 @@
   </style>
   <link rel="stylesheet" href="dist/graupl.css">
 </head>
+
 <body>
   <main class="container">
     <h1>Hello Graupl!</h1>
@@ -18,7 +20,8 @@
     <p>This source code can be found in <a href="https://github.com/Graupl/graupl">GitHub</a>.</p>
     <p>Graupl supports light and dark modes out-of-the-box.</p>
     <h2>Buttons</h2>
-    <p>There are 4 colours of buttons supported by default, with plans to have a "graupl-theme" plugin that adds more.</p>
+    <p>There are 4 colours of buttons supported by default, with plans to have a "graupl-theme" plugin that adds more.
+    </p>
     <div class="columns count-4">
       <button class="button">Default Button</button>
       <button class="button primary">Primary Button</button>
@@ -31,80 +34,329 @@
     </div>
     <h2>Form elements</h2>
     <p>Graupl provides default styling for all form elements.</p>
-    <label for="input">Input</label>
-    <input type="text" placeholder="Input" id="input">
-    <label for="input-readonly">Readonly Input</label>
-    <input type="text" placeholder="Readonly Input" id="input-readonly" value="Readonly Input"readonly>
-    <label for="input-disabled">Disabled Input</label>
-    <input type="text" placeholder="Disabled Input" id="input-disabled" disabled>
-    <label for="textarea">Textarea</label>
-    <textarea class="textarea" placeholder="Textarea" id="textarea"></textarea>
-    <label for="textarea-readonly">Readonly Textarea</label>
-    <textarea class="textarea" placeholder="Readonly Textarea" id="textarea-readonly" readonly>Readonly Textarea</textarea>
-    <label for="textarea-disabled">Disabled Textarea</label>
-    <textarea class="textarea" placeholder="Disabled Textarea" id="textarea-disabled" disabled></textarea>
-    <label for="select">Select</label>
-    <select id="select">
-      <option value="1">Option 1</option>
-      <option value="2">Option 2</option>
-      <optgroup label="Group 1">
-        <option value="3">Option 3</option>
-        <option value="4">Option 4</option>
-        <option value="5">Option 5</option>
-      </optgroup>
-    </select>
-    <label for="select-disabled">Disabled Select</label>
-    <select id="select-disabled" disabled>
-      <option value="1">Option 1</option>
-      <option value="2">Option 2</option>
-      <optgroup label="Group 1">
-        <option value="3">Option 3</option>
-        <option value="4">Option 4</option>
-        <option value="5">Option 5</option>
-      </optgroup>
-    </select>
-    <label for"multi-select">Multi-select</label>
-    <select id="multi-select" multiple>
-      <option value="1">Option 1</option>
-      <option value="2">Option 2</option>
-      <optgroup label="Group 1">
-        <option value="3">Option 3</option>
-        <option value="4">Option 4</option>
-        <option value="5">Option 5</option>
-      </optgroup>
-    </select>
-    <label for="multi-select-disabled">Disabled Multi-select</label>
-    <select id="multi-select-disabled" multiple disabled>
-      <option value="1">Option 1</option>
-      <option value="2">Option 2</option>
-      <optgroup label="Group 1">
-        <option value="3">Option 3</option>
-        <option value="4">Option 4</option>
-        <option value="5">Option 5</option>
-      </optgroup>
-    </select>
-    <fieldset>
-      <legend>Checkboxes</legend>
-      <label for="checkbox">
-      <input type="checkbox" id="checkbox"> Checkbox</label>
-      <label for="checkbox-checked">
-      <input type="checkbox" id="checkbox-checked" checked> Checked Checkbox</label>
-      <label for="checkbox-disabled">
-      <input type="checkbox" id="checkbox-disabled" disabled> Disabled Checkbox</label>
-    </fieldset>
-    <fieldset>
-      <legend>Radio Buttons</legend>
-      <label for="radio"><input type="radio" id="radio" name="radio"> Radio</label>
-      <label for="radio-checked"><input type="radio" id="radio-checked" name="radio" checked> Checked Radio</label>
-      <label for="radio-disabled"><input type="radio" id="radio-disabled" name="radio" disabled> Disabled Radio</label>
-    </fieldset>
-    <fieldset disabled>
-      <legend>Disabled Fieldset</legend>
-      <label for="disabled-fieldset-checkbox">
-      <input type="checkbox" id="disabled-fieldset-checkbox"> Checkbox</label>
-    </fieldset>
-    <label for="range">Range</label>
-    <input type="range" class="range" id="range">
+    <form class="full-width rg-4">
+      <div class="input-group">
+        <label for="input">Input</label>
+        <input type="text" placeholder="Input" id="input">
+        <small class="help-text">This is some help text to assist with knowing what the field is about.</small>
+      </div>
+      <div class="input-group inline"><label for="input-readonly">Readonly Input</label>
+        <input type="text" placeholder="Readonly Input" id="input-readonly" value="Readonly Input" readonly>
+        <small class="help-text">This is some help text to assist with knowing what the field is about.</small>
+      </div>
+      <div class="input-group"><label for="input-disabled">Disabled Input</label>
+        <input type="text" placeholder="Disabled Input" id="input-disabled" disabled>
+        <small class="help-text">This is some help text to assist with knowing what the field is about.</small>
+      </div>
+      <div class="input-group inline"><label for="textarea">Textarea</label>
+        <textarea class="textarea" placeholder="Textarea" id="textarea"></textarea>
+      </div>
+      <div class="input-group"><label for="textarea-readonly">Readonly Textarea</label>
+        <textarea class="textarea" placeholder="Readonly Textarea" id="textarea-readonly"
+          readonly>Readonly Textarea</textarea>
+      </div>
+      <div class="input-group"><label for="textarea-disabled">Disabled Textarea</label>
+        <textarea class="textarea" placeholder="Disabled Textarea" id="textarea-disabled" disabled></textarea>
+      </div>
+      <div class="input-group inline"><label for="select">Select</label>
+        <select id="select">
+          <option value="1">Option 1</option>
+          <option value="2">Option 2</option>
+          <optgroup label="Group 1">
+            <option value="3">Option 3</option>
+            <option value="4">Option 4</option>
+            <option value="5">Option 5</option>
+          </optgroup>
+        </select>
+      </div>
+      <div class="input-group"><label for="select-disabled">Disabled Select</label>
+        <select id="select-disabled" disabled>
+          <option value="1">Option 1</option>
+          <option value="2">Option 2</option>
+          <optgroup label="Group 1">
+            <option value="3">Option 3</option>
+            <option value="4">Option 4</option>
+            <option value="5">Option 5</option>
+          </optgroup>
+        </select>
+      </div>
+      <div class="input-group"><label for"multi-select">Multi-select</label>
+        <select id="multi-select" multiple>
+          <option value="1">Option 1</option>
+          <option value="2">Option 2</option>
+          <optgroup label="Group 1">
+            <option value="3">Option 3</option>
+            <option value="4">Option 4</option>
+            <option value="5">Option 5</option>
+          </optgroup>
+        </select>
+      </div>
+      <div class="input-group inline"><label for="multi-select-disabled">Disabled Multi-select</label>
+        <select id="multi-select-disabled" multiple disabled>
+          <option value="1">Option 1</option>
+          <option value="2">Option 2</option>
+          <optgroup label="Group 1">
+            <option value="3">Option 3</option>
+            <option value="4">Option 4</option>
+            <option value="5">Option 5</option>
+          </optgroup>
+        </select>
+      </div>
+      <fieldset>
+        <legend>Checkboxes</legend>
+        <label for="checkbox">
+          <input type="checkbox" id="checkbox"> Checkbox</label>
+        <label for="checkbox-checked">
+          <input type="checkbox" id="checkbox-checked" checked> Checked Checkbox</label>
+        <label for="checkbox-disabled">
+          <input type="checkbox" id="checkbox-disabled" disabled> Disabled Checkbox</label>
+      </fieldset>
+      <fieldset>
+        <legend>Radio Buttons</legend>
+        <label for="radio"><input type="radio" id="radio" name="radio"> Radio</label>
+        <label for="radio-checked"><input type="radio" id="radio-checked" name="radio" checked> Checked Radio</label>
+        <label for="radio-disabled"><input type="radio" id="radio-disabled" name="radio" disabled> Disabled
+          Radio</label>
+      </fieldset>
+      <fieldset disabled>
+        <legend>Disabled Fieldset</legend>
+        <label for="disabled-fieldset-checkbox">
+          <input type="checkbox" id="disabled-fieldset-checkbox"> Checkbox</label>
+      </fieldset>
+      <div class="input-group"><label for="range">Range</label>
+        <input type="range" class="range" id="range">
+      </div>
+    </form>
+    <h2>Tables</h2>
+    <p>Graupl provides some default styling for tables as well as some other useful features to customize them.</p>
+    <table class="bordered striped-rows hoverable">
+      <caption>
+        Front-end web developer course 2021
+      </caption>
+      <thead>
+        <tr>
+          <th scope="col">Person</th>
+          <th scope="col">Most interest in</th>
+          <th scope="col">Age</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Chris</th>
+          <td>HTML tables</td>
+          <td>22</td>
+        </tr>
+        <tr>
+          <th scope="row">Dennis</th>
+          <td>Web accessibility</td>
+          <td>45</td>
+        </tr>
+        <tr>
+          <th scope="row">Sarah</th>
+          <td>JavaScript frameworks</td>
+          <td>29</td>
+        </tr>
+        <tr>
+          <th scope="row">Karen</th>
+          <td>Web performance</td>
+          <td>36</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <th scope="row" colspan="2">Average age</th>
+          <td>33</td>
+        </tr>
+      </tfoot>
+    </table>
+    <table class="primary bordered striped-columns hoverable">
+      <caption>
+        Front-end web developer course 2021
+      </caption>
+      <thead>
+        <tr>
+          <th scope="col">Person</th>
+          <th scope="col">Most interest in</th>
+          <th scope="col">Age</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Chris</th>
+          <td>HTML tables</td>
+          <td>22</td>
+        </tr>
+        <tr>
+          <th scope="row">Dennis</th>
+          <td>Web accessibility</td>
+          <td>45</td>
+        </tr>
+        <tr>
+          <th scope="row">Sarah</th>
+          <td>JavaScript frameworks</td>
+          <td>29</td>
+        </tr>
+        <tr>
+          <th scope="row">Karen</th>
+          <td>Web performance</td>
+          <td>36</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <th scope="row" colspan="2">Average age</th>
+          <td>33</td>
+        </tr>
+      </tfoot>
+    </table>
+    <table class="secondary bordered striped-columns hoverable">
+      <caption>
+        Front-end web developer course 2021
+      </caption>
+      <thead>
+        <tr>
+          <th scope="col">Person</th>
+          <th scope="col">Most interest in</th>
+          <th scope="col">Age</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Chris</th>
+          <td>HTML tables</td>
+          <td>22</td>
+        </tr>
+        <tr>
+          <th scope="row">Dennis</th>
+          <td>Web accessibility</td>
+          <td>45</td>
+        </tr>
+        <tr>
+          <th scope="row">Sarah</th>
+          <td>JavaScript frameworks</td>
+          <td>29</td>
+        </tr>
+        <tr>
+          <th scope="row">Karen</th>
+          <td>Web performance</td>
+          <td>36</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <th scope="row" colspan="2">Average age</th>
+          <td>33</td>
+        </tr>
+      </tfoot>
+    </table>
+    <table class="tertiary bordered striped-columns hoverable">
+      <caption>
+        Front-end web developer course 2021
+      </caption>
+      <thead>
+        <tr>
+          <th scope="col">Person</th>
+          <th scope="col">Most interest in</th>
+          <th scope="col">Age</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Chris</th>
+          <td>HTML tables</td>
+          <td>22</td>
+        </tr>
+        <tr>
+          <th scope="row">Dennis</th>
+          <td>Web accessibility</td>
+          <td>45</td>
+        </tr>
+        <tr>
+          <th scope="row">Sarah</th>
+          <td>JavaScript frameworks</td>
+          <td>29</td>
+        </tr>
+        <tr>
+          <th scope="row">Karen</th>
+          <td>Web performance</td>
+          <td>36</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <th scope="row" colspan="2">Average age</th>
+          <td>33</td>
+        </tr>
+      </tfoot>
+    </table>
+    <div class="responsive-table">
+      <table class="striped-columns">
+        <caption>
+          A "responsive" table element. Resize the window to see the effect.
+        </caption>
+        <thead class="primary">
+          <tr>
+            <th scrop="col">Column 1</th>
+            <th scrop="col">Column 2</th>
+            <th scrop="col">Column 3</th>
+            <th scrop="col">Column 4</th>
+            <th scrop="col">Column 5</th>
+            <th scrop="col">Column 6</th>
+            <th scrop="col">Column 7</th>
+            <th scrop="col">Column 8</th>
+            <th scrop="col">Column 9</th>
+            <th scrop="col">Column 10</th>
+            <th scrop="col">Column 11</th>
+            <th scrop="col">Column 12</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Row 1, Column 1</td>
+            <td>Row 1, Column 2</td>
+            <td>Row 1, Column 3</td>
+            <td>Row 1, Column 4</td>
+            <td>Row 1, Column 5</td>
+            <td>Row 1, Column 6</td>
+            <td>Row 1, Column 7</td>
+            <td>Row 1, Column 8</td>
+            <td>Row 1, Column 9</td>
+            <td>Row 1, Column 10</td>
+            <td>Row 1, Column 11</td>
+            <td>Row 1, Column 12</td>
+          </tr>
+          <tr>
+            <td>Row 2, Column 1</td>
+            <td>Row 2, Column 2</td>
+            <td>Row 2, Column 3</td>
+            <td>Row 2, Column 4</td>
+            <td>Row 2, Column 5</td>
+            <td>Row 2, Column 6</td>
+            <td>Row 2, Column 7</td>
+            <td>Row 2, Column 8</td>
+            <td>Row 2, Column 9</td>
+            <td>Row 2, Column 10</td>
+            <td>Row 2, Column 11</td>
+            <td>Row 2, Column 12</td>
+          </tr>
+          <tr>
+            <td class="tertiary">Row 3, Column 1</td>
+            <td>Row 3, Column 2</td>
+            <td class="tertiary highlight">Row 3, Column 3</td>
+            <td>Row 3, Column 4</td>
+            <td class="tertiary">Row 3, Column 5</td>
+            <td>Row 3, Column 6</td>
+            <td class="tertiary">Row 3, Column 7</td>
+            <td>Row 3, Column 8</td>
+            <td class="tertiary">Row 3, Column 9</td>
+            <td>Row 3, Column 10</td>
+            <td class="tertiary">Row 3, Column 11</td>
+            <td>Row 3, Column 12</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </main>
 </body>
+
 </html>