/*! postie-ui.css | Version: 0.1.0 | MIT License */

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    text-size-adjust: 100%;
    font-size: 62.5%;
    line-height: 1;
    -webkit-tap-highlight-color: transparent
}

body {
    background: #fff;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-rendering: optimizeLegibility
}

.block {
    display: block
}

.new-block,
.flow-root {
    display: flow-root
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.inline-flex {
    display: inline-flex
}

.flex {
    display: flex
}

.inline-grid {
    display: inline-grid
}

.grid,
.cols,
.rows {
    display: grid
}

.li {
    display: list-item
}

.inline-table {
    display: inline-table
}

.table {
    display: table
}

.tbody {
    display: table-row-group
}

.thead {
    display: table-header-group
}

.tfoot {
    display: table-footer-group
}

.tr {
    display: table-row
}

.td,
.th {
    display: table-cell
}

table>.caption,
[class*="table "]>.caption,
[class$=table]>.caption {
    display: table-caption
}

.hidden {
    display: none
}

.contents,
.contents-visible {
    display: contents
}

.grid {
    gap: 0
}

.cols,
.rows {
    gap: 2.5rem
}

.cols {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.rows {
    grid-template-rows: repeat(12, minmax(0, 1fr))
}

.cols-none {
    grid-template-columns: none
}

.cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.rows-none {
    grid-template-rows: none
}

.rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
}

.rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
}

.rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
}

.rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr))
}

.rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr))
}

.rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr))
}

.rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr))
}

.rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr))
}

.rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr))
}

.auto-flow-col {
    grid-auto-flow: column
}

.auto-flow-row {
    grid-auto-flow: row
}

.auto-flow-col-dense {
    grid-auto-flow: column dense
}

.auto-flow-row-dense {
    grid-auto-flow: row dense
}

.auto-cols-auto {
    grid-auto-columns: auto
}

.auto-cols-min {
    grid-auto-columns: min-content
}

.auto-cols-max {
    grid-auto-columns: max-content
}

.auto-rows-auto {
    grid-auto-rows: auto
}

.auto-rows-min {
    grid-auto-rows: min-content
}

.auto-rows-max {
    grid-auto-rows: max-content
}

.gap-1,
.col-gap-1 {
    column-gap: .5rem
}

.gap-2,
.col-gap-2 {
    column-gap: 1rem
}

.gap-3,
.col-gap-3 {
    column-gap: 1.5rem
}

.gap-4,
.col-gap-4 {
    column-gap: 2rem
}

.gap-5,
.col-gap-5 {
    column-gap: 2.5rem
}

.gap-6,
.col-gap-6 {
    column-gap: 3rem
}

.gap-7,
.col-gap-7 {
    column-gap: 3.5rem
}

.gap-8,
.col-gap-8 {
    column-gap: 4rem
}

.gap-9,
.col-gap-9 {
    column-gap: 4.5rem
}

.gap-10,
.col-gap-10 {
    column-gap: 5rem
}

.gap-11,
.col-gap-11 {
    column-gap: 5.5rem
}

.gap-12,
.col-gap-12 {
    column-gap: 6rem
}

.gap-1,
.row-gap-1 {
    row-gap: .5rem
}

.gap-2,
.row-gap-2 {
    row-gap: 1rem
}

.gap-3,
.row-gap-3 {
    row-gap: 1.5rem
}

.gap-4,
.row-gap-4 {
    row-gap: 2rem
}

.gap-5,
.row-gap-5 {
    row-gap: 2.5rem
}

.gap-6,
.row-gap-6 {
    row-gap: 3rem
}

.gap-7,
.row-gap-7 {
    row-gap: 3.5rem
}

.gap-8,
.row-gap-8 {
    row-gap: 4rem
}

.gap-9,
.row-gap-9 {
    row-gap: 4.5rem
}

.gap-10,
.row-gap-10 {
    row-gap: 5rem
}

.gap-11,
.row-gap-11 {
    row-gap: 5.5rem
}

.gap-12,
.row-gap-12 {
    row-gap: 6rem
}

.col-span-auto {
    grid-column: auto
}

.col-span-full {
    grid-column: 1/-1
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.row-span-auto {
    grid-row: auto
}

.row-span-full {
    grid-row: 1/-1
}

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.row-span-4 {
    grid-row: span 4/span 4
}

.row-span-5 {
    grid-row: span 5/span 5
}

.row-span-6 {
    grid-row: span 6/span 6
}

.row-span-7 {
    grid-row: span 7/span 7
}

.row-span-8 {
    grid-row: span 8/span 8
}

.row-span-9 {
    grid-row: span 9/span 9
}

.row-span-10 {
    grid-row: span 10/span 10
}

.row-span-11 {
    grid-row: span 11/span 11
}

.row-span-12 {
    grid-row: span 12/span 12
}

.col-start-auto {
    grid-column-start: auto
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-4 {
    grid-column-start: 4
}

.col-start-5 {
    grid-column-start: 5
}

.col-start-6 {
    grid-column-start: 6
}

.col-start-7 {
    grid-column-start: 7
}

.col-start-8 {
    grid-column-start: 8
}

.col-start-9 {
    grid-column-start: 9
}

.col-start-10 {
    grid-column-start: 10
}

.col-start-11 {
    grid-column-start: 11
}

.col-start-12 {
    grid-column-start: 12
}

.col-end-auto {
    grid-column-end: auto
}

.col-end-1 {
    grid-column-end: 2
}

.col-end-2 {
    grid-column-end: 3
}

.col-end-3 {
    grid-column-end: 4
}

.col-end-4 {
    grid-column-end: 5
}

.col-end-5 {
    grid-column-end: 6
}

.col-end-6 {
    grid-column-end: 7
}

.col-end-7 {
    grid-column-end: 8
}

.col-end-8 {
    grid-column-end: 9
}

.col-end-9 {
    grid-column-end: 10
}

.col-end-10 {
    grid-column-end: 11
}

.col-end-11 {
    grid-column-end: 12
}

.col-end-12 {
    grid-column-end: 13
}

.row-start-auto {
    grid-row-start: auto
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-4 {
    grid-row-start: 4
}

.row-start-5 {
    grid-row-start: 5
}

.row-start-6 {
    grid-row-start: 6
}

.row-start-7 {
    grid-row-start: 7
}

.row-start-8 {
    grid-row-start: 8
}

.row-start-9 {
    grid-row-start: 9
}

.row-start-10 {
    grid-row-start: 10
}

.row-start-11 {
    grid-row-start: 11
}

.row-start-12 {
    grid-row-start: 12
}

.row-end-auto {
    grid-row-end: auto
}

.row-end-1 {
    grid-row-end: 2
}

.row-end-2 {
    grid-row-end: 3
}

.row-end-3 {
    grid-row-end: 4
}

.row-end-4 {
    grid-row-end: 5
}

.row-end-5 {
    grid-row-end: 6
}

.row-end-6 {
    grid-row-end: 7
}

.row-end-7 {
    grid-row-end: 8
}

.row-end-8 {
    grid-row-end: 9
}

.row-end-9 {
    grid-row-end: 10
}

.row-end-10 {
    grid-row-end: 11
}

.row-end-11 {
    grid-row-end: 12
}

.row-end-12 {
    grid-row-end: 13
}

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

.content-center {
    justify-content: center
}

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

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

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

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

.items-left {
    justify-items: start
}

.items-center {
    justify-items: center
}

.items-right {
    justify-items: end
}

.items-justify {
    justify-items: stretch
}

.self-auto {
    justify-self: auto
}

.self-left {
    justify-self: start
}

.self-center {
    justify-self: center
}

.self-right {
    justify-self: end
}

.self-justify {
    justify-self: stretch
}

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

.content-middle {
    align-content: center
}

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

.content-space {
    align-content: space-between
}

.content-space-around {
    align-content: space-around
}

.content-space-evenly {
    align-content: space-evenly
}

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

.items-middle {
    align-items: center
}

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

.items-stretch {
    align-items: stretch
}

.items-baseline {
    align-items: baseline
}

.self-default {
    align-self: auto
}

.self-top {
    align-self: flex-start
}

.self-middle {
    align-self: center
}

.self-bottom {
    align-self: flex-end
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-top {
    vertical-align: top
}

.text-middle {
    vertical-align: middle
}

.text-bottom {
    vertical-align: bottom
}

.text-baseline {
    vertical-align: baseline
}

@media(min-width: 576px) {
    .sm\:block {
        display: block
    }
    .sm\:new-block,
    .sm\:flow-root {
        display: flow-root
    }
    .sm\:inline-block {
        display: inline-block
    }
    .sm\:inline {
        display: inline
    }
    .sm\:inline-flex {
        display: inline-flex
    }
    .sm\:flex {
        display: flex
    }
    .sm\:inline-grid {
        display: inline-grid
    }
    .sm\:grid,
    .sm\:cols,
    .sm\:rows {
        display: grid
    }
    .sm\:li {
        display: list-item
    }
    .sm\:inline-table {
        display: inline-table
    }
    .sm\:table {
        display: table
    }
    .sm\:tbody {
        display: table-row-group
    }
    .sm\:thead {
        display: table-header-group
    }
    .sm\:tfoot {
        display: table-footer-group
    }
    .sm\:tr {
        display: table-row
    }
    .sm\:td,
    .sm\:th {
        display: table-cell
    }
    table>.sm\:caption,
    [class*="table "]>.sm\:caption,
    [class$=table]>.sm\:caption {
        display: table-caption
    }
    .sm\:hidden {
        display: none
    }
    .sm\:contents,
    .sm\:contents-visible {
        display: contents
    }
    .sm\:grid {
        gap: 0
    }
    .sm\:cols,
    .sm\:rows {
        gap: 2.5rem
    }
    .sm\:cols {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .sm\:rows {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .sm\:cols-none {
        grid-template-columns: none
    }
    .sm\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .sm\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .sm\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .sm\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .sm\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .sm\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .sm\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .sm\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .sm\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .sm\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .sm\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .sm\:rows-none {
        grid-template-rows: none
    }
    .sm\:rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .sm\:rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .sm\:rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .sm\:rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .sm\:rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .sm\:rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .sm\:rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }
    .sm\:rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }
    .sm\:rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }
    .sm\:rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }
    .sm\:rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }
    .sm\:rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .sm\:auto-flow-col {
        grid-auto-flow: column
    }
    .sm\:auto-flow-row {
        grid-auto-flow: row
    }
    .sm\:auto-flow-col-dense {
        grid-auto-flow: column dense
    }
    .sm\:auto-flow-row-dense {
        grid-auto-flow: row dense
    }
    .sm\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .sm\:auto-cols-min {
        grid-auto-columns: min-content
    }
    .sm\:auto-cols-max {
        grid-auto-columns: max-content
    }
    .sm\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .sm\:auto-rows-min {
        grid-auto-rows: min-content
    }
    .sm\:auto-rows-max {
        grid-auto-rows: max-content
    }
    .sm\:gap-1,
    .sm\:col-gap-1 {
        column-gap: .5rem
    }
    .sm\:gap-2,
    .sm\:col-gap-2 {
        column-gap: 1rem
    }
    .sm\:gap-3,
    .sm\:col-gap-3 {
        column-gap: 1.5rem
    }
    .sm\:gap-4,
    .sm\:col-gap-4 {
        column-gap: 2rem
    }
    .sm\:gap-5,
    .sm\:col-gap-5 {
        column-gap: 2.5rem
    }
    .sm\:gap-6,
    .sm\:col-gap-6 {
        column-gap: 3rem
    }
    .sm\:gap-7,
    .sm\:col-gap-7 {
        column-gap: 3.5rem
    }
    .sm\:gap-8,
    .sm\:col-gap-8 {
        column-gap: 4rem
    }
    .sm\:gap-9,
    .sm\:col-gap-9 {
        column-gap: 4.5rem
    }
    .sm\:gap-10,
    .sm\:col-gap-10 {
        column-gap: 5rem
    }
    .sm\:gap-11,
    .sm\:col-gap-11 {
        column-gap: 5.5rem
    }
    .sm\:gap-12,
    .sm\:col-gap-12 {
        column-gap: 6rem
    }
    .sm\:gap-1,
    .sm\:row-gap-1 {
        row-gap: .5rem
    }
    .sm\:gap-2,
    .sm\:row-gap-2 {
        row-gap: 1rem
    }
    .sm\:gap-3,
    .sm\:row-gap-3 {
        row-gap: 1.5rem
    }
    .sm\:gap-4,
    .sm\:row-gap-4 {
        row-gap: 2rem
    }
    .sm\:gap-5,
    .sm\:row-gap-5 {
        row-gap: 2.5rem
    }
    .sm\:gap-6,
    .sm\:row-gap-6 {
        row-gap: 3rem
    }
    .sm\:gap-7,
    .sm\:row-gap-7 {
        row-gap: 3.5rem
    }
    .sm\:gap-8,
    .sm\:row-gap-8 {
        row-gap: 4rem
    }
    .sm\:gap-9,
    .sm\:row-gap-9 {
        row-gap: 4.5rem
    }
    .sm\:gap-10,
    .sm\:row-gap-10 {
        row-gap: 5rem
    }
    .sm\:gap-11,
    .sm\:row-gap-11 {
        row-gap: 5.5rem
    }
    .sm\:gap-12,
    .sm\:row-gap-12 {
        row-gap: 6rem
    }
    .sm\:col-span-auto {
        grid-column: auto
    }
    .sm\:col-span-full {
        grid-column: 1/-1
    }
    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }
    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }
    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }
    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }
    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }
    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }
    .sm\:col-span-7 {
        grid-column: span 7/span 7
    }
    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }
    .sm\:col-span-9 {
        grid-column: span 9/span 9
    }
    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }
    .sm\:col-span-11 {
        grid-column: span 11/span 11
    }
    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }
    .sm\:row-span-auto {
        grid-row: auto
    }
    .sm\:row-span-full {
        grid-row: 1/-1
    }
    .sm\:row-span-1 {
        grid-row: span 1/span 1
    }
    .sm\:row-span-2 {
        grid-row: span 2/span 2
    }
    .sm\:row-span-3 {
        grid-row: span 3/span 3
    }
    .sm\:row-span-4 {
        grid-row: span 4/span 4
    }
    .sm\:row-span-5 {
        grid-row: span 5/span 5
    }
    .sm\:row-span-6 {
        grid-row: span 6/span 6
    }
    .sm\:row-span-7 {
        grid-row: span 7/span 7
    }
    .sm\:row-span-8 {
        grid-row: span 8/span 8
    }
    .sm\:row-span-9 {
        grid-row: span 9/span 9
    }
    .sm\:row-span-10 {
        grid-row: span 10/span 10
    }
    .sm\:row-span-11 {
        grid-row: span 11/span 11
    }
    .sm\:row-span-12 {
        grid-row: span 12/span 12
    }
    .sm\:col-start-auto {
        grid-column-start: auto
    }
    .sm\:col-start-1 {
        grid-column-start: 1
    }
    .sm\:col-start-2 {
        grid-column-start: 2
    }
    .sm\:col-start-3 {
        grid-column-start: 3
    }
    .sm\:col-start-4 {
        grid-column-start: 4
    }
    .sm\:col-start-5 {
        grid-column-start: 5
    }
    .sm\:col-start-6 {
        grid-column-start: 6
    }
    .sm\:col-start-7 {
        grid-column-start: 7
    }
    .sm\:col-start-8 {
        grid-column-start: 8
    }
    .sm\:col-start-9 {
        grid-column-start: 9
    }
    .sm\:col-start-10 {
        grid-column-start: 10
    }
    .sm\:col-start-11 {
        grid-column-start: 11
    }
    .sm\:col-start-12 {
        grid-column-start: 12
    }
    .sm\:col-end-auto {
        grid-column-end: auto
    }
    .sm\:col-end-1 {
        grid-column-end: 2
    }
    .sm\:col-end-2 {
        grid-column-end: 3
    }
    .sm\:col-end-3 {
        grid-column-end: 4
    }
    .sm\:col-end-4 {
        grid-column-end: 5
    }
    .sm\:col-end-5 {
        grid-column-end: 6
    }
    .sm\:col-end-6 {
        grid-column-end: 7
    }
    .sm\:col-end-7 {
        grid-column-end: 8
    }
    .sm\:col-end-8 {
        grid-column-end: 9
    }
    .sm\:col-end-9 {
        grid-column-end: 10
    }
    .sm\:col-end-10 {
        grid-column-end: 11
    }
    .sm\:col-end-11 {
        grid-column-end: 12
    }
    .sm\:col-end-12 {
        grid-column-end: 13
    }
    .sm\:row-start-auto {
        grid-row-start: auto
    }
    .sm\:row-start-1 {
        grid-row-start: 1
    }
    .sm\:row-start-2 {
        grid-row-start: 2
    }
    .sm\:row-start-3 {
        grid-row-start: 3
    }
    .sm\:row-start-4 {
        grid-row-start: 4
    }
    .sm\:row-start-5 {
        grid-row-start: 5
    }
    .sm\:row-start-6 {
        grid-row-start: 6
    }
    .sm\:row-start-7 {
        grid-row-start: 7
    }
    .sm\:row-start-8 {
        grid-row-start: 8
    }
    .sm\:row-start-9 {
        grid-row-start: 9
    }
    .sm\:row-start-10 {
        grid-row-start: 10
    }
    .sm\:row-start-11 {
        grid-row-start: 11
    }
    .sm\:row-start-12 {
        grid-row-start: 12
    }
    .sm\:row-end-auto {
        grid-row-end: auto
    }
    .sm\:row-end-1 {
        grid-row-end: 2
    }
    .sm\:row-end-2 {
        grid-row-end: 3
    }
    .sm\:row-end-3 {
        grid-row-end: 4
    }
    .sm\:row-end-4 {
        grid-row-end: 5
    }
    .sm\:row-end-5 {
        grid-row-end: 6
    }
    .sm\:row-end-6 {
        grid-row-end: 7
    }
    .sm\:row-end-7 {
        grid-row-end: 8
    }
    .sm\:row-end-8 {
        grid-row-end: 9
    }
    .sm\:row-end-9 {
        grid-row-end: 10
    }
    .sm\:row-end-10 {
        grid-row-end: 11
    }
    .sm\:row-end-11 {
        grid-row-end: 12
    }
    .sm\:row-end-12 {
        grid-row-end: 13
    }
    .sm\:content-left {
        justify-content: flex-start
    }
    .sm\:content-center {
        justify-content: center
    }
    .sm\:content-right {
        justify-content: flex-end
    }
    .sm\:content-justify {
        justify-content: space-between
    }
    .sm\:content-justify-around {
        justify-content: space-around
    }
    .sm\:content-justify-evenly {
        justify-content: space-evenly
    }
    .sm\:items-left {
        justify-items: start
    }
    .sm\:items-center {
        justify-items: center
    }
    .sm\:items-right {
        justify-items: end
    }
    .sm\:items-justify {
        justify-items: stretch
    }
    .sm\:self-auto {
        justify-self: auto
    }
    .sm\:self-left {
        justify-self: start
    }
    .sm\:self-center {
        justify-self: center
    }
    .sm\:self-right {
        justify-self: end
    }
    .sm\:self-justify {
        justify-self: stretch
    }
    .sm\:content-top {
        align-content: flex-start
    }
    .sm\:content-middle {
        align-content: center
    }
    .sm\:content-bottom {
        align-content: flex-end
    }
    .sm\:content-space {
        align-content: space-between
    }
    .sm\:content-space-around {
        align-content: space-around
    }
    .sm\:content-space-evenly {
        align-content: space-evenly
    }
    .sm\:items-top {
        align-items: flex-start
    }
    .sm\:items-middle {
        align-items: center
    }
    .sm\:items-bottom {
        align-items: flex-end
    }
    .sm\:items-stretch {
        align-items: stretch
    }
    .sm\:items-baseline {
        align-items: baseline
    }
    .sm\:self-default {
        align-self: auto
    }
    .sm\:self-top {
        align-self: flex-start
    }
    .sm\:self-middle {
        align-self: center
    }
    .sm\:self-bottom {
        align-self: flex-end
    }
    .sm\:self-stretch {
        align-self: stretch
    }
    .sm\:self-baseline {
        align-self: baseline
    }
    .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-top {
        vertical-align: top
    }
    .sm\:text-middle {
        vertical-align: middle
    }
    .sm\:text-bottom {
        vertical-align: bottom
    }
    .sm\:text-baseline {
        vertical-align: baseline
    }
}

@media(min-width: 768px) {
    .md\:block {
        display: block
    }
    .md\:new-block,
    .md\:flow-root {
        display: flow-root
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:inline {
        display: inline
    }
    .md\:inline-flex {
        display: inline-flex
    }
    .md\:flex {
        display: flex
    }
    .md\:inline-grid {
        display: inline-grid
    }
    .md\:grid,
    .md\:cols,
    .md\:rows {
        display: grid
    }
    .md\:li {
        display: list-item
    }
    .md\:inline-table {
        display: inline-table
    }
    .md\:table {
        display: table
    }
    .md\:tbody {
        display: table-row-group
    }
    .md\:thead {
        display: table-header-group
    }
    .md\:tfoot {
        display: table-footer-group
    }
    .md\:tr {
        display: table-row
    }
    .md\:td,
    .md\:th {
        display: table-cell
    }
    table>.md\:caption,
    [class*="table "]>.md\:caption,
    [class$=table]>.md\:caption {
        display: table-caption
    }
    .md\:hidden {
        display: none
    }
    .md\:contents,
    .md\:contents-visible {
        display: contents
    }
    .md\:grid {
        gap: 0
    }
    .md\:cols,
    .md\:rows {
        gap: 2.5rem
    }
    .md\:cols {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:rows {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .md\:cols-none {
        grid-template-columns: none
    }
    .md\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .md\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .md\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .md\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .md\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .md\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .md\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:rows-none {
        grid-template-rows: none
    }
    .md\:rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .md\:rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .md\:rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .md\:rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .md\:rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .md\:rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .md\:rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }
    .md\:rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }
    .md\:rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }
    .md\:rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }
    .md\:rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }
    .md\:rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .md\:auto-flow-col {
        grid-auto-flow: column
    }
    .md\:auto-flow-row {
        grid-auto-flow: row
    }
    .md\:auto-flow-col-dense {
        grid-auto-flow: column dense
    }
    .md\:auto-flow-row-dense {
        grid-auto-flow: row dense
    }
    .md\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .md\:auto-cols-min {
        grid-auto-columns: min-content
    }
    .md\:auto-cols-max {
        grid-auto-columns: max-content
    }
    .md\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .md\:auto-rows-min {
        grid-auto-rows: min-content
    }
    .md\:auto-rows-max {
        grid-auto-rows: max-content
    }
    .md\:gap-1,
    .md\:col-gap-1 {
        column-gap: .5rem
    }
    .md\:gap-2,
    .md\:col-gap-2 {
        column-gap: 1rem
    }
    .md\:gap-3,
    .md\:col-gap-3 {
        column-gap: 1.5rem
    }
    .md\:gap-4,
    .md\:col-gap-4 {
        column-gap: 2rem
    }
    .md\:gap-5,
    .md\:col-gap-5 {
        column-gap: 2.5rem
    }
    .md\:gap-6,
    .md\:col-gap-6 {
        column-gap: 3rem
    }
    .md\:gap-7,
    .md\:col-gap-7 {
        column-gap: 3.5rem
    }
    .md\:gap-8,
    .md\:col-gap-8 {
        column-gap: 4rem
    }
    .md\:gap-9,
    .md\:col-gap-9 {
        column-gap: 4.5rem
    }
    .md\:gap-10,
    .md\:col-gap-10 {
        column-gap: 5rem
    }
    .md\:gap-11,
    .md\:col-gap-11 {
        column-gap: 5.5rem
    }
    .md\:gap-12,
    .md\:col-gap-12 {
        column-gap: 6rem
    }
    .md\:gap-1,
    .md\:row-gap-1 {
        row-gap: .5rem
    }
    .md\:gap-2,
    .md\:row-gap-2 {
        row-gap: 1rem
    }
    .md\:gap-3,
    .md\:row-gap-3 {
        row-gap: 1.5rem
    }
    .md\:gap-4,
    .md\:row-gap-4 {
        row-gap: 2rem
    }
    .md\:gap-5,
    .md\:row-gap-5 {
        row-gap: 2.5rem
    }
    .md\:gap-6,
    .md\:row-gap-6 {
        row-gap: 3rem
    }
    .md\:gap-7,
    .md\:row-gap-7 {
        row-gap: 3.5rem
    }
    .md\:gap-8,
    .md\:row-gap-8 {
        row-gap: 4rem
    }
    .md\:gap-9,
    .md\:row-gap-9 {
        row-gap: 4.5rem
    }
    .md\:gap-10,
    .md\:row-gap-10 {
        row-gap: 5rem
    }
    .md\:gap-11,
    .md\:row-gap-11 {
        row-gap: 5.5rem
    }
    .md\:gap-12,
    .md\:row-gap-12 {
        row-gap: 6rem
    }
    .md\:col-span-auto {
        grid-column: auto
    }
    .md\:col-span-full {
        grid-column: 1/-1
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-span-9 {
        grid-column: span 9/span 9
    }
    .md\:col-span-10 {
        grid-column: span 10/span 10
    }
    .md\:col-span-11 {
        grid-column: span 11/span 11
    }
    .md\:col-span-12 {
        grid-column: span 12/span 12
    }
    .md\:row-span-auto {
        grid-row: auto
    }
    .md\:row-span-full {
        grid-row: 1/-1
    }
    .md\:row-span-1 {
        grid-row: span 1/span 1
    }
    .md\:row-span-2 {
        grid-row: span 2/span 2
    }
    .md\:row-span-3 {
        grid-row: span 3/span 3
    }
    .md\:row-span-4 {
        grid-row: span 4/span 4
    }
    .md\:row-span-5 {
        grid-row: span 5/span 5
    }
    .md\:row-span-6 {
        grid-row: span 6/span 6
    }
    .md\:row-span-7 {
        grid-row: span 7/span 7
    }
    .md\:row-span-8 {
        grid-row: span 8/span 8
    }
    .md\:row-span-9 {
        grid-row: span 9/span 9
    }
    .md\:row-span-10 {
        grid-row: span 10/span 10
    }
    .md\:row-span-11 {
        grid-row: span 11/span 11
    }
    .md\:row-span-12 {
        grid-row: span 12/span 12
    }
    .md\:col-start-auto {
        grid-column-start: auto
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-5 {
        grid-column-start: 5
    }
    .md\:col-start-6 {
        grid-column-start: 6
    }
    .md\:col-start-7 {
        grid-column-start: 7
    }
    .md\:col-start-8 {
        grid-column-start: 8
    }
    .md\:col-start-9 {
        grid-column-start: 9
    }
    .md\:col-start-10 {
        grid-column-start: 10
    }
    .md\:col-start-11 {
        grid-column-start: 11
    }
    .md\:col-start-12 {
        grid-column-start: 12
    }
    .md\:col-end-auto {
        grid-column-end: auto
    }
    .md\:col-end-1 {
        grid-column-end: 2
    }
    .md\:col-end-2 {
        grid-column-end: 3
    }
    .md\:col-end-3 {
        grid-column-end: 4
    }
    .md\:col-end-4 {
        grid-column-end: 5
    }
    .md\:col-end-5 {
        grid-column-end: 6
    }
    .md\:col-end-6 {
        grid-column-end: 7
    }
    .md\:col-end-7 {
        grid-column-end: 8
    }
    .md\:col-end-8 {
        grid-column-end: 9
    }
    .md\:col-end-9 {
        grid-column-end: 10
    }
    .md\:col-end-10 {
        grid-column-end: 11
    }
    .md\:col-end-11 {
        grid-column-end: 12
    }
    .md\:col-end-12 {
        grid-column-end: 13
    }
    .md\:row-start-auto {
        grid-row-start: auto
    }
    .md\:row-start-1 {
        grid-row-start: 1
    }
    .md\:row-start-2 {
        grid-row-start: 2
    }
    .md\:row-start-3 {
        grid-row-start: 3
    }
    .md\:row-start-4 {
        grid-row-start: 4
    }
    .md\:row-start-5 {
        grid-row-start: 5
    }
    .md\:row-start-6 {
        grid-row-start: 6
    }
    .md\:row-start-7 {
        grid-row-start: 7
    }
    .md\:row-start-8 {
        grid-row-start: 8
    }
    .md\:row-start-9 {
        grid-row-start: 9
    }
    .md\:row-start-10 {
        grid-row-start: 10
    }
    .md\:row-start-11 {
        grid-row-start: 11
    }
    .md\:row-start-12 {
        grid-row-start: 12
    }
    .md\:row-end-auto {
        grid-row-end: auto
    }
    .md\:row-end-1 {
        grid-row-end: 2
    }
    .md\:row-end-2 {
        grid-row-end: 3
    }
    .md\:row-end-3 {
        grid-row-end: 4
    }
    .md\:row-end-4 {
        grid-row-end: 5
    }
    .md\:row-end-5 {
        grid-row-end: 6
    }
    .md\:row-end-6 {
        grid-row-end: 7
    }
    .md\:row-end-7 {
        grid-row-end: 8
    }
    .md\:row-end-8 {
        grid-row-end: 9
    }
    .md\:row-end-9 {
        grid-row-end: 10
    }
    .md\:row-end-10 {
        grid-row-end: 11
    }
    .md\:row-end-11 {
        grid-row-end: 12
    }
    .md\:row-end-12 {
        grid-row-end: 13
    }
    .md\:content-left {
        justify-content: flex-start
    }
    .md\:content-center {
        justify-content: center
    }
    .md\:content-right {
        justify-content: flex-end
    }
    .md\:content-justify {
        justify-content: space-between
    }
    .md\:content-justify-around {
        justify-content: space-around
    }
    .md\:content-justify-evenly {
        justify-content: space-evenly
    }
    .md\:items-left {
        justify-items: start
    }
    .md\:items-center {
        justify-items: center
    }
    .md\:items-right {
        justify-items: end
    }
    .md\:items-justify {
        justify-items: stretch
    }
    .md\:self-auto {
        justify-self: auto
    }
    .md\:self-left {
        justify-self: start
    }
    .md\:self-center {
        justify-self: center
    }
    .md\:self-right {
        justify-self: end
    }
    .md\:self-justify {
        justify-self: stretch
    }
    .md\:content-top {
        align-content: flex-start
    }
    .md\:content-middle {
        align-content: center
    }
    .md\:content-bottom {
        align-content: flex-end
    }
    .md\:content-space {
        align-content: space-between
    }
    .md\:content-space-around {
        align-content: space-around
    }
    .md\:content-space-evenly {
        align-content: space-evenly
    }
    .md\:items-top {
        align-items: flex-start
    }
    .md\:items-middle {
        align-items: center
    }
    .md\:items-bottom {
        align-items: flex-end
    }
    .md\:items-stretch {
        align-items: stretch
    }
    .md\:items-baseline {
        align-items: baseline
    }
    .md\:self-default {
        align-self: auto
    }
    .md\:self-top {
        align-self: flex-start
    }
    .md\:self-middle {
        align-self: center
    }
    .md\:self-bottom {
        align-self: flex-end
    }
    .md\:self-stretch {
        align-self: stretch
    }
    .md\:self-baseline {
        align-self: baseline
    }
    .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-top {
        vertical-align: top
    }
    .md\:text-middle {
        vertical-align: middle
    }
    .md\:text-bottom {
        vertical-align: bottom
    }
    .md\:text-baseline {
        vertical-align: baseline
    }
}

@media(min-width: 1024px) {
    .lg\:block {
        display: block
    }
    .lg\:new-block,
    .lg\:flow-root {
        display: flow-root
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:inline {
        display: inline
    }
    .lg\:inline-flex {
        display: inline-flex
    }
    .lg\:flex {
        display: flex
    }
    .lg\:inline-grid {
        display: inline-grid
    }
    .lg\:grid,
    .lg\:cols,
    .lg\:rows {
        display: grid
    }
    .lg\:li {
        display: list-item
    }
    .lg\:inline-table {
        display: inline-table
    }
    .lg\:table {
        display: table
    }
    .lg\:tbody {
        display: table-row-group
    }
    .lg\:thead {
        display: table-header-group
    }
    .lg\:tfoot {
        display: table-footer-group
    }
    .lg\:tr {
        display: table-row
    }
    .lg\:td,
    .lg\:th {
        display: table-cell
    }
    table>.lg\:caption,
    [class*="table "]>.lg\:caption,
    [class$=table]>.lg\:caption {
        display: table-caption
    }
    .lg\:hidden {
        display: none
    }
    .lg\:contents,
    .lg\:contents-visible {
        display: contents
    }
    .lg\:grid {
        gap: 0
    }
    .lg\:cols,
    .lg\:rows {
        gap: 2.5rem
    }
    .lg\:cols {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:rows {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .lg\:cols-none {
        grid-template-columns: none
    }
    .lg\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .lg\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .lg\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .lg\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .lg\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .lg\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .lg\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:rows-none {
        grid-template-rows: none
    }
    .lg\:rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .lg\:rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .lg\:rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .lg\:rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .lg\:rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .lg\:rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .lg\:rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }
    .lg\:rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }
    .lg\:rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }
    .lg\:rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }
    .lg\:rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }
    .lg\:rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .lg\:auto-flow-col {
        grid-auto-flow: column
    }
    .lg\:auto-flow-row {
        grid-auto-flow: row
    }
    .lg\:auto-flow-col-dense {
        grid-auto-flow: column dense
    }
    .lg\:auto-flow-row-dense {
        grid-auto-flow: row dense
    }
    .lg\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .lg\:auto-cols-min {
        grid-auto-columns: min-content
    }
    .lg\:auto-cols-max {
        grid-auto-columns: max-content
    }
    .lg\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .lg\:auto-rows-min {
        grid-auto-rows: min-content
    }
    .lg\:auto-rows-max {
        grid-auto-rows: max-content
    }
    .lg\:gap-1,
    .lg\:col-gap-1 {
        column-gap: .5rem
    }
    .lg\:gap-2,
    .lg\:col-gap-2 {
        column-gap: 1rem
    }
    .lg\:gap-3,
    .lg\:col-gap-3 {
        column-gap: 1.5rem
    }
    .lg\:gap-4,
    .lg\:col-gap-4 {
        column-gap: 2rem
    }
    .lg\:gap-5,
    .lg\:col-gap-5 {
        column-gap: 2.5rem
    }
    .lg\:gap-6,
    .lg\:col-gap-6 {
        column-gap: 3rem
    }
    .lg\:gap-7,
    .lg\:col-gap-7 {
        column-gap: 3.5rem
    }
    .lg\:gap-8,
    .lg\:col-gap-8 {
        column-gap: 4rem
    }
    .lg\:gap-9,
    .lg\:col-gap-9 {
        column-gap: 4.5rem
    }
    .lg\:gap-10,
    .lg\:col-gap-10 {
        column-gap: 5rem
    }
    .lg\:gap-11,
    .lg\:col-gap-11 {
        column-gap: 5.5rem
    }
    .lg\:gap-12,
    .lg\:col-gap-12 {
        column-gap: 6rem
    }
    .lg\:gap-1,
    .lg\:row-gap-1 {
        row-gap: .5rem
    }
    .lg\:gap-2,
    .lg\:row-gap-2 {
        row-gap: 1rem
    }
    .lg\:gap-3,
    .lg\:row-gap-3 {
        row-gap: 1.5rem
    }
    .lg\:gap-4,
    .lg\:row-gap-4 {
        row-gap: 2rem
    }
    .lg\:gap-5,
    .lg\:row-gap-5 {
        row-gap: 2.5rem
    }
    .lg\:gap-6,
    .lg\:row-gap-6 {
        row-gap: 3rem
    }
    .lg\:gap-7,
    .lg\:row-gap-7 {
        row-gap: 3.5rem
    }
    .lg\:gap-8,
    .lg\:row-gap-8 {
        row-gap: 4rem
    }
    .lg\:gap-9,
    .lg\:row-gap-9 {
        row-gap: 4.5rem
    }
    .lg\:gap-10,
    .lg\:row-gap-10 {
        row-gap: 5rem
    }
    .lg\:gap-11,
    .lg\:row-gap-11 {
        row-gap: 5.5rem
    }
    .lg\:gap-12,
    .lg\:row-gap-12 {
        row-gap: 6rem
    }
    .lg\:col-span-auto {
        grid-column: auto
    }
    .lg\:col-span-full {
        grid-column: 1/-1
    }
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }
    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }
    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }
    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }
    .lg\:row-span-auto {
        grid-row: auto
    }
    .lg\:row-span-full {
        grid-row: 1/-1
    }
    .lg\:row-span-1 {
        grid-row: span 1/span 1
    }
    .lg\:row-span-2 {
        grid-row: span 2/span 2
    }
    .lg\:row-span-3 {
        grid-row: span 3/span 3
    }
    .lg\:row-span-4 {
        grid-row: span 4/span 4
    }
    .lg\:row-span-5 {
        grid-row: span 5/span 5
    }
    .lg\:row-span-6 {
        grid-row: span 6/span 6
    }
    .lg\:row-span-7 {
        grid-row: span 7/span 7
    }
    .lg\:row-span-8 {
        grid-row: span 8/span 8
    }
    .lg\:row-span-9 {
        grid-row: span 9/span 9
    }
    .lg\:row-span-10 {
        grid-row: span 10/span 10
    }
    .lg\:row-span-11 {
        grid-row: span 11/span 11
    }
    .lg\:row-span-12 {
        grid-row: span 12/span 12
    }
    .lg\:col-start-auto {
        grid-column-start: auto
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-3 {
        grid-column-start: 3
    }
    .lg\:col-start-4 {
        grid-column-start: 4
    }
    .lg\:col-start-5 {
        grid-column-start: 5
    }
    .lg\:col-start-6 {
        grid-column-start: 6
    }
    .lg\:col-start-7 {
        grid-column-start: 7
    }
    .lg\:col-start-8 {
        grid-column-start: 8
    }
    .lg\:col-start-9 {
        grid-column-start: 9
    }
    .lg\:col-start-10 {
        grid-column-start: 10
    }
    .lg\:col-start-11 {
        grid-column-start: 11
    }
    .lg\:col-start-12 {
        grid-column-start: 12
    }
    .lg\:col-end-auto {
        grid-column-end: auto
    }
    .lg\:col-end-1 {
        grid-column-end: 2
    }
    .lg\:col-end-2 {
        grid-column-end: 3
    }
    .lg\:col-end-3 {
        grid-column-end: 4
    }
    .lg\:col-end-4 {
        grid-column-end: 5
    }
    .lg\:col-end-5 {
        grid-column-end: 6
    }
    .lg\:col-end-6 {
        grid-column-end: 7
    }
    .lg\:col-end-7 {
        grid-column-end: 8
    }
    .lg\:col-end-8 {
        grid-column-end: 9
    }
    .lg\:col-end-9 {
        grid-column-end: 10
    }
    .lg\:col-end-10 {
        grid-column-end: 11
    }
    .lg\:col-end-11 {
        grid-column-end: 12
    }
    .lg\:col-end-12 {
        grid-column-end: 13
    }
    .lg\:row-start-auto {
        grid-row-start: auto
    }
    .lg\:row-start-1 {
        grid-row-start: 1
    }
    .lg\:row-start-2 {
        grid-row-start: 2
    }
    .lg\:row-start-3 {
        grid-row-start: 3
    }
    .lg\:row-start-4 {
        grid-row-start: 4
    }
    .lg\:row-start-5 {
        grid-row-start: 5
    }
    .lg\:row-start-6 {
        grid-row-start: 6
    }
    .lg\:row-start-7 {
        grid-row-start: 7
    }
    .lg\:row-start-8 {
        grid-row-start: 8
    }
    .lg\:row-start-9 {
        grid-row-start: 9
    }
    .lg\:row-start-10 {
        grid-row-start: 10
    }
    .lg\:row-start-11 {
        grid-row-start: 11
    }
    .lg\:row-start-12 {
        grid-row-start: 12
    }
    .lg\:row-end-auto {
        grid-row-end: auto
    }
    .lg\:row-end-1 {
        grid-row-end: 2
    }
    .lg\:row-end-2 {
        grid-row-end: 3
    }
    .lg\:row-end-3 {
        grid-row-end: 4
    }
    .lg\:row-end-4 {
        grid-row-end: 5
    }
    .lg\:row-end-5 {
        grid-row-end: 6
    }
    .lg\:row-end-6 {
        grid-row-end: 7
    }
    .lg\:row-end-7 {
        grid-row-end: 8
    }
    .lg\:row-end-8 {
        grid-row-end: 9
    }
    .lg\:row-end-9 {
        grid-row-end: 10
    }
    .lg\:row-end-10 {
        grid-row-end: 11
    }
    .lg\:row-end-11 {
        grid-row-end: 12
    }
    .lg\:row-end-12 {
        grid-row-end: 13
    }
    .lg\:content-left {
        justify-content: flex-start
    }
    .lg\:content-center {
        justify-content: center
    }
    .lg\:content-right {
        justify-content: flex-end
    }
    .lg\:content-justify {
        justify-content: space-between
    }
    .lg\:content-justify-around {
        justify-content: space-around
    }
    .lg\:content-justify-evenly {
        justify-content: space-evenly
    }
    .lg\:items-left {
        justify-items: start
    }
    .lg\:items-center {
        justify-items: center
    }
    .lg\:items-right {
        justify-items: end
    }
    .lg\:items-justify {
        justify-items: stretch
    }
    .lg\:self-auto {
        justify-self: auto
    }
    .lg\:self-left {
        justify-self: start
    }
    .lg\:self-center {
        justify-self: center
    }
    .lg\:self-right {
        justify-self: end
    }
    .lg\:self-justify {
        justify-self: stretch
    }
    .lg\:content-top {
        align-content: flex-start
    }
    .lg\:content-middle {
        align-content: center
    }
    .lg\:content-bottom {
        align-content: flex-end
    }
    .lg\:content-space {
        align-content: space-between
    }
    .lg\:content-space-around {
        align-content: space-around
    }
    .lg\:content-space-evenly {
        align-content: space-evenly
    }
    .lg\:items-top {
        align-items: flex-start
    }
    .lg\:items-middle {
        align-items: center
    }
    .lg\:items-bottom {
        align-items: flex-end
    }
    .lg\:items-stretch {
        align-items: stretch
    }
    .lg\:items-baseline {
        align-items: baseline
    }
    .lg\:self-default {
        align-self: auto
    }
    .lg\:self-top {
        align-self: flex-start
    }
    .lg\:self-middle {
        align-self: center
    }
    .lg\:self-bottom {
        align-self: flex-end
    }
    .lg\:self-stretch {
        align-self: stretch
    }
    .lg\:self-baseline {
        align-self: baseline
    }
    .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-top {
        vertical-align: top
    }
    .lg\:text-middle {
        vertical-align: middle
    }
    .lg\:text-bottom {
        vertical-align: bottom
    }
    .lg\:text-baseline {
        vertical-align: baseline
    }
}

@media(min-width: 1280px) {
    .xl\:block {
        display: block
    }
    .xl\:new-block,
    .xl\:flow-root {
        display: flow-root
    }
    .xl\:inline-block {
        display: inline-block
    }
    .xl\:inline {
        display: inline
    }
    .xl\:inline-flex {
        display: inline-flex
    }
    .xl\:flex {
        display: flex
    }
    .xl\:inline-grid {
        display: inline-grid
    }
    .xl\:grid,
    .xl\:cols,
    .xl\:rows {
        display: grid
    }
    .xl\:li {
        display: list-item
    }
    .xl\:inline-table {
        display: inline-table
    }
    .xl\:table {
        display: table
    }
    .xl\:tbody {
        display: table-row-group
    }
    .xl\:thead {
        display: table-header-group
    }
    .xl\:tfoot {
        display: table-footer-group
    }
    .xl\:tr {
        display: table-row
    }
    .xl\:td,
    .xl\:th {
        display: table-cell
    }
    table>.xl\:caption,
    [class*="table "]>.xl\:caption,
    [class$=table]>.xl\:caption {
        display: table-caption
    }
    .xl\:hidden {
        display: none
    }
    .xl\:contents,
    .xl\:contents-visible {
        display: contents
    }
    .xl\:grid {
        gap: 0
    }
    .xl\:cols,
    .xl\:rows {
        gap: 2.5rem
    }
    .xl\:cols {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xl\:rows {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .xl\:cols-none {
        grid-template-columns: none
    }
    .xl\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .xl\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .xl\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xl\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xl\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .xl\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .xl\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .xl\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .xl\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .xl\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .xl\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .xl\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xl\:rows-none {
        grid-template-rows: none
    }
    .xl\:rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .xl\:rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .xl\:rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .xl\:rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .xl\:rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .xl\:rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .xl\:rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }
    .xl\:rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }
    .xl\:rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }
    .xl\:rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }
    .xl\:rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }
    .xl\:rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .xl\:auto-flow-col {
        grid-auto-flow: column
    }
    .xl\:auto-flow-row {
        grid-auto-flow: row
    }
    .xl\:auto-flow-col-dense {
        grid-auto-flow: column dense
    }
    .xl\:auto-flow-row-dense {
        grid-auto-flow: row dense
    }
    .xl\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .xl\:auto-cols-min {
        grid-auto-columns: min-content
    }
    .xl\:auto-cols-max {
        grid-auto-columns: max-content
    }
    .xl\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .xl\:auto-rows-min {
        grid-auto-rows: min-content
    }
    .xl\:auto-rows-max {
        grid-auto-rows: max-content
    }
    .xl\:gap-1,
    .xl\:col-gap-1 {
        column-gap: .5rem
    }
    .xl\:gap-2,
    .xl\:col-gap-2 {
        column-gap: 1rem
    }
    .xl\:gap-3,
    .xl\:col-gap-3 {
        column-gap: 1.5rem
    }
    .xl\:gap-4,
    .xl\:col-gap-4 {
        column-gap: 2rem
    }
    .xl\:gap-5,
    .xl\:col-gap-5 {
        column-gap: 2.5rem
    }
    .xl\:gap-6,
    .xl\:col-gap-6 {
        column-gap: 3rem
    }
    .xl\:gap-7,
    .xl\:col-gap-7 {
        column-gap: 3.5rem
    }
    .xl\:gap-8,
    .xl\:col-gap-8 {
        column-gap: 4rem
    }
    .xl\:gap-9,
    .xl\:col-gap-9 {
        column-gap: 4.5rem
    }
    .xl\:gap-10,
    .xl\:col-gap-10 {
        column-gap: 5rem
    }
    .xl\:gap-11,
    .xl\:col-gap-11 {
        column-gap: 5.5rem
    }
    .xl\:gap-12,
    .xl\:col-gap-12 {
        column-gap: 6rem
    }
    .xl\:gap-1,
    .xl\:row-gap-1 {
        row-gap: .5rem
    }
    .xl\:gap-2,
    .xl\:row-gap-2 {
        row-gap: 1rem
    }
    .xl\:gap-3,
    .xl\:row-gap-3 {
        row-gap: 1.5rem
    }
    .xl\:gap-4,
    .xl\:row-gap-4 {
        row-gap: 2rem
    }
    .xl\:gap-5,
    .xl\:row-gap-5 {
        row-gap: 2.5rem
    }
    .xl\:gap-6,
    .xl\:row-gap-6 {
        row-gap: 3rem
    }
    .xl\:gap-7,
    .xl\:row-gap-7 {
        row-gap: 3.5rem
    }
    .xl\:gap-8,
    .xl\:row-gap-8 {
        row-gap: 4rem
    }
    .xl\:gap-9,
    .xl\:row-gap-9 {
        row-gap: 4.5rem
    }
    .xl\:gap-10,
    .xl\:row-gap-10 {
        row-gap: 5rem
    }
    .xl\:gap-11,
    .xl\:row-gap-11 {
        row-gap: 5.5rem
    }
    .xl\:gap-12,
    .xl\:row-gap-12 {
        row-gap: 6rem
    }
    .xl\:col-span-auto {
        grid-column: auto
    }
    .xl\:col-span-full {
        grid-column: 1/-1
    }
    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }
    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }
    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }
    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }
    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }
    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }
    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }
    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }
    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }
    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }
    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }
    .xl\:row-span-auto {
        grid-row: auto
    }
    .xl\:row-span-full {
        grid-row: 1/-1
    }
    .xl\:row-span-1 {
        grid-row: span 1/span 1
    }
    .xl\:row-span-2 {
        grid-row: span 2/span 2
    }
    .xl\:row-span-3 {
        grid-row: span 3/span 3
    }
    .xl\:row-span-4 {
        grid-row: span 4/span 4
    }
    .xl\:row-span-5 {
        grid-row: span 5/span 5
    }
    .xl\:row-span-6 {
        grid-row: span 6/span 6
    }
    .xl\:row-span-7 {
        grid-row: span 7/span 7
    }
    .xl\:row-span-8 {
        grid-row: span 8/span 8
    }
    .xl\:row-span-9 {
        grid-row: span 9/span 9
    }
    .xl\:row-span-10 {
        grid-row: span 10/span 10
    }
    .xl\:row-span-11 {
        grid-row: span 11/span 11
    }
    .xl\:row-span-12 {
        grid-row: span 12/span 12
    }
    .xl\:col-start-auto {
        grid-column-start: auto
    }
    .xl\:col-start-1 {
        grid-column-start: 1
    }
    .xl\:col-start-2 {
        grid-column-start: 2
    }
    .xl\:col-start-3 {
        grid-column-start: 3
    }
    .xl\:col-start-4 {
        grid-column-start: 4
    }
    .xl\:col-start-5 {
        grid-column-start: 5
    }
    .xl\:col-start-6 {
        grid-column-start: 6
    }
    .xl\:col-start-7 {
        grid-column-start: 7
    }
    .xl\:col-start-8 {
        grid-column-start: 8
    }
    .xl\:col-start-9 {
        grid-column-start: 9
    }
    .xl\:col-start-10 {
        grid-column-start: 10
    }
    .xl\:col-start-11 {
        grid-column-start: 11
    }
    .xl\:col-start-12 {
        grid-column-start: 12
    }
    .xl\:col-end-auto {
        grid-column-end: auto
    }
    .xl\:col-end-1 {
        grid-column-end: 2
    }
    .xl\:col-end-2 {
        grid-column-end: 3
    }
    .xl\:col-end-3 {
        grid-column-end: 4
    }
    .xl\:col-end-4 {
        grid-column-end: 5
    }
    .xl\:col-end-5 {
        grid-column-end: 6
    }
    .xl\:col-end-6 {
        grid-column-end: 7
    }
    .xl\:col-end-7 {
        grid-column-end: 8
    }
    .xl\:col-end-8 {
        grid-column-end: 9
    }
    .xl\:col-end-9 {
        grid-column-end: 10
    }
    .xl\:col-end-10 {
        grid-column-end: 11
    }
    .xl\:col-end-11 {
        grid-column-end: 12
    }
    .xl\:col-end-12 {
        grid-column-end: 13
    }
    .xl\:row-start-auto {
        grid-row-start: auto
    }
    .xl\:row-start-1 {
        grid-row-start: 1
    }
    .xl\:row-start-2 {
        grid-row-start: 2
    }
    .xl\:row-start-3 {
        grid-row-start: 3
    }
    .xl\:row-start-4 {
        grid-row-start: 4
    }
    .xl\:row-start-5 {
        grid-row-start: 5
    }
    .xl\:row-start-6 {
        grid-row-start: 6
    }
    .xl\:row-start-7 {
        grid-row-start: 7
    }
    .xl\:row-start-8 {
        grid-row-start: 8
    }
    .xl\:row-start-9 {
        grid-row-start: 9
    }
    .xl\:row-start-10 {
        grid-row-start: 10
    }
    .xl\:row-start-11 {
        grid-row-start: 11
    }
    .xl\:row-start-12 {
        grid-row-start: 12
    }
    .xl\:row-end-auto {
        grid-row-end: auto
    }
    .xl\:row-end-1 {
        grid-row-end: 2
    }
    .xl\:row-end-2 {
        grid-row-end: 3
    }
    .xl\:row-end-3 {
        grid-row-end: 4
    }
    .xl\:row-end-4 {
        grid-row-end: 5
    }
    .xl\:row-end-5 {
        grid-row-end: 6
    }
    .xl\:row-end-6 {
        grid-row-end: 7
    }
    .xl\:row-end-7 {
        grid-row-end: 8
    }
    .xl\:row-end-8 {
        grid-row-end: 9
    }
    .xl\:row-end-9 {
        grid-row-end: 10
    }
    .xl\:row-end-10 {
        grid-row-end: 11
    }
    .xl\:row-end-11 {
        grid-row-end: 12
    }
    .xl\:row-end-12 {
        grid-row-end: 13
    }
    .xl\:content-left {
        justify-content: flex-start
    }
    .xl\:content-center {
        justify-content: center
    }
    .xl\:content-right {
        justify-content: flex-end
    }
    .xl\:content-justify {
        justify-content: space-between
    }
    .xl\:content-justify-around {
        justify-content: space-around
    }
    .xl\:content-justify-evenly {
        justify-content: space-evenly
    }
    .xl\:items-left {
        justify-items: start
    }
    .xl\:items-center {
        justify-items: center
    }
    .xl\:items-right {
        justify-items: end
    }
    .xl\:items-justify {
        justify-items: stretch
    }
    .xl\:self-auto {
        justify-self: auto
    }
    .xl\:self-left {
        justify-self: start
    }
    .xl\:self-center {
        justify-self: center
    }
    .xl\:self-right {
        justify-self: end
    }
    .xl\:self-justify {
        justify-self: stretch
    }
    .xl\:content-top {
        align-content: flex-start
    }
    .xl\:content-middle {
        align-content: center
    }
    .xl\:content-bottom {
        align-content: flex-end
    }
    .xl\:content-space {
        align-content: space-between
    }
    .xl\:content-space-around {
        align-content: space-around
    }
    .xl\:content-space-evenly {
        align-content: space-evenly
    }
    .xl\:items-top {
        align-items: flex-start
    }
    .xl\:items-middle {
        align-items: center
    }
    .xl\:items-bottom {
        align-items: flex-end
    }
    .xl\:items-stretch {
        align-items: stretch
    }
    .xl\:items-baseline {
        align-items: baseline
    }
    .xl\:self-default {
        align-self: auto
    }
    .xl\:self-top {
        align-self: flex-start
    }
    .xl\:self-middle {
        align-self: center
    }
    .xl\:self-bottom {
        align-self: flex-end
    }
    .xl\:self-stretch {
        align-self: stretch
    }
    .xl\:self-baseline {
        align-self: baseline
    }
    .xl\:text-left {
        text-align: left
    }
    .xl\:text-center {
        text-align: center
    }
    .xl\:text-right {
        text-align: right
    }
    .xl\:text-justify {
        text-align: justify
    }
    .xl\:text-top {
        vertical-align: top
    }
    .xl\:text-middle {
        vertical-align: middle
    }
    .xl\:text-bottom {
        vertical-align: bottom
    }
    .xl\:text-baseline {
        vertical-align: baseline
    }
}

@media(min-width: 1440px) {
    .xxl\:block {
        display: block
    }
    .xxl\:new-block,
    .xxl\:flow-root {
        display: flow-root
    }
    .xxl\:inline-block {
        display: inline-block
    }
    .xxl\:inline {
        display: inline
    }
    .xxl\:inline-flex {
        display: inline-flex
    }
    .xxl\:flex {
        display: flex
    }
    .xxl\:inline-grid {
        display: inline-grid
    }
    .xxl\:grid,
    .xxl\:cols,
    .xxl\:rows {
        display: grid
    }
    .xxl\:li {
        display: list-item
    }
    .xxl\:inline-table {
        display: inline-table
    }
    .xxl\:table {
        display: table
    }
    .xxl\:tbody {
        display: table-row-group
    }
    .xxl\:thead {
        display: table-header-group
    }
    .xxl\:tfoot {
        display: table-footer-group
    }
    .xxl\:tr {
        display: table-row
    }
    .xxl\:td,
    .xxl\:th {
        display: table-cell
    }
    table>.xxl\:caption,
    [class*="table "]>.xxl\:caption,
    [class$=table]>.xxl\:caption {
        display: table-caption
    }
    .xxl\:hidden {
        display: none
    }
    .xxl\:contents,
    .xxl\:contents-visible {
        display: contents
    }
    .xxl\:grid {
        gap: 0
    }
    .xxl\:cols,
    .xxl\:rows {
        gap: 2.5rem
    }
    .xxl\:cols {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xxl\:rows {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .xxl\:cols-none {
        grid-template-columns: none
    }
    .xxl\:cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .xxl\:cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .xxl\:cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xxl\:cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xxl\:cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .xxl\:cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .xxl\:cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .xxl\:cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .xxl\:cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .xxl\:cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .xxl\:cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .xxl\:cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xxl\:rows-none {
        grid-template-rows: none
    }
    .xxl\:rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .xxl\:rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .xxl\:rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .xxl\:rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .xxl\:rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .xxl\:rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .xxl\:rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }
    .xxl\:rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }
    .xxl\:rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }
    .xxl\:rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }
    .xxl\:rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }
    .xxl\:rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }
    .xxl\:auto-flow-col {
        grid-auto-flow: column
    }
    .xxl\:auto-flow-row {
        grid-auto-flow: row
    }
    .xxl\:auto-flow-col-dense {
        grid-auto-flow: column dense
    }
    .xxl\:auto-flow-row-dense {
        grid-auto-flow: row dense
    }
    .xxl\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .xxl\:auto-cols-min {
        grid-auto-columns: min-content
    }
    .xxl\:auto-cols-max {
        grid-auto-columns: max-content
    }
    .xxl\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .xxl\:auto-rows-min {
        grid-auto-rows: min-content
    }
    .xxl\:auto-rows-max {
        grid-auto-rows: max-content
    }
    .xxl\:gap-1,
    .xxl\:col-gap-1 {
        column-gap: .5rem
    }
    .xxl\:gap-2,
    .xxl\:col-gap-2 {
        column-gap: 1rem
    }
    .xxl\:gap-3,
    .xxl\:col-gap-3 {
        column-gap: 1.5rem
    }
    .xxl\:gap-4,
    .xxl\:col-gap-4 {
        column-gap: 2rem
    }
    .xxl\:gap-5,
    .xxl\:col-gap-5 {
        column-gap: 2.5rem
    }
    .xxl\:gap-6,
    .xxl\:col-gap-6 {
        column-gap: 3rem
    }
    .xxl\:gap-7,
    .xxl\:col-gap-7 {
        column-gap: 3.5rem
    }
    .xxl\:gap-8,
    .xxl\:col-gap-8 {
        column-gap: 4rem
    }
    .xxl\:gap-9,
    .xxl\:col-gap-9 {
        column-gap: 4.5rem
    }
    .xxl\:gap-10,
    .xxl\:col-gap-10 {
        column-gap: 5rem
    }
    .xxl\:gap-11,
    .xxl\:col-gap-11 {
        column-gap: 5.5rem
    }
    .xxl\:gap-12,
    .xxl\:col-gap-12 {
        column-gap: 6rem
    }
    .xxl\:gap-1,
    .xxl\:row-gap-1 {
        row-gap: .5rem
    }
    .xxl\:gap-2,
    .xxl\:row-gap-2 {
        row-gap: 1rem
    }
    .xxl\:gap-3,
    .xxl\:row-gap-3 {
        row-gap: 1.5rem
    }
    .xxl\:gap-4,
    .xxl\:row-gap-4 {
        row-gap: 2rem
    }
    .xxl\:gap-5,
    .xxl\:row-gap-5 {
        row-gap: 2.5rem
    }
    .xxl\:gap-6,
    .xxl\:row-gap-6 {
        row-gap: 3rem
    }
    .xxl\:gap-7,
    .xxl\:row-gap-7 {
        row-gap: 3.5rem
    }
    .xxl\:gap-8,
    .xxl\:row-gap-8 {
        row-gap: 4rem
    }
    .xxl\:gap-9,
    .xxl\:row-gap-9 {
        row-gap: 4.5rem
    }
    .xxl\:gap-10,
    .xxl\:row-gap-10 {
        row-gap: 5rem
    }
    .xxl\:gap-11,
    .xxl\:row-gap-11 {
        row-gap: 5.5rem
    }
    .xxl\:gap-12,
    .xxl\:row-gap-12 {
        row-gap: 6rem
    }
    .xxl\:col-span-auto {
        grid-column: auto
    }
    .xxl\:col-span-full {
        grid-column: 1/-1
    }
    .xxl\:col-span-1 {
        grid-column: span 1/span 1
    }
    .xxl\:col-span-2 {
        grid-column: span 2/span 2
    }
    .xxl\:col-span-3 {
        grid-column: span 3/span 3
    }
    .xxl\:col-span-4 {
        grid-column: span 4/span 4
    }
    .xxl\:col-span-5 {
        grid-column: span 5/span 5
    }
    .xxl\:col-span-6 {
        grid-column: span 6/span 6
    }
    .xxl\:col-span-7 {
        grid-column: span 7/span 7
    }
    .xxl\:col-span-8 {
        grid-column: span 8/span 8
    }
    .xxl\:col-span-9 {
        grid-column: span 9/span 9
    }
    .xxl\:col-span-10 {
        grid-column: span 10/span 10
    }
    .xxl\:col-span-11 {
        grid-column: span 11/span 11
    }
    .xxl\:col-span-12 {
        grid-column: span 12/span 12
    }
    .xxl\:row-span-auto {
        grid-row: auto
    }
    .xxl\:row-span-full {
        grid-row: 1/-1
    }
    .xxl\:row-span-1 {
        grid-row: span 1/span 1
    }
    .xxl\:row-span-2 {
        grid-row: span 2/span 2
    }
    .xxl\:row-span-3 {
        grid-row: span 3/span 3
    }
    .xxl\:row-span-4 {
        grid-row: span 4/span 4
    }
    .xxl\:row-span-5 {
        grid-row: span 5/span 5
    }
    .xxl\:row-span-6 {
        grid-row: span 6/span 6
    }
    .xxl\:row-span-7 {
        grid-row: span 7/span 7
    }
    .xxl\:row-span-8 {
        grid-row: span 8/span 8
    }
    .xxl\:row-span-9 {
        grid-row: span 9/span 9
    }
    .xxl\:row-span-10 {
        grid-row: span 10/span 10
    }
    .xxl\:row-span-11 {
        grid-row: span 11/span 11
    }
    .xxl\:row-span-12 {
        grid-row: span 12/span 12
    }
    .xxl\:col-start-auto {
        grid-column-start: auto
    }
    .xxl\:col-start-1 {
        grid-column-start: 1
    }
    .xxl\:col-start-2 {
        grid-column-start: 2
    }
    .xxl\:col-start-3 {
        grid-column-start: 3
    }
    .xxl\:col-start-4 {
        grid-column-start: 4
    }
    .xxl\:col-start-5 {
        grid-column-start: 5
    }
    .xxl\:col-start-6 {
        grid-column-start: 6
    }
    .xxl\:col-start-7 {
        grid-column-start: 7
    }
    .xxl\:col-start-8 {
        grid-column-start: 8
    }
    .xxl\:col-start-9 {
        grid-column-start: 9
    }
    .xxl\:col-start-10 {
        grid-column-start: 10
    }
    .xxl\:col-start-11 {
        grid-column-start: 11
    }
    .xxl\:col-start-12 {
        grid-column-start: 12
    }
    .xxl\:col-end-auto {
        grid-column-end: auto
    }
    .xxl\:col-end-1 {
        grid-column-end: 2
    }
    .xxl\:col-end-2 {
        grid-column-end: 3
    }
    .xxl\:col-end-3 {
        grid-column-end: 4
    }
    .xxl\:col-end-4 {
        grid-column-end: 5
    }
    .xxl\:col-end-5 {
        grid-column-end: 6
    }
    .xxl\:col-end-6 {
        grid-column-end: 7
    }
    .xxl\:col-end-7 {
        grid-column-end: 8
    }
    .xxl\:col-end-8 {
        grid-column-end: 9
    }
    .xxl\:col-end-9 {
        grid-column-end: 10
    }
    .xxl\:col-end-10 {
        grid-column-end: 11
    }
    .xxl\:col-end-11 {
        grid-column-end: 12
    }
    .xxl\:col-end-12 {
        grid-column-end: 13
    }
    .xxl\:row-start-auto {
        grid-row-start: auto
    }
    .xxl\:row-start-1 {
        grid-row-start: 1
    }
    .xxl\:row-start-2 {
        grid-row-start: 2
    }
    .xxl\:row-start-3 {
        grid-row-start: 3
    }
    .xxl\:row-start-4 {
        grid-row-start: 4
    }
    .xxl\:row-start-5 {
        grid-row-start: 5
    }
    .xxl\:row-start-6 {
        grid-row-start: 6
    }
    .xxl\:row-start-7 {
        grid-row-start: 7
    }
    .xxl\:row-start-8 {
        grid-row-start: 8
    }
    .xxl\:row-start-9 {
        grid-row-start: 9
    }
    .xxl\:row-start-10 {
        grid-row-start: 10
    }
    .xxl\:row-start-11 {
        grid-row-start: 11
    }
    .xxl\:row-start-12 {
        grid-row-start: 12
    }
    .xxl\:row-end-auto {
        grid-row-end: auto
    }
    .xxl\:row-end-1 {
        grid-row-end: 2
    }
    .xxl\:row-end-2 {
        grid-row-end: 3
    }
    .xxl\:row-end-3 {
        grid-row-end: 4
    }
    .xxl\:row-end-4 {
        grid-row-end: 5
    }
    .xxl\:row-end-5 {
        grid-row-end: 6
    }
    .xxl\:row-end-6 {
        grid-row-end: 7
    }
    .xxl\:row-end-7 {
        grid-row-end: 8
    }
    .xxl\:row-end-8 {
        grid-row-end: 9
    }
    .xxl\:row-end-9 {
        grid-row-end: 10
    }
    .xxl\:row-end-10 {
        grid-row-end: 11
    }
    .xxl\:row-end-11 {
        grid-row-end: 12
    }
    .xxl\:row-end-12 {
        grid-row-end: 13
    }
    .xxl\:content-left {
        justify-content: flex-start
    }
    .xxl\:content-center {
        justify-content: center
    }
    .xxl\:content-right {
        justify-content: flex-end
    }
    .xxl\:content-justify {
        justify-content: space-between
    }
    .xxl\:content-justify-around {
        justify-content: space-around
    }
    .xxl\:content-justify-evenly {
        justify-content: space-evenly
    }
    .xxl\:items-left {
        justify-items: start
    }
    .xxl\:items-center {
        justify-items: center
    }
    .xxl\:items-right {
        justify-items: end
    }
    .xxl\:items-justify {
        justify-items: stretch
    }
    .xxl\:self-auto {
        justify-self: auto
    }
    .xxl\:self-left {
        justify-self: start
    }
    .xxl\:self-center {
        justify-self: center
    }
    .xxl\:self-right {
        justify-self: end
    }
    .xxl\:self-justify {
        justify-self: stretch
    }
    .xxl\:content-top {
        align-content: flex-start
    }
    .xxl\:content-middle {
        align-content: center
    }
    .xxl\:content-bottom {
        align-content: flex-end
    }
    .xxl\:content-space {
        align-content: space-between
    }
    .xxl\:content-space-around {
        align-content: space-around
    }
    .xxl\:content-space-evenly {
        align-content: space-evenly
    }
    .xxl\:items-top {
        align-items: flex-start
    }
    .xxl\:items-middle {
        align-items: center
    }
    .xxl\:items-bottom {
        align-items: flex-end
    }
    .xxl\:items-stretch {
        align-items: stretch
    }
    .xxl\:items-baseline {
        align-items: baseline
    }
    .xxl\:self-default {
        align-self: auto
    }
    .xxl\:self-top {
        align-self: flex-start
    }
    .xxl\:self-middle {
        align-self: center
    }
    .xxl\:self-bottom {
        align-self: flex-end
    }
    .xxl\:self-stretch {
        align-self: stretch
    }
    .xxl\:self-baseline {
        align-self: baseline
    }
    .xxl\:text-left {
        text-align: left
    }
    .xxl\:text-center {
        text-align: center
    }
    .xxl\:text-right {
        text-align: right
    }
    .xxl\:text-justify {
        text-align: justify
    }
    .xxl\:text-top {
        vertical-align: top
    }
    .xxl\:text-middle {
        vertical-align: middle
    }
    .xxl\:text-bottom {
        vertical-align: bottom
    }
    .xxl\:text-baseline {
        vertical-align: baseline
    }
}


/*# sourceMappingURL=postie-ui.min.css.map */