From 4d8ce9b36e6f5203dffe10dc7fc7b93618f6f40f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raphae=CC=88l=20Goetter?= Date: Mon, 26 Apr 2021 10:52:10 +0200 Subject: [PATCH] taille de base 100% (et non plus 62.5%) et corrections Grillade --- changelog.md | 3 +- css/grillade/grillade.css | 2 +- css/knacss-full/knacss.css | 3194 ++++++++++++++------------- css/knacss-mini/knacss.css | 2 +- package.json | 2 +- sass/abstracts/_variables-sass.scss | 45 +- sass/knacss.scss | 10 +- sass/utils/grillade.scss | 72 +- 8 files changed, 1693 insertions(+), 1637 deletions(-) diff --git a/changelog.md b/changelog.md index ac765cf..c3e94bf 100755 --- a/changelog.md +++ b/changelog.md @@ -1,6 +1,7 @@ # Changelog -- 5 mars : les classes utilitaires font à présent partie du Core +- 26 avril 2021 : taille de base 100% (et non plus 62.5%) et corrections Grillade +- 5 mars 2021 : les classes utilitaires font à présent partie du Core - 26 novembre 2020 : Documentation + V1.0.0 - 22 octobre 2020 : grosse remise à jour. V0.9.0 - 12 octobre 2020 : début de refonte classes utilitaires diff --git a/css/grillade/grillade.css b/css/grillade/grillade.css index dd6ac8e..0c440b5 100644 --- a/css/grillade/grillade.css +++ b/css/grillade/grillade.css @@ -1 +1 @@ -.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-30{gap:1.875rem}.gap-x-30{column-gap:1.875rem}.gap-y-30{row-gap:1.875rem}.gap-50{gap:3.125rem}.gap-x-50{column-gap:3.125rem}.gap-y-50{row-gap:3.125rem}.gap-100{gap:6.25rem}.gap-x-100{column-gap:6.25rem}.gap-y-100{row-gap:6.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (min-width:576px){.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-30{gap:1.875rem}.sm\:gap-x-30{column-gap:1.875rem}.sm\:gap-y-30{row-gap:1.875rem}.sm\:gap-50{gap:3.125rem}.sm\:gap-x-50{column-gap:3.125rem}.sm\:gap-y-50{row-gap:3.125rem}.sm\:gap-100{gap:6.25rem}.sm\:gap-x-100{column-gap:6.25rem}.sm\:gap-y-100{row-gap:6.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-30{gap:1.875rem}.md\:gap-x-30{column-gap:1.875rem}.md\:gap-y-30{row-gap:1.875rem}.md\:gap-50{gap:3.125rem}.md\:gap-x-50{column-gap:3.125rem}.md\:gap-y-50{row-gap:3.125rem}.md\:gap-100{gap:6.25rem}.md\:gap-x-100{column-gap:6.25rem}.md\:gap-y-100{row-gap:6.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1330px){.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-30{gap:1.875rem}.lg\:gap-x-30{column-gap:1.875rem}.lg\:gap-y-30{row-gap:1.875rem}.lg\:gap-50{gap:3.125rem}.lg\:gap-x-50{column-gap:3.125rem}.lg\:gap-y-50{row-gap:3.125rem}.lg\:gap-100{gap:6.25rem}.lg\:gap-x-100{column-gap:6.25rem}.lg\:gap-y-100{row-gap:6.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file +.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-5{gap:.313rem}.gap-x-5{column-gap:.313rem}.gap-y-5{row-gap:.313rem}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-36{gap:2.25rem}.gap-x-36{column-gap:2.25rem}.gap-y-36{row-gap:2.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (min-width:576px){.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-5{gap:.313rem}.sm\:gap-x-5{column-gap:.313rem}.sm\:gap-y-5{row-gap:.313rem}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-36{gap:2.25rem}.sm\:gap-x-36{column-gap:2.25rem}.sm\:gap-y-36{row-gap:2.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-5{gap:.313rem}.md\:gap-x-5{column-gap:.313rem}.md\:gap-y-5{row-gap:.313rem}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-36{gap:2.25rem}.md\:gap-x-36{column-gap:2.25rem}.md\:gap-y-36{row-gap:2.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1330px){.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-5{gap:.313rem}.lg\:gap-x-5{column-gap:.313rem}.lg\:gap-y-5{row-gap:.313rem}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-36{gap:2.25rem}.lg\:gap-x-36{column-gap:2.25rem}.lg\:gap-y-36{row-gap:2.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file diff --git a/css/knacss-full/knacss.css b/css/knacss-full/knacss.css index 3a621e0..d616298 100644 --- a/css/knacss-full/knacss.css +++ b/css/knacss-full/knacss.css @@ -1,7 +1,8 @@ +@charset "UTF-8"; /*! * KNACSS Reborn: Just keep it simple! * @author: Alsacreations -* v8.0.3 2021/05 +* v8.0.4 2021/04 * Licence WTFPL http://www.wtfpl.net/ */ /* ----------------------------- */ @@ -28,7 +29,7 @@ * 3. Breaks words to prevent overflow in all browsers */ html { - font-size: 62.5%; + font-size: 100%; -webkit-tap-highlight-color: transparent; /* 1 */ -webkit-text-size-adjust: 100%; @@ -40,7 +41,7 @@ html { body { margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.6rem; + font-size: 1rem; line-height: 1.5; background-color: #ffffff; color: #212529; @@ -101,7 +102,7 @@ h1, h2, .h2-like { margin-top: 0; - margin-bottom: 2rem; + margin-bottom: 1rem; } p, @@ -122,7 +123,7 @@ h6, dt, dd { margin-top: 0; - margin-bottom: 1rem; + margin-bottom: 0.5rem; } /* @@ -147,7 +148,7 @@ li .p-like { */ ul, ol { - padding-left: 2rem; + padding-left: 1rem; } nav ul, @@ -232,7 +233,7 @@ hr { overflow: visible; border: 0; border-top: 1px solid; - margin: 2rem 0; + margin: 1rem 0; clear: both; color: inherit; } @@ -246,7 +247,7 @@ table { table-layout: fixed; border-collapse: collapse; vertical-align: top; - margin-bottom: 2rem; + margin-bottom: 1rem; } /* @@ -417,13 +418,13 @@ fieldset { fieldset { margin: 0; - padding: 2rem; + padding: 1rem; } legend { display: table; max-width: 100%; - padding: 0 0.5rem; + padding: 0 0.125rem; border: 0; color: inherit; white-space: normal; @@ -624,19 +625,19 @@ template { @media (min-width: 576px) { .layout-maxed { - grid-template-columns: minmax(1rem, 1fr) minmax(auto, 576px) minmax(1rem, 1fr); + grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 576px) minmax(0.5rem, 1fr); } } @media (min-width: 992px) { .layout-maxed { - grid-template-columns: minmax(1rem, 1fr) minmax(auto, 992px) minmax(1rem, 1fr); + grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 992px) minmax(0.5rem, 1fr); } } @media (min-width: 1330px) { .layout-maxed { - grid-template-columns: minmax(1rem, 1fr) minmax(auto, 1330px) minmax(1rem, 1fr); + grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 1330px) minmax(0.5rem, 1fr); } } @@ -2577,1452 +2578,1659 @@ template { } } -.p-1 { - padding: 0.5rem; -} - -.pt-1 { - padding-top: 0.5rem; -} - -.pr-1 { - padding-right: 0.5rem; -} - -.pb-1 { - padding-bottom: 0.5rem; -} - -.pl-1 { - padding-left: 0.5rem; -} - -.px-1 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.py-1 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.m-1 { - margin: 0.5rem; -} - -.mt-1 { - margin-top: 0.5rem; -} - -.mr-1 { - margin-right: 0.5rem; -} - -.mb-1 { - margin-bottom: 0.5rem; -} - -.ml-1 { - margin-left: 0.5rem; -} - -.mx-1 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} - -.my-1 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -@media (min-width: 576px) { - .sm\:p-1 { - padding: 0.5rem; - } - .sm\:pt-1 { - padding-top: 0.5rem; - } - .sm\:pr-1 { - padding-right: 0.5rem; - } - .sm\:pb-1 { - padding-bottom: 0.5rem; - } - .sm\:pl-1 { - padding-left: 0.5rem; - } - .sm\:px-1 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - .sm\:py-1 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - .sm\:m-1 { - margin: 0.5rem; - } - .sm\:mt-1 { - margin-top: 0.5rem; - } - .sm\:mr-1 { - margin-right: 0.5rem; - } - .sm\:mb-1 { - margin-bottom: 0.5rem; - } - .sm\:ml-1 { - margin-left: 0.5rem; - } - .sm\:mx-1 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - .sm\:my-1 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } -} - -@media (min-width: 992px) { - .md\:p-1 { - padding: 0.5rem; - } - .md\:pt-1 { - padding-top: 0.5rem; - } - .md\:pr-1 { - padding-right: 0.5rem; - } - .md\:pb-1 { - padding-bottom: 0.5rem; - } - .md\:pl-1 { - padding-left: 0.5rem; - } - .md\:px-1 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - .md\:py-1 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - .md\:m-1 { - margin: 0.5rem; - } - .md\:mt-1 { - margin-top: 0.5rem; - } - .md\:mr-1 { - margin-right: 0.5rem; - } - .md\:mb-1 { - margin-bottom: 0.5rem; - } - .md\:ml-1 { - margin-left: 0.5rem; - } - .md\:mx-1 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - .md\:my-1 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } -} - -@media (min-width: 1330px) { - .lg\:p-1 { - padding: 0.5rem; - } - .lg\:pt-1 { - padding-top: 0.5rem; - } - .lg\:pr-1 { - padding-right: 0.5rem; - } - .lg\:pb-1 { - padding-bottom: 0.5rem; - } - .lg\:pl-1 { - padding-left: 0.5rem; - } - .lg\:px-1 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - .lg\:py-1 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - .lg\:m-1 { - margin: 0.5rem; - } - .lg\:mt-1 { - margin-top: 0.5rem; - } - .lg\:mr-1 { - margin-right: 0.5rem; - } - .lg\:mb-1 { - margin-bottom: 0.5rem; - } - .lg\:ml-1 { - margin-left: 0.5rem; - } - .lg\:mx-1 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - .lg\:my-1 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } -} - .p-2 { - padding: 0.75rem; + padding: 0.125rem; } .pt-2 { - padding-top: 0.75rem; + padding-top: 0.125rem; } .pr-2 { - padding-right: 0.75rem; + padding-right: 0.125rem; } .pb-2 { - padding-bottom: 0.75rem; + padding-bottom: 0.125rem; } .pl-2 { - padding-left: 0.75rem; + padding-left: 0.125rem; } .px-2 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.125rem; + padding-right: 0.125rem; } .py-2 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; } .m-2 { - margin: 0.75rem; + margin: 0.125rem; } .mt-2 { - margin-top: 0.75rem; + margin-top: 0.125rem; } .mr-2 { - margin-right: 0.75rem; + margin-right: 0.125rem; } .mb-2 { - margin-bottom: 0.75rem; + margin-bottom: 0.125rem; } .ml-2 { - margin-left: 0.75rem; + margin-left: 0.125rem; } .mx-2 { - margin-left: 0.75rem; - margin-right: 0.75rem; + margin-left: 0.125rem; + margin-right: 0.125rem; } .my-2 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + margin-top: 0.125rem; + margin-bottom: 0.125rem; } @media (min-width: 576px) { .sm\:p-2 { - padding: 0.75rem; + padding: 0.125rem; } .sm\:pt-2 { - padding-top: 0.75rem; + padding-top: 0.125rem; } .sm\:pr-2 { - padding-right: 0.75rem; + padding-right: 0.125rem; } .sm\:pb-2 { - padding-bottom: 0.75rem; + padding-bottom: 0.125rem; } .sm\:pl-2 { - padding-left: 0.75rem; + padding-left: 0.125rem; } .sm\:px-2 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.125rem; + padding-right: 0.125rem; } .sm\:py-2 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; } .sm\:m-2 { - margin: 0.75rem; + margin: 0.125rem; } .sm\:mt-2 { - margin-top: 0.75rem; + margin-top: 0.125rem; } .sm\:mr-2 { - margin-right: 0.75rem; + margin-right: 0.125rem; } .sm\:mb-2 { - margin-bottom: 0.75rem; + margin-bottom: 0.125rem; } .sm\:ml-2 { - margin-left: 0.75rem; + margin-left: 0.125rem; } .sm\:mx-2 { - margin-left: 0.75rem; - margin-right: 0.75rem; + margin-left: 0.125rem; + margin-right: 0.125rem; } .sm\:my-2 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + margin-top: 0.125rem; + margin-bottom: 0.125rem; } } @media (min-width: 992px) { .md\:p-2 { - padding: 0.75rem; + padding: 0.125rem; } .md\:pt-2 { - padding-top: 0.75rem; + padding-top: 0.125rem; } .md\:pr-2 { - padding-right: 0.75rem; + padding-right: 0.125rem; } .md\:pb-2 { - padding-bottom: 0.75rem; + padding-bottom: 0.125rem; } .md\:pl-2 { - padding-left: 0.75rem; + padding-left: 0.125rem; } .md\:px-2 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.125rem; + padding-right: 0.125rem; } .md\:py-2 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; } .md\:m-2 { - margin: 0.75rem; + margin: 0.125rem; } .md\:mt-2 { - margin-top: 0.75rem; + margin-top: 0.125rem; } .md\:mr-2 { - margin-right: 0.75rem; + margin-right: 0.125rem; } .md\:mb-2 { - margin-bottom: 0.75rem; + margin-bottom: 0.125rem; } .md\:ml-2 { - margin-left: 0.75rem; + margin-left: 0.125rem; } .md\:mx-2 { - margin-left: 0.75rem; - margin-right: 0.75rem; + margin-left: 0.125rem; + margin-right: 0.125rem; } .md\:my-2 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + margin-top: 0.125rem; + margin-bottom: 0.125rem; } } @media (min-width: 1330px) { .lg\:p-2 { - padding: 0.75rem; + padding: 0.125rem; } .lg\:pt-2 { - padding-top: 0.75rem; + padding-top: 0.125rem; } .lg\:pr-2 { - padding-right: 0.75rem; + padding-right: 0.125rem; } .lg\:pb-2 { - padding-bottom: 0.75rem; + padding-bottom: 0.125rem; } .lg\:pl-2 { - padding-left: 0.75rem; + padding-left: 0.125rem; } .lg\:px-2 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.125rem; + padding-right: 0.125rem; } .lg\:py-2 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.125rem; + padding-bottom: 0.125rem; } .lg\:m-2 { - margin: 0.75rem; + margin: 0.125rem; } .lg\:mt-2 { - margin-top: 0.75rem; + margin-top: 0.125rem; } .lg\:mr-2 { - margin-right: 0.75rem; + margin-right: 0.125rem; } .lg\:mb-2 { - margin-bottom: 0.75rem; + margin-bottom: 0.125rem; } .lg\:ml-2 { - margin-left: 0.75rem; + margin-left: 0.125rem; } .lg\:mx-2 { - margin-left: 0.75rem; - margin-right: 0.75rem; + margin-left: 0.125rem; + margin-right: 0.125rem; } .lg\:my-2 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } -} - -.p-3 { - padding: 1rem; -} - -.pt-3 { - padding-top: 1rem; -} - -.pr-3 { - padding-right: 1rem; -} - -.pb-3 { - padding-bottom: 1rem; -} - -.pl-3 { - padding-left: 1rem; -} - -.px-3 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-3 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.m-3 { - margin: 1rem; -} - -.mt-3 { - margin-top: 1rem; -} - -.mr-3 { - margin-right: 1rem; -} - -.mb-3 { - margin-bottom: 1rem; -} - -.ml-3 { - margin-left: 1rem; -} - -.mx-3 { - margin-left: 1rem; - margin-right: 1rem; -} - -.my-3 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -@media (min-width: 576px) { - .sm\:p-3 { - padding: 1rem; - } - .sm\:pt-3 { - padding-top: 1rem; - } - .sm\:pr-3 { - padding-right: 1rem; - } - .sm\:pb-3 { - padding-bottom: 1rem; - } - .sm\:pl-3 { - padding-left: 1rem; - } - .sm\:px-3 { - padding-left: 1rem; - padding-right: 1rem; - } - .sm\:py-3 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .sm\:m-3 { - margin: 1rem; - } - .sm\:mt-3 { - margin-top: 1rem; - } - .sm\:mr-3 { - margin-right: 1rem; - } - .sm\:mb-3 { - margin-bottom: 1rem; - } - .sm\:ml-3 { - margin-left: 1rem; - } - .sm\:mx-3 { - margin-left: 1rem; - margin-right: 1rem; - } - .sm\:my-3 { - margin-top: 1rem; - margin-bottom: 1rem; - } -} - -@media (min-width: 992px) { - .md\:p-3 { - padding: 1rem; - } - .md\:pt-3 { - padding-top: 1rem; - } - .md\:pr-3 { - padding-right: 1rem; - } - .md\:pb-3 { - padding-bottom: 1rem; - } - .md\:pl-3 { - padding-left: 1rem; - } - .md\:px-3 { - padding-left: 1rem; - padding-right: 1rem; - } - .md\:py-3 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .md\:m-3 { - margin: 1rem; - } - .md\:mt-3 { - margin-top: 1rem; - } - .md\:mr-3 { - margin-right: 1rem; - } - .md\:mb-3 { - margin-bottom: 1rem; - } - .md\:ml-3 { - margin-left: 1rem; - } - .md\:mx-3 { - margin-left: 1rem; - margin-right: 1rem; - } - .md\:my-3 { - margin-top: 1rem; - margin-bottom: 1rem; - } -} - -@media (min-width: 1330px) { - .lg\:p-3 { - padding: 1rem; - } - .lg\:pt-3 { - padding-top: 1rem; - } - .lg\:pr-3 { - padding-right: 1rem; - } - .lg\:pb-3 { - padding-bottom: 1rem; - } - .lg\:pl-3 { - padding-left: 1rem; - } - .lg\:px-3 { - padding-left: 1rem; - padding-right: 1rem; - } - .lg\:py-3 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .lg\:m-3 { - margin: 1rem; - } - .lg\:mt-3 { - margin-top: 1rem; - } - .lg\:mr-3 { - margin-right: 1rem; - } - .lg\:mb-3 { - margin-bottom: 1rem; - } - .lg\:ml-3 { - margin-left: 1rem; - } - .lg\:mx-3 { - margin-left: 1rem; - margin-right: 1rem; - } - .lg\:my-3 { - margin-top: 1rem; - margin-bottom: 1rem; - } -} - -.p-4 { - padding: 1.5rem; -} - -.pt-4 { - padding-top: 1.5rem; -} - -.pr-4 { - padding-right: 1.5rem; -} - -.pb-4 { - padding-bottom: 1.5rem; -} - -.pl-4 { - padding-left: 1.5rem; -} - -.px-4 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-4 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.m-4 { - margin: 1.5rem; -} - -.mt-4 { - margin-top: 1.5rem; -} - -.mr-4 { - margin-right: 1.5rem; -} - -.mb-4 { - margin-bottom: 1.5rem; -} - -.ml-4 { - margin-left: 1.5rem; -} - -.mx-4 { - margin-left: 1.5rem; - margin-right: 1.5rem; -} - -.my-4 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - -@media (min-width: 576px) { - .sm\:p-4 { - padding: 1.5rem; - } - .sm\:pt-4 { - padding-top: 1.5rem; - } - .sm\:pr-4 { - padding-right: 1.5rem; - } - .sm\:pb-4 { - padding-bottom: 1.5rem; - } - .sm\:pl-4 { - padding-left: 1.5rem; - } - .sm\:px-4 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .sm\:py-4 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - .sm\:m-4 { - margin: 1.5rem; - } - .sm\:mt-4 { - margin-top: 1.5rem; - } - .sm\:mr-4 { - margin-right: 1.5rem; - } - .sm\:mb-4 { - margin-bottom: 1.5rem; - } - .sm\:ml-4 { - margin-left: 1.5rem; - } - .sm\:mx-4 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .sm\:my-4 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - } -} - -@media (min-width: 992px) { - .md\:p-4 { - padding: 1.5rem; - } - .md\:pt-4 { - padding-top: 1.5rem; - } - .md\:pr-4 { - padding-right: 1.5rem; - } - .md\:pb-4 { - padding-bottom: 1.5rem; - } - .md\:pl-4 { - padding-left: 1.5rem; - } - .md\:px-4 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .md\:py-4 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - .md\:m-4 { - margin: 1.5rem; - } - .md\:mt-4 { - margin-top: 1.5rem; - } - .md\:mr-4 { - margin-right: 1.5rem; - } - .md\:mb-4 { - margin-bottom: 1.5rem; - } - .md\:ml-4 { - margin-left: 1.5rem; - } - .md\:mx-4 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .md\:my-4 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - } -} - -@media (min-width: 1330px) { - .lg\:p-4 { - padding: 1.5rem; - } - .lg\:pt-4 { - padding-top: 1.5rem; - } - .lg\:pr-4 { - padding-right: 1.5rem; - } - .lg\:pb-4 { - padding-bottom: 1.5rem; - } - .lg\:pl-4 { - padding-left: 1.5rem; - } - .lg\:px-4 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .lg\:py-4 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - .lg\:m-4 { - margin: 1.5rem; - } - .lg\:mt-4 { - margin-top: 1.5rem; - } - .lg\:mr-4 { - margin-right: 1.5rem; - } - .lg\:mb-4 { - margin-bottom: 1.5rem; - } - .lg\:ml-4 { - margin-left: 1.5rem; - } - .lg\:mx-4 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .lg\:my-4 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + margin-top: 0.125rem; + margin-bottom: 0.125rem; } } .p-5 { - padding: 2rem; + padding: 0.313rem; } .pt-5 { - padding-top: 2rem; + padding-top: 0.313rem; } .pr-5 { - padding-right: 2rem; + padding-right: 0.313rem; } .pb-5 { - padding-bottom: 2rem; + padding-bottom: 0.313rem; } .pl-5 { - padding-left: 2rem; + padding-left: 0.313rem; } .px-5 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 0.313rem; + padding-right: 0.313rem; } .py-5 { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 0.313rem; + padding-bottom: 0.313rem; } .m-5 { - margin: 2rem; + margin: 0.313rem; } .mt-5 { - margin-top: 2rem; + margin-top: 0.313rem; } .mr-5 { - margin-right: 2rem; + margin-right: 0.313rem; } .mb-5 { - margin-bottom: 2rem; + margin-bottom: 0.313rem; } .ml-5 { - margin-left: 2rem; + margin-left: 0.313rem; } .mx-5 { - margin-left: 2rem; - margin-right: 2rem; + margin-left: 0.313rem; + margin-right: 0.313rem; } .my-5 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 0.313rem; + margin-bottom: 0.313rem; } @media (min-width: 576px) { .sm\:p-5 { - padding: 2rem; + padding: 0.313rem; } .sm\:pt-5 { - padding-top: 2rem; + padding-top: 0.313rem; } .sm\:pr-5 { - padding-right: 2rem; + padding-right: 0.313rem; } .sm\:pb-5 { - padding-bottom: 2rem; + padding-bottom: 0.313rem; } .sm\:pl-5 { - padding-left: 2rem; + padding-left: 0.313rem; } .sm\:px-5 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 0.313rem; + padding-right: 0.313rem; } .sm\:py-5 { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 0.313rem; + padding-bottom: 0.313rem; } .sm\:m-5 { - margin: 2rem; + margin: 0.313rem; } .sm\:mt-5 { - margin-top: 2rem; + margin-top: 0.313rem; } .sm\:mr-5 { - margin-right: 2rem; + margin-right: 0.313rem; } .sm\:mb-5 { - margin-bottom: 2rem; + margin-bottom: 0.313rem; } .sm\:ml-5 { - margin-left: 2rem; + margin-left: 0.313rem; } .sm\:mx-5 { - margin-left: 2rem; - margin-right: 2rem; + margin-left: 0.313rem; + margin-right: 0.313rem; } .sm\:my-5 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 0.313rem; + margin-bottom: 0.313rem; } } @media (min-width: 992px) { .md\:p-5 { - padding: 2rem; + padding: 0.313rem; } .md\:pt-5 { - padding-top: 2rem; + padding-top: 0.313rem; } .md\:pr-5 { - padding-right: 2rem; + padding-right: 0.313rem; } .md\:pb-5 { - padding-bottom: 2rem; + padding-bottom: 0.313rem; } .md\:pl-5 { - padding-left: 2rem; + padding-left: 0.313rem; } .md\:px-5 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 0.313rem; + padding-right: 0.313rem; } .md\:py-5 { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 0.313rem; + padding-bottom: 0.313rem; } .md\:m-5 { - margin: 2rem; + margin: 0.313rem; } .md\:mt-5 { - margin-top: 2rem; + margin-top: 0.313rem; } .md\:mr-5 { - margin-right: 2rem; + margin-right: 0.313rem; } .md\:mb-5 { - margin-bottom: 2rem; + margin-bottom: 0.313rem; } .md\:ml-5 { - margin-left: 2rem; + margin-left: 0.313rem; } .md\:mx-5 { - margin-left: 2rem; - margin-right: 2rem; + margin-left: 0.313rem; + margin-right: 0.313rem; } .md\:my-5 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 0.313rem; + margin-bottom: 0.313rem; } } @media (min-width: 1330px) { .lg\:p-5 { - padding: 2rem; + padding: 0.313rem; } .lg\:pt-5 { - padding-top: 2rem; + padding-top: 0.313rem; } .lg\:pr-5 { - padding-right: 2rem; + padding-right: 0.313rem; } .lg\:pb-5 { - padding-bottom: 2rem; + padding-bottom: 0.313rem; } .lg\:pl-5 { - padding-left: 2rem; + padding-left: 0.313rem; } .lg\:px-5 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 0.313rem; + padding-right: 0.313rem; } .lg\:py-5 { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 0.313rem; + padding-bottom: 0.313rem; } .lg\:m-5 { - margin: 2rem; + margin: 0.313rem; } .lg\:mt-5 { - margin-top: 2rem; + margin-top: 0.313rem; } .lg\:mr-5 { - margin-right: 2rem; + margin-right: 0.313rem; } .lg\:mb-5 { - margin-bottom: 2rem; + margin-bottom: 0.313rem; } .lg\:ml-5 { - margin-left: 2rem; + margin-left: 0.313rem; } .lg\:mx-5 { - margin-left: 2rem; - margin-right: 2rem; + margin-left: 0.313rem; + margin-right: 0.313rem; } .lg\:my-5 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 0.313rem; + margin-bottom: 0.313rem; } } -.p-6 { - padding: 3rem; +.p-8 { + padding: 0.5rem; } -.pt-6 { - padding-top: 3rem; +.pt-8 { + padding-top: 0.5rem; } -.pr-6 { - padding-right: 3rem; +.pr-8 { + padding-right: 0.5rem; } -.pb-6 { - padding-bottom: 3rem; +.pb-8 { + padding-bottom: 0.5rem; } -.pl-6 { - padding-left: 3rem; +.pl-8 { + padding-left: 0.5rem; } -.px-6 { - padding-left: 3rem; - padding-right: 3rem; +.px-8 { + padding-left: 0.5rem; + padding-right: 0.5rem; } -.py-6 { - padding-top: 3rem; - padding-bottom: 3rem; +.py-8 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.m-6 { - margin: 3rem; +.m-8 { + margin: 0.5rem; } -.mt-6 { - margin-top: 3rem; +.mt-8 { + margin-top: 0.5rem; } -.mr-6 { - margin-right: 3rem; +.mr-8 { + margin-right: 0.5rem; } -.mb-6 { - margin-bottom: 3rem; +.mb-8 { + margin-bottom: 0.5rem; } -.ml-6 { - margin-left: 3rem; +.ml-8 { + margin-left: 0.5rem; } -.mx-6 { - margin-left: 3rem; - margin-right: 3rem; +.mx-8 { + margin-left: 0.5rem; + margin-right: 0.5rem; } -.my-6 { - margin-top: 3rem; - margin-bottom: 3rem; +.my-8 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } @media (min-width: 576px) { - .sm\:p-6 { - padding: 3rem; + .sm\:p-8 { + padding: 0.5rem; } - .sm\:pt-6 { - padding-top: 3rem; + .sm\:pt-8 { + padding-top: 0.5rem; } - .sm\:pr-6 { - padding-right: 3rem; + .sm\:pr-8 { + padding-right: 0.5rem; } - .sm\:pb-6 { - padding-bottom: 3rem; + .sm\:pb-8 { + padding-bottom: 0.5rem; } - .sm\:pl-6 { - padding-left: 3rem; + .sm\:pl-8 { + padding-left: 0.5rem; } - .sm\:px-6 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:px-8 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .sm\:py-6 { - padding-top: 3rem; - padding-bottom: 3rem; + .sm\:py-8 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .sm\:m-6 { - margin: 3rem; + .sm\:m-8 { + margin: 0.5rem; } - .sm\:mt-6 { - margin-top: 3rem; + .sm\:mt-8 { + margin-top: 0.5rem; } - .sm\:mr-6 { - margin-right: 3rem; + .sm\:mr-8 { + margin-right: 0.5rem; } - .sm\:mb-6 { - margin-bottom: 3rem; + .sm\:mb-8 { + margin-bottom: 0.5rem; } - .sm\:ml-6 { - margin-left: 3rem; + .sm\:ml-8 { + margin-left: 0.5rem; } - .sm\:mx-6 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:mx-8 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:my-6 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:my-8 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } } @media (min-width: 992px) { - .md\:p-6 { - padding: 3rem; + .md\:p-8 { + padding: 0.5rem; } - .md\:pt-6 { - padding-top: 3rem; + .md\:pt-8 { + padding-top: 0.5rem; } - .md\:pr-6 { - padding-right: 3rem; + .md\:pr-8 { + padding-right: 0.5rem; } - .md\:pb-6 { - padding-bottom: 3rem; + .md\:pb-8 { + padding-bottom: 0.5rem; } - .md\:pl-6 { - padding-left: 3rem; + .md\:pl-8 { + padding-left: 0.5rem; } - .md\:px-6 { - padding-left: 3rem; - padding-right: 3rem; + .md\:px-8 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:py-6 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:py-8 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:m-6 { - margin: 3rem; + .md\:m-8 { + margin: 0.5rem; } - .md\:mt-6 { - margin-top: 3rem; + .md\:mt-8 { + margin-top: 0.5rem; } - .md\:mr-6 { - margin-right: 3rem; + .md\:mr-8 { + margin-right: 0.5rem; } - .md\:mb-6 { - margin-bottom: 3rem; + .md\:mb-8 { + margin-bottom: 0.5rem; } - .md\:ml-6 { - margin-left: 3rem; + .md\:ml-8 { + margin-left: 0.5rem; } - .md\:mx-6 { - margin-left: 3rem; - margin-right: 3rem; + .md\:mx-8 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .md\:my-6 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:my-8 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } } @media (min-width: 1330px) { - .lg\:p-6 { - padding: 3rem; + .lg\:p-8 { + padding: 0.5rem; } - .lg\:pt-6 { - padding-top: 3rem; + .lg\:pt-8 { + padding-top: 0.5rem; } - .lg\:pr-6 { - padding-right: 3rem; + .lg\:pr-8 { + padding-right: 0.5rem; } - .lg\:pb-6 { - padding-bottom: 3rem; + .lg\:pb-8 { + padding-bottom: 0.5rem; } - .lg\:pl-6 { - padding-left: 3rem; + .lg\:pl-8 { + padding-left: 0.5rem; } - .lg\:px-6 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:px-8 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:py-6 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:py-8 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:m-6 { - margin: 3rem; + .lg\:m-8 { + margin: 0.5rem; } - .lg\:mt-6 { - margin-top: 3rem; + .lg\:mt-8 { + margin-top: 0.5rem; } - .lg\:mr-6 { - margin-right: 3rem; + .lg\:mr-8 { + margin-right: 0.5rem; } - .lg\:mb-6 { - margin-bottom: 3rem; + .lg\:mb-8 { + margin-bottom: 0.5rem; } - .lg\:ml-6 { - margin-left: 3rem; + .lg\:ml-8 { + margin-left: 0.5rem; } - .lg\:mx-6 { - margin-left: 3rem; - margin-right: 3rem; + .lg\:mx-8 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:my-6 { - margin-top: 3rem; - margin-bottom: 3rem; + .lg\:my-8 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } } -.p-7 { - padding: 5rem; +.p-10 { + padding: 0.625rem; } -.pt-7 { - padding-top: 5rem; +.pt-10 { + padding-top: 0.625rem; } -.pr-7 { - padding-right: 5rem; +.pr-10 { + padding-right: 0.625rem; } -.pb-7 { - padding-bottom: 5rem; +.pb-10 { + padding-bottom: 0.625rem; } -.pl-7 { - padding-left: 5rem; +.pl-10 { + padding-left: 0.625rem; } -.px-7 { - padding-left: 5rem; - padding-right: 5rem; +.px-10 { + padding-left: 0.625rem; + padding-right: 0.625rem; } -.py-7 { - padding-top: 5rem; - padding-bottom: 5rem; +.py-10 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } -.m-7 { - margin: 5rem; +.m-10 { + margin: 0.625rem; } -.mt-7 { - margin-top: 5rem; +.mt-10 { + margin-top: 0.625rem; } -.mr-7 { - margin-right: 5rem; +.mr-10 { + margin-right: 0.625rem; } -.mb-7 { - margin-bottom: 5rem; +.mb-10 { + margin-bottom: 0.625rem; } -.ml-7 { - margin-left: 5rem; +.ml-10 { + margin-left: 0.625rem; } -.mx-7 { - margin-left: 5rem; - margin-right: 5rem; +.mx-10 { + margin-left: 0.625rem; + margin-right: 0.625rem; } -.my-7 { - margin-top: 5rem; - margin-bottom: 5rem; +.my-10 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } @media (min-width: 576px) { - .sm\:p-7 { - padding: 5rem; + .sm\:p-10 { + padding: 0.625rem; } - .sm\:pt-7 { - padding-top: 5rem; + .sm\:pt-10 { + padding-top: 0.625rem; } - .sm\:pr-7 { - padding-right: 5rem; + .sm\:pr-10 { + padding-right: 0.625rem; } - .sm\:pb-7 { - padding-bottom: 5rem; + .sm\:pb-10 { + padding-bottom: 0.625rem; } - .sm\:pl-7 { - padding-left: 5rem; + .sm\:pl-10 { + padding-left: 0.625rem; } - .sm\:px-7 { - padding-left: 5rem; - padding-right: 5rem; + .sm\:px-10 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .sm\:py-7 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:py-10 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .sm\:m-7 { - margin: 5rem; + .sm\:m-10 { + margin: 0.625rem; } - .sm\:mt-7 { - margin-top: 5rem; + .sm\:mt-10 { + margin-top: 0.625rem; } - .sm\:mr-7 { - margin-right: 5rem; + .sm\:mr-10 { + margin-right: 0.625rem; } - .sm\:mb-7 { - margin-bottom: 5rem; + .sm\:mb-10 { + margin-bottom: 0.625rem; } - .sm\:ml-7 { - margin-left: 5rem; + .sm\:ml-10 { + margin-left: 0.625rem; } - .sm\:mx-7 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:mx-10 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .sm\:my-7 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:my-10 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } } @media (min-width: 992px) { - .md\:p-7 { - padding: 5rem; + .md\:p-10 { + padding: 0.625rem; } - .md\:pt-7 { - padding-top: 5rem; + .md\:pt-10 { + padding-top: 0.625rem; } - .md\:pr-7 { - padding-right: 5rem; + .md\:pr-10 { + padding-right: 0.625rem; } - .md\:pb-7 { - padding-bottom: 5rem; + .md\:pb-10 { + padding-bottom: 0.625rem; } - .md\:pl-7 { - padding-left: 5rem; + .md\:pl-10 { + padding-left: 0.625rem; } - .md\:px-7 { - padding-left: 5rem; - padding-right: 5rem; + .md\:px-10 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:py-7 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:py-10 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\:m-7 { - margin: 5rem; + .md\:m-10 { + margin: 0.625rem; } - .md\:mt-7 { - margin-top: 5rem; + .md\:mt-10 { + margin-top: 0.625rem; } - .md\:mr-7 { - margin-right: 5rem; + .md\:mr-10 { + margin-right: 0.625rem; } - .md\:mb-7 { - margin-bottom: 5rem; + .md\:mb-10 { + margin-bottom: 0.625rem; } - .md\:ml-7 { - margin-left: 5rem; + .md\:ml-10 { + margin-left: 0.625rem; } - .md\:mx-7 { - margin-left: 5rem; - margin-right: 5rem; + .md\:mx-10 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .md\:my-7 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:my-10 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } } @media (min-width: 1330px) { - .lg\:p-7 { - padding: 5rem; + .lg\:p-10 { + padding: 0.625rem; } - .lg\:pt-7 { - padding-top: 5rem; + .lg\:pt-10 { + padding-top: 0.625rem; } - .lg\:pr-7 { - padding-right: 5rem; + .lg\:pr-10 { + padding-right: 0.625rem; } - .lg\:pb-7 { - padding-bottom: 5rem; + .lg\:pb-10 { + padding-bottom: 0.625rem; } - .lg\:pl-7 { - padding-left: 5rem; + .lg\:pl-10 { + padding-left: 0.625rem; } - .lg\:px-7 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:px-10 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .lg\:py-7 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:py-10 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .lg\:m-7 { - margin: 5rem; + .lg\:m-10 { + margin: 0.625rem; } - .lg\:mt-7 { - margin-top: 5rem; + .lg\:mt-10 { + margin-top: 0.625rem; } - .lg\:mr-7 { - margin-right: 5rem; + .lg\:mr-10 { + margin-right: 0.625rem; } - .lg\:mb-7 { - margin-bottom: 5rem; + .lg\:mb-10 { + margin-bottom: 0.625rem; } - .lg\:ml-7 { - margin-left: 5rem; + .lg\:ml-10 { + margin-left: 0.625rem; } - .lg\:mx-7 { - margin-left: 5rem; - margin-right: 5rem; + .lg\:mx-10 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:my-7 { - margin-top: 5rem; - margin-bottom: 5rem; + .lg\:my-10 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; + } +} + +.p-16 { + padding: 1rem; +} + +.pt-16 { + padding-top: 1rem; +} + +.pr-16 { + padding-right: 1rem; +} + +.pb-16 { + padding-bottom: 1rem; +} + +.pl-16 { + padding-left: 1rem; +} + +.px-16 { + padding-left: 1rem; + padding-right: 1rem; +} + +.py-16 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.m-16 { + margin: 1rem; +} + +.mt-16 { + margin-top: 1rem; +} + +.mr-16 { + margin-right: 1rem; +} + +.mb-16 { + margin-bottom: 1rem; +} + +.ml-16 { + margin-left: 1rem; +} + +.mx-16 { + margin-left: 1rem; + margin-right: 1rem; +} + +.my-16 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +@media (min-width: 576px) { + .sm\:p-16 { + padding: 1rem; + } + .sm\:pt-16 { + padding-top: 1rem; + } + .sm\:pr-16 { + padding-right: 1rem; + } + .sm\:pb-16 { + padding-bottom: 1rem; + } + .sm\:pl-16 { + padding-left: 1rem; + } + .sm\:px-16 { + padding-left: 1rem; + padding-right: 1rem; + } + .sm\:py-16 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .sm\:m-16 { + margin: 1rem; + } + .sm\:mt-16 { + margin-top: 1rem; + } + .sm\:mr-16 { + margin-right: 1rem; + } + .sm\:mb-16 { + margin-bottom: 1rem; + } + .sm\:ml-16 { + margin-left: 1rem; + } + .sm\:mx-16 { + margin-left: 1rem; + margin-right: 1rem; + } + .sm\:my-16 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +@media (min-width: 992px) { + .md\:p-16 { + padding: 1rem; + } + .md\:pt-16 { + padding-top: 1rem; + } + .md\:pr-16 { + padding-right: 1rem; + } + .md\:pb-16 { + padding-bottom: 1rem; + } + .md\:pl-16 { + padding-left: 1rem; + } + .md\:px-16 { + padding-left: 1rem; + padding-right: 1rem; + } + .md\:py-16 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .md\:m-16 { + margin: 1rem; + } + .md\:mt-16 { + margin-top: 1rem; + } + .md\:mr-16 { + margin-right: 1rem; + } + .md\:mb-16 { + margin-bottom: 1rem; + } + .md\:ml-16 { + margin-left: 1rem; + } + .md\:mx-16 { + margin-left: 1rem; + margin-right: 1rem; + } + .md\:my-16 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +@media (min-width: 1330px) { + .lg\:p-16 { + padding: 1rem; + } + .lg\:pt-16 { + padding-top: 1rem; + } + .lg\:pr-16 { + padding-right: 1rem; + } + .lg\:pb-16 { + padding-bottom: 1rem; + } + .lg\:pl-16 { + padding-left: 1rem; + } + .lg\:px-16 { + padding-left: 1rem; + padding-right: 1rem; + } + .lg\:py-16 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .lg\:m-16 { + margin: 1rem; + } + .lg\:mt-16 { + margin-top: 1rem; + } + .lg\:mr-16 { + margin-right: 1rem; + } + .lg\:mb-16 { + margin-bottom: 1rem; + } + .lg\:ml-16 { + margin-left: 1rem; + } + .lg\:mx-16 { + margin-left: 1rem; + margin-right: 1rem; + } + .lg\:my-16 { + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +.p-20 { + padding: 1.25rem; +} + +.pt-20 { + padding-top: 1.25rem; +} + +.pr-20 { + padding-right: 1.25rem; +} + +.pb-20 { + padding-bottom: 1.25rem; +} + +.pl-20 { + padding-left: 1.25rem; +} + +.px-20 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.py-20 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.m-20 { + margin: 1.25rem; +} + +.mt-20 { + margin-top: 1.25rem; +} + +.mr-20 { + margin-right: 1.25rem; +} + +.mb-20 { + margin-bottom: 1.25rem; +} + +.ml-20 { + margin-left: 1.25rem; +} + +.mx-20 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} + +.my-20 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +@media (min-width: 576px) { + .sm\:p-20 { + padding: 1.25rem; + } + .sm\:pt-20 { + padding-top: 1.25rem; + } + .sm\:pr-20 { + padding-right: 1.25rem; + } + .sm\:pb-20 { + padding-bottom: 1.25rem; + } + .sm\:pl-20 { + padding-left: 1.25rem; + } + .sm\:px-20 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .sm\:py-20 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .sm\:m-20 { + margin: 1.25rem; + } + .sm\:mt-20 { + margin-top: 1.25rem; + } + .sm\:mr-20 { + margin-right: 1.25rem; + } + .sm\:mb-20 { + margin-bottom: 1.25rem; + } + .sm\:ml-20 { + margin-left: 1.25rem; + } + .sm\:mx-20 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + .sm\:my-20 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } +} + +@media (min-width: 992px) { + .md\:p-20 { + padding: 1.25rem; + } + .md\:pt-20 { + padding-top: 1.25rem; + } + .md\:pr-20 { + padding-right: 1.25rem; + } + .md\:pb-20 { + padding-bottom: 1.25rem; + } + .md\:pl-20 { + padding-left: 1.25rem; + } + .md\:px-20 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .md\:py-20 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .md\:m-20 { + margin: 1.25rem; + } + .md\:mt-20 { + margin-top: 1.25rem; + } + .md\:mr-20 { + margin-right: 1.25rem; + } + .md\:mb-20 { + margin-bottom: 1.25rem; + } + .md\:ml-20 { + margin-left: 1.25rem; + } + .md\:mx-20 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + .md\:my-20 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } +} + +@media (min-width: 1330px) { + .lg\:p-20 { + padding: 1.25rem; + } + .lg\:pt-20 { + padding-top: 1.25rem; + } + .lg\:pr-20 { + padding-right: 1.25rem; + } + .lg\:pb-20 { + padding-bottom: 1.25rem; + } + .lg\:pl-20 { + padding-left: 1.25rem; + } + .lg\:px-20 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .lg\:py-20 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .lg\:m-20 { + margin: 1.25rem; + } + .lg\:mt-20 { + margin-top: 1.25rem; + } + .lg\:mr-20 { + margin-right: 1.25rem; + } + .lg\:mb-20 { + margin-bottom: 1.25rem; + } + .lg\:ml-20 { + margin-left: 1.25rem; + } + .lg\:mx-20 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + .lg\:my-20 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } +} + +.p-24 { + padding: 1.5rem; +} + +.pt-24 { + padding-top: 1.5rem; +} + +.pr-24 { + padding-right: 1.5rem; +} + +.pb-24 { + padding-bottom: 1.5rem; +} + +.pl-24 { + padding-left: 1.5rem; +} + +.px-24 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.py-24 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.m-24 { + margin: 1.5rem; +} + +.mt-24 { + margin-top: 1.5rem; +} + +.mr-24 { + margin-right: 1.5rem; +} + +.mb-24 { + margin-bottom: 1.5rem; +} + +.ml-24 { + margin-left: 1.5rem; +} + +.mx-24 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.my-24 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +@media (min-width: 576px) { + .sm\:p-24 { + padding: 1.5rem; + } + .sm\:pt-24 { + padding-top: 1.5rem; + } + .sm\:pr-24 { + padding-right: 1.5rem; + } + .sm\:pb-24 { + padding-bottom: 1.5rem; + } + .sm\:pl-24 { + padding-left: 1.5rem; + } + .sm\:px-24 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .sm\:py-24 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .sm\:m-24 { + margin: 1.5rem; + } + .sm\:mt-24 { + margin-top: 1.5rem; + } + .sm\:mr-24 { + margin-right: 1.5rem; + } + .sm\:mb-24 { + margin-bottom: 1.5rem; + } + .sm\:ml-24 { + margin-left: 1.5rem; + } + .sm\:mx-24 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .sm\:my-24 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} + +@media (min-width: 992px) { + .md\:p-24 { + padding: 1.5rem; + } + .md\:pt-24 { + padding-top: 1.5rem; + } + .md\:pr-24 { + padding-right: 1.5rem; + } + .md\:pb-24 { + padding-bottom: 1.5rem; + } + .md\:pl-24 { + padding-left: 1.5rem; + } + .md\:px-24 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .md\:py-24 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .md\:m-24 { + margin: 1.5rem; + } + .md\:mt-24 { + margin-top: 1.5rem; + } + .md\:mr-24 { + margin-right: 1.5rem; + } + .md\:mb-24 { + margin-bottom: 1.5rem; + } + .md\:ml-24 { + margin-left: 1.5rem; + } + .md\:mx-24 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .md\:my-24 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} + +@media (min-width: 1330px) { + .lg\:p-24 { + padding: 1.5rem; + } + .lg\:pt-24 { + padding-top: 1.5rem; + } + .lg\:pr-24 { + padding-right: 1.5rem; + } + .lg\:pb-24 { + padding-bottom: 1.5rem; + } + .lg\:pl-24 { + padding-left: 1.5rem; + } + .lg\:px-24 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .lg\:py-24 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .lg\:m-24 { + margin: 1.5rem; + } + .lg\:mt-24 { + margin-top: 1.5rem; + } + .lg\:mr-24 { + margin-right: 1.5rem; + } + .lg\:mb-24 { + margin-bottom: 1.5rem; + } + .lg\:ml-24 { + margin-left: 1.5rem; + } + .lg\:mx-24 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .lg\:my-24 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } +} + +.p-36 { + padding: 2.25rem; +} + +.pt-36 { + padding-top: 2.25rem; +} + +.pr-36 { + padding-right: 2.25rem; +} + +.pb-36 { + padding-bottom: 2.25rem; +} + +.pl-36 { + padding-left: 2.25rem; +} + +.px-36 { + padding-left: 2.25rem; + padding-right: 2.25rem; +} + +.py-36 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} + +.m-36 { + margin: 2.25rem; +} + +.mt-36 { + margin-top: 2.25rem; +} + +.mr-36 { + margin-right: 2.25rem; +} + +.mb-36 { + margin-bottom: 2.25rem; +} + +.ml-36 { + margin-left: 2.25rem; +} + +.mx-36 { + margin-left: 2.25rem; + margin-right: 2.25rem; +} + +.my-36 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; +} + +@media (min-width: 576px) { + .sm\:p-36 { + padding: 2.25rem; + } + .sm\:pt-36 { + padding-top: 2.25rem; + } + .sm\:pr-36 { + padding-right: 2.25rem; + } + .sm\:pb-36 { + padding-bottom: 2.25rem; + } + .sm\:pl-36 { + padding-left: 2.25rem; + } + .sm\:px-36 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .sm\:py-36 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .sm\:m-36 { + margin: 2.25rem; + } + .sm\:mt-36 { + margin-top: 2.25rem; + } + .sm\:mr-36 { + margin-right: 2.25rem; + } + .sm\:mb-36 { + margin-bottom: 2.25rem; + } + .sm\:ml-36 { + margin-left: 2.25rem; + } + .sm\:mx-36 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + .sm\:my-36 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } +} + +@media (min-width: 992px) { + .md\:p-36 { + padding: 2.25rem; + } + .md\:pt-36 { + padding-top: 2.25rem; + } + .md\:pr-36 { + padding-right: 2.25rem; + } + .md\:pb-36 { + padding-bottom: 2.25rem; + } + .md\:pl-36 { + padding-left: 2.25rem; + } + .md\:px-36 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .md\:py-36 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .md\:m-36 { + margin: 2.25rem; + } + .md\:mt-36 { + margin-top: 2.25rem; + } + .md\:mr-36 { + margin-right: 2.25rem; + } + .md\:mb-36 { + margin-bottom: 2.25rem; + } + .md\:ml-36 { + margin-left: 2.25rem; + } + .md\:mx-36 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + .md\:my-36 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } +} + +@media (min-width: 1330px) { + .lg\:p-36 { + padding: 2.25rem; + } + .lg\:pt-36 { + padding-top: 2.25rem; + } + .lg\:pr-36 { + padding-right: 2.25rem; + } + .lg\:pb-36 { + padding-bottom: 2.25rem; + } + .lg\:pl-36 { + padding-left: 2.25rem; + } + .lg\:px-36 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } + .lg\:py-36 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } + .lg\:m-36 { + margin: 2.25rem; + } + .lg\:mt-36 { + margin-top: 2.25rem; + } + .lg\:mr-36 { + margin-right: 2.25rem; + } + .lg\:mb-36 { + margin-bottom: 2.25rem; + } + .lg\:ml-36 { + margin-left: 2.25rem; + } + .lg\:mx-36 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } + .lg\:my-36 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } } @@ -4233,9 +4441,9 @@ template { } } -/* --------------------------------------- */ -/* ==Grillade : ultra light Grid Layout */ -/* --------------------------------------- */ +/* -------------------------------------------------- */ +/* ==Grillade : système de micro-grille de KNACSS */ +/* ------------------------------------------------ */ .grid { display: grid; } @@ -4258,7 +4466,7 @@ template { } } -/* grid-template-columns classes */ +/* grid-template-columns initialisation */ .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -4283,115 +4491,71 @@ template { grid-template-columns: repeat(6, minmax(0, 1fr)); } +/* grid-template-columns au sein des breakpoints */ @media (min-width: 576px) { .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } } @media (min-width: 992px) { .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } -} - -@media (min-width: 1330px) { - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} - -@media (min-width: 576px) { - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 992px) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } -} - -@media (min-width: 1330px) { - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 576px) { - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} - -@media (min-width: 992px) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } -} - -@media (min-width: 1330px) { - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} - -@media (min-width: 576px) { - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -@media (min-width: 992px) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } -} - -@media (min-width: 1330px) { - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -@media (min-width: 576px) { - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } -} - -@media (min-width: 992px) { .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } -} - -@media (min-width: 1330px) { - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } -} - -@media (min-width: 576px) { - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } -} - -@media (min-width: 992px) { .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 1330px) { + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } -/* gap classes */ +/* gap initialisation */ .gap-0 { gap: 0; } @@ -4404,6 +4568,18 @@ template { row-gap: 0; } +.gap-5 { + gap: 0.313rem; +} + +.gap-x-5 { + column-gap: 0.313rem; +} + +.gap-y-5 { + row-gap: 0.313rem; +} + .gap-10 { gap: 0.625rem; } @@ -4440,42 +4616,19 @@ template { row-gap: 1.25rem; } -.gap-30 { - gap: 1.875rem; +.gap-36 { + gap: 2.25rem; } -.gap-x-30 { - column-gap: 1.875rem; +.gap-x-36 { + column-gap: 2.25rem; } -.gap-y-30 { - row-gap: 1.875rem; -} - -.gap-50 { - gap: 3.125rem; -} - -.gap-x-50 { - column-gap: 3.125rem; -} - -.gap-y-50 { - row-gap: 3.125rem; -} - -.gap-100 { - gap: 6.25rem; -} - -.gap-x-100 { - column-gap: 6.25rem; -} - -.gap-y-100 { - row-gap: 6.25rem; +.gap-y-36 { + row-gap: 2.25rem; } +/* gap au sein des breakpoints */ @media (min-width: 576px) { .sm\:gap-0 { gap: 0; @@ -4486,6 +4639,51 @@ template { .sm\:gap-y-0 { row-gap: 0; } + .sm\:gap-5 { + gap: 0.313rem; + } + .sm\:gap-x-5 { + column-gap: 0.313rem; + } + .sm\:gap-y-5 { + row-gap: 0.313rem; + } + .sm\:gap-10 { + gap: 0.625rem; + } + .sm\:gap-x-10 { + column-gap: 0.625rem; + } + .sm\:gap-y-10 { + row-gap: 0.625rem; + } + .sm\:gap-16 { + gap: 1rem; + } + .sm\:gap-x-16 { + column-gap: 1rem; + } + .sm\:gap-y-16 { + row-gap: 1rem; + } + .sm\:gap-20 { + gap: 1.25rem; + } + .sm\:gap-x-20 { + column-gap: 1.25rem; + } + .sm\:gap-y-20 { + row-gap: 1.25rem; + } + .sm\:gap-36 { + gap: 2.25rem; + } + .sm\:gap-x-36 { + column-gap: 2.25rem; + } + .sm\:gap-y-36 { + row-gap: 2.25rem; + } } @media (min-width: 992px) { @@ -4498,6 +4696,51 @@ template { .md\:gap-y-0 { row-gap: 0; } + .md\:gap-5 { + gap: 0.313rem; + } + .md\:gap-x-5 { + column-gap: 0.313rem; + } + .md\:gap-y-5 { + row-gap: 0.313rem; + } + .md\:gap-10 { + gap: 0.625rem; + } + .md\:gap-x-10 { + column-gap: 0.625rem; + } + .md\:gap-y-10 { + row-gap: 0.625rem; + } + .md\:gap-16 { + gap: 1rem; + } + .md\:gap-x-16 { + column-gap: 1rem; + } + .md\:gap-y-16 { + row-gap: 1rem; + } + .md\:gap-20 { + gap: 1.25rem; + } + .md\:gap-x-20 { + column-gap: 1.25rem; + } + .md\:gap-y-20 { + row-gap: 1.25rem; + } + .md\:gap-36 { + gap: 2.25rem; + } + .md\:gap-x-36 { + column-gap: 2.25rem; + } + .md\:gap-y-36 { + row-gap: 2.25rem; + } } @media (min-width: 1330px) { @@ -4510,33 +4753,15 @@ template { .lg\:gap-y-0 { row-gap: 0; } -} - -@media (min-width: 576px) { - .sm\:gap-10 { - gap: 0.625rem; + .lg\:gap-5 { + gap: 0.313rem; } - .sm\:gap-x-10 { - column-gap: 0.625rem; + .lg\:gap-x-5 { + column-gap: 0.313rem; } - .sm\:gap-y-10 { - row-gap: 0.625rem; + .lg\:gap-y-5 { + row-gap: 0.313rem; } -} - -@media (min-width: 992px) { - .md\:gap-10 { - gap: 0.625rem; - } - .md\:gap-x-10 { - column-gap: 0.625rem; - } - .md\:gap-y-10 { - row-gap: 0.625rem; - } -} - -@media (min-width: 1330px) { .lg\:gap-10 { gap: 0.625rem; } @@ -4546,33 +4771,6 @@ template { .lg\:gap-y-10 { row-gap: 0.625rem; } -} - -@media (min-width: 576px) { - .sm\:gap-16 { - gap: 1rem; - } - .sm\:gap-x-16 { - column-gap: 1rem; - } - .sm\:gap-y-16 { - row-gap: 1rem; - } -} - -@media (min-width: 992px) { - .md\:gap-16 { - gap: 1rem; - } - .md\:gap-x-16 { - column-gap: 1rem; - } - .md\:gap-y-16 { - row-gap: 1rem; - } -} - -@media (min-width: 1330px) { .lg\:gap-16 { gap: 1rem; } @@ -4582,33 +4780,6 @@ template { .lg\:gap-y-16 { row-gap: 1rem; } -} - -@media (min-width: 576px) { - .sm\:gap-20 { - gap: 1.25rem; - } - .sm\:gap-x-20 { - column-gap: 1.25rem; - } - .sm\:gap-y-20 { - row-gap: 1.25rem; - } -} - -@media (min-width: 992px) { - .md\:gap-20 { - gap: 1.25rem; - } - .md\:gap-x-20 { - column-gap: 1.25rem; - } - .md\:gap-y-20 { - row-gap: 1.25rem; - } -} - -@media (min-width: 1330px) { .lg\:gap-20 { gap: 1.25rem; } @@ -4618,117 +4789,18 @@ template { .lg\:gap-y-20 { row-gap: 1.25rem; } -} - -@media (min-width: 576px) { - .sm\:gap-30 { - gap: 1.875rem; + .lg\:gap-36 { + gap: 2.25rem; } - .sm\:gap-x-30 { - column-gap: 1.875rem; + .lg\:gap-x-36 { + column-gap: 2.25rem; } - .sm\:gap-y-30 { - row-gap: 1.875rem; + .lg\:gap-y-36 { + row-gap: 2.25rem; } } -@media (min-width: 992px) { - .md\:gap-30 { - gap: 1.875rem; - } - .md\:gap-x-30 { - column-gap: 1.875rem; - } - .md\:gap-y-30 { - row-gap: 1.875rem; - } -} - -@media (min-width: 1330px) { - .lg\:gap-30 { - gap: 1.875rem; - } - .lg\:gap-x-30 { - column-gap: 1.875rem; - } - .lg\:gap-y-30 { - row-gap: 1.875rem; - } -} - -@media (min-width: 576px) { - .sm\:gap-50 { - gap: 3.125rem; - } - .sm\:gap-x-50 { - column-gap: 3.125rem; - } - .sm\:gap-y-50 { - row-gap: 3.125rem; - } -} - -@media (min-width: 992px) { - .md\:gap-50 { - gap: 3.125rem; - } - .md\:gap-x-50 { - column-gap: 3.125rem; - } - .md\:gap-y-50 { - row-gap: 3.125rem; - } -} - -@media (min-width: 1330px) { - .lg\:gap-50 { - gap: 3.125rem; - } - .lg\:gap-x-50 { - column-gap: 3.125rem; - } - .lg\:gap-y-50 { - row-gap: 3.125rem; - } -} - -@media (min-width: 576px) { - .sm\:gap-100 { - gap: 6.25rem; - } - .sm\:gap-x-100 { - column-gap: 6.25rem; - } - .sm\:gap-y-100 { - row-gap: 6.25rem; - } -} - -@media (min-width: 992px) { - .md\:gap-100 { - gap: 6.25rem; - } - .md\:gap-x-100 { - column-gap: 6.25rem; - } - .md\:gap-y-100 { - row-gap: 6.25rem; - } -} - -@media (min-width: 1330px) { - .lg\:gap-100 { - gap: 6.25rem; - } - .lg\:gap-x-100 { - column-gap: 6.25rem; - } - .lg\:gap-y-100 { - row-gap: 6.25rem; - } -} - -/* grid-items classes */ +/* grid-items initialisation */ .col-start-1 { grid-column-start: 1; } @@ -4897,6 +4969,7 @@ template { grid-row: span 6 / span 6; } +/* grid-items au sein des breakpoints */ @media (min-width: 576px) { .sm\:col-start-1 { grid-column-start: 1; @@ -4919,6 +4992,111 @@ template { .sm\:row-span-1 { grid-row: span 1 / span 1; } + .sm\:col-start-2 { + grid-column-start: 2; + } + .sm\:col-end-2 { + grid-column-end: 2; + } + .sm\:col-span-2 { + grid-column: span 2 / span 2; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-2 { + grid-row-start: 2; + } + .sm\:row-end-2 { + grid-row-end: 2; + } + .sm\:row-span-2 { + grid-row: span 2 / span 2; + } + .sm\:col-start-3 { + grid-column-start: 3; + } + .sm\:col-end-3 { + grid-column-end: 3; + } + .sm\:col-span-3 { + grid-column: span 3 / span 3; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-3 { + grid-row-start: 3; + } + .sm\:row-end-3 { + grid-row-end: 3; + } + .sm\:row-span-3 { + grid-row: span 3 / span 3; + } + .sm\:col-start-4 { + grid-column-start: 4; + } + .sm\:col-end-4 { + grid-column-end: 4; + } + .sm\:col-span-4 { + grid-column: span 4 / span 4; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-4 { + grid-row-start: 4; + } + .sm\:row-end-4 { + grid-row-end: 4; + } + .sm\:row-span-4 { + grid-row: span 4 / span 4; + } + .sm\:col-start-5 { + grid-column-start: 5; + } + .sm\:col-end-5 { + grid-column-end: 5; + } + .sm\:col-span-5 { + grid-column: span 5 / span 5; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-5 { + grid-row-start: 5; + } + .sm\:row-end-5 { + grid-row-end: 5; + } + .sm\:row-span-5 { + grid-row: span 5 / span 5; + } + .sm\:col-start-6 { + grid-column-start: 6; + } + .sm\:col-end-6 { + grid-column-end: 6; + } + .sm\:col-span-6 { + grid-column: span 6 / span 6; + } + .sm\:col-span-full { + grid-column: 1 / -1; + } + .sm\:row-start-6 { + grid-row-start: 6; + } + .sm\:row-end-6 { + grid-row-end: 6; + } + .sm\:row-span-6 { + grid-row: span 6 / span 6; + } } @media (min-width: 992px) { @@ -4943,57 +5121,6 @@ template { .md\:row-span-1 { grid-row: span 1 / span 1; } -} - -@media (min-width: 1330px) { - .lg\:col-start-1 { - grid-column-start: 1; - } - .lg\:col-end-1 { - grid-column-end: 1; - } - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - .lg\:col-span-full { - grid-column: 1 / -1; - } - .lg\:row-start-1 { - grid-row-start: 1; - } - .lg\:row-end-1 { - grid-row-end: 1; - } - .lg\:row-span-1 { - grid-row: span 1 / span 1; - } -} - -@media (min-width: 576px) { - .sm\:col-start-2 { - grid-column-start: 2; - } - .sm\:col-end-2 { - grid-column-end: 2; - } - .sm\:col-span-2 { - grid-column: span 2 / span 2; - } - .sm\:col-span-full { - grid-column: 1 / -1; - } - .sm\:row-start-2 { - grid-row-start: 2; - } - .sm\:row-end-2 { - grid-row-end: 2; - } - .sm\:row-span-2 { - grid-row: span 2 / span 2; - } -} - -@media (min-width: 992px) { .md\:col-start-2 { grid-column-start: 2; } @@ -5015,57 +5142,6 @@ template { .md\:row-span-2 { grid-row: span 2 / span 2; } -} - -@media (min-width: 1330px) { - .lg\:col-start-2 { - grid-column-start: 2; - } - .lg\:col-end-2 { - grid-column-end: 2; - } - .lg\:col-span-2 { - grid-column: span 2 / span 2; - } - .lg\:col-span-full { - grid-column: 1 / -1; - } - .lg\:row-start-2 { - grid-row-start: 2; - } - .lg\:row-end-2 { - grid-row-end: 2; - } - .lg\:row-span-2 { - grid-row: span 2 / span 2; - } -} - -@media (min-width: 576px) { - .sm\:col-start-3 { - grid-column-start: 3; - } - .sm\:col-end-3 { - grid-column-end: 3; - } - .sm\:col-span-3 { - grid-column: span 3 / span 3; - } - .sm\:col-span-full { - grid-column: 1 / -1; - } - .sm\:row-start-3 { - grid-row-start: 3; - } - .sm\:row-end-3 { - grid-row-end: 3; - } - .sm\:row-span-3 { - grid-row: span 3 / span 3; - } -} - -@media (min-width: 992px) { .md\:col-start-3 { grid-column-start: 3; } @@ -5087,57 +5163,6 @@ template { .md\:row-span-3 { grid-row: span 3 / span 3; } -} - -@media (min-width: 1330px) { - .lg\:col-start-3 { - grid-column-start: 3; - } - .lg\:col-end-3 { - grid-column-end: 3; - } - .lg\:col-span-3 { - grid-column: span 3 / span 3; - } - .lg\:col-span-full { - grid-column: 1 / -1; - } - .lg\:row-start-3 { - grid-row-start: 3; - } - .lg\:row-end-3 { - grid-row-end: 3; - } - .lg\:row-span-3 { - grid-row: span 3 / span 3; - } -} - -@media (min-width: 576px) { - .sm\:col-start-4 { - grid-column-start: 4; - } - .sm\:col-end-4 { - grid-column-end: 4; - } - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } - .sm\:col-span-full { - grid-column: 1 / -1; - } - .sm\:row-start-4 { - grid-row-start: 4; - } - .sm\:row-end-4 { - grid-row-end: 4; - } - .sm\:row-span-4 { - grid-row: span 4 / span 4; - } -} - -@media (min-width: 992px) { .md\:col-start-4 { grid-column-start: 4; } @@ -5159,57 +5184,6 @@ template { .md\:row-span-4 { grid-row: span 4 / span 4; } -} - -@media (min-width: 1330px) { - .lg\:col-start-4 { - grid-column-start: 4; - } - .lg\:col-end-4 { - grid-column-end: 4; - } - .lg\:col-span-4 { - grid-column: span 4 / span 4; - } - .lg\:col-span-full { - grid-column: 1 / -1; - } - .lg\:row-start-4 { - grid-row-start: 4; - } - .lg\:row-end-4 { - grid-row-end: 4; - } - .lg\:row-span-4 { - grid-row: span 4 / span 4; - } -} - -@media (min-width: 576px) { - .sm\:col-start-5 { - grid-column-start: 5; - } - .sm\:col-end-5 { - grid-column-end: 5; - } - .sm\:col-span-5 { - grid-column: span 5 / span 5; - } - .sm\:col-span-full { - grid-column: 1 / -1; - } - .sm\:row-start-5 { - grid-row-start: 5; - } - .sm\:row-end-5 { - grid-row-end: 5; - } - .sm\:row-span-5 { - grid-row: span 5 / span 5; - } -} - -@media (min-width: 992px) { .md\:col-start-5 { grid-column-start: 5; } @@ -5231,57 +5205,6 @@ template { .md\:row-span-5 { grid-row: span 5 / span 5; } -} - -@media (min-width: 1330px) { - .lg\:col-start-5 { - grid-column-start: 5; - } - .lg\:col-end-5 { - grid-column-end: 5; - } - .lg\:col-span-5 { - grid-column: span 5 / span 5; - } - .lg\:col-span-full { - grid-column: 1 / -1; - } - .lg\:row-start-5 { - grid-row-start: 5; - } - .lg\:row-end-5 { - grid-row-end: 5; - } - .lg\:row-span-5 { - grid-row: span 5 / span 5; - } -} - -@media (min-width: 576px) { - .sm\:col-start-6 { - grid-column-start: 6; - } - .sm\:col-end-6 { - grid-column-end: 6; - } - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } - .sm\:col-span-full { - grid-column: 1 / -1; - } - .sm\:row-start-6 { - grid-row-start: 6; - } - .sm\:row-end-6 { - grid-row-end: 6; - } - .sm\:row-span-6 { - grid-row: span 6 / span 6; - } -} - -@media (min-width: 992px) { .md\:col-start-6 { grid-column-start: 6; } @@ -5306,6 +5229,111 @@ template { } @media (min-width: 1330px) { + .lg\:col-start-1 { + grid-column-start: 1; + } + .lg\:col-end-1 { + grid-column-end: 1; + } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-1 { + grid-row-start: 1; + } + .lg\:row-end-1 { + grid-row-end: 1; + } + .lg\:row-span-1 { + grid-row: span 1 / span 1; + } + .lg\:col-start-2 { + grid-column-start: 2; + } + .lg\:col-end-2 { + grid-column-end: 2; + } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-2 { + grid-row-start: 2; + } + .lg\:row-end-2 { + grid-row-end: 2; + } + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } + .lg\:col-start-3 { + grid-column-start: 3; + } + .lg\:col-end-3 { + grid-column-end: 3; + } + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-3 { + grid-row-start: 3; + } + .lg\:row-end-3 { + grid-row-end: 3; + } + .lg\:row-span-3 { + grid-row: span 3 / span 3; + } + .lg\:col-start-4 { + grid-column-start: 4; + } + .lg\:col-end-4 { + grid-column-end: 4; + } + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-4 { + grid-row-start: 4; + } + .lg\:row-end-4 { + grid-row-end: 4; + } + .lg\:row-span-4 { + grid-row: span 4 / span 4; + } + .lg\:col-start-5 { + grid-column-start: 5; + } + .lg\:col-end-5 { + grid-column-end: 5; + } + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + .lg\:col-span-full { + grid-column: 1 / -1; + } + .lg\:row-start-5 { + grid-row-start: 5; + } + .lg\:row-end-5 { + grid-row-end: 5; + } + .lg\:row-span-5 { + grid-row: span 5 / span 5; + } .lg\:col-start-6 { grid-column-start: 6; } diff --git a/css/knacss-mini/knacss.css b/css/knacss-mini/knacss.css index d846c40..79897c1 100644 --- a/css/knacss-mini/knacss.css +++ b/css/knacss-mini/knacss.css @@ -1 +1 @@ -/*! KNACSS Reborn: Just keep it simple! @author: Alsacreations v8.0.3 2021/05 Licence WTFPL http://www.wtfpl.net/ */*,:after,:before{box-sizing:border-box;min-width:0;min-height:0}html{font-size:62.5%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.5;background-color:#fff}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,body,h1,h2,h3,h4,h5,h6{color:#212529}a{color:#454d5d;text-decoration:underline}a:active,a:focus,a:hover{color:#212529;text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,h1,h2{margin-top:0;margin-bottom:2rem}.h3-like,.h4-like,.h5-like,.h6-like,address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:1rem}li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:2rem}nav ol,nav ul{list-style:none;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:2rem 0;clear:both;color:inherit}table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:2rem}.sr-only,.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset,form{border:none}fieldset{margin:0;padding:2rem}legend{display:table;max-width:100%;padding:0 .5rem;border:0;color:inherit;white-space:normal}label{display:inline-block;cursor:pointer}textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}progress{width:100%;vertical-align:initial}output,progress{display:inline-block}summary{display:list-item}template{display:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-no-wrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:1}.flex-no-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.flex-no-grow{flex-grow:0}.float-left{float:left}.float-right{float:right}.float-none{float:none}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-smaller{font-size:smaller}.text-bigger{font-size:bigger}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-wrap{overflow-wrap:break-word}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.align-start{align-content:start}.align-end{align-content:end}.align-center{align-content:center}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.place-center{place-content:center}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.item-first{order:-100}.item-last{order:100}.is-unstyled{list-style:none;padding-left:0}.is-disabled,[disabled]{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.text-normal{font-weight:400;font-style:normal;text-transform:none}.text-10{font-size:.625rem}.text-11{font-size:.6875rem}.text-12{font-size:.75rem}.text-14{font-size:.875rem}.text-16{font-size:1rem}.text-18{font-size:1.125rem}.text-20{font-size:1.25rem}.text-24{font-size:1.5rem}.text-30{font-size:1.875rem}.text-36{font-size:2.25rem}.text-base{font-size:1rem}.text-inherit{font-size:"inherit"}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-1{padding:.5rem}.pt-1{padding-top:.5rem}.pr-1{padding-right:.5rem}.pb-1{padding-bottom:.5rem}.pl-1,.px-1{padding-left:.5rem}.px-1{padding-right:.5rem}.py-1{padding-top:.5rem;padding-bottom:.5rem}.m-1{margin:.5rem}.mt-1{margin-top:.5rem}.mr-1{margin-right:.5rem}.mb-1{margin-bottom:.5rem}.ml-1,.mx-1{margin-left:.5rem}.mx-1{margin-right:.5rem}.my-1{margin-top:.5rem;margin-bottom:.5rem}.p-2{padding:.75rem}.pt-2{padding-top:.75rem}.pr-2{padding-right:.75rem}.pb-2{padding-bottom:.75rem}.pl-2,.px-2{padding-left:.75rem}.px-2{padding-right:.75rem}.py-2{padding-top:.75rem;padding-bottom:.75rem}.m-2{margin:.75rem}.mt-2{margin-top:.75rem}.mr-2{margin-right:.75rem}.mb-2{margin-bottom:.75rem}.ml-2,.mx-2{margin-left:.75rem}.mx-2{margin-right:.75rem}.my-2{margin-top:.75rem;margin-bottom:.75rem}.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3,.px-3{padding-left:1rem}.px-3{padding-right:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3,.mx-3{margin-left:1rem}.mx-3{margin-right:1rem}.my-3{margin-top:1rem;margin-bottom:1rem}.p-4{padding:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4,.px-4{padding-left:1.5rem}.px-4{padding-right:1.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.m-4{margin:1.5rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4,.mx-4{margin-left:1.5rem}.mx-4{margin-right:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.p-5{padding:2rem}.pt-5{padding-top:2rem}.pr-5{padding-right:2rem}.pb-5{padding-bottom:2rem}.pl-5,.px-5{padding-left:2rem}.px-5{padding-right:2rem}.py-5{padding-top:2rem;padding-bottom:2rem}.m-5{margin:2rem}.mt-5{margin-top:2rem}.mr-5{margin-right:2rem}.mb-5{margin-bottom:2rem}.ml-5,.mx-5{margin-left:2rem}.mx-5{margin-right:2rem}.my-5{margin-top:2rem;margin-bottom:2rem}.p-6{padding:3rem}.pt-6{padding-top:3rem}.pr-6{padding-right:3rem}.pb-6{padding-bottom:3rem}.pl-6,.px-6{padding-left:3rem}.px-6{padding-right:3rem}.py-6{padding-top:3rem;padding-bottom:3rem}.m-6{margin:3rem}.mt-6{margin-top:3rem}.mr-6{margin-right:3rem}.mb-6{margin-bottom:3rem}.ml-6,.mx-6{margin-left:3rem}.mx-6{margin-right:3rem}.my-6{margin-top:3rem;margin-bottom:3rem}.p-7{padding:5rem}.pt-7{padding-top:5rem}.pr-7{padding-right:5rem}.pb-7{padding-bottom:5rem}.pl-7,.px-7{padding-left:5rem}.px-7{padding-right:5rem}.py-7{padding-top:5rem;padding-bottom:5rem}.m-7{margin:5rem}.mt-7{margin-top:5rem}.mr-7{margin-right:5rem}.mb-7{margin-bottom:5rem}.ml-7,.mx-7{margin-left:5rem}.mx-7{margin-right:5rem}.my-7{margin-top:5rem;margin-bottom:5rem}.p-auto{padding:auto}.pt-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto,.px-auto{padding-left:auto}.px-auto{padding-right:auto}.py-auto{padding-top:auto;padding-bottom:auto}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-30{gap:1.875rem}.gap-x-30{column-gap:1.875rem}.gap-y-30{row-gap:1.875rem}.gap-50{gap:3.125rem}.gap-x-50{column-gap:3.125rem}.gap-y-50{row-gap:3.125rem}.gap-100{gap:6.25rem}.gap-x-100{column-gap:6.25rem}.gap-y-100{row-gap:6.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,576px) minmax(1rem,1fr)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:flex-shrink{flex-shrink:1}.sm\:flex-no-shrink{flex-shrink:0}.sm\:flex-grow{flex-grow:1}.sm\:flex-no-grow{flex-grow:0}.sm\:float-left{float:left}.sm\:float-right{float:right}.sm\:float-none{float:none}.sm\:text-bold{font-weight:700}.sm\:text-italic{font-style:italic}.sm\:text-uppercase{text-transform:uppercase}.sm\:text-lowercase{text-transform:lowercase}.sm\:text-smaller{font-size:smaller}.sm\:text-bigger{font-size:bigger}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-justify{text-align:justify}.sm\:text-wrap{overflow-wrap:break-word}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:justify-items-start{justify-items:start}.sm\:justify-items-end{justify-items:end}.sm\:justify-items-center{justify-items:center}.sm\:align-start{align-content:start}.sm\:align-end{align-content:end}.sm\:align-center{align-content:center}.sm\:align-between{align-content:space-between}.sm\:align-around{align-content:space-around}.sm\:align-evenly{align-content:space-evenly}.sm\:align-items-start{align-items:flex-start}.sm\:align-items-end{align-items:flex-end}.sm\:align-items-center{align-items:center}.sm\:place-center{place-content:center}.sm\:justify-self-auto{justify-self:auto}.sm\:justify-self-start{justify-self:start}.sm\:justify-self-end{justify-self:end}.sm\:justify-self-center{justify-self:center}.sm\:justify-self-stretch{justify-self:stretch}.sm\:align-self-auto{align-self:auto}.sm\:align-self-start{align-self:flex-start}.sm\:align-self-end{align-self:flex-end}.sm\:align-self-center{align-self:center}.sm\:align-self-stretch{align-self:stretch}.sm\:align-top{vertical-align:top}.sm\:align-bottom{vertical-align:bottom}.sm\:align-middle{vertical-align:middle}.sm\:item-first{order:-100}.sm\:item-last{order:100}.sm\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.sm\:is-unstyled{list-style:none;padding-left:0}.sm\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.sm\:text-normal{font-weight:400;font-style:normal;text-transform:none}.sm\:text-10{font-size:.625rem}.sm\:text-11{font-size:.6875rem}.sm\:text-12{font-size:.75rem}.sm\:text-14{font-size:.875rem}.sm\:text-16{font-size:1rem}.sm\:text-18{font-size:1.125rem}.sm\:text-20{font-size:1.25rem}.sm\:text-24{font-size:1.5rem}.sm\:text-30{font-size:1.875rem}.sm\:text-36{font-size:2.25rem}.sm\:text-base{font-size:1rem}.sm\:text-inherit{font-size:"inherit"}.sm\:p-0{padding:0}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0,.sm\:px-0{padding-left:0}.sm\:px-0{padding-right:0}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:m-0{margin:0}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0,.sm\:mx-0{margin-left:0}.sm\:mx-0{margin-right:0}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:p-1{padding:.5rem}.sm\:pt-1{padding-top:.5rem}.sm\:pr-1{padding-right:.5rem}.sm\:pb-1{padding-bottom:.5rem}.sm\:pl-1,.sm\:px-1{padding-left:.5rem}.sm\:px-1{padding-right:.5rem}.sm\:py-1{padding-top:.5rem;padding-bottom:.5rem}.sm\:m-1{margin:.5rem}.sm\:mt-1{margin-top:.5rem}.sm\:mr-1{margin-right:.5rem}.sm\:mb-1{margin-bottom:.5rem}.sm\:ml-1,.sm\:mx-1{margin-left:.5rem}.sm\:mx-1{margin-right:.5rem}.sm\:my-1{margin-top:.5rem;margin-bottom:.5rem}.sm\:p-2{padding:.75rem}.sm\:pt-2{padding-top:.75rem}.sm\:pr-2{padding-right:.75rem}.sm\:pb-2{padding-bottom:.75rem}.sm\:pl-2,.sm\:px-2{padding-left:.75rem}.sm\:px-2{padding-right:.75rem}.sm\:py-2{padding-top:.75rem;padding-bottom:.75rem}.sm\:m-2{margin:.75rem}.sm\:mt-2{margin-top:.75rem}.sm\:mr-2{margin-right:.75rem}.sm\:mb-2{margin-bottom:.75rem}.sm\:ml-2,.sm\:mx-2{margin-left:.75rem}.sm\:mx-2{margin-right:.75rem}.sm\:my-2{margin-top:.75rem;margin-bottom:.75rem}.sm\:p-3{padding:1rem}.sm\:pt-3{padding-top:1rem}.sm\:pr-3{padding-right:1rem}.sm\:pb-3{padding-bottom:1rem}.sm\:pl-3,.sm\:px-3{padding-left:1rem}.sm\:px-3{padding-right:1rem}.sm\:py-3{padding-top:1rem;padding-bottom:1rem}.sm\:m-3{margin:1rem}.sm\:mt-3{margin-top:1rem}.sm\:mr-3{margin-right:1rem}.sm\:mb-3{margin-bottom:1rem}.sm\:ml-3,.sm\:mx-3{margin-left:1rem}.sm\:mx-3{margin-right:1rem}.sm\:my-3{margin-top:1rem;margin-bottom:1rem}.sm\:p-4{padding:1.5rem}.sm\:pt-4{padding-top:1.5rem}.sm\:pr-4{padding-right:1.5rem}.sm\:pb-4{padding-bottom:1.5rem}.sm\:pl-4,.sm\:px-4{padding-left:1.5rem}.sm\:px-4{padding-right:1.5rem}.sm\:py-4{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:m-4{margin:1.5rem}.sm\:mt-4{margin-top:1.5rem}.sm\:mr-4{margin-right:1.5rem}.sm\:mb-4{margin-bottom:1.5rem}.sm\:ml-4,.sm\:mx-4{margin-left:1.5rem}.sm\:mx-4{margin-right:1.5rem}.sm\:my-4{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:p-5{padding:2rem}.sm\:pt-5{padding-top:2rem}.sm\:pr-5{padding-right:2rem}.sm\:pb-5{padding-bottom:2rem}.sm\:pl-5,.sm\:px-5{padding-left:2rem}.sm\:px-5{padding-right:2rem}.sm\:py-5{padding-top:2rem;padding-bottom:2rem}.sm\:m-5{margin:2rem}.sm\:mt-5{margin-top:2rem}.sm\:mr-5{margin-right:2rem}.sm\:mb-5{margin-bottom:2rem}.sm\:ml-5,.sm\:mx-5{margin-left:2rem}.sm\:mx-5{margin-right:2rem}.sm\:my-5{margin-top:2rem;margin-bottom:2rem}.sm\:p-6{padding:3rem}.sm\:pt-6{padding-top:3rem}.sm\:pr-6{padding-right:3rem}.sm\:pb-6{padding-bottom:3rem}.sm\:pl-6,.sm\:px-6{padding-left:3rem}.sm\:px-6{padding-right:3rem}.sm\:py-6{padding-top:3rem;padding-bottom:3rem}.sm\:m-6{margin:3rem}.sm\:mt-6{margin-top:3rem}.sm\:mr-6{margin-right:3rem}.sm\:mb-6{margin-bottom:3rem}.sm\:ml-6,.sm\:mx-6{margin-left:3rem}.sm\:mx-6{margin-right:3rem}.sm\:my-6{margin-top:3rem;margin-bottom:3rem}.sm\:p-7{padding:5rem}.sm\:pt-7{padding-top:5rem}.sm\:pr-7{padding-right:5rem}.sm\:pb-7{padding-bottom:5rem}.sm\:pl-7,.sm\:px-7{padding-left:5rem}.sm\:px-7{padding-right:5rem}.sm\:py-7{padding-top:5rem;padding-bottom:5rem}.sm\:m-7{margin:5rem}.sm\:mt-7{margin-top:5rem}.sm\:mr-7{margin-right:5rem}.sm\:mb-7{margin-bottom:5rem}.sm\:ml-7,.sm\:mx-7{margin-left:5rem}.sm\:mx-7{margin-right:5rem}.sm\:my-7{margin-top:5rem;margin-bottom:5rem}.sm\:p-auto{padding:auto}.sm\:pt-auto{padding-top:auto}.sm\:pr-auto{padding-right:auto}.sm\:pb-auto{padding-bottom:auto}.sm\:pl-auto,.sm\:px-auto{padding-left:auto}.sm\:px-auto{padding-right:auto}.sm\:py-auto{padding-top:auto;padding-bottom:auto}.sm\:m-auto{margin:auto}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto,.sm\:mx-auto{margin-left:auto}.sm\:mx-auto{margin-right:auto}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-30{gap:1.875rem}.sm\:gap-x-30{column-gap:1.875rem}.sm\:gap-y-30{row-gap:1.875rem}.sm\:gap-50{gap:3.125rem}.sm\:gap-x-50{column-gap:3.125rem}.sm\:gap-y-50{row-gap:3.125rem}.sm\:gap-100{gap:6.25rem}.sm\:gap-x-100{column-gap:6.25rem}.sm\:gap-y-100{row-gap:6.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,992px) minmax(1rem,1fr)}.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:flex-shrink{flex-shrink:1}.md\:flex-no-shrink{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:flex-no-grow{flex-grow:0}.md\:float-left{float:left}.md\:float-right{float:right}.md\:float-none{float:none}.md\:text-bold{font-weight:700}.md\:text-italic{font-style:italic}.md\:text-uppercase{text-transform:uppercase}.md\:text-lowercase{text-transform:lowercase}.md\:text-smaller{font-size:smaller}.md\:text-bigger{font-size:bigger}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-justify{text-align:justify}.md\:text-wrap{overflow-wrap:break-word}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-items-start{justify-items:start}.md\:justify-items-end{justify-items:end}.md\:justify-items-center{justify-items:center}.md\:align-start{align-content:start}.md\:align-end{align-content:end}.md\:align-center{align-content:center}.md\:align-between{align-content:space-between}.md\:align-around{align-content:space-around}.md\:align-evenly{align-content:space-evenly}.md\:align-items-start{align-items:flex-start}.md\:align-items-end{align-items:flex-end}.md\:align-items-center{align-items:center}.md\:place-center{place-content:center}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}.md\:align-self-auto{align-self:auto}.md\:align-self-start{align-self:flex-start}.md\:align-self-end{align-self:flex-end}.md\:align-self-center{align-self:center}.md\:align-self-stretch{align-self:stretch}.md\:align-top{vertical-align:top}.md\:align-bottom{vertical-align:bottom}.md\:align-middle{vertical-align:middle}.md\:item-first{order:-100}.md\:item-last{order:100}.md\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.md\:is-unstyled{list-style:none;padding-left:0}.md\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.md\:text-normal{font-weight:400;font-style:normal;text-transform:none}.md\:text-10{font-size:.625rem}.md\:text-11{font-size:.6875rem}.md\:text-12{font-size:.75rem}.md\:text-14{font-size:.875rem}.md\:text-16{font-size:1rem}.md\:text-18{font-size:1.125rem}.md\:text-20{font-size:1.25rem}.md\:text-24{font-size:1.5rem}.md\:text-30{font-size:1.875rem}.md\:text-36{font-size:2.25rem}.md\:text-base{font-size:1rem}.md\:text-inherit{font-size:"inherit"}.md\:p-0{padding:0}.md\:pt-0{padding-top:0}.md\:pr-0{padding-right:0}.md\:pb-0{padding-bottom:0}.md\:pl-0,.md\:px-0{padding-left:0}.md\:px-0{padding-right:0}.md\:py-0{padding-top:0;padding-bottom:0}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:ml-0,.md\:mx-0{margin-left:0}.md\:mx-0{margin-right:0}.md\:my-0{margin-top:0;margin-bottom:0}.md\:p-1{padding:.5rem}.md\:pt-1{padding-top:.5rem}.md\:pr-1{padding-right:.5rem}.md\:pb-1{padding-bottom:.5rem}.md\:pl-1,.md\:px-1{padding-left:.5rem}.md\:px-1{padding-right:.5rem}.md\:py-1{padding-top:.5rem;padding-bottom:.5rem}.md\:m-1{margin:.5rem}.md\:mt-1{margin-top:.5rem}.md\:mr-1{margin-right:.5rem}.md\:mb-1{margin-bottom:.5rem}.md\:ml-1,.md\:mx-1{margin-left:.5rem}.md\:mx-1{margin-right:.5rem}.md\:my-1{margin-top:.5rem;margin-bottom:.5rem}.md\:p-2{padding:.75rem}.md\:pt-2{padding-top:.75rem}.md\:pr-2{padding-right:.75rem}.md\:pb-2{padding-bottom:.75rem}.md\:pl-2,.md\:px-2{padding-left:.75rem}.md\:px-2{padding-right:.75rem}.md\:py-2{padding-top:.75rem;padding-bottom:.75rem}.md\:m-2{margin:.75rem}.md\:mt-2{margin-top:.75rem}.md\:mr-2{margin-right:.75rem}.md\:mb-2{margin-bottom:.75rem}.md\:ml-2,.md\:mx-2{margin-left:.75rem}.md\:mx-2{margin-right:.75rem}.md\:my-2{margin-top:.75rem;margin-bottom:.75rem}.md\:p-3{padding:1rem}.md\:pt-3{padding-top:1rem}.md\:pr-3{padding-right:1rem}.md\:pb-3{padding-bottom:1rem}.md\:pl-3,.md\:px-3{padding-left:1rem}.md\:px-3{padding-right:1rem}.md\:py-3{padding-top:1rem;padding-bottom:1rem}.md\:m-3{margin:1rem}.md\:mt-3{margin-top:1rem}.md\:mr-3{margin-right:1rem}.md\:mb-3{margin-bottom:1rem}.md\:ml-3,.md\:mx-3{margin-left:1rem}.md\:mx-3{margin-right:1rem}.md\:my-3{margin-top:1rem;margin-bottom:1rem}.md\:p-4{padding:1.5rem}.md\:pt-4{padding-top:1.5rem}.md\:pr-4{padding-right:1.5rem}.md\:pb-4{padding-bottom:1.5rem}.md\:pl-4,.md\:px-4{padding-left:1.5rem}.md\:px-4{padding-right:1.5rem}.md\:py-4{padding-top:1.5rem;padding-bottom:1.5rem}.md\:m-4{margin:1.5rem}.md\:mt-4{margin-top:1.5rem}.md\:mr-4{margin-right:1.5rem}.md\:mb-4{margin-bottom:1.5rem}.md\:ml-4,.md\:mx-4{margin-left:1.5rem}.md\:mx-4{margin-right:1.5rem}.md\:my-4{margin-top:1.5rem;margin-bottom:1.5rem}.md\:p-5{padding:2rem}.md\:pt-5{padding-top:2rem}.md\:pr-5{padding-right:2rem}.md\:pb-5{padding-bottom:2rem}.md\:pl-5,.md\:px-5{padding-left:2rem}.md\:px-5{padding-right:2rem}.md\:py-5{padding-top:2rem;padding-bottom:2rem}.md\:m-5{margin:2rem}.md\:mt-5{margin-top:2rem}.md\:mr-5{margin-right:2rem}.md\:mb-5{margin-bottom:2rem}.md\:ml-5,.md\:mx-5{margin-left:2rem}.md\:mx-5{margin-right:2rem}.md\:my-5{margin-top:2rem;margin-bottom:2rem}.md\:p-6{padding:3rem}.md\:pt-6{padding-top:3rem}.md\:pr-6{padding-right:3rem}.md\:pb-6{padding-bottom:3rem}.md\:pl-6,.md\:px-6{padding-left:3rem}.md\:px-6{padding-right:3rem}.md\:py-6{padding-top:3rem;padding-bottom:3rem}.md\:m-6{margin:3rem}.md\:mt-6{margin-top:3rem}.md\:mr-6{margin-right:3rem}.md\:mb-6{margin-bottom:3rem}.md\:ml-6,.md\:mx-6{margin-left:3rem}.md\:mx-6{margin-right:3rem}.md\:my-6{margin-top:3rem;margin-bottom:3rem}.md\:p-7{padding:5rem}.md\:pt-7{padding-top:5rem}.md\:pr-7{padding-right:5rem}.md\:pb-7{padding-bottom:5rem}.md\:pl-7,.md\:px-7{padding-left:5rem}.md\:px-7{padding-right:5rem}.md\:py-7{padding-top:5rem;padding-bottom:5rem}.md\:m-7{margin:5rem}.md\:mt-7{margin-top:5rem}.md\:mr-7{margin-right:5rem}.md\:mb-7{margin-bottom:5rem}.md\:ml-7,.md\:mx-7{margin-left:5rem}.md\:mx-7{margin-right:5rem}.md\:my-7{margin-top:5rem;margin-bottom:5rem}.md\:p-auto{padding:auto}.md\:pt-auto{padding-top:auto}.md\:pr-auto{padding-right:auto}.md\:pb-auto{padding-bottom:auto}.md\:pl-auto,.md\:px-auto{padding-left:auto}.md\:px-auto{padding-right:auto}.md\:py-auto{padding-top:auto;padding-bottom:auto}.md\:m-auto{margin:auto}.md\:mt-auto{margin-top:auto}.md\:mr-auto{margin-right:auto}.md\:mb-auto{margin-bottom:auto}.md\:ml-auto,.md\:mx-auto{margin-left:auto}.md\:mx-auto{margin-right:auto}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-30{gap:1.875rem}.md\:gap-x-30{column-gap:1.875rem}.md\:gap-y-30{row-gap:1.875rem}.md\:gap-50{gap:3.125rem}.md\:gap-x-50{column-gap:3.125rem}.md\:gap-y-50{row-gap:3.125rem}.md\:gap-100{gap:6.25rem}.md\:gap-x-100{column-gap:6.25rem}.md\:gap-y-100{row-gap:6.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1330px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,1330px) minmax(1rem,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-no-wrap{flex-wrap:nowrap}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-no-shrink{flex-shrink:0}.lg\:flex-grow{flex-grow:1}.lg\:flex-no-grow{flex-grow:0}.lg\:float-left{float:left}.lg\:float-right{float:right}.lg\:float-none{float:none}.lg\:text-bold{font-weight:700}.lg\:text-italic{font-style:italic}.lg\:text-uppercase{text-transform:uppercase}.lg\:text-lowercase{text-transform:lowercase}.lg\:text-smaller{font-size:smaller}.lg\:text-bigger{font-size:bigger}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-justify{text-align:justify}.lg\:text-wrap{overflow-wrap:break-word}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-items-start{justify-items:start}.lg\:justify-items-end{justify-items:end}.lg\:justify-items-center{justify-items:center}.lg\:align-start{align-content:start}.lg\:align-end{align-content:end}.lg\:align-center{align-content:center}.lg\:align-between{align-content:space-between}.lg\:align-around{align-content:space-around}.lg\:align-evenly{align-content:space-evenly}.lg\:align-items-start{align-items:flex-start}.lg\:align-items-end{align-items:flex-end}.lg\:align-items-center{align-items:center}.lg\:place-center{place-content:center}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}.lg\:align-self-auto{align-self:auto}.lg\:align-self-start{align-self:flex-start}.lg\:align-self-end{align-self:flex-end}.lg\:align-self-center{align-self:center}.lg\:align-self-stretch{align-self:stretch}.lg\:align-top{vertical-align:top}.lg\:align-bottom{vertical-align:bottom}.lg\:align-middle{vertical-align:middle}.lg\:item-first{order:-100}.lg\:item-last{order:100}.lg\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.lg\:is-unstyled{list-style:none;padding-left:0}.lg\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.lg\:text-normal{font-weight:400;font-style:normal;text-transform:none}.lg\:text-10{font-size:.625rem}.lg\:text-11{font-size:.6875rem}.lg\:text-12{font-size:.75rem}.lg\:text-14{font-size:.875rem}.lg\:text-16{font-size:1rem}.lg\:text-18{font-size:1.125rem}.lg\:text-20{font-size:1.25rem}.lg\:text-24{font-size:1.5rem}.lg\:text-30{font-size:1.875rem}.lg\:text-36{font-size:2.25rem}.lg\:text-base{font-size:1rem}.lg\:text-inherit{font-size:"inherit"}.lg\:p-0{padding:0}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0,.lg\:px-0{padding-left:0}.lg\:px-0{padding-right:0}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:m-0{margin:0}.lg\:mt-0{margin-top:0}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-0,.lg\:mx-0{margin-left:0}.lg\:mx-0{margin-right:0}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:p-1{padding:.5rem}.lg\:pt-1{padding-top:.5rem}.lg\:pr-1{padding-right:.5rem}.lg\:pb-1{padding-bottom:.5rem}.lg\:pl-1,.lg\:px-1{padding-left:.5rem}.lg\:px-1{padding-right:.5rem}.lg\:py-1{padding-top:.5rem;padding-bottom:.5rem}.lg\:m-1{margin:.5rem}.lg\:mt-1{margin-top:.5rem}.lg\:mr-1{margin-right:.5rem}.lg\:mb-1{margin-bottom:.5rem}.lg\:ml-1,.lg\:mx-1{margin-left:.5rem}.lg\:mx-1{margin-right:.5rem}.lg\:my-1{margin-top:.5rem;margin-bottom:.5rem}.lg\:p-2{padding:.75rem}.lg\:pt-2{padding-top:.75rem}.lg\:pr-2{padding-right:.75rem}.lg\:pb-2{padding-bottom:.75rem}.lg\:pl-2,.lg\:px-2{padding-left:.75rem}.lg\:px-2{padding-right:.75rem}.lg\:py-2{padding-top:.75rem;padding-bottom:.75rem}.lg\:m-2{margin:.75rem}.lg\:mt-2{margin-top:.75rem}.lg\:mr-2{margin-right:.75rem}.lg\:mb-2{margin-bottom:.75rem}.lg\:ml-2,.lg\:mx-2{margin-left:.75rem}.lg\:mx-2{margin-right:.75rem}.lg\:my-2{margin-top:.75rem;margin-bottom:.75rem}.lg\:p-3{padding:1rem}.lg\:pt-3{padding-top:1rem}.lg\:pr-3{padding-right:1rem}.lg\:pb-3{padding-bottom:1rem}.lg\:pl-3,.lg\:px-3{padding-left:1rem}.lg\:px-3{padding-right:1rem}.lg\:py-3{padding-top:1rem;padding-bottom:1rem}.lg\:m-3{margin:1rem}.lg\:mt-3{margin-top:1rem}.lg\:mr-3{margin-right:1rem}.lg\:mb-3{margin-bottom:1rem}.lg\:ml-3,.lg\:mx-3{margin-left:1rem}.lg\:mx-3{margin-right:1rem}.lg\:my-3{margin-top:1rem;margin-bottom:1rem}.lg\:p-4{padding:1.5rem}.lg\:pt-4{padding-top:1.5rem}.lg\:pr-4{padding-right:1.5rem}.lg\:pb-4{padding-bottom:1.5rem}.lg\:pl-4,.lg\:px-4{padding-left:1.5rem}.lg\:px-4{padding-right:1.5rem}.lg\:py-4{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:m-4{margin:1.5rem}.lg\:mt-4{margin-top:1.5rem}.lg\:mr-4{margin-right:1.5rem}.lg\:mb-4{margin-bottom:1.5rem}.lg\:ml-4,.lg\:mx-4{margin-left:1.5rem}.lg\:mx-4{margin-right:1.5rem}.lg\:my-4{margin-top:1.5rem;margin-bottom:1.5rem}.lg\:p-5{padding:2rem}.lg\:pt-5{padding-top:2rem}.lg\:pr-5{padding-right:2rem}.lg\:pb-5{padding-bottom:2rem}.lg\:pl-5,.lg\:px-5{padding-left:2rem}.lg\:px-5{padding-right:2rem}.lg\:py-5{padding-top:2rem;padding-bottom:2rem}.lg\:m-5{margin:2rem}.lg\:mt-5{margin-top:2rem}.lg\:mr-5{margin-right:2rem}.lg\:mb-5{margin-bottom:2rem}.lg\:ml-5,.lg\:mx-5{margin-left:2rem}.lg\:mx-5{margin-right:2rem}.lg\:my-5{margin-top:2rem;margin-bottom:2rem}.lg\:p-6{padding:3rem}.lg\:pt-6{padding-top:3rem}.lg\:pr-6{padding-right:3rem}.lg\:pb-6{padding-bottom:3rem}.lg\:pl-6,.lg\:px-6{padding-left:3rem}.lg\:px-6{padding-right:3rem}.lg\:py-6{padding-top:3rem;padding-bottom:3rem}.lg\:m-6{margin:3rem}.lg\:mt-6{margin-top:3rem}.lg\:mr-6{margin-right:3rem}.lg\:mb-6{margin-bottom:3rem}.lg\:ml-6,.lg\:mx-6{margin-left:3rem}.lg\:mx-6{margin-right:3rem}.lg\:my-6{margin-top:3rem;margin-bottom:3rem}.lg\:p-7{padding:5rem}.lg\:pt-7{padding-top:5rem}.lg\:pr-7{padding-right:5rem}.lg\:pb-7{padding-bottom:5rem}.lg\:pl-7,.lg\:px-7{padding-left:5rem}.lg\:px-7{padding-right:5rem}.lg\:py-7{padding-top:5rem;padding-bottom:5rem}.lg\:m-7{margin:5rem}.lg\:mt-7{margin-top:5rem}.lg\:mr-7{margin-right:5rem}.lg\:mb-7{margin-bottom:5rem}.lg\:ml-7,.lg\:mx-7{margin-left:5rem}.lg\:mx-7{margin-right:5rem}.lg\:my-7{margin-top:5rem;margin-bottom:5rem}.lg\:p-auto{padding:auto}.lg\:pt-auto{padding-top:auto}.lg\:pr-auto{padding-right:auto}.lg\:pb-auto{padding-bottom:auto}.lg\:pl-auto,.lg\:px-auto{padding-left:auto}.lg\:px-auto{padding-right:auto}.lg\:py-auto{padding-top:auto;padding-bottom:auto}.lg\:m-auto{margin:auto}.lg\:mt-auto{margin-top:auto}.lg\:mr-auto{margin-right:auto}.lg\:mb-auto{margin-bottom:auto}.lg\:ml-auto,.lg\:mx-auto{margin-left:auto}.lg\:mx-auto{margin-right:auto}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-30{gap:1.875rem}.lg\:gap-x-30{column-gap:1.875rem}.lg\:gap-y-30{row-gap:1.875rem}.lg\:gap-50{gap:3.125rem}.lg\:gap-x-50{column-gap:3.125rem}.lg\:gap-y-50{row-gap:3.125rem}.lg\:gap-100{gap:6.25rem}.lg\:gap-x-100{column-gap:6.25rem}.lg\:gap-y-100{row-gap:6.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file +/*! KNACSS Reborn: Just keep it simple! @author: Alsacreations v8.0.4 2021/04 Licence WTFPL http://www.wtfpl.net/ */*,:after,:before{box-sizing:border-box;min-width:0;min-height:0}html{font-size:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;background-color:#fff}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,body,h1,h2,h3,h4,h5,h6{color:#212529}a{color:#454d5d;text-decoration:underline}a:active,a:focus,a:hover{color:#212529;text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,h1,h2{margin-top:0;margin-bottom:1rem}.h3-like,.h4-like,.h5-like,.h6-like,address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:.5rem}li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:1rem}nav ol,nav ul{list-style:none;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:1rem 0;clear:both;color:inherit}table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:1rem}.sr-only,.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset,form{border:none}fieldset{margin:0;padding:1rem}legend{display:table;max-width:100%;padding:0 .125rem;border:0;color:inherit;white-space:normal}label{display:inline-block;cursor:pointer}textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}progress{width:100%;vertical-align:initial}output,progress{display:inline-block}summary{display:list-item}template{display:none}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-no-wrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:1}.flex-no-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.flex-no-grow{flex-grow:0}.float-left{float:left}.float-right{float:right}.float-none{float:none}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-smaller{font-size:smaller}.text-bigger{font-size:bigger}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-wrap{overflow-wrap:break-word}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.align-start{align-content:start}.align-end{align-content:end}.align-center{align-content:center}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.place-center{place-content:center}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.item-first{order:-100}.item-last{order:100}.is-unstyled{list-style:none;padding-left:0}.is-disabled,[disabled]{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.text-normal{font-weight:400;font-style:normal;text-transform:none}.text-10{font-size:.625rem}.text-11{font-size:.6875rem}.text-12{font-size:.75rem}.text-14{font-size:.875rem}.text-16{font-size:1rem}.text-18{font-size:1.125rem}.text-20{font-size:1.25rem}.text-24{font-size:1.5rem}.text-30{font-size:1.875rem}.text-36{font-size:2.25rem}.text-base{font-size:1rem}.text-inherit{font-size:"inherit"}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-2{padding:.125rem}.pt-2{padding-top:.125rem}.pr-2{padding-right:.125rem}.pb-2{padding-bottom:.125rem}.pl-2,.px-2{padding-left:.125rem}.px-2{padding-right:.125rem}.py-2{padding-top:.125rem;padding-bottom:.125rem}.m-2{margin:.125rem}.mt-2{margin-top:.125rem}.mr-2{margin-right:.125rem}.mb-2{margin-bottom:.125rem}.ml-2,.mx-2{margin-left:.125rem}.mx-2{margin-right:.125rem}.my-2{margin-top:.125rem;margin-bottom:.125rem}.p-5{padding:.313rem}.pt-5{padding-top:.313rem}.pr-5{padding-right:.313rem}.pb-5{padding-bottom:.313rem}.pl-5,.px-5{padding-left:.313rem}.px-5{padding-right:.313rem}.py-5{padding-top:.313rem;padding-bottom:.313rem}.m-5{margin:.313rem}.mt-5{margin-top:.313rem}.mr-5{margin-right:.313rem}.mb-5{margin-bottom:.313rem}.ml-5,.mx-5{margin-left:.313rem}.mx-5{margin-right:.313rem}.my-5{margin-top:.313rem;margin-bottom:.313rem}.p-8{padding:.5rem}.pt-8{padding-top:.5rem}.pr-8{padding-right:.5rem}.pb-8{padding-bottom:.5rem}.pl-8,.px-8{padding-left:.5rem}.px-8{padding-right:.5rem}.py-8{padding-top:.5rem;padding-bottom:.5rem}.m-8{margin:.5rem}.mt-8{margin-top:.5rem}.mr-8{margin-right:.5rem}.mb-8{margin-bottom:.5rem}.ml-8,.mx-8{margin-left:.5rem}.mx-8{margin-right:.5rem}.my-8{margin-top:.5rem;margin-bottom:.5rem}.p-10{padding:.625rem}.pt-10{padding-top:.625rem}.pr-10{padding-right:.625rem}.pb-10{padding-bottom:.625rem}.pl-10,.px-10{padding-left:.625rem}.px-10{padding-right:.625rem}.py-10{padding-top:.625rem;padding-bottom:.625rem}.m-10{margin:.625rem}.mt-10{margin-top:.625rem}.mr-10{margin-right:.625rem}.mb-10{margin-bottom:.625rem}.ml-10,.mx-10{margin-left:.625rem}.mx-10{margin-right:.625rem}.my-10{margin-top:.625rem;margin-bottom:.625rem}.p-16{padding:1rem}.pt-16{padding-top:1rem}.pr-16{padding-right:1rem}.pb-16{padding-bottom:1rem}.pl-16,.px-16{padding-left:1rem}.px-16{padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.m-16{margin:1rem}.mt-16{margin-top:1rem}.mr-16{margin-right:1rem}.mb-16{margin-bottom:1rem}.ml-16,.mx-16{margin-left:1rem}.mx-16{margin-right:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.p-20{padding:1.25rem}.pt-20{padding-top:1.25rem}.pr-20{padding-right:1.25rem}.pb-20{padding-bottom:1.25rem}.pl-20,.px-20{padding-left:1.25rem}.px-20{padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.m-20{margin:1.25rem}.mt-20{margin-top:1.25rem}.mr-20{margin-right:1.25rem}.mb-20{margin-bottom:1.25rem}.ml-20,.mx-20{margin-left:1.25rem}.mx-20{margin-right:1.25rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.p-24{padding:1.5rem}.pt-24{padding-top:1.5rem}.pr-24{padding-right:1.5rem}.pb-24{padding-bottom:1.5rem}.pl-24,.px-24{padding-left:1.5rem}.px-24{padding-right:1.5rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.m-24{margin:1.5rem}.mt-24{margin-top:1.5rem}.mr-24{margin-right:1.5rem}.mb-24{margin-bottom:1.5rem}.ml-24,.mx-24{margin-left:1.5rem}.mx-24{margin-right:1.5rem}.my-24{margin-top:1.5rem;margin-bottom:1.5rem}.p-36{padding:2.25rem}.pt-36{padding-top:2.25rem}.pr-36{padding-right:2.25rem}.pb-36{padding-bottom:2.25rem}.pl-36,.px-36{padding-left:2.25rem}.px-36{padding-right:2.25rem}.py-36{padding-top:2.25rem;padding-bottom:2.25rem}.m-36{margin:2.25rem}.mt-36{margin-top:2.25rem}.mr-36{margin-right:2.25rem}.mb-36{margin-bottom:2.25rem}.ml-36,.mx-36{margin-left:2.25rem}.mx-36{margin-right:2.25rem}.my-36{margin-top:2.25rem;margin-bottom:2.25rem}.p-auto{padding:auto}.pt-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto,.px-auto{padding-left:auto}.px-auto{padding-right:auto}.py-auto{padding-top:auto;padding-bottom:auto}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-5{gap:.313rem}.gap-x-5{column-gap:.313rem}.gap-y-5{row-gap:.313rem}.gap-10{gap:.625rem}.gap-x-10{column-gap:.625rem}.gap-y-10{row-gap:.625rem}.gap-16{gap:1rem}.gap-x-16{column-gap:1rem}.gap-y-16{row-gap:1rem}.gap-20{gap:1.25rem}.gap-x-20{column-gap:1.25rem}.gap-y-20{row-gap:1.25rem}.gap-36{gap:2.25rem}.gap-x-36{column-gap:2.25rem}.gap-y-36{row-gap:2.25rem}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-span-1{grid-column:span 1/span 1}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-span-1{grid-row:span 1/span 1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-span-2{grid-column:span 2/span 2}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-span-2{grid-row:span 2/span 2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-span-3{grid-column:span 3/span 3}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-span-3{grid-row:span 3/span 3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-span-4{grid-column:span 4/span 4}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-span-4{grid-row:span 4/span 4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-span-5{grid-column:span 5/span 5}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-span-5{grid-row:span 5/span 5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-span-6{grid-row:span 6/span 6}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,576px) minmax(.5rem,1fr)}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-no-wrap{flex-wrap:nowrap}.sm\:flex-shrink{flex-shrink:1}.sm\:flex-no-shrink{flex-shrink:0}.sm\:flex-grow{flex-grow:1}.sm\:flex-no-grow{flex-grow:0}.sm\:float-left{float:left}.sm\:float-right{float:right}.sm\:float-none{float:none}.sm\:text-bold{font-weight:700}.sm\:text-italic{font-style:italic}.sm\:text-uppercase{text-transform:uppercase}.sm\:text-lowercase{text-transform:lowercase}.sm\:text-smaller{font-size:smaller}.sm\:text-bigger{font-size:bigger}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-justify{text-align:justify}.sm\:text-wrap{overflow-wrap:break-word}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:justify-items-start{justify-items:start}.sm\:justify-items-end{justify-items:end}.sm\:justify-items-center{justify-items:center}.sm\:align-start{align-content:start}.sm\:align-end{align-content:end}.sm\:align-center{align-content:center}.sm\:align-between{align-content:space-between}.sm\:align-around{align-content:space-around}.sm\:align-evenly{align-content:space-evenly}.sm\:align-items-start{align-items:flex-start}.sm\:align-items-end{align-items:flex-end}.sm\:align-items-center{align-items:center}.sm\:place-center{place-content:center}.sm\:justify-self-auto{justify-self:auto}.sm\:justify-self-start{justify-self:start}.sm\:justify-self-end{justify-self:end}.sm\:justify-self-center{justify-self:center}.sm\:justify-self-stretch{justify-self:stretch}.sm\:align-self-auto{align-self:auto}.sm\:align-self-start{align-self:flex-start}.sm\:align-self-end{align-self:flex-end}.sm\:align-self-center{align-self:center}.sm\:align-self-stretch{align-self:stretch}.sm\:align-top{vertical-align:top}.sm\:align-bottom{vertical-align:bottom}.sm\:align-middle{vertical-align:middle}.sm\:item-first{order:-100}.sm\:item-last{order:100}.sm\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.sm\:is-unstyled{list-style:none;padding-left:0}.sm\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.sm\:text-normal{font-weight:400;font-style:normal;text-transform:none}.sm\:text-10{font-size:.625rem}.sm\:text-11{font-size:.6875rem}.sm\:text-12{font-size:.75rem}.sm\:text-14{font-size:.875rem}.sm\:text-16{font-size:1rem}.sm\:text-18{font-size:1.125rem}.sm\:text-20{font-size:1.25rem}.sm\:text-24{font-size:1.5rem}.sm\:text-30{font-size:1.875rem}.sm\:text-36{font-size:2.25rem}.sm\:text-base{font-size:1rem}.sm\:text-inherit{font-size:"inherit"}.sm\:p-0{padding:0}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0,.sm\:px-0{padding-left:0}.sm\:px-0{padding-right:0}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:m-0{margin:0}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0,.sm\:mx-0{margin-left:0}.sm\:mx-0{margin-right:0}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:p-2{padding:.125rem}.sm\:pt-2{padding-top:.125rem}.sm\:pr-2{padding-right:.125rem}.sm\:pb-2{padding-bottom:.125rem}.sm\:pl-2,.sm\:px-2{padding-left:.125rem}.sm\:px-2{padding-right:.125rem}.sm\:py-2{padding-top:.125rem;padding-bottom:.125rem}.sm\:m-2{margin:.125rem}.sm\:mt-2{margin-top:.125rem}.sm\:mr-2{margin-right:.125rem}.sm\:mb-2{margin-bottom:.125rem}.sm\:ml-2,.sm\:mx-2{margin-left:.125rem}.sm\:mx-2{margin-right:.125rem}.sm\:my-2{margin-top:.125rem;margin-bottom:.125rem}.sm\:p-5{padding:.313rem}.sm\:pt-5{padding-top:.313rem}.sm\:pr-5{padding-right:.313rem}.sm\:pb-5{padding-bottom:.313rem}.sm\:pl-5,.sm\:px-5{padding-left:.313rem}.sm\:px-5{padding-right:.313rem}.sm\:py-5{padding-top:.313rem;padding-bottom:.313rem}.sm\:m-5{margin:.313rem}.sm\:mt-5{margin-top:.313rem}.sm\:mr-5{margin-right:.313rem}.sm\:mb-5{margin-bottom:.313rem}.sm\:ml-5,.sm\:mx-5{margin-left:.313rem}.sm\:mx-5{margin-right:.313rem}.sm\:my-5{margin-top:.313rem;margin-bottom:.313rem}.sm\:p-8{padding:.5rem}.sm\:pt-8{padding-top:.5rem}.sm\:pr-8{padding-right:.5rem}.sm\:pb-8{padding-bottom:.5rem}.sm\:pl-8,.sm\:px-8{padding-left:.5rem}.sm\:px-8{padding-right:.5rem}.sm\:py-8{padding-top:.5rem;padding-bottom:.5rem}.sm\:m-8{margin:.5rem}.sm\:mt-8{margin-top:.5rem}.sm\:mr-8{margin-right:.5rem}.sm\:mb-8{margin-bottom:.5rem}.sm\:ml-8,.sm\:mx-8{margin-left:.5rem}.sm\:mx-8{margin-right:.5rem}.sm\:my-8{margin-top:.5rem;margin-bottom:.5rem}.sm\:p-10{padding:.625rem}.sm\:pt-10{padding-top:.625rem}.sm\:pr-10{padding-right:.625rem}.sm\:pb-10{padding-bottom:.625rem}.sm\:pl-10,.sm\:px-10{padding-left:.625rem}.sm\:px-10{padding-right:.625rem}.sm\:py-10{padding-top:.625rem;padding-bottom:.625rem}.sm\:m-10{margin:.625rem}.sm\:mt-10{margin-top:.625rem}.sm\:mr-10{margin-right:.625rem}.sm\:mb-10{margin-bottom:.625rem}.sm\:ml-10,.sm\:mx-10{margin-left:.625rem}.sm\:mx-10{margin-right:.625rem}.sm\:my-10{margin-top:.625rem;margin-bottom:.625rem}.sm\:p-16{padding:1rem}.sm\:pt-16{padding-top:1rem}.sm\:pr-16{padding-right:1rem}.sm\:pb-16{padding-bottom:1rem}.sm\:pl-16,.sm\:px-16{padding-left:1rem}.sm\:px-16{padding-right:1rem}.sm\:py-16{padding-top:1rem;padding-bottom:1rem}.sm\:m-16{margin:1rem}.sm\:mt-16{margin-top:1rem}.sm\:mr-16{margin-right:1rem}.sm\:mb-16{margin-bottom:1rem}.sm\:ml-16,.sm\:mx-16{margin-left:1rem}.sm\:mx-16{margin-right:1rem}.sm\:my-16{margin-top:1rem;margin-bottom:1rem}.sm\:p-20{padding:1.25rem}.sm\:pt-20{padding-top:1.25rem}.sm\:pr-20{padding-right:1.25rem}.sm\:pb-20{padding-bottom:1.25rem}.sm\:pl-20,.sm\:px-20{padding-left:1.25rem}.sm\:px-20{padding-right:1.25rem}.sm\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:m-20{margin:1.25rem}.sm\:mt-20{margin-top:1.25rem}.sm\:mr-20{margin-right:1.25rem}.sm\:mb-20{margin-bottom:1.25rem}.sm\:ml-20,.sm\:mx-20{margin-left:1.25rem}.sm\:mx-20{margin-right:1.25rem}.sm\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.sm\:p-24{padding:1.5rem}.sm\:pt-24{padding-top:1.5rem}.sm\:pr-24{padding-right:1.5rem}.sm\:pb-24{padding-bottom:1.5rem}.sm\:pl-24,.sm\:px-24{padding-left:1.5rem}.sm\:px-24{padding-right:1.5rem}.sm\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:m-24{margin:1.5rem}.sm\:mt-24{margin-top:1.5rem}.sm\:mr-24{margin-right:1.5rem}.sm\:mb-24{margin-bottom:1.5rem}.sm\:ml-24,.sm\:mx-24{margin-left:1.5rem}.sm\:mx-24{margin-right:1.5rem}.sm\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.sm\:p-36{padding:2.25rem}.sm\:pt-36{padding-top:2.25rem}.sm\:pr-36{padding-right:2.25rem}.sm\:pb-36{padding-bottom:2.25rem}.sm\:pl-36,.sm\:px-36{padding-left:2.25rem}.sm\:px-36{padding-right:2.25rem}.sm\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:m-36{margin:2.25rem}.sm\:mt-36{margin-top:2.25rem}.sm\:mr-36{margin-right:2.25rem}.sm\:mb-36{margin-bottom:2.25rem}.sm\:ml-36,.sm\:mx-36{margin-left:2.25rem}.sm\:mx-36{margin-right:2.25rem}.sm\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.sm\:p-auto{padding:auto}.sm\:pt-auto{padding-top:auto}.sm\:pr-auto{padding-right:auto}.sm\:pb-auto{padding-bottom:auto}.sm\:pl-auto,.sm\:px-auto{padding-left:auto}.sm\:px-auto{padding-right:auto}.sm\:py-auto{padding-top:auto;padding-bottom:auto}.sm\:m-auto{margin:auto}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto,.sm\:mx-auto{margin-left:auto}.sm\:mx-auto{margin-right:auto}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:gap-0{gap:0}.sm\:gap-x-0{column-gap:0}.sm\:gap-y-0{row-gap:0}.sm\:gap-5{gap:.313rem}.sm\:gap-x-5{column-gap:.313rem}.sm\:gap-y-5{row-gap:.313rem}.sm\:gap-10{gap:.625rem}.sm\:gap-x-10{column-gap:.625rem}.sm\:gap-y-10{row-gap:.625rem}.sm\:gap-16{gap:1rem}.sm\:gap-x-16{column-gap:1rem}.sm\:gap-y-16{row-gap:1rem}.sm\:gap-20{gap:1.25rem}.sm\:gap-x-20{column-gap:1.25rem}.sm\:gap-y-20{row-gap:1.25rem}.sm\:gap-36{gap:2.25rem}.sm\:gap-x-36{column-gap:2.25rem}.sm\:gap-y-36{row-gap:2.25rem}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-span-4{grid-row:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-span-5{grid-row:span 5/span 5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-full{grid-column:1/-1}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-span-6{grid-row:span 6/span 6}}@media (min-width:992px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,992px) minmax(.5rem,1fr)}.md\:hidden{display:none}.md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-no-wrap{flex-wrap:nowrap}.md\:flex-shrink{flex-shrink:1}.md\:flex-no-shrink{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:flex-no-grow{flex-grow:0}.md\:float-left{float:left}.md\:float-right{float:right}.md\:float-none{float:none}.md\:text-bold{font-weight:700}.md\:text-italic{font-style:italic}.md\:text-uppercase{text-transform:uppercase}.md\:text-lowercase{text-transform:lowercase}.md\:text-smaller{font-size:smaller}.md\:text-bigger{font-size:bigger}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-justify{text-align:justify}.md\:text-wrap{overflow-wrap:break-word}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-items-start{justify-items:start}.md\:justify-items-end{justify-items:end}.md\:justify-items-center{justify-items:center}.md\:align-start{align-content:start}.md\:align-end{align-content:end}.md\:align-center{align-content:center}.md\:align-between{align-content:space-between}.md\:align-around{align-content:space-around}.md\:align-evenly{align-content:space-evenly}.md\:align-items-start{align-items:flex-start}.md\:align-items-end{align-items:flex-end}.md\:align-items-center{align-items:center}.md\:place-center{place-content:center}.md\:justify-self-auto{justify-self:auto}.md\:justify-self-start{justify-self:start}.md\:justify-self-end{justify-self:end}.md\:justify-self-center{justify-self:center}.md\:justify-self-stretch{justify-self:stretch}.md\:align-self-auto{align-self:auto}.md\:align-self-start{align-self:flex-start}.md\:align-self-end{align-self:flex-end}.md\:align-self-center{align-self:center}.md\:align-self-stretch{align-self:stretch}.md\:align-top{vertical-align:top}.md\:align-bottom{vertical-align:bottom}.md\:align-middle{vertical-align:middle}.md\:item-first{order:-100}.md\:item-last{order:100}.md\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.md\:is-unstyled{list-style:none;padding-left:0}.md\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.md\:text-normal{font-weight:400;font-style:normal;text-transform:none}.md\:text-10{font-size:.625rem}.md\:text-11{font-size:.6875rem}.md\:text-12{font-size:.75rem}.md\:text-14{font-size:.875rem}.md\:text-16{font-size:1rem}.md\:text-18{font-size:1.125rem}.md\:text-20{font-size:1.25rem}.md\:text-24{font-size:1.5rem}.md\:text-30{font-size:1.875rem}.md\:text-36{font-size:2.25rem}.md\:text-base{font-size:1rem}.md\:text-inherit{font-size:"inherit"}.md\:p-0{padding:0}.md\:pt-0{padding-top:0}.md\:pr-0{padding-right:0}.md\:pb-0{padding-bottom:0}.md\:pl-0,.md\:px-0{padding-left:0}.md\:px-0{padding-right:0}.md\:py-0{padding-top:0;padding-bottom:0}.md\:m-0{margin:0}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:ml-0,.md\:mx-0{margin-left:0}.md\:mx-0{margin-right:0}.md\:my-0{margin-top:0;margin-bottom:0}.md\:p-2{padding:.125rem}.md\:pt-2{padding-top:.125rem}.md\:pr-2{padding-right:.125rem}.md\:pb-2{padding-bottom:.125rem}.md\:pl-2,.md\:px-2{padding-left:.125rem}.md\:px-2{padding-right:.125rem}.md\:py-2{padding-top:.125rem;padding-bottom:.125rem}.md\:m-2{margin:.125rem}.md\:mt-2{margin-top:.125rem}.md\:mr-2{margin-right:.125rem}.md\:mb-2{margin-bottom:.125rem}.md\:ml-2,.md\:mx-2{margin-left:.125rem}.md\:mx-2{margin-right:.125rem}.md\:my-2{margin-top:.125rem;margin-bottom:.125rem}.md\:p-5{padding:.313rem}.md\:pt-5{padding-top:.313rem}.md\:pr-5{padding-right:.313rem}.md\:pb-5{padding-bottom:.313rem}.md\:pl-5,.md\:px-5{padding-left:.313rem}.md\:px-5{padding-right:.313rem}.md\:py-5{padding-top:.313rem;padding-bottom:.313rem}.md\:m-5{margin:.313rem}.md\:mt-5{margin-top:.313rem}.md\:mr-5{margin-right:.313rem}.md\:mb-5{margin-bottom:.313rem}.md\:ml-5,.md\:mx-5{margin-left:.313rem}.md\:mx-5{margin-right:.313rem}.md\:my-5{margin-top:.313rem;margin-bottom:.313rem}.md\:p-8{padding:.5rem}.md\:pt-8{padding-top:.5rem}.md\:pr-8{padding-right:.5rem}.md\:pb-8{padding-bottom:.5rem}.md\:pl-8,.md\:px-8{padding-left:.5rem}.md\:px-8{padding-right:.5rem}.md\:py-8{padding-top:.5rem;padding-bottom:.5rem}.md\:m-8{margin:.5rem}.md\:mt-8{margin-top:.5rem}.md\:mr-8{margin-right:.5rem}.md\:mb-8{margin-bottom:.5rem}.md\:ml-8,.md\:mx-8{margin-left:.5rem}.md\:mx-8{margin-right:.5rem}.md\:my-8{margin-top:.5rem;margin-bottom:.5rem}.md\:p-10{padding:.625rem}.md\:pt-10{padding-top:.625rem}.md\:pr-10{padding-right:.625rem}.md\:pb-10{padding-bottom:.625rem}.md\:pl-10,.md\:px-10{padding-left:.625rem}.md\:px-10{padding-right:.625rem}.md\:py-10{padding-top:.625rem;padding-bottom:.625rem}.md\:m-10{margin:.625rem}.md\:mt-10{margin-top:.625rem}.md\:mr-10{margin-right:.625rem}.md\:mb-10{margin-bottom:.625rem}.md\:ml-10,.md\:mx-10{margin-left:.625rem}.md\:mx-10{margin-right:.625rem}.md\:my-10{margin-top:.625rem;margin-bottom:.625rem}.md\:p-16{padding:1rem}.md\:pt-16{padding-top:1rem}.md\:pr-16{padding-right:1rem}.md\:pb-16{padding-bottom:1rem}.md\:pl-16,.md\:px-16{padding-left:1rem}.md\:px-16{padding-right:1rem}.md\:py-16{padding-top:1rem;padding-bottom:1rem}.md\:m-16{margin:1rem}.md\:mt-16{margin-top:1rem}.md\:mr-16{margin-right:1rem}.md\:mb-16{margin-bottom:1rem}.md\:ml-16,.md\:mx-16{margin-left:1rem}.md\:mx-16{margin-right:1rem}.md\:my-16{margin-top:1rem;margin-bottom:1rem}.md\:p-20{padding:1.25rem}.md\:pt-20{padding-top:1.25rem}.md\:pr-20{padding-right:1.25rem}.md\:pb-20{padding-bottom:1.25rem}.md\:pl-20,.md\:px-20{padding-left:1.25rem}.md\:px-20{padding-right:1.25rem}.md\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.md\:m-20{margin:1.25rem}.md\:mt-20{margin-top:1.25rem}.md\:mr-20{margin-right:1.25rem}.md\:mb-20{margin-bottom:1.25rem}.md\:ml-20,.md\:mx-20{margin-left:1.25rem}.md\:mx-20{margin-right:1.25rem}.md\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.md\:p-24{padding:1.5rem}.md\:pt-24{padding-top:1.5rem}.md\:pr-24{padding-right:1.5rem}.md\:pb-24{padding-bottom:1.5rem}.md\:pl-24,.md\:px-24{padding-left:1.5rem}.md\:px-24{padding-right:1.5rem}.md\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.md\:m-24{margin:1.5rem}.md\:mt-24{margin-top:1.5rem}.md\:mr-24{margin-right:1.5rem}.md\:mb-24{margin-bottom:1.5rem}.md\:ml-24,.md\:mx-24{margin-left:1.5rem}.md\:mx-24{margin-right:1.5rem}.md\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.md\:p-36{padding:2.25rem}.md\:pt-36{padding-top:2.25rem}.md\:pr-36{padding-right:2.25rem}.md\:pb-36{padding-bottom:2.25rem}.md\:pl-36,.md\:px-36{padding-left:2.25rem}.md\:px-36{padding-right:2.25rem}.md\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.md\:m-36{margin:2.25rem}.md\:mt-36{margin-top:2.25rem}.md\:mr-36{margin-right:2.25rem}.md\:mb-36{margin-bottom:2.25rem}.md\:ml-36,.md\:mx-36{margin-left:2.25rem}.md\:mx-36{margin-right:2.25rem}.md\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.md\:p-auto{padding:auto}.md\:pt-auto{padding-top:auto}.md\:pr-auto{padding-right:auto}.md\:pb-auto{padding-bottom:auto}.md\:pl-auto,.md\:px-auto{padding-left:auto}.md\:px-auto{padding-right:auto}.md\:py-auto{padding-top:auto;padding-bottom:auto}.md\:m-auto{margin:auto}.md\:mt-auto{margin-top:auto}.md\:mr-auto{margin-right:auto}.md\:mb-auto{margin-bottom:auto}.md\:ml-auto,.md\:mx-auto{margin-left:auto}.md\:mx-auto{margin-right:auto}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-0{gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-5{gap:.313rem}.md\:gap-x-5{column-gap:.313rem}.md\:gap-y-5{row-gap:.313rem}.md\:gap-10{gap:.625rem}.md\:gap-x-10{column-gap:.625rem}.md\:gap-y-10{row-gap:.625rem}.md\:gap-16{gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-20{gap:1.25rem}.md\:gap-x-20{column-gap:1.25rem}.md\:gap-y-20{row-gap:1.25rem}.md\:gap-36{gap:2.25rem}.md\:gap-x-36{column-gap:2.25rem}.md\:gap-y-36{row-gap:2.25rem}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-span-1{grid-column:span 1/span 1}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-span-1{grid-row:span 1/span 1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-span-3{grid-row:span 3/span 3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-span-4{grid-column:span 4/span 4}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-span-4{grid-row:span 4/span 4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-span-5{grid-column:span 5/span 5}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-span-5{grid-row:span 5/span 5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-full{grid-column:1/-1}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-span-6{grid-row:span 6/span 6}}@media (min-width:1330px){.layout-maxed{grid-template-columns:minmax(.5rem,1fr) minmax(auto,1330px) minmax(.5rem,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-no-wrap{flex-wrap:nowrap}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-no-shrink{flex-shrink:0}.lg\:flex-grow{flex-grow:1}.lg\:flex-no-grow{flex-grow:0}.lg\:float-left{float:left}.lg\:float-right{float:right}.lg\:float-none{float:none}.lg\:text-bold{font-weight:700}.lg\:text-italic{font-style:italic}.lg\:text-uppercase{text-transform:uppercase}.lg\:text-lowercase{text-transform:lowercase}.lg\:text-smaller{font-size:smaller}.lg\:text-bigger{font-size:bigger}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-justify{text-align:justify}.lg\:text-wrap{overflow-wrap:break-word}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-items-start{justify-items:start}.lg\:justify-items-end{justify-items:end}.lg\:justify-items-center{justify-items:center}.lg\:align-start{align-content:start}.lg\:align-end{align-content:end}.lg\:align-center{align-content:center}.lg\:align-between{align-content:space-between}.lg\:align-around{align-content:space-around}.lg\:align-evenly{align-content:space-evenly}.lg\:align-items-start{align-items:flex-start}.lg\:align-items-end{align-items:flex-end}.lg\:align-items-center{align-items:center}.lg\:place-center{place-content:center}.lg\:justify-self-auto{justify-self:auto}.lg\:justify-self-start{justify-self:start}.lg\:justify-self-end{justify-self:end}.lg\:justify-self-center{justify-self:center}.lg\:justify-self-stretch{justify-self:stretch}.lg\:align-self-auto{align-self:auto}.lg\:align-self-start{align-self:flex-start}.lg\:align-self-end{align-self:flex-end}.lg\:align-self-center{align-self:center}.lg\:align-self-stretch{align-self:stretch}.lg\:align-top{vertical-align:top}.lg\:align-bottom{vertical-align:bottom}.lg\:align-middle{vertical-align:middle}.lg\:item-first{order:-100}.lg\:item-last{order:100}.lg\:visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.lg\:is-unstyled{list-style:none;padding-left:0}.lg\:is-disabled{opacity:.6;cursor:not-allowed!important;filter:grayscale(1)}.lg\:text-normal{font-weight:400;font-style:normal;text-transform:none}.lg\:text-10{font-size:.625rem}.lg\:text-11{font-size:.6875rem}.lg\:text-12{font-size:.75rem}.lg\:text-14{font-size:.875rem}.lg\:text-16{font-size:1rem}.lg\:text-18{font-size:1.125rem}.lg\:text-20{font-size:1.25rem}.lg\:text-24{font-size:1.5rem}.lg\:text-30{font-size:1.875rem}.lg\:text-36{font-size:2.25rem}.lg\:text-base{font-size:1rem}.lg\:text-inherit{font-size:"inherit"}.lg\:p-0{padding:0}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0,.lg\:px-0{padding-left:0}.lg\:px-0{padding-right:0}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:m-0{margin:0}.lg\:mt-0{margin-top:0}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-0,.lg\:mx-0{margin-left:0}.lg\:mx-0{margin-right:0}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:p-2{padding:.125rem}.lg\:pt-2{padding-top:.125rem}.lg\:pr-2{padding-right:.125rem}.lg\:pb-2{padding-bottom:.125rem}.lg\:pl-2,.lg\:px-2{padding-left:.125rem}.lg\:px-2{padding-right:.125rem}.lg\:py-2{padding-top:.125rem;padding-bottom:.125rem}.lg\:m-2{margin:.125rem}.lg\:mt-2{margin-top:.125rem}.lg\:mr-2{margin-right:.125rem}.lg\:mb-2{margin-bottom:.125rem}.lg\:ml-2,.lg\:mx-2{margin-left:.125rem}.lg\:mx-2{margin-right:.125rem}.lg\:my-2{margin-top:.125rem;margin-bottom:.125rem}.lg\:p-5{padding:.313rem}.lg\:pt-5{padding-top:.313rem}.lg\:pr-5{padding-right:.313rem}.lg\:pb-5{padding-bottom:.313rem}.lg\:pl-5,.lg\:px-5{padding-left:.313rem}.lg\:px-5{padding-right:.313rem}.lg\:py-5{padding-top:.313rem;padding-bottom:.313rem}.lg\:m-5{margin:.313rem}.lg\:mt-5{margin-top:.313rem}.lg\:mr-5{margin-right:.313rem}.lg\:mb-5{margin-bottom:.313rem}.lg\:ml-5,.lg\:mx-5{margin-left:.313rem}.lg\:mx-5{margin-right:.313rem}.lg\:my-5{margin-top:.313rem;margin-bottom:.313rem}.lg\:p-8{padding:.5rem}.lg\:pt-8{padding-top:.5rem}.lg\:pr-8{padding-right:.5rem}.lg\:pb-8{padding-bottom:.5rem}.lg\:pl-8,.lg\:px-8{padding-left:.5rem}.lg\:px-8{padding-right:.5rem}.lg\:py-8{padding-top:.5rem;padding-bottom:.5rem}.lg\:m-8{margin:.5rem}.lg\:mt-8{margin-top:.5rem}.lg\:mr-8{margin-right:.5rem}.lg\:mb-8{margin-bottom:.5rem}.lg\:ml-8,.lg\:mx-8{margin-left:.5rem}.lg\:mx-8{margin-right:.5rem}.lg\:my-8{margin-top:.5rem;margin-bottom:.5rem}.lg\:p-10{padding:.625rem}.lg\:pt-10{padding-top:.625rem}.lg\:pr-10{padding-right:.625rem}.lg\:pb-10{padding-bottom:.625rem}.lg\:pl-10,.lg\:px-10{padding-left:.625rem}.lg\:px-10{padding-right:.625rem}.lg\:py-10{padding-top:.625rem;padding-bottom:.625rem}.lg\:m-10{margin:.625rem}.lg\:mt-10{margin-top:.625rem}.lg\:mr-10{margin-right:.625rem}.lg\:mb-10{margin-bottom:.625rem}.lg\:ml-10,.lg\:mx-10{margin-left:.625rem}.lg\:mx-10{margin-right:.625rem}.lg\:my-10{margin-top:.625rem;margin-bottom:.625rem}.lg\:p-16{padding:1rem}.lg\:pt-16{padding-top:1rem}.lg\:pr-16{padding-right:1rem}.lg\:pb-16{padding-bottom:1rem}.lg\:pl-16,.lg\:px-16{padding-left:1rem}.lg\:px-16{padding-right:1rem}.lg\:py-16{padding-top:1rem;padding-bottom:1rem}.lg\:m-16{margin:1rem}.lg\:mt-16{margin-top:1rem}.lg\:mr-16{margin-right:1rem}.lg\:mb-16{margin-bottom:1rem}.lg\:ml-16,.lg\:mx-16{margin-left:1rem}.lg\:mx-16{margin-right:1rem}.lg\:my-16{margin-top:1rem;margin-bottom:1rem}.lg\:p-20{padding:1.25rem}.lg\:pt-20{padding-top:1.25rem}.lg\:pr-20{padding-right:1.25rem}.lg\:pb-20{padding-bottom:1.25rem}.lg\:pl-20,.lg\:px-20{padding-left:1.25rem}.lg\:px-20{padding-right:1.25rem}.lg\:py-20{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:m-20{margin:1.25rem}.lg\:mt-20{margin-top:1.25rem}.lg\:mr-20{margin-right:1.25rem}.lg\:mb-20{margin-bottom:1.25rem}.lg\:ml-20,.lg\:mx-20{margin-left:1.25rem}.lg\:mx-20{margin-right:1.25rem}.lg\:my-20{margin-top:1.25rem;margin-bottom:1.25rem}.lg\:p-24{padding:1.5rem}.lg\:pt-24{padding-top:1.5rem}.lg\:pr-24{padding-right:1.5rem}.lg\:pb-24{padding-bottom:1.5rem}.lg\:pl-24,.lg\:px-24{padding-left:1.5rem}.lg\:px-24{padding-right:1.5rem}.lg\:py-24{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:m-24{margin:1.5rem}.lg\:mt-24{margin-top:1.5rem}.lg\:mr-24{margin-right:1.5rem}.lg\:mb-24{margin-bottom:1.5rem}.lg\:ml-24,.lg\:mx-24{margin-left:1.5rem}.lg\:mx-24{margin-right:1.5rem}.lg\:my-24{margin-top:1.5rem;margin-bottom:1.5rem}.lg\:p-36{padding:2.25rem}.lg\:pt-36{padding-top:2.25rem}.lg\:pr-36{padding-right:2.25rem}.lg\:pb-36{padding-bottom:2.25rem}.lg\:pl-36,.lg\:px-36{padding-left:2.25rem}.lg\:px-36{padding-right:2.25rem}.lg\:py-36{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:m-36{margin:2.25rem}.lg\:mt-36{margin-top:2.25rem}.lg\:mr-36{margin-right:2.25rem}.lg\:mb-36{margin-bottom:2.25rem}.lg\:ml-36,.lg\:mx-36{margin-left:2.25rem}.lg\:mx-36{margin-right:2.25rem}.lg\:my-36{margin-top:2.25rem;margin-bottom:2.25rem}.lg\:p-auto{padding:auto}.lg\:pt-auto{padding-top:auto}.lg\:pr-auto{padding-right:auto}.lg\:pb-auto{padding-bottom:auto}.lg\:pl-auto,.lg\:px-auto{padding-left:auto}.lg\:px-auto{padding-right:auto}.lg\:py-auto{padding-top:auto;padding-bottom:auto}.lg\:m-auto{margin:auto}.lg\:mt-auto{margin-top:auto}.lg\:mr-auto{margin-right:auto}.lg\:mb-auto{margin-bottom:auto}.lg\:ml-auto,.lg\:mx-auto{margin-left:auto}.lg\:mx-auto{margin-right:auto}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:grid{display:grid}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-0{gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-5{gap:.313rem}.lg\:gap-x-5{column-gap:.313rem}.lg\:gap-y-5{row-gap:.313rem}.lg\:gap-10{gap:.625rem}.lg\:gap-x-10{column-gap:.625rem}.lg\:gap-y-10{row-gap:.625rem}.lg\:gap-16{gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-20{gap:1.25rem}.lg\:gap-x-20{column-gap:1.25rem}.lg\:gap-y-20{row-gap:1.25rem}.lg\:gap-36{gap:2.25rem}.lg\:gap-x-36{column-gap:2.25rem}.lg\:gap-y-36{row-gap:2.25rem}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-span-1{grid-row:span 1/span 1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-span-3{grid-row:span 3/span 3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-span-4{grid-row:span 4/span 4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-full{grid-column:1/-1}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-span-6{grid-row:span 6/span 6}} \ No newline at end of file diff --git a/package.json b/package.json index 08dfc46..ccb180b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "knacss", - "version": "8.0.3", + "version": "8.0.4", "homepage": "http://www.knacss.com/", "bugs": "https://github.com/alsacreations/KNACSS/issues", "author": "Raphaël GOETTER, Alsacreations (http://www.alsacreations.fr)", diff --git a/sass/abstracts/_variables-sass.scss b/sass/abstracts/_variables-sass.scss index 247583a..e34a8de 100644 --- a/sass/abstracts/_variables-sass.scss +++ b/sass/abstracts/_variables-sass.scss @@ -23,31 +23,35 @@ $large: map-get($breakpoints, lg) !default; $spacers: ( "0": 0, - "1": 0.5rem, + // none + "2": 0.125rem, // tiny - "2": 0.75rem, + "5": 0.313rem, // tiny-plus - "3": 1rem, + "8": 0.5rem, // small - "4": 1.5rem, + "10": 0.625rem, // small-plus - "5": 2rem, + "16": 1rem, // medium - "6": 3rem, + "20": 1.25rem, // medium-plus - "7": 5rem, + "24": 1.5rem, // large + "36": 2.25rem, + // large-plus "auto": auto, ) !default; $spacer-none: map-get($spacers, "0") !default; -$spacer-tiny: map-get($spacers, "1") !default; -$spacer-tiny-plus: map-get($spacers, "2") !default; -$spacer-small: map-get($spacers, "3") !default; -$spacer-small-plus: map-get($spacers, "4") !default; -$spacer-medium: map-get($spacers, "5") !default; -$spacer-medium-plus: map-get($spacers, "6") !default; -$spacer-large: map-get($spacers, "7") !default; +$spacer-tiny: map-get($spacers, "2") !default; +$spacer-tiny-plus: map-get($spacers, "5") !default; +$spacer-small: map-get($spacers, "8") !default; +$spacer-small-plus: map-get($spacers, "10") !default; +$spacer-medium: map-get($spacers, "16") !default; +$spacer-medium-plus: map-get($spacers, "20") !default; +$spacer-large: map-get($spacers, "24") !default; +$spacer-large-plus: map-get($spacers, "36") !default; // ---------------- // Grid layout @@ -55,6 +59,15 @@ $spacer-large: map-get($spacers, "7") !default; $grid-columns: 6 !default; +$gaps: ( + "0": 0, + "5": 0.313rem, + "10": 0.625rem, + "16": 1rem, + "20": 1.25rem, + "36": 2.25rem, +) !default; + // ---------------- // Fonts // ---------------- @@ -82,8 +95,8 @@ $font-size: ( "inherit": "inherit", ); -$font-size-html: 62.5%; -$font-size-base: 1.6rem; +$font-size-html: 100%; +$font-size-base: 1rem; // Font weights $weight-light: 200; diff --git a/sass/knacss.scss b/sass/knacss.scss index 04ce8fb..77bcfdd 100644 --- a/sass/knacss.scss +++ b/sass/knacss.scss @@ -1,13 +1,13 @@ /*! * KNACSS Reborn: Just keep it simple! * @author: Alsacreations -* v8.0.3 2021/05 +* v8.0.4 2021/04 * Licence WTFPL http://www.wtfpl.net/ */ -// WARNING : Only Core and Utilities are imported by default. Just add other files if you need them. +// IMPORTANT : Seuls les fichiers "Noyau" et "Utilitaires" sont importés par défaut. Ajoutez les fichiers de composants si nécessaires dans votre projet. -// CORE +// NOYAU @import "abstracts/variables-sass"; @import "abstracts/mixins-sass"; @@ -17,13 +17,13 @@ @import "base/reset-print"; @import "base/layout"; -// UTILITY CLASSES +// UTILITAIRES @import "utils/utils-global"; @import "utils/utils-font-sizes"; @import "utils/utils-spacers"; @import "utils/grillade"; -// COMPONENTS (add them only if you need) +// COMPOSANTS (à ajouter au besoin) // @import "components/button"; // @import "components/burger"; // @import "components/checkbox"; diff --git a/sass/utils/grillade.scss b/sass/utils/grillade.scss index 54f0514..e84fa9b 100644 --- a/sass/utils/grillade.scss +++ b/sass/utils/grillade.scss @@ -1,21 +1,29 @@ -/* --------------------------------------- */ -/* ==Grillade : ultra light Grid Layout */ -/* --------------------------------------- */ -// Grillade is heavily inspired by tailwindcss.com Grid utility classes +/* -------------------------------------------------- */ +/* ==Grillade : système de micro-grille de KNACSS */ +/* ------------------------------------------------ */ +// Grillade est directement inspiré tailwindcss.com et de ses classes utilitaires -// use these variables only for a standalone Grillade -// in KNACSS, you shall modify variables file instead -$grid-columns: 6 !default; +// Les variables ci-dessous ne sont appliquées que si elles n'ont pas été renseignées +// dans le fichiers de variables de KNACSS. -$gaps: ( - "0": 0, - "10": 0.625rem, - "16": 1rem, - "20": 1.25rem, - "30": 1.875rem, - "50": 3.125rem, - "100": 6.25rem, -); +@if variable_exists(grid-columns) { + $grid-columns: $grid-columns !global; +} @else { + $grid-columns: 6 !global; +} + +@if variable_exists(gaps) { + $gaps: $gaps !global; +} @else { + $gaps: ( + "0": 0, + "5": 0.313rem, + "10": 0.625rem, + "16": 1rem, + "20": 1.25rem, + "36": 2.25rem, + ) !global; +} @if variable_exists(breakpoints) { $breakpoints: $breakpoints !global; @@ -39,15 +47,17 @@ $gaps: ( } } -/* grid-template-columns classes */ +/* grid-template-columns initialisation */ @for $i from 1 through $grid-columns { .grid-cols-#{$i} { grid-template-columns: repeat(#{$i}, minmax(0, 1fr)); } } -@for $i from 1 through $grid-columns { - @each $bp, $bpv in $breakpoints { - @media (min-width: #{$bpv}) { + +/* grid-template-columns au sein des breakpoints */ +@each $bp, $bpv in $breakpoints { + @media (min-width: #{$bpv}) { + @for $i from 1 through $grid-columns { .#{$bp}\:grid-cols-#{$i} { grid-template-columns: repeat(#{$i}, minmax(0, 1fr)); } @@ -55,7 +65,7 @@ $gaps: ( } } -/* gap classes */ +/* gap initialisation */ @each $key, $value in $gaps { .gap-#{$key} { gap: $value; @@ -67,9 +77,11 @@ $gaps: ( row-gap: $value; } } -@each $key, $value in $gaps { - @each $bp, $bpv in $breakpoints { - @media (min-width: #{$bpv}) { + +/* gap au sein des breakpoints */ +@each $bp, $bpv in $breakpoints { + @media (min-width: #{$bpv}) { + @each $key, $value in $gaps { .#{$bp}\:gap-#{$key} { gap: $value; } @@ -83,7 +95,7 @@ $gaps: ( } } -/* grid-items classes */ +/* grid-items initialisation */ @for $i from 1 through $grid-columns { .col-start-#{$i} { grid-column-start: #{$i}; @@ -108,10 +120,12 @@ $gaps: ( } } -// loop for each breakpoint -@for $i from 1 through $grid-columns { - @each $bp, $bpv in $breakpoints { - @media (min-width: #{$bpv}) { +/* grid-items au sein des breakpoints */ +@each $bp, $bpv in $breakpoints { + @media (min-width: #{$bpv}) { + @for $i from 1 through $grid-columns { + // loop for each breakpoint + .#{$bp}\:col-start-#{$i} { grid-column-start: #{$i}; }