:root {
    --f7-safe-area-left: 0px;
    --f7-safe-area-right: 0px;
    --f7-safe-area-top: 0px;
    --f7-safe-area-bottom: 0px;
    --f7-safe-area-outer-left: 0px;
    --f7-safe-area-outer-right: 0px;
    --f7-device-pixel-ratio: 1
}


:root {
    --f7-font-size: 14px;
    --f7-bars-translucent-opacity: 0.8;
    --f7-bars-translucent-blur: 20px
}

 
.ios .dark,
.ios.dark {
    --f7-glass-bg-color: #32323280;
    --f7-glass-shadow: inset -2px -2px 0.5px -2.5px #fff6, inset 3px 3px 0.5px -3.5px #fff6, inset 2px 2px 0.5px -2px #262626, inset -2px -2px 0.5px -2px #262626, inset 0 0 5px 1px #141414, inset 0 0 0 1px #ffffff26, inset 0 0 10px 0 hsla(0, 0%, 100%, .075), inset 0 0 24px 0 #ffffff0d, 0 0 25px 0 #00000026;
    --f7-glass-shadow-thumb: inset 3px 3px 0px -3.5px #fff, inset -3px -3px 0px -3.5px #fff, inset -0.5px -0.5px 0px #ffffff80, inset 0.5px 0.5px 0px #ffffff1a, inset -3px 3px 0px -3.5px #ffffff40, inset 0px -5px 0px -3.5px #ffffff40, inset 0px -5px 5px #ffffff40;
    --f7-bars-text-color: #fff;
    --f7-text-color: #fff;
    --f7-bars-bg-color: #00000080
}

.md {
    --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
    --f7-line-height: 1.5;
    --f7-bars-border-color: #0000;
    --f7-text-color: #212121
}

@font-face {
    font-family: framework7-core-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff")
}



body {
    background: #fff;
    margin: 0;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: var(--f7-text-color);
    font-family: var(--f7-font-family);
    font-size: var(--f7-font-size);
    line-height: var(--f7-line-height);
    scrollbar-color: #0000;
    scrollbar-width: none
}

 
.md {
    --f7-button-font-size: 14px;
    --f7-button-text-transform: none;
    --f7-button-height: 40px;
    --f7-button-padding-horizontal: 16px;
    --f7-button-border-radius: 8px;
    --f7-button-font-weight: 500;
    --f7-button-letter-spacing: normal;
    --f7-button-outline-border-width: 1px;
    --f7-button-large-text-transform: none;
    --f7-button-large-height: 48px;
    --f7-button-large-font-size: 14px;
    --f7-button-large-font-weight: 500;
    --f7-button-small-text-transform: none;
    --f7-button-small-outline-border-width: 1px;
    --f7-button-small-height: 32px;
    --f7-button-small-font-size: 14px;
    --f7-button-small-font-weight: 500;
    --f7-segmented-strong-button-text-transform: none;
    --f7-segmented-strong-button-active-font-weight: 500;
    --f7-segmented-strong-button-pressed-bg-color: #0000
}

 

button {
    width: 100%
}

.button,
button {
    appearance: none
}

.button {
    --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.25);
    align-items: center;
    background: none;
    background-color: var(--f7-button-bg-color);
    border: var(--f7-button-border-width, 0) solid var(--f7-button-border-color, var(--f7-theme-color));
    border-radius: var(--f7-button-border-radius);
    box-shadow: var(--f7-button-box-shadow);
    box-sizing: border-box;
    color: var(--f7-button-text-color, var(--f7-theme-color));
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: var(--f7-button-font-size);
    font-weight: var(--f7-button-font-weight);
    height: var(--f7-button-height);
    justify-content: center;
    letter-spacing: var(--f7-button-letter-spacing);
    line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0)*2);
    margin: 0;
    min-width: var(--f7-button-min-width);
    outline: 0;
    overflow: hidden;
    padding: var(--f7-button-padding-vertical, 0) var(--f7-button-padding-horizontal);
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: var(--f7-button-text-transform);
    vertical-align: middle;
    white-space: nowrap
}

.button.active-state {
    color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color)))
}

input[type=button].button,
input[type=reset].button,
input[type=submit].button {
    width: 100%
}

.button>i+span,
.button>span+span,
.button>span~i {
    margin-left: 4px
}

.navbar .button,
.searchbar .button,
.subnavbar .button,
.toolbar .button {
    color: var(--f7-button-text-color, var(--f7-theme-color))
}

.button-round,
.ios .button-round-ios,
.md .button-round-md {
    --f7-button-border-radius: var(--f7-button-height)
}

.button-active,
.button-fill,
.button.tab-link-active,
.ios .button-fill-ios,
.md .button-fill-md {
    --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
    --f7-button-text-color: var(--f7-button-fill-text-color, #fff);
    --f7-touch-ripple-color: var(--f7-touch-ripple-white)
}

.ios .button-active.color-white,
.ios .button-fill.color-white,
.ios .button.tab-link-active.color-white,
.ios .color-white .button-active,
.ios .color-white .button-fill,
.ios .color-white .button.tab-link-active,
.ios .color-white .ios .button-fill-ios,
.ios .color-white .md .button-fill-md,
.ios .ios .button-fill-ios.color-white,
.ios .md .button-fill-md.color-white {
    --f7-button-text-color: #000
}

.button-fill,
.ios .button-fill-ios,
.md .button-fill-md {
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color)
}

.button-active,
.button.tab-link-active {
    --f7-button-pressed-bg-color: var(--f7-button-bg-color)
}

.button-outline,
.ios .button-outline-ios,
.md .button-outline-md {
    --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color));
    --f7-button-border-width: var(--f7-button-outline-border-width)
}

.button-tonal,
.ios .button-tonal-ios,
.md .button-tonal-md {
    --f7-button-bg-color: var(--f7-button-tonal-bg-color);
    --f7-button-text-color: var(--f7-button-tonal-text-color);
    --f7-button-pressed-bg-color: var(--f7-button-tonal-pressed-bg-color)
}

.button-large,
.ios .button-large-ios,
.md .button-large-md {
    --f7-button-height: var(--f7-button-large-height);
    --f7-button-font-size: var(--f7-button-large-font-size);
    --f7-button-font-weight: var(--f7-button-large-font-weight);
    --f7-button-text-transform: var(--f7-button-large-text-transform)
}

.button-small,
.ios .button-small-ios,
.md .button-small-md {
    --f7-button-outline-border-width: var(--f7-button-small-outline-border-width);
    --f7-button-height: var(--f7-button-small-height);
    --f7-button-font-size: var(--f7-button-small-font-size);
    --f7-button-font-weight: var(--f7-button-small-font-weight);
    --f7-button-text-transform: var(--f7-button-small-text-transform)
}

.ios .button-small-ios.button-fill,
.ios .button-small.button-fill,
.ios .button-small.button-fill-ios {
    --f7-button-border-width: var(--f7-button-small-outline-border-width);
    --f7-button-pressed-text-color: var(--f7-theme-color);
    --f7-button-pressed-bg-color: #0000
}


.icon-back:after,
.icon-close:after,
.icon-forward:after,
.icon-next:after,
.icon-prev:after {
    font-family: framework7-core-icons;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    font-feature-settings: "liga";
    font-size: 20px;
    height: 100%;
    text-align: center;
    width: 100%
}

.icon[class*=color-] {
    color: var(--f7-theme-color)
}

.ios .icon-back,
.ios .icon-forward,
.ios .icon-next,
.ios .icon-prev {
    height: 20px;
    line-height: 20px;
    width: 12px
}

.ios .icon-back:after,
.ios .icon-forward:after,
.ios .icon-next:after,
.ios .icon-prev:after {
    line-height: inherit
}

.ios .icon-next:after,
.ios .icon-prev:after {
    font-size: 16px
}

.ios .icon-close {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    width: 20px
}

.ios .icon-close:after {
    content: "close_ios"
}

.ios .icon-back:after,
.ios .icon-prev:after {
    content: "chevron_left_ios"
}

.ios .icon-forward:after,
.ios .icon-next:after {
    content: "chevron_right_ios"
}

.md .icon-back,
.md .icon-forward,
.md .icon-next,
.md .icon-prev {
    height: 24px;
    width: 24px
}

.md .icon-back:after,
.md .icon-forward:after,
.md .icon-next:after,
.md .icon-prev:after {
    line-height: 1.2
}

.md .icon-close {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.md .icon-close:after {
    content: "close_md"
}

.md .icon-back:after {
    content: "arrow_left_md"
}

.md .icon-forward:after {
    content: "arrow_right_md"
}

.md .icon-next:after {
    content: "chevron_right_md"
}

.md .icon-prev:after {
    content: "chevron_left_md"
}


:root {
    --f7-card-margin-horizontal: 16px;
    --f7-card-margin-vertical: 16px;
    --f7-card-content-padding-horizontal: 16px;
    --f7-card-content-padding-vertical: 16px;
    --f7-card-font-size: inherit;
    --f7-card-header-text-color: inherit;
    --f7-card-header-font-weight: 400;
    --f7-card-header-padding-horizontal: 16px;
    --f7-card-footer-font-weight: 400;
    --f7-card-footer-font-size: inherit;
    --f7-card-footer-padding-horizontal: 16px;
    --f7-card-expandable-font-size: 16px;
    --f7-card-expandable-tablet-width: 670px;
    --f7-card-expandable-tablet-height: 670px
}

.ios {
    --f7-card-border-radius: 24px;
    --f7-card-box-shadow: 0px 1px 2px #0003;
    --f7-card-header-font-size: 17px;
    --f7-card-header-padding-vertical: 10px;
    --f7-card-header-min-height: 52px;
    --f7-card-footer-text-color: #00000073;
    --f7-card-footer-padding-vertical: 10px;
    --f7-card-footer-min-height: 52px;
    --f7-card-expandable-margin-horizontal: 20px;
    --f7-card-expandable-margin-vertical: 30px;
    --f7-card-expandable-box-shadow: 0px 20px 40px #0000004d;
    --f7-card-expandable-border-radius: 24px;
    --f7-card-expandable-tablet-border-radius: 24px;
    --f7-card-expandable-header-font-size: 27px;
    --f7-card-expandable-header-font-weight: bold;
    --f7-card-text-color: inherit;
    --f7-card-bg-color: #fff;
    --f7-card-expandable-bg-color: #fff;
    --f7-card-outline-border-color: #0000001f;
    --f7-card-header-border-color: #0000001a;
    --f7-card-footer-border-color: #0000001a
}

.ios .dark,
.ios.dark {
    --f7-card-bg-color: #1c1c1d;
    --f7-card-expandable-bg-color: #1c1c1d;
    --f7-card-outline-border-color: #ffffff26;
    --f7-card-header-border-color: #ffffff26;
    --f7-card-footer-border-color: #ffffff26;
    --f7-card-footer-text-color: #ffffff8c
}

.md {
    --f7-card-border-radius: 16px;
    --f7-card-box-shadow: 0px 2px 1px -1px #0003, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001f;
    --f7-card-header-font-size: 22px;
    --f7-card-header-padding-vertical: 16px;
    --f7-card-header-min-height: 48px;
    --f7-card-footer-padding-vertical: 16px;
    --f7-card-footer-min-height: 48px;
    --f7-card-expandable-margin-horizontal: 12px;
    --f7-card-expandable-margin-vertical: 24px;
    --f7-card-expandable-box-shadow: 0px 6px 6px -3px #0003, 0px 10px 14px 1px #00000024, 0px 4px 18px 3px #0000001f;
    --f7-card-expandable-border-radius: 16px;
    --f7-card-expandable-tablet-border-radius: 16px;
    --f7-card-expandable-header-font-size: 22px;
    --f7-card-expandable-header-font-weight: 500
}

.md,
.md .dark,
.md [class*=color-] {
    --f7-card-bg-color: var(--f7-md-surface-1);
    --f7-card-expandable-bg-color: var(--f7-md-surface-1);
    --f7-card-outline-border-color: var(--f7-md-outline);
    --f7-card-header-border-color: var(--f7-md-outline);
    --f7-card-footer-border-color: var(--f7-md-outline);
    --f7-card-text-color: var(--f7-md-on-surface);
    --f7-card-footer-text-color: var(--f7-md-on-surface-variant)
}

.card .list>ul:after,
.card .list>ul:before,
.cards-list>ul:after,
.cards-list>ul:before {
    display: none !important
}

.card .list ul,
.cards-list ul {
    background: none
}

.card {
    background: var(--f7-card-bg-color);
    border-radius: var(--f7-card-border-radius);
    color: var(--f7-card-text-color);
    font-size: var(--f7-card-font-size);
    margin: var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));
    position: relative
}

.card .block,
.card .list {
    margin: 0
}

.row:not(.no-gap) .col>.card {
    margin-left: 0;
    margin-right: 0
}

.card-raised {
    box-shadow: var(--f7-card-box-shadow)
}

.card-outline,
.ios .card-outline-ios,
.md .card-outline-md {
    border: 1px solid var(--f7-card-outline-border-color)
}

.card-content {
    position: relative
}

.card-content-padding {
    padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);
    position: relative
}

.card-content-padding>.block,
.card-content-padding>.list {
    margin: calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)
}

.card-content-padding>p:first-child {
    margin-top: 0
}

.card-content-padding>p:last-child {
    margin-bottom: 0
}

.card-header {
    color: var(--f7-card-header-text-color);
    font-size: var(--f7-card-header-font-size);
    font-weight: var(--f7-card-header-font-weight);
    min-height: var(--f7-card-header-min-height);
    padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)
}

.card-dividers .card-header,
.card-header-divider .card-header,
.card-header.card-header-divider {
    border-bottom: 1px solid var(--f7-card-header-border-color)
}

.card-footer {
    color: var(--f7-card-footer-text-color);
    font-size: var(--f7-card-footer-font-size);
    font-weight: var(--f7-card-footer-font-weight);
    min-height: var(--f7-card-footer-min-height);
    padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)
}

.card-dividers .card-footer,
.card-footer-divider .card-footer,
.card-footer.card-footer-divider {
    border-top: 1px solid var(--f7-card-header-border-color)
}

.card-footer a.link {
    overflow: hidden
}

.card-footer,
.card-header {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative
}

.card-footer[valign=top],
.card-header[valign=top] {
    align-items: flex-start
}

.card-footer[valign=bottom],
.card-header[valign=bottom] {
    align-items: flex-end
}

.card-footer a.link,
.card-header a.link {
    position: relative
}

.card-footer a.link i.icon,
.card-header a.link i.icon {
    display: block
}

.card-footer a:is(.icon-only, :has(i:only-child), :has(svg:only-child)),
.card-header a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

.card-header {
    border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0
}

.card-footer {
    border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)
}

@keyframes card-backdrop-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes card-backdrop-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}



:root {
    --f7-grid-gap: 16px
}

.grid {
    display: grid
}

.grid.grid-gap {
    gap: var(--f7-grid-gap)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:480px) {
    .xsmall-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:568px) {
    .small-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .medium-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1024px) {
    .large-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .xlarge-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}