:root {
    --default-spacing: 0
}

* {
    box-sizing: border-box
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh
}

.flex-row {
    display: flex;
    flex-flow: row wrap;
    padding: var(--default-spacing);
    gap: var(--default-spacing)
}

.flex-col {
    display: flex;
    flex-flow: column wrap;
    padding: var(--default-spacing);
    gap: var(--default-spacing)
}

.no-wrap {
    flex-wrap: nowrap
}

.no-space {
    padding: 0;
    gap: 0
}

.no-gap {
    gap: 0
}

.content-grow>.no-grow,
.no-grow {
    flex-grow: unset
}

.content-margin-0>*,
.content-no-margin>*,
.margin-0,
.no-margin {
    margin: 0
}

.content-no-padding>*,
.content-padding-0>*,
.no-padding,
.padding-0 {
    padding: 0
}

.grow {
    flex-grow: 1
}

.content-grow>* {
    flex-grow: 1
}

.margin-auto {
    margin: auto
}

.space-0 {
    padding: 0;
    gap: 0
}

.vspace-0 {
    padding-top: 0;
    padding-bottom: 0;
    row-gap: 0
}

.hspace-0 {
    padding-left: 0;
    padding-right: 0;
    column-gap: 0
}

.gap-0 {
    gap: 0
}

.content-padding-5>*,
.padding-0 {
    padding: 0
}

.content-margin-0>*,
.margin-0 {
    margin: 0
}

.space-5 {
    padding: 5px;
    gap: 5px
}

.vspace-5 {
    padding-top: 5px;
    padding-bottom: 5px;
    row-gap: 5px
}

.hspace-5 {
    padding-left: 5px;
    padding-right: 5px;
    column-gap: 5px
}

.gap-5 {
    gap: 5px
}

.content-padding-5>*,
.padding-5 {
    padding: 5px
}

.content-margin-5>*,
.margin-5 {
    margin: 5px
}

.space-10 {
    padding: 10px;
    gap: 10px
}

.vspace-10 {
    padding-top: 10px;
    padding-bottom: 10px;
    row-gap: 10px
}

.hspace-10 {
    padding-left: 10px;
    padding-right: 10px;
    column-gap: 10px
}

.gap-10 {
    gap: 10px
}

.content-padding-5>*,
.padding-10 {
    padding: 10px
}

.content-margin-10>*,
.margin-10 {
    margin: 10px
}

.space-15 {
    padding: 15px;
    gap: 15px
}

.vspace-15 {
    padding-top: 15px;
    padding-bottom: 15px;
    row-gap: 15px
}

.hspace-15 {
    padding-left: 15px;
    padding-right: 15px;
    column-gap: 15px
}

.gap-15 {
    gap: 15px
}

.content-padding-5>*,
.padding-15 {
    padding: 15px
}

.content-margin-15>*,
.margin-15 {
    margin: 15px
}

.space-20 {
    padding: 20px;
    gap: 20px
}

.vspace-20 {
    padding-top: 20px;
    padding-bottom: 20px;
    row-gap: 20px
}

.hspace-20 {
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px
}

.gap-20 {
    gap: 20px
}

.content-padding-5>*,
.padding-20 {
    padding: 20px
}

.content-margin-20>*,
.margin-20 {
    margin: 20px
}

.space-25 {
    padding: 25px;
    gap: 25px
}

.vspace-25 {
    padding-top: 25px;
    padding-bottom: 25px;
    row-gap: 25px
}

.hspace-25 {
    padding-left: 25px;
    padding-right: 25px;
    column-gap: 25px
}

.gap-25 {
    gap: 25px
}

.content-padding-5>*,
.padding-25 {
    padding: 25px
}

.content-margin-25>*,
.margin-25 {
    margin: 25px
}

.space-30 {
    padding: 30px;
    gap: 30px
}

.vspace-30 {
    padding-top: 30px;
    padding-bottom: 30px;
    row-gap: 30px
}

.hspace-30 {
    padding-left: 30px;
    padding-right: 30px;
    column-gap: 30px
}

.gap-30 {
    gap: 30px
}

.content-padding-5>*,
.padding-30 {
    padding: 30px
}

.content-margin-30>*,
.margin-30 {
    margin: 30px
}

.space-35 {
    padding: 35px;
    gap: 35px
}

.vspace-35 {
    padding-top: 35px;
    padding-bottom: 35px;
    row-gap: 35px
}

.hspace-35 {
    padding-left: 35px;
    padding-right: 35px;
    column-gap: 35px
}

.gap-35 {
    gap: 35px
}

.content-padding-5>*,
.padding-35 {
    padding: 35px
}

.content-margin-35>*,
.margin-35 {
    margin: 35px
}

.space-40 {
    padding: 40px;
    gap: 40px
}

.vspace-40 {
    padding-top: 40px;
    padding-bottom: 40px;
    row-gap: 40px
}

.hspace-40 {
    padding-left: 40px;
    padding-right: 40px;
    column-gap: 40px
}

.gap-40 {
    gap: 40px
}

.content-padding-5>*,
.padding-40 {
    padding: 40px
}

.content-margin-40>*,
.margin-40 {
    margin: 40px
}

.space-45 {
    padding: 45px;
    gap: 45px
}

.vspace-45 {
    padding-top: 45px;
    padding-bottom: 45px;
    row-gap: 45px
}

.hspace-45 {
    padding-left: 45px;
    padding-right: 45px;
    column-gap: 45px
}

.gap-45 {
    gap: 45px
}

.content-padding-5>*,
.padding-45 {
    padding: 45px
}

.content-margin-45>*,
.margin-45 {
    margin: 45px
}

.space-50 {
    padding: 50px;
    gap: 50px
}

.vspace-50 {
    padding-top: 50px;
    padding-bottom: 50px;
    row-gap: 50px
}

.hspace-50 {
    padding-left: 50px;
    padding-right: 50px;
    column-gap: 50px
}

.gap-50 {
    gap: 50px
}

.content-padding-5>*,
.padding-50 {
    padding: 50px
}

.content-margin-50>*,
.margin-50 {
    margin: 50px
}

.space-55 {
    padding: 55px;
    gap: 55px
}

.vspace-55 {
    padding-top: 55px;
    padding-bottom: 55px;
    row-gap: 55px
}

.hspace-55 {
    padding-left: 55px;
    padding-right: 55px;
    column-gap: 55px
}

.gap-55 {
    gap: 55px
}

.content-padding-5>*,
.padding-55 {
    padding: 55px
}

.content-margin-55>*,
.margin-55 {
    margin: 55px
}

.space-60 {
    padding: 60px;
    gap: 60px
}

.vspace-60 {
    padding-top: 60px;
    padding-bottom: 60px;
    row-gap: 60px
}

.hspace-60 {
    padding-left: 60px;
    padding-right: 60px;
    column-gap: 60px
}

.gap-60 {
    gap: 60px
}

.content-padding-5>*,
.padding-60 {
    padding: 60px
}

.content-margin-60>*,
.margin-60 {
    margin: 60px
}

.grow-1 {
    flex-grow: 1
}

.content-cols-1 .flex-col {
    flex-basis: calc(100% / 1)
}

.grow-2 {
    flex-grow: 2
}

.content-cols-2 .flex-col {
    flex-basis: calc(100% / 2)
}

.grow-3 {
    flex-grow: 3
}

.content-cols-3 .flex-col {
    flex-basis: calc(100% / 3)
}

.grow-4 {
    flex-grow: 4
}

.content-cols-4 .flex-col {
    flex-basis: calc(100% / 4)
}

.grow-5 {
    flex-grow: 5
}

.content-cols-5 .flex-col {
    flex-basis: calc(100% / 5)
}

.grow-6 {
    flex-grow: 6
}

.content-cols-6 .flex-col {
    flex-basis: calc(100% / 6)
}

.grow-7 {
    flex-grow: 7
}

.content-cols-7 .flex-col {
    flex-basis: calc(100% / 7)
}

.grow-8 {
    flex-grow: 8
}

.content-cols-8 .flex-col {
    flex-basis: calc(100% / 8)
}

.grow-9 {
    flex-grow: 9
}

.content-cols-9 .flex-col {
    flex-basis: calc(100% / 9)
}

.grow-10 {
    flex-grow: 10
}

.content-cols-10 .flex-col {
    flex-basis: calc(100% / 10)
}

.grow-11 {
    flex-grow: 11
}

.content-cols-11 .flex-col {
    flex-basis: calc(100% / 11)
}

.grow-12 {
    flex-grow: 12
}

.content-cols-12 .flex-col {
    flex-basis: calc(100% / 12)
}

.content-cols-2.gap-5 .flex-col,
.content-cols-2.space-5 .flex-col {
    flex-basis: calc(50% - 2.5px)
}

.content-cols-2.gap-10 .flex-col,
.content-cols-2.space-10 .flex-col {
    flex-basis: calc(50% - 5px)
}

.content-cols-2.gap-15 .flex-col,
.content-cols-2.space-15 .flex-col {
    flex-basis: calc(50% - 7.5px)
}

.content-cols-2.gap-20 .flex-col,
.content-cols-2.space-20 .flex-col {
    flex-basis: calc(50% - 10px)
}

.content-cols-2.gap-25 .flex-col,
.content-cols-2.space-25 .flex-col {
    flex-basis: calc(50% - 12.5px)
}

.content-cols-2.gap-30 .flex-col,
.content-cols-2.space-30 .flex-col {
    flex-basis: calc(50% - 15px)
}

.content-cols-2.gap-35 .flex-col,
.content-cols-2.space-35 .flex-col {
    flex-basis: calc(50% - 17.5px)
}

.content-cols-2.gap-40 .flex-col,
.content-cols-2.space-40 .flex-col {
    flex-basis: calc(50% - 20px)
}

.content-cols-2.gap-45 .flex-col,
.content-cols-2.space-45 .flex-col {
    flex-basis: calc(50% - 22.5px)
}

.content-cols-2.gap-50 .flex-col,
.content-cols-2.space-50 .flex-col {
    flex-basis: calc(50% - 25px)
}

.content-cols-2.gap-55 .flex-col,
.content-cols-2.space-55 .flex-col {
    flex-basis: calc(50% - 27.5px)
}

.content-cols-2.gap-60 .flex-col,
.content-cols-2.space-60 .flex-col {
    flex-basis: calc(50% - 30px)
}

.content-cols-3.gap-5 .flex-col,
.content-cols-3.space-5 .flex-col {
    flex-basis: calc(33.3333333333% - 3.3333333333px)
}

.content-cols-3.gap-10 .flex-col,
.content-cols-3.space-10 .flex-col {
    flex-basis: calc(33.3333333333% - 6.6666666667px)
}

.content-cols-3.gap-15 .flex-col,
.content-cols-3.space-15 .flex-col {
    flex-basis: calc(33.3333333333% - 10px)
}

.content-cols-3.gap-20 .flex-col,
.content-cols-3.space-20 .flex-col {
    flex-basis: calc(33.3333333333% - 13.3333333333px)
}

.content-cols-3.gap-25 .flex-col,
.content-cols-3.space-25 .flex-col {
    flex-basis: calc(33.3333333333% - 16.6666666667px)
}

.content-cols-3.gap-30 .flex-col,
.content-cols-3.space-30 .flex-col {
    flex-basis: calc(33.3333333333% - 20px)
}

.content-cols-3.gap-35 .flex-col,
.content-cols-3.space-35 .flex-col {
    flex-basis: calc(33.3333333333% - 23.3333333333px)
}

.content-cols-3.gap-40 .flex-col,
.content-cols-3.space-40 .flex-col {
    flex-basis: calc(33.3333333333% - 26.6666666667px)
}

.content-cols-3.gap-45 .flex-col,
.content-cols-3.space-45 .flex-col {
    flex-basis: calc(33.3333333333% - 30px)
}

.content-cols-3.gap-50 .flex-col,
.content-cols-3.space-50 .flex-col {
    flex-basis: calc(33.3333333333% - 33.3333333333px)
}

.content-cols-3.gap-55 .flex-col,
.content-cols-3.space-55 .flex-col {
    flex-basis: calc(33.3333333333% - 36.6666666667px)
}

.content-cols-3.gap-60 .flex-col,
.content-cols-3.space-60 .flex-col {
    flex-basis: calc(33.3333333333% - 40px)
}

.content-cols-4.gap-5 .flex-col,
.content-cols-4.space-5 .flex-col {
    flex-basis: calc(25% - 3.75px)
}

.content-cols-4.gap-10 .flex-col,
.content-cols-4.space-10 .flex-col {
    flex-basis: calc(25% - 7.5px)
}

.content-cols-4.gap-15 .flex-col,
.content-cols-4.space-15 .flex-col {
    flex-basis: calc(25% - 11.25px)
}

.content-cols-4.gap-20 .flex-col,
.content-cols-4.space-20 .flex-col {
    flex-basis: calc(25% - 15px)
}

.content-cols-4.gap-25 .flex-col,
.content-cols-4.space-25 .flex-col {
    flex-basis: calc(25% - 18.75px)
}

.content-cols-4.gap-30 .flex-col,
.content-cols-4.space-30 .flex-col {
    flex-basis: calc(25% - 22.5px)
}

.content-cols-4.gap-35 .flex-col,
.content-cols-4.space-35 .flex-col {
    flex-basis: calc(25% - 26.25px)
}

.content-cols-4.gap-40 .flex-col,
.content-cols-4.space-40 .flex-col {
    flex-basis: calc(25% - 30px)
}

.content-cols-4.gap-45 .flex-col,
.content-cols-4.space-45 .flex-col {
    flex-basis: calc(25% - 33.75px)
}

.content-cols-4.gap-50 .flex-col,
.content-cols-4.space-50 .flex-col {
    flex-basis: calc(25% - 37.5px)
}

.content-cols-4.gap-55 .flex-col,
.content-cols-4.space-55 .flex-col {
    flex-basis: calc(25% - 41.25px)
}

.content-cols-4.gap-60 .flex-col,
.content-cols-4.space-60 .flex-col {
    flex-basis: calc(25% - 45px)
}

.content-cols-5.gap-5 .flex-col,
.content-cols-5.space-5 .flex-col {
    flex-basis: calc(20% - 4px)
}

.content-cols-5.gap-10 .flex-col,
.content-cols-5.space-10 .flex-col {
    flex-basis: calc(20% - 8px)
}

.content-cols-5.gap-15 .flex-col,
.content-cols-5.space-15 .flex-col {
    flex-basis: calc(20% - 12px)
}

.content-cols-5.gap-20 .flex-col,
.content-cols-5.space-20 .flex-col {
    flex-basis: calc(20% - 16px)
}

.content-cols-5.gap-25 .flex-col,
.content-cols-5.space-25 .flex-col {
    flex-basis: calc(20% - 20px)
}

.content-cols-5.gap-30 .flex-col,
.content-cols-5.space-30 .flex-col {
    flex-basis: calc(20% - 24px)
}

.content-cols-5.gap-35 .flex-col,
.content-cols-5.space-35 .flex-col {
    flex-basis: calc(20% - 28px)
}

.content-cols-5.gap-40 .flex-col,
.content-cols-5.space-40 .flex-col {
    flex-basis: calc(20% - 32px)
}

.content-cols-5.gap-45 .flex-col,
.content-cols-5.space-45 .flex-col {
    flex-basis: calc(20% - 36px)
}

.content-cols-5.gap-50 .flex-col,
.content-cols-5.space-50 .flex-col {
    flex-basis: calc(20% - 40px)
}

.content-cols-5.gap-55 .flex-col,
.content-cols-5.space-55 .flex-col {
    flex-basis: calc(20% - 44px)
}

.content-cols-5.gap-60 .flex-col,
.content-cols-5.space-60 .flex-col {
    flex-basis: calc(20% - 48px)
}

.content-cols-6.gap-5 .flex-col,
.content-cols-6.space-5 .flex-col {
    flex-basis: calc(16.6666666667% - 4.1666666667px)
}

.content-cols-6.gap-10 .flex-col,
.content-cols-6.space-10 .flex-col {
    flex-basis: calc(16.6666666667% - 8.3333333333px)
}

.content-cols-6.gap-15 .flex-col,
.content-cols-6.space-15 .flex-col {
    flex-basis: calc(16.6666666667% - 12.5px)
}

.content-cols-6.gap-20 .flex-col,
.content-cols-6.space-20 .flex-col {
    flex-basis: calc(16.6666666667% - 16.6666666667px)
}

.content-cols-6.gap-25 .flex-col,
.content-cols-6.space-25 .flex-col {
    flex-basis: calc(16.6666666667% - 20.8333333333px)
}

.content-cols-6.gap-30 .flex-col,
.content-cols-6.space-30 .flex-col {
    flex-basis: calc(16.6666666667% - 25px)
}

.content-cols-6.gap-35 .flex-col,
.content-cols-6.space-35 .flex-col {
    flex-basis: calc(16.6666666667% - 29.1666666667px)
}

.content-cols-6.gap-40 .flex-col,
.content-cols-6.space-40 .flex-col {
    flex-basis: calc(16.6666666667% - 33.3333333333px)
}

.content-cols-6.gap-45 .flex-col,
.content-cols-6.space-45 .flex-col {
    flex-basis: calc(16.6666666667% - 37.5px)
}

.content-cols-6.gap-50 .flex-col,
.content-cols-6.space-50 .flex-col {
    flex-basis: calc(16.6666666667% - 41.6666666667px)
}

.content-cols-6.gap-55 .flex-col,
.content-cols-6.space-55 .flex-col {
    flex-basis: calc(16.6666666667% - 45.8333333333px)
}

.content-cols-6.gap-60 .flex-col,
.content-cols-6.space-60 .flex-col {
    flex-basis: calc(16.6666666667% - 50px)
}

.content-cols-7.gap-5 .flex-col,
.content-cols-7.space-5 .flex-col {
    flex-basis: calc(14.2857142857% - 4.2857142857px)
}

.content-cols-7.gap-10 .flex-col,
.content-cols-7.space-10 .flex-col {
    flex-basis: calc(14.2857142857% - 8.5714285714px)
}

.content-cols-7.gap-15 .flex-col,
.content-cols-7.space-15 .flex-col {
    flex-basis: calc(14.2857142857% - 12.8571428571px)
}

.content-cols-7.gap-20 .flex-col,
.content-cols-7.space-20 .flex-col {
    flex-basis: calc(14.2857142857% - 17.1428571429px)
}

.content-cols-7.gap-25 .flex-col,
.content-cols-7.space-25 .flex-col {
    flex-basis: calc(14.2857142857% - 21.4285714286px)
}

.content-cols-7.gap-30 .flex-col,
.content-cols-7.space-30 .flex-col {
    flex-basis: calc(14.2857142857% - 25.7142857143px)
}

.content-cols-7.gap-35 .flex-col,
.content-cols-7.space-35 .flex-col {
    flex-basis: calc(14.2857142857% - 30px)
}

.content-cols-7.gap-40 .flex-col,
.content-cols-7.space-40 .flex-col {
    flex-basis: calc(14.2857142857% - 34.2857142857px)
}

.content-cols-7.gap-45 .flex-col,
.content-cols-7.space-45 .flex-col {
    flex-basis: calc(14.2857142857% - 38.5714285714px)
}

.content-cols-7.gap-50 .flex-col,
.content-cols-7.space-50 .flex-col {
    flex-basis: calc(14.2857142857% - 42.8571428571px)
}

.content-cols-7.gap-55 .flex-col,
.content-cols-7.space-55 .flex-col {
    flex-basis: calc(14.2857142857% - 47.1428571429px)
}

.content-cols-7.gap-60 .flex-col,
.content-cols-7.space-60 .flex-col {
    flex-basis: calc(14.2857142857% - 51.4285714286px)
}

.content-cols-8.gap-5 .flex-col,
.content-cols-8.space-5 .flex-col {
    flex-basis: calc(12.5% - 4.375px)
}

.content-cols-8.gap-10 .flex-col,
.content-cols-8.space-10 .flex-col {
    flex-basis: calc(12.5% - 8.75px)
}

.content-cols-8.gap-15 .flex-col,
.content-cols-8.space-15 .flex-col {
    flex-basis: calc(12.5% - 13.125px)
}

.content-cols-8.gap-20 .flex-col,
.content-cols-8.space-20 .flex-col {
    flex-basis: calc(12.5% - 17.5px)
}

.content-cols-8.gap-25 .flex-col,
.content-cols-8.space-25 .flex-col {
    flex-basis: calc(12.5% - 21.875px)
}

.content-cols-8.gap-30 .flex-col,
.content-cols-8.space-30 .flex-col {
    flex-basis: calc(12.5% - 26.25px)
}

.content-cols-8.gap-35 .flex-col,
.content-cols-8.space-35 .flex-col {
    flex-basis: calc(12.5% - 30.625px)
}

.content-cols-8.gap-40 .flex-col,
.content-cols-8.space-40 .flex-col {
    flex-basis: calc(12.5% - 35px)
}

.content-cols-8.gap-45 .flex-col,
.content-cols-8.space-45 .flex-col {
    flex-basis: calc(12.5% - 39.375px)
}

.content-cols-8.gap-50 .flex-col,
.content-cols-8.space-50 .flex-col {
    flex-basis: calc(12.5% - 43.75px)
}

.content-cols-8.gap-55 .flex-col,
.content-cols-8.space-55 .flex-col {
    flex-basis: calc(12.5% - 48.125px)
}

.content-cols-8.gap-60 .flex-col,
.content-cols-8.space-60 .flex-col {
    flex-basis: calc(12.5% - 52.5px)
}

.content-cols-9.gap-5 .flex-col,
.content-cols-9.space-5 .flex-col {
    flex-basis: calc(11.1111111111% - 4.4444444444px)
}

.content-cols-9.gap-10 .flex-col,
.content-cols-9.space-10 .flex-col {
    flex-basis: calc(11.1111111111% - 8.8888888889px)
}

.content-cols-9.gap-15 .flex-col,
.content-cols-9.space-15 .flex-col {
    flex-basis: calc(11.1111111111% - 13.3333333333px)
}

.content-cols-9.gap-20 .flex-col,
.content-cols-9.space-20 .flex-col {
    flex-basis: calc(11.1111111111% - 17.7777777778px)
}

.content-cols-9.gap-25 .flex-col,
.content-cols-9.space-25 .flex-col {
    flex-basis: calc(11.1111111111% - 22.2222222222px)
}

.content-cols-9.gap-30 .flex-col,
.content-cols-9.space-30 .flex-col {
    flex-basis: calc(11.1111111111% - 26.6666666667px)
}

.content-cols-9.gap-35 .flex-col,
.content-cols-9.space-35 .flex-col {
    flex-basis: calc(11.1111111111% - 31.1111111111px)
}

.content-cols-9.gap-40 .flex-col,
.content-cols-9.space-40 .flex-col {
    flex-basis: calc(11.1111111111% - 35.5555555556px)
}

.content-cols-9.gap-45 .flex-col,
.content-cols-9.space-45 .flex-col {
    flex-basis: calc(11.1111111111% - 40px)
}

.content-cols-9.gap-50 .flex-col,
.content-cols-9.space-50 .flex-col {
    flex-basis: calc(11.1111111111% - 44.4444444444px)
}

.content-cols-9.gap-55 .flex-col,
.content-cols-9.space-55 .flex-col {
    flex-basis: calc(11.1111111111% - 48.8888888889px)
}

.content-cols-9.gap-60 .flex-col,
.content-cols-9.space-60 .flex-col {
    flex-basis: calc(11.1111111111% - 53.3333333333px)
}

.content-cols-10.gap-5 .flex-col,
.content-cols-10.space-5 .flex-col {
    flex-basis: calc(10% - 4.5px)
}

.content-cols-10.gap-10 .flex-col,
.content-cols-10.space-10 .flex-col {
    flex-basis: calc(10% - 9px)
}

.content-cols-10.gap-15 .flex-col,
.content-cols-10.space-15 .flex-col {
    flex-basis: calc(10% - 13.5px)
}

.content-cols-10.gap-20 .flex-col,
.content-cols-10.space-20 .flex-col {
    flex-basis: calc(10% - 18px)
}

.content-cols-10.gap-25 .flex-col,
.content-cols-10.space-25 .flex-col {
    flex-basis: calc(10% - 22.5px)
}

.content-cols-10.gap-30 .flex-col,
.content-cols-10.space-30 .flex-col {
    flex-basis: calc(10% - 27px)
}

.content-cols-10.gap-35 .flex-col,
.content-cols-10.space-35 .flex-col {
    flex-basis: calc(10% - 31.5px)
}

.content-cols-10.gap-40 .flex-col,
.content-cols-10.space-40 .flex-col {
    flex-basis: calc(10% - 36px)
}

.content-cols-10.gap-45 .flex-col,
.content-cols-10.space-45 .flex-col {
    flex-basis: calc(10% - 40.5px)
}

.content-cols-10.gap-50 .flex-col,
.content-cols-10.space-50 .flex-col {
    flex-basis: calc(10% - 45px)
}

.content-cols-10.gap-55 .flex-col,
.content-cols-10.space-55 .flex-col {
    flex-basis: calc(10% - 49.5px)
}

.content-cols-10.gap-60 .flex-col,
.content-cols-10.space-60 .flex-col {
    flex-basis: calc(10% - 54px)
}

.content-cols-11.gap-5 .flex-col,
.content-cols-11.space-5 .flex-col {
    flex-basis: calc(9.0909090909% - 4.5454545455px)
}

.content-cols-11.gap-10 .flex-col,
.content-cols-11.space-10 .flex-col {
    flex-basis: calc(9.0909090909% - 9.0909090909px)
}

.content-cols-11.gap-15 .flex-col,
.content-cols-11.space-15 .flex-col {
    flex-basis: calc(9.0909090909% - 13.6363636364px)
}

.content-cols-11.gap-20 .flex-col,
.content-cols-11.space-20 .flex-col {
    flex-basis: calc(9.0909090909% - 18.1818181818px)
}

.content-cols-11.gap-25 .flex-col,
.content-cols-11.space-25 .flex-col {
    flex-basis: calc(9.0909090909% - 22.7272727273px)
}

.content-cols-11.gap-30 .flex-col,
.content-cols-11.space-30 .flex-col {
    flex-basis: calc(9.0909090909% - 27.2727272727px)
}

.content-cols-11.gap-35 .flex-col,
.content-cols-11.space-35 .flex-col {
    flex-basis: calc(9.0909090909% - 31.8181818182px)
}

.content-cols-11.gap-40 .flex-col,
.content-cols-11.space-40 .flex-col {
    flex-basis: calc(9.0909090909% - 36.3636363636px)
}

.content-cols-11.gap-45 .flex-col,
.content-cols-11.space-45 .flex-col {
    flex-basis: calc(9.0909090909% - 40.9090909091px)
}

.content-cols-11.gap-50 .flex-col,
.content-cols-11.space-50 .flex-col {
    flex-basis: calc(9.0909090909% - 45.4545454545px)
}

.content-cols-11.gap-55 .flex-col,
.content-cols-11.space-55 .flex-col {
    flex-basis: calc(9.0909090909% - 50px)
}

.content-cols-11.gap-60 .flex-col,
.content-cols-11.space-60 .flex-col {
    flex-basis: calc(9.0909090909% - 54.5454545455px)
}

.content-cols-12.gap-5 .flex-col,
.content-cols-12.space-5 .flex-col {
    flex-basis: calc(8.3333333333% - 4.5833333333px)
}

.content-cols-12.gap-10 .flex-col,
.content-cols-12.space-10 .flex-col {
    flex-basis: calc(8.3333333333% - 9.1666666667px)
}

.content-cols-12.gap-15 .flex-col,
.content-cols-12.space-15 .flex-col {
    flex-basis: calc(8.3333333333% - 13.75px)
}

.content-cols-12.gap-20 .flex-col,
.content-cols-12.space-20 .flex-col {
    flex-basis: calc(8.3333333333% - 18.3333333333px)
}

.content-cols-12.gap-25 .flex-col,
.content-cols-12.space-25 .flex-col {
    flex-basis: calc(8.3333333333% - 22.9166666667px)
}

.content-cols-12.gap-30 .flex-col,
.content-cols-12.space-30 .flex-col {
    flex-basis: calc(8.3333333333% - 27.5px)
}

.content-cols-12.gap-35 .flex-col,
.content-cols-12.space-35 .flex-col {
    flex-basis: calc(8.3333333333% - 32.0833333333px)
}

.content-cols-12.gap-40 .flex-col,
.content-cols-12.space-40 .flex-col {
    flex-basis: calc(8.3333333333% - 36.6666666667px)
}

.content-cols-12.gap-45 .flex-col,
.content-cols-12.space-45 .flex-col {
    flex-basis: calc(8.3333333333% - 41.25px)
}

.content-cols-12.gap-50 .flex-col,
.content-cols-12.space-50 .flex-col {
    flex-basis: calc(8.3333333333% - 45.8333333333px)
}

.content-cols-12.gap-55 .flex-col,
.content-cols-12.space-55 .flex-col {
    flex-basis: calc(8.3333333333% - 50.4166666667px)
}

.content-cols-12.gap-60 .flex-col,
.content-cols-12.space-60 .flex-col {
    flex-basis: calc(8.3333333333% - 55px)
}

.flex-row .stretch,
.flex-row.content-stretch>* {
    height: auto;
    align-self: stretch
}

.flex-col .stretch,
.flex-col.content-stretch>* {
    width: auto;
    align-self: stretch
}

.flex-row>.grow {
    width: auto
}

.flex-col>.grow {
    height: auto
}

.flex-row.content-grow>* {
    width: auto
}

.flex-col.content-grow>* {
    height: auto
}

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

.content-center {
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center
}

.flex-row.content-center-horizontal {
    justify-content: center;
    text-align: center
}

.flex-col.content-center-horizontal {
    align-items: center;
    text-align: center
}

.flex-row.content-center-vertical {
    align-items: center;
    vertical-align: middle
}

.flex-col.content-center-vertical {
    justify-content: center;
    vertical-align: middle
}

.text-center {
    text-align: center
}

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

.flex-row.content-top {
    align-items: flex-start
}

.flex-row.content-bottom {
    align-items: flex-end
}

.flex-row.content-left {
    justify-content: flex-start
}

.flex-row.content-right {
    justify-content: flex-end
}

.flex-col.content-top {
    justify-content: flex-start
}

.flex-col.content-bottom {
    justify-content: flex-end
}

.flex-col.content-left {
    align-items: flex-start
}

.flex-col.content-right {
    align-items: flex-end
}

.flex-row.content-stretch {
    justify-content: stretch
}

.flex-col.content-stretch {
    align-items: stretch
}

.flex-row.content-stretch>* {
    height: auto
}

.flex-col.content-stretch>* {
    width: auto
}

.flex-row.content-space-between {
    justify-content: space-between
}

.flex-row.content-space-around {
    justify-content: space-around
}

.flex-row.content-space-evenly {
    justify-content: space-evenly
}

.flex-col.content-space-between {
    align-items: space-between
}

.flex-col.content-space-around {
    align-items: space-around
}

.flex-col.content-space-evenly {
    align-items: space-evenly
}

.flex-container,
.flex-limits {
    width: 100%;
    max-width: 1400px;
    margin: auto
}

.fit-width {
    max-width: max-content
}

@media only screen and (max-width:900px) {
    .flex-row.content-center-on-mobile>* {
        justify-content: center
    }

    .flex-col.content-center-on-mobile>* {
        align-items: center
    }

    .content-grow-on-mobile>* {
        flex-grow: 1
    }

    .center-on-mobile {
        margin-left: auto;
        margin-right: auto
    }

    .grow-on-mobile {
        flex-grow: 1
    }

    [class*=content-cols].flex-row .flex-col {
        flex-basis: 100%;
        flex-grow: 1
    }
}

:root {
    --flex-gap-smaller: 6px;
    --flex-gap-small: 12px;
    --flex-gap-normal: 24px;
    --flex-gap-big: 36px;
    --flex-gap-bigger: 48px;
    --flex-padding-smaller: 6px;
    --flex-padding-small: 12px;
    --flex-padding-normal: 24px;
    --flex-padding-big: 36px;
    --flex-padding-bigger: 48px;
}
  
.gap-smaller { gap: var(--flex-gap-smaller); }
.gap-small { gap: var(--flex-gap-small); }
.gap-normal { gap: var(--flex-gap-normal); }
.gap-big { gap: var(--flex-gap-big); }
.gap-bigger { gap: var(--flex-gap-bigger); }

.padding-smaller { padding: var(--flex-padding-smaller); }
.padding-small { padding: var(--flex-padding-small); }
.padding-normal { padding: var(--flex-padding-normal); }
.padding-big { padding: var(--flex-padding-big); }
.padding-bigger { padding: var(--flex-padding-bigger); }

.msg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--primary-txt-color);
    color: var(--primary-txt-color);
    text-align: center;
}

.msg.warning {
    border-color: #edc425;
    color: #edc425;
    background-color: rgba(255, 255, 0, 0.2);
}

.msg.info {
    border-color: #5959d3;
    color: #5959d3;
    background-color: #5959d333;
}