:root {
    --whitesmoke: rgba(247, 247, 247, 1);
    --brand-color: #3059DA;
    --brand-color-light: rgb(255, 245, 249);
    --blackboard: linear-gradient(#313237, #53565F);
    --default-border-color: rgba(211, 211, 211, 1);
    --default-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-duration: 0.25s
}

html {
    line-height: 1.5;
    font-family: "Roboto", Arial, tahoma, Helvetica, sans-serif;;
    padding-right: var(--scrollbar-width)
}

*,::before,::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid currentColor
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
    font-size: .833333vw
}
@font-face {
    font-family: "icons";
    src: url('../font/iconfont.ttf') format('truetype');
}

.icons {
    font-family: "icons" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-w0001:before {
    content: "\e80b";
}
.icon-w0017:before {
    content: "\eb1c";
}
@media(max-width: 1279px) {
    html {
        font-size:1.5625vw
    }
}

@media(max-width: 767px) {
    html {
        font-size:4.2666666667vw
    }
}

:target {
    scroll-margin-top: 10.75rem
}

@media screen and (max-width: 767px) {
    :target {
        scroll-margin-top:4rem
    }
}

:root:not(.is-touch) ::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

:root:not(.is-touch) ::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0,0,0,0);
    background-clip: padding-box;
    background-color: #3059DA;
    border-radius: 9999px
}

:root:not(.is-touch) ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0)
}

.container {
    max-width: 108rem;
    width: calc(100% - 12rem);
    margin: 0 auto
}

@media screen and (max-width: 1279px) {
    .container {
        width:auto;
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media screen and (max-width: 767px) {
    .container {
        width:auto;
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
}

img,picture,video,canvas,svg {
    display: block;
    max-width: 100%;
    height: auto
}

input,button,textarea,select {
    font: inherit;
    color: inherit;
    outline: 0;
    border-radius: 0;
    background-color: rgba(0,0,0,0)
}

p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word
}

a {
    text-decoration: none;
    color: inherit
}

ul,ol {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit
}

sup,sub {
    font-size: .5em
}

button {
    cursor: pointer
}

.fade-enter-active,.fade-leave-active {
    transition-property: opacity;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

.collapse-enter-active,.collapse-leave-active {
    transition-property: height,opacity;
    transition-duration: .5s;
    transition-timing-function: var(--default-timing-function);
    overflow: hidden
}

.collapse-enter-from,.collapse-leave-to {
    opacity: 0
}

.row {
    --gutter-x: 0px;
    --gutter-y: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter-y) var(--gutter-x)
}

.row-cols-1>* {
    width: 100%
}

.row-cols-2>* {
    width: 50%
}

.row-cols-3>* {
    width: 33.3333333333%
}

.row-cols-4>* {
    width: 25%
}

.row-cols-5>* {
    width: 20%
}

.row-cols-6>* {
    width: 16.6666666667%
}

.row-cols-7>* {
    width: 14.2857142857%
}

.row-cols-8>* {
    width: 12.5%
}

.row-cols-9>* {
    width: 11.1111111111%
}

.row-cols-10>* {
    width: 10%
}

.row-cols-11>* {
    width: 9.0909090909%
}

.row-cols-12>* {
    width: 8.3333333333%
}

.row-col-1 {
    width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
}

.row-col-2 {
    width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
}

.row-col-3 {
    width: calc(25% - var(--gutter-x, 0px)*.75)
}

.row-col-4 {
    width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
}

.row-col-5 {
    width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
}

.row-col-6 {
    width: calc(50% - var(--gutter-x, 0px)*.5)
}

.row-col-7 {
    width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
}

.row-col-8 {
    width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
}

.row-col-9 {
    width: calc(75% - var(--gutter-x, 0px)*.25)
}

.row-col-10 {
    width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
}

.row-col-11 {
    width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
}

.row-col-12 {
    width: calc(100% - var(--gutter-x, 0px)*0)
}

.row-offset-0 {
    margin-left: 0%
}

.row-offset-1 {
    margin-left: 8.3333333333%
}

.row-offset-2 {
    margin-left: 16.6666666667%
}

.row-offset-3 {
    margin-left: 25%
}

.row-offset-4 {
    margin-left: 33.3333333333%
}

.row-offset-5 {
    margin-left: 41.6666666667%
}

.row-offset-6 {
    margin-left: 50%
}

.row-offset-7 {
    margin-left: 58.3333333333%
}

.row-offset-8 {
    margin-left: 66.6666666667%
}

.row-offset-9 {
    margin-left: 75%
}

.row-offset-10 {
    margin-left: 83.3333333333%
}

.row-offset-11 {
    margin-left: 91.6666666667%
}

.row-offset-12 {
    margin-left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid-start-0 {
    grid-column-start: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1535px) {
    .\32 xl\:row-cols-1>* {
        width:100%
    }

    .\32 xl\:row-cols-2>* {
        width: 50%
    }

    .\32 xl\:row-cols-3>* {
        width: 33.3333333333%
    }

    .\32 xl\:row-cols-4>* {
        width: 25%
    }

    .\32 xl\:row-cols-5>* {
        width: 20%
    }

    .\32 xl\:row-cols-6>* {
        width: 16.6666666667%
    }

    .\32 xl\:row-cols-7>* {
        width: 14.2857142857%
    }

    .\32 xl\:row-cols-8>* {
        width: 12.5%
    }

    .\32 xl\:row-cols-9>* {
        width: 11.1111111111%
    }

    .\32 xl\:row-cols-10>* {
        width: 10%
    }

    .\32 xl\:row-cols-11>* {
        width: 9.0909090909%
    }

    .\32 xl\:row-cols-12>* {
        width: 8.3333333333%
    }

    .\32 xl\:row-col-1 {
        width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
    }

    .\32 xl\:row-col-2 {
        width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
    }

    .\32 xl\:row-col-3 {
        width: calc(25% - var(--gutter-x, 0px)*.75)
    }

    .\32 xl\:row-col-4 {
        width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
    }

    .\32 xl\:row-col-5 {
        width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
    }

    .\32 xl\:row-col-6 {
        width: calc(50% - var(--gutter-x, 0px)*.5)
    }

    .\32 xl\:row-col-7 {
        width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
    }

    .\32 xl\:row-col-8 {
        width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
    }

    .\32 xl\:row-col-9 {
        width: calc(75% - var(--gutter-x, 0px)*.25)
    }

    .\32 xl\:row-col-10 {
        width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
    }

    .\32 xl\:row-col-11 {
        width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
    }

    .\32 xl\:row-col-12 {
        width: calc(100% - var(--gutter-x, 0px)*0)
    }

    .\32 xl\:row-offset-0 {
        margin-left: 0%
    }

    .\32 xl\:row-offset-1 {
        margin-left: 8.3333333333%
    }

    .\32 xl\:row-offset-2 {
        margin-left: 16.6666666667%
    }

    .\32 xl\:row-offset-3 {
        margin-left: 25%
    }

    .\32 xl\:row-offset-4 {
        margin-left: 33.3333333333%
    }

    .\32 xl\:row-offset-5 {
        margin-left: 41.6666666667%
    }

    .\32 xl\:row-offset-6 {
        margin-left: 50%
    }

    .\32 xl\:row-offset-7 {
        margin-left: 58.3333333333%
    }

    .\32 xl\:row-offset-8 {
        margin-left: 66.6666666667%
    }

    .\32 xl\:row-offset-9 {
        margin-left: 75%
    }

    .\32 xl\:row-offset-10 {
        margin-left: 83.3333333333%
    }

    .\32 xl\:row-offset-11 {
        margin-left: 91.6666666667%
    }

    .\32 xl\:row-offset-12 {
        margin-left: 100%
    }

    .\32 xl\:grid-cols-1 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-5 {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-6 {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-7 {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-8 {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-9 {
        display: grid;
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-10 {
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-11 {
        display: grid;
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .\32 xl\:grid-cols-12 {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .\32 xl\:grid-col-1 {
        grid-column-end: span 1
    }

    .\32 xl\:grid-col-2 {
        grid-column-end: span 2
    }

    .\32 xl\:grid-col-3 {
        grid-column-end: span 3
    }

    .\32 xl\:grid-col-4 {
        grid-column-end: span 4
    }

    .\32 xl\:grid-col-5 {
        grid-column-end: span 5
    }

    .\32 xl\:grid-col-6 {
        grid-column-end: span 6
    }

    .\32 xl\:grid-col-7 {
        grid-column-end: span 7
    }

    .\32 xl\:grid-col-8 {
        grid-column-end: span 8
    }

    .\32 xl\:grid-col-9 {
        grid-column-end: span 9
    }

    .\32 xl\:grid-col-10 {
        grid-column-end: span 10
    }

    .\32 xl\:grid-col-11 {
        grid-column-end: span 11
    }

    .\32 xl\:grid-col-12 {
        grid-column-end: span 12
    }

    .\32 xl\:grid-start-0 {
        grid-column-start: 0
    }

    .\32 xl\:grid-start-1 {
        grid-column-start: 1
    }

    .\32 xl\:grid-start-2 {
        grid-column-start: 2
    }

    .\32 xl\:grid-start-3 {
        grid-column-start: 3
    }

    .\32 xl\:grid-start-4 {
        grid-column-start: 4
    }

    .\32 xl\:grid-start-5 {
        grid-column-start: 5
    }

    .\32 xl\:grid-start-6 {
        grid-column-start: 6
    }

    .\32 xl\:grid-start-7 {
        grid-column-start: 7
    }

    .\32 xl\:grid-start-8 {
        grid-column-start: 8
    }

    .\32 xl\:grid-start-9 {
        grid-column-start: 9
    }

    .\32 xl\:grid-start-10 {
        grid-column-start: 10
    }

    .\32 xl\:grid-start-11 {
        grid-column-start: 11
    }

    .\32 xl\:grid-start-12 {
        grid-column-start: 12
    }
}

@media screen and (max-width: 1279px) {
    .xl\:row-cols-1>* {
        width:100%
    }

    .xl\:row-cols-2>* {
        width: 50%
    }

    .xl\:row-cols-3>* {
        width: 33.3333333333%
    }

    .xl\:row-cols-4>* {
        width: 25%
    }

    .xl\:row-cols-5>* {
        width: 20%
    }

    .xl\:row-cols-6>* {
        width: 16.6666666667%
    }

    .xl\:row-cols-7>* {
        width: 14.2857142857%
    }

    .xl\:row-cols-8>* {
        width: 12.5%
    }

    .xl\:row-cols-9>* {
        width: 11.1111111111%
    }

    .xl\:row-cols-10>* {
        width: 10%
    }

    .xl\:row-cols-11>* {
        width: 9.0909090909%
    }

    .xl\:row-cols-12>* {
        width: 8.3333333333%
    }

    .xl\:row-col-1 {
        width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
    }

    .xl\:row-col-2 {
        width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
    }

    .xl\:row-col-3 {
        width: calc(25% - var(--gutter-x, 0px)*.75)
    }

    .xl\:row-col-4 {
        width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
    }

    .xl\:row-col-5 {
        width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
    }

    .xl\:row-col-6 {
        width: calc(50% - var(--gutter-x, 0px)*.5)
    }

    .xl\:row-col-7 {
        width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
    }

    .xl\:row-col-8 {
        width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
    }

    .xl\:row-col-9 {
        width: calc(75% - var(--gutter-x, 0px)*.25)
    }

    .xl\:row-col-10 {
        width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
    }

    .xl\:row-col-11 {
        width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
    }

    .xl\:row-col-12 {
        width: calc(100% - var(--gutter-x, 0px)*0)
    }

    .xl\:row-offset-0 {
        margin-left: 0%
    }

    .xl\:row-offset-1 {
        margin-left: 8.3333333333%
    }

    .xl\:row-offset-2 {
        margin-left: 16.6666666667%
    }

    .xl\:row-offset-3 {
        margin-left: 25%
    }

    .xl\:row-offset-4 {
        margin-left: 33.3333333333%
    }

    .xl\:row-offset-5 {
        margin-left: 41.6666666667%
    }

    .xl\:row-offset-6 {
        margin-left: 50%
    }

    .xl\:row-offset-7 {
        margin-left: 58.3333333333%
    }

    .xl\:row-offset-8 {
        margin-left: 66.6666666667%
    }

    .xl\:row-offset-9 {
        margin-left: 75%
    }

    .xl\:row-offset-10 {
        margin-left: 83.3333333333%
    }

    .xl\:row-offset-11 {
        margin-left: 91.6666666667%
    }

    .xl\:row-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .xl\:grid-col-1 {
        grid-column-end: span 1
    }

    .xl\:grid-col-2 {
        grid-column-end: span 2
    }

    .xl\:grid-col-3 {
        grid-column-end: span 3
    }

    .xl\:grid-col-4 {
        grid-column-end: span 4
    }

    .xl\:grid-col-5 {
        grid-column-end: span 5
    }

    .xl\:grid-col-6 {
        grid-column-end: span 6
    }

    .xl\:grid-col-7 {
        grid-column-end: span 7
    }

    .xl\:grid-col-8 {
        grid-column-end: span 8
    }

    .xl\:grid-col-9 {
        grid-column-end: span 9
    }

    .xl\:grid-col-10 {
        grid-column-end: span 10
    }

    .xl\:grid-col-11 {
        grid-column-end: span 11
    }

    .xl\:grid-col-12 {
        grid-column-end: span 12
    }

    .xl\:grid-start-0 {
        grid-column-start: 0
    }

    .xl\:grid-start-1 {
        grid-column-start: 1
    }

    .xl\:grid-start-2 {
        grid-column-start: 2
    }

    .xl\:grid-start-3 {
        grid-column-start: 3
    }

    .xl\:grid-start-4 {
        grid-column-start: 4
    }

    .xl\:grid-start-5 {
        grid-column-start: 5
    }

    .xl\:grid-start-6 {
        grid-column-start: 6
    }

    .xl\:grid-start-7 {
        grid-column-start: 7
    }

    .xl\:grid-start-8 {
        grid-column-start: 8
    }

    .xl\:grid-start-9 {
        grid-column-start: 9
    }

    .xl\:grid-start-10 {
        grid-column-start: 10
    }

    .xl\:grid-start-11 {
        grid-column-start: 11
    }

    .xl\:grid-start-12 {
        grid-column-start: 12
    }
}

@media screen and (max-width: 1023px) {
    .lg\:row-cols-1>* {
        width:100%
    }

    .lg\:row-cols-2>* {
        width: 50%
    }

    .lg\:row-cols-3>* {
        width: 33.3333333333%
    }

    .lg\:row-cols-4>* {
        width: 25%
    }

    .lg\:row-cols-5>* {
        width: 20%
    }

    .lg\:row-cols-6>* {
        width: 16.6666666667%
    }

    .lg\:row-cols-7>* {
        width: 14.2857142857%
    }

    .lg\:row-cols-8>* {
        width: 12.5%
    }

    .lg\:row-cols-9>* {
        width: 11.1111111111%
    }

    .lg\:row-cols-10>* {
        width: 10%
    }

    .lg\:row-cols-11>* {
        width: 9.0909090909%
    }

    .lg\:row-cols-12>* {
        width: 8.3333333333%
    }

    .lg\:row-col-1 {
        width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
    }

    .lg\:row-col-2 {
        width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
    }

    .lg\:row-col-3 {
        width: calc(25% - var(--gutter-x, 0px)*.75)
    }

    .lg\:row-col-4 {
        width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
    }

    .lg\:row-col-5 {
        width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
    }

    .lg\:row-col-6 {
        width: calc(50% - var(--gutter-x, 0px)*.5)
    }

    .lg\:row-col-7 {
        width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
    }

    .lg\:row-col-8 {
        width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
    }

    .lg\:row-col-9 {
        width: calc(75% - var(--gutter-x, 0px)*.25)
    }

    .lg\:row-col-10 {
        width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
    }

    .lg\:row-col-11 {
        width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
    }

    .lg\:row-col-12 {
        width: calc(100% - var(--gutter-x, 0px)*0)
    }

    .lg\:row-offset-0 {
        margin-left: 0%
    }

    .lg\:row-offset-1 {
        margin-left: 8.3333333333%
    }

    .lg\:row-offset-2 {
        margin-left: 16.6666666667%
    }

    .lg\:row-offset-3 {
        margin-left: 25%
    }

    .lg\:row-offset-4 {
        margin-left: 33.3333333333%
    }

    .lg\:row-offset-5 {
        margin-left: 41.6666666667%
    }

    .lg\:row-offset-6 {
        margin-left: 50%
    }

    .lg\:row-offset-7 {
        margin-left: 58.3333333333%
    }

    .lg\:row-offset-8 {
        margin-left: 66.6666666667%
    }

    .lg\:row-offset-9 {
        margin-left: 75%
    }

    .lg\:row-offset-10 {
        margin-left: 83.3333333333%
    }

    .lg\:row-offset-11 {
        margin-left: 91.6666666667%
    }

    .lg\:row-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:grid-col-1 {
        grid-column-end: span 1
    }

    .lg\:grid-col-2 {
        grid-column-end: span 2
    }

    .lg\:grid-col-3 {
        grid-column-end: span 3
    }

    .lg\:grid-col-4 {
        grid-column-end: span 4
    }

    .lg\:grid-col-5 {
        grid-column-end: span 5
    }

    .lg\:grid-col-6 {
        grid-column-end: span 6
    }

    .lg\:grid-col-7 {
        grid-column-end: span 7
    }

    .lg\:grid-col-8 {
        grid-column-end: span 8
    }

    .lg\:grid-col-9 {
        grid-column-end: span 9
    }

    .lg\:grid-col-10 {
        grid-column-end: span 10
    }

    .lg\:grid-col-11 {
        grid-column-end: span 11
    }

    .lg\:grid-col-12 {
        grid-column-end: span 12
    }

    .lg\:grid-start-0 {
        grid-column-start: 0
    }

    .lg\:grid-start-1 {
        grid-column-start: 1
    }

    .lg\:grid-start-2 {
        grid-column-start: 2
    }

    .lg\:grid-start-3 {
        grid-column-start: 3
    }

    .lg\:grid-start-4 {
        grid-column-start: 4
    }

    .lg\:grid-start-5 {
        grid-column-start: 5
    }

    .lg\:grid-start-6 {
        grid-column-start: 6
    }

    .lg\:grid-start-7 {
        grid-column-start: 7
    }

    .lg\:grid-start-8 {
        grid-column-start: 8
    }

    .lg\:grid-start-9 {
        grid-column-start: 9
    }

    .lg\:grid-start-10 {
        grid-column-start: 10
    }

    .lg\:grid-start-11 {
        grid-column-start: 11
    }

    .lg\:grid-start-12 {
        grid-column-start: 12
    }
}

@media screen and (max-width: 767px) {
    .md\:row-cols-1>* {
        width:100%
    }

    .md\:row-cols-2>* {
        width: 50%
    }

    .md\:row-cols-3>* {
        width: 33.3333333333%
    }

    .md\:row-cols-4>* {
        width: 25%
    }

    .md\:row-cols-5>* {
        width: 20%
    }

    .md\:row-cols-6>* {
        width: 16.6666666667%
    }

    .md\:row-cols-7>* {
        width: 14.2857142857%
    }

    .md\:row-cols-8>* {
        width: 12.5%
    }

    .md\:row-cols-9>* {
        width: 11.1111111111%
    }

    .md\:row-cols-10>* {
        width: 10%
    }

    .md\:row-cols-11>* {
        width: 9.0909090909%
    }

    .md\:row-cols-12>* {
        width: 8.3333333333%
    }

    .md\:row-col-1 {
        width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
    }

    .md\:row-col-2 {
        width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
    }

    .md\:row-col-3 {
        width: calc(25% - var(--gutter-x, 0px)*.75)
    }

    .md\:row-col-4 {
        width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
    }

    .md\:row-col-5 {
        width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
    }

    .md\:row-col-6 {
        width: calc(50% - var(--gutter-x, 0px)*.5)
    }

    .md\:row-col-7 {
        width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
    }

    .md\:row-col-8 {
        width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
    }

    .md\:row-col-9 {
        width: calc(75% - var(--gutter-x, 0px)*.25)
    }

    .md\:row-col-10 {
        width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
    }

    .md\:row-col-11 {
        width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
    }

    .md\:row-col-12 {
        width: calc(100% - var(--gutter-x, 0px)*0)
    }

    .md\:row-offset-0 {
        margin-left: 0%
    }

    .md\:row-offset-1 {
        margin-left: 8.3333333333%
    }

    .md\:row-offset-2 {
        margin-left: 16.6666666667%
    }

    .md\:row-offset-3 {
        margin-left: 25%
    }

    .md\:row-offset-4 {
        margin-left: 33.3333333333%
    }

    .md\:row-offset-5 {
        margin-left: 41.6666666667%
    }

    .md\:row-offset-6 {
        margin-left: 50%
    }

    .md\:row-offset-7 {
        margin-left: 58.3333333333%
    }

    .md\:row-offset-8 {
        margin-left: 66.6666666667%
    }

    .md\:row-offset-9 {
        margin-left: 75%
    }

    .md\:row-offset-10 {
        margin-left: 83.3333333333%
    }

    .md\:row-offset-11 {
        margin-left: 91.6666666667%
    }

    .md\:row-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:grid-col-1 {
        grid-column-end: span 1
    }

    .md\:grid-col-2 {
        grid-column-end: span 2
    }

    .md\:grid-col-3 {
        grid-column-end: span 3
    }

    .md\:grid-col-4 {
        grid-column-end: span 4
    }

    .md\:grid-col-5 {
        grid-column-end: span 5
    }

    .md\:grid-col-6 {
        grid-column-end: span 6
    }

    .md\:grid-col-7 {
        grid-column-end: span 7
    }

    .md\:grid-col-8 {
        grid-column-end: span 8
    }

    .md\:grid-col-9 {
        grid-column-end: span 9
    }

    .md\:grid-col-10 {
        grid-column-end: span 10
    }

    .md\:grid-col-11 {
        grid-column-end: span 11
    }

    .md\:grid-col-12 {
        grid-column-end: span 12
    }

    .md\:grid-start-0 {
        grid-column-start: 0
    }

    .md\:grid-start-1 {
        grid-column-start: 1
    }

    .md\:grid-start-2 {
        grid-column-start: 2
    }

    .md\:grid-start-3 {
        grid-column-start: 3
    }

    .md\:grid-start-4 {
        grid-column-start: 4
    }

    .md\:grid-start-5 {
        grid-column-start: 5
    }

    .md\:grid-start-6 {
        grid-column-start: 6
    }

    .md\:grid-start-7 {
        grid-column-start: 7
    }

    .md\:grid-start-8 {
        grid-column-start: 8
    }

    .md\:grid-start-9 {
        grid-column-start: 9
    }

    .md\:grid-start-10 {
        grid-column-start: 10
    }

    .md\:grid-start-11 {
        grid-column-start: 11
    }

    .md\:grid-start-12 {
        grid-column-start: 12
    }
}

@media screen and (max-width: 639px) {
    .sm\:row-cols-1>* {
        width:100%
    }

    .sm\:row-cols-2>* {
        width: 50%
    }

    .sm\:row-cols-3>* {
        width: 33.3333333333%
    }

    .sm\:row-cols-4>* {
        width: 25%
    }

    .sm\:row-cols-5>* {
        width: 20%
    }

    .sm\:row-cols-6>* {
        width: 16.6666666667%
    }

    .sm\:row-cols-7>* {
        width: 14.2857142857%
    }

    .sm\:row-cols-8>* {
        width: 12.5%
    }

    .sm\:row-cols-9>* {
        width: 11.1111111111%
    }

    .sm\:row-cols-10>* {
        width: 10%
    }

    .sm\:row-cols-11>* {
        width: 9.0909090909%
    }

    .sm\:row-cols-12>* {
        width: 8.3333333333%
    }

    .sm\:row-col-1 {
        width: calc(8.3333333333% - var(--gutter-x, 0px)*.9166666667)
    }

    .sm\:row-col-2 {
        width: calc(16.6666666667% - var(--gutter-x, 0px)*.8333333333)
    }

    .sm\:row-col-3 {
        width: calc(25% - var(--gutter-x, 0px)*.75)
    }

    .sm\:row-col-4 {
        width: calc(33.3333333333% - var(--gutter-x, 0px)*.6666666667)
    }

    .sm\:row-col-5 {
        width: calc(41.6666666667% - var(--gutter-x, 0px)*.5833333333)
    }

    .sm\:row-col-6 {
        width: calc(50% - var(--gutter-x, 0px)*.5)
    }

    .sm\:row-col-7 {
        width: calc(58.3333333333% - var(--gutter-x, 0px)*.4166666667)
    }

    .sm\:row-col-8 {
        width: calc(66.6666666667% - var(--gutter-x, 0px)*.3333333333)
    }

    .sm\:row-col-9 {
        width: calc(75% - var(--gutter-x, 0px)*.25)
    }

    .sm\:row-col-10 {
        width: calc(83.3333333333% - var(--gutter-x, 0px)*.1666666667)
    }

    .sm\:row-col-11 {
        width: calc(91.6666666667% - var(--gutter-x, 0px)*.0833333333)
    }

    .sm\:row-col-12 {
        width: calc(100% - var(--gutter-x, 0px)*0)
    }

    .sm\:row-offset-0 {
        margin-left: 0%
    }

    .sm\:row-offset-1 {
        margin-left: 8.3333333333%
    }

    .sm\:row-offset-2 {
        margin-left: 16.6666666667%
    }

    .sm\:row-offset-3 {
        margin-left: 25%
    }

    .sm\:row-offset-4 {
        margin-left: 33.3333333333%
    }

    .sm\:row-offset-5 {
        margin-left: 41.6666666667%
    }

    .sm\:row-offset-6 {
        margin-left: 50%
    }

    .sm\:row-offset-7 {
        margin-left: 58.3333333333%
    }

    .sm\:row-offset-8 {
        margin-left: 66.6666666667%
    }

    .sm\:row-offset-9 {
        margin-left: 75%
    }

    .sm\:row-offset-10 {
        margin-left: 83.3333333333%
    }

    .sm\:row-offset-11 {
        margin-left: 91.6666666667%
    }

    .sm\:row-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:grid-col-1 {
        grid-column-end: span 1
    }

    .sm\:grid-col-2 {
        grid-column-end: span 2
    }

    .sm\:grid-col-3 {
        grid-column-end: span 3
    }

    .sm\:grid-col-4 {
        grid-column-end: span 4
    }

    .sm\:grid-col-5 {
        grid-column-end: span 5
    }

    .sm\:grid-col-6 {
        grid-column-end: span 6
    }

    .sm\:grid-col-7 {
        grid-column-end: span 7
    }

    .sm\:grid-col-8 {
        grid-column-end: span 8
    }

    .sm\:grid-col-9 {
        grid-column-end: span 9
    }

    .sm\:grid-col-10 {
        grid-column-end: span 10
    }

    .sm\:grid-col-11 {
        grid-column-end: span 11
    }

    .sm\:grid-col-12 {
        grid-column-end: span 12
    }

    .sm\:grid-start-0 {
        grid-column-start: 0
    }

    .sm\:grid-start-1 {
        grid-column-start: 1
    }

    .sm\:grid-start-2 {
        grid-column-start: 2
    }

    .sm\:grid-start-3 {
        grid-column-start: 3
    }

    .sm\:grid-start-4 {
        grid-column-start: 4
    }

    .sm\:grid-start-5 {
        grid-column-start: 5
    }

    .sm\:grid-start-6 {
        grid-column-start: 6
    }

    .sm\:grid-start-7 {
        grid-column-start: 7
    }

    .sm\:grid-start-8 {
        grid-column-start: 8
    }

    .sm\:grid-start-9 {
        grid-column-start: 9
    }

    .sm\:grid-start-10 {
        grid-column-start: 10
    }

    .sm\:grid-start-11 {
        grid-column-start: 11
    }

    .sm\:grid-start-12 {
        grid-column-start: 12
    }
}

.hamburger {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    display: block
}

.hamburger-midline,.hamburger::before,.hamburger::after {
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background-color: currentColor
}

.hamburger-midline {
    transition-property: opacity
}

.hamburger::before,.hamburger::after {
    content: "";
    transform-origin: 50% 50%;
    transition-property: transform
}

.hamburger::before {
    transform: translate3d(0, 0.375rem, 0)
}

.hamburger::after {
    transform: translate3d(0, -0.375rem, 0)
}

.open .hamburger-midline,.hamburger.open .hamburger-midline {
    opacity: 0
}

.open .hamburger::before,.hamburger.open::before {
    transform: rotate3d(0, 0, 1, -45deg)
}

.open .hamburger::after,.hamburger.open::after {
    transform: rotate3d(0, 0, 1, 45deg)
}

.plus,.close {
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    box-sizing: border-box;
    background-image: linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);
    background-clip: content-box,content-box;
    background-position: center;
    background-size: 100% 1px,1px 100%;
    background-repeat: no-repeat
}

.open .plus,.plus.open,.open .close,.close.open {
    background-size: 100% 1px
}

.close {
    transform: rotate(45deg)
}

.popup {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99
}

.popup-container {
    padding: 4rem;
    overflow: auto
}

.popup-content {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
    background-color: #fff
}

.popup-close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1.5rem;
    right: 1.5rem;
    stroke-width: 1px;
    border-radius: 4px;
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.popup-close .icon {
    position: absolute;
    inset: 0;
    margin: auto
}

.popup-close:hover {
    background-color: rgba(0,0,0,.08)
}

.popup-logo {
    position: absolute;
    height: 3rem;
    top: 3rem;
    left: 3rem
}

@media screen and (max-width: 1279px) {
    .popup-logo {
        height:2rem;
        top: 1rem;
        left: 1rem
    }
}

@media screen and (max-width: 767px) {
    .popup-container {
        padding:2rem 1rem
    }

    .popup-close {
        top: 1rem;
        right: 1rem
    }
}

.popup-enter-active,.popup-leave-active {
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.popup-enter-from,.popup-leave-to {
    background-color: rgba(0,0,0,0)
}

.popup-enter-active .popup-content,.popup-leave-active .popup-content {
    transition-property: transform,opacity;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.popup-enter-from .popup-content,.popup-leave-to .popup-content {
    opacity: 0;
    transform: translateY(24px)
}

.popup-video .popup-close {
    background-color: #fff;
    border-radius: .25rem
}

.popup-video video {
    display: block;
    width: 100%
}

.popup-newsletter .popup-content {
    padding: 8rem 12rem 4rem
}

.popup-newsletter .h2 {
    text-align: center;
    margin-bottom: 2rem
}

.popup-newsletter .btn {
    margin-left: auto;
    margin-right: auto
}

.popup-newsletter a {
    color: var(--brand-color)
}

.popup-newsletter a:hover,.popup-newsletter a:focus {
    text-decoration: underline
}

.popup-distributor .popup-content {
    padding: 8rem;
    max-width: 100rem
}

@media screen and (max-width: 1279px) {
    .popup-newsletter .popup-content {
        padding:5rem 1.5rem 2rem
    }

    .popup-newsletter .h2 {
        margin-bottom: 1rem
    }

    .popup-newsletter .label,.popup-newsletter .checkbox-container {
        font-size: .875rem
    }

    .popup-distributor .popup-content {
        padding: 5rem 1.5rem 2rem
    }
}

.popup-alert {
    z-index: 999
}

.popup-alert .popup-content {
    max-width: 48rem;
    padding: 3rem
}

.popup-alert .popup-close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.popup-alert h2 {
    color: var(--brand-color)
}

.popup-alert .btn {
    margin-top: 1rem
}

@media screen and (max-width: 1279px) {
    .popup-alert .popup-content {
        padding:2rem
    }

    .popup-alert .btn {
        width: 8rem;
        height: 2.5rem
    }

    .popup-alert .btn .icon {
        margin-left: .25rem
    }
}

.popup-inquiry .popup-content {
    padding: 4rem 12.25rem 6rem;
    max-width: 100rem
}

.popup-inquiry a {
    color: var(--brand-color)
}

.popup-inquiry a:hover,.popup-inquiry a:focus {
    text-decoration: underline
}

.popup-inquiry .btn {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto
}

.popup-inquiry-header {
    text-align: center;
    margin-bottom: 2rem
}

.popup-inquiry-product-title {
    margin: 8px 0;
    font-size: 1.25rem
}

.popup-inquiry-product-title span {
    color: var(--brand-color)
}

.popup-inquiry-tips {
    color: #9a9a9a;
    font-size: .875rem
}

@media screen and (max-width: 1279px) {
    .popup-inquiry .popup-container {
        padding:2rem .5rem
    }

    .popup-inquiry .popup-content {
        padding: 4rem 6rem
    }

    .popup-inquiry-header {
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 767px) {
    .popup-inquiry .popup-content {
        padding:4rem 1rem 2rem
    }

    .popup-inquiry .checkbox-container {
        font-size: .75rem
    }

    .popup-inquiry-header {
        margin-bottom: 1rem
    }

    .popup-inquiry-product-title {
        margin: 0;
        font-size: .875rem
    }

    .popup-inquiry-tips {
        font-size: .75rem
    }
}

.popup-sign .popup-content {
    background-color: initial
}

.popup-cookie {
    justify-content: flex-start
}

.popup-cookie .popup-container {
    padding: 0
}

@keyframes spinner-loading {
    to {
        transform: rotate(360deg)
    }
}

.spinner {
    --spinner-size: 3rem;
    --spinner-border-width: 2px;
    inset: 0;
    background-color: hsla(0,0%,100%,.5);
    padding: 2rem;
    z-index: 8;
    position: fixed;
    color: var(--brand-color, #000)
}

.spinner::after {
    content: "";
    width: var(--spinner-size);
    height: var(--spinner-size);
    position: absolute;
    left: 50%;
    margin-left: calc(-0.5*var(--spinner-size));
    top: 50%;
    margin-top: calc(-0.5*var(--spinner-size));
    animation: spinner-loading .75s linear 0s infinite normal none running;
    border-style: solid;
    border-width: var(--spinner-border-width);
    border-color: currentColor currentColor rgba(0,0,0,0) rgba(0,0,0,0);
    border-radius: 9999px
}

[data-reveal] {
    opacity: 0;
    transform: translateY(2rem)
}

[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    transition-property: opacity,transform;
    transition-duration: .5s;
    transition-timing-function: var(--default-timing-function)
}

@keyframes autoplay-progress {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: none
    }
}

.splide__track,.splide__slide,.splide__slide picture {
    height: 100%
}

.splide__pagination {
    position: absolute;
    inset: auto 0 4rem;
    gap: .75rem;
    pointer-events: none
}

.splide__pagination__page {
    display: block;
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    position: relative;
    border-radius: 99px;
    overflow: hidden
}

.splide__pagination__page.is-active {
    width: 3.75rem
}

.splide__pagination__page.is-active::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: var(--brand-color);
    animation: autoplay-progress linear var(--autoplay-interval)
}

.splide.is-paused .splide__pagination__page.is-active::before {
    animation-play-state: paused
}

.splide__arrow:disabled {
    display: none
}

.splide-progress {
    --progress-bar-width: 0;
    --progress-bar-offset: 0;
    position: relative;
    margin-top: 2rem;
    height: .125rem;
    background-color: rgba(190,190,190,.3)
}

.splide-progress::before {
    content: "";
    position: absolute;
    height: 100%;
    width: var(--progress-bar-width);
    left: var(--progress-bar-offset);
    background-color: var(--brand-color);
    transition-property: left;
    transition-timing-function: var(--default-timing-function);
    transition-duration: var(--default-duration)
}

@media screen and (max-width: 1279px) {
    .splide__pagination {
        bottom:2rem;
        gap: 4px
    }

    .splide__pagination__page {
        width: 4px;
        height: 4px
    }

    .splide__pagination__page.is-active {
        width: 2rem
    }

    .splide-overlay {
        --btn-size: 2.25rem;
        padding: 1.5rem 1.5rem 4rem
    }

    .splide-content {
        max-width: 32rem
    }

    .splide-content .btn {
        width: 6.5rem;
        height: 2.25rem;
        margin-top: 1rem;
        font-size: .75rem
    }

    .splide-content .btn .icon {
        width: .75rem;
        height: .75rem
    }

    .splide-title {
        font-size: 1.25rem
    }

    .splide-desc {
        margin-top: .5rem;
        font-size: .875rem
    }
}

.f-carousel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.f-carousel a {
    cursor: inherit
}

.f-carousel__nav .f-button:disabled {
    --f-button-color: var(--default-border-color);
    cursor: not-allowed;
    pointer-events: initial
}

.f-carousel__thumbs {
    --f-thumb-width: 5rem;
    --f-thumb-height: var(--f-thumb-width);
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: var(--brand-color);
    --f-thumb-border-radius: 0px;
    --f-button-width: var(--f-thumb-width);
    --f-button-height: var(--f-thumb-width);
    --f-button-color: var(--brand-color);
    --f-button-hover-color: var(--brand-color)
}

.f-carousel__thumbs.is-classic {
    --f-thumb-opacity: 1;
    --f-thumb-gap: 1rem
}

.f-carousel__thumbs.has-navigation.is-vertical {
    padding: calc(var(--f-thumb-height) + var(--f-thumb-gap)) 0
}

.f-carousel__thumbs.has-navigation.is-horizontal {
    padding: 0 calc(var(--f-thumb-width) + var(--f-thumb-gap))
}

.f-thumbs.is-vertical .f-thumbs__track,.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 0
}

.f-thumbs__slide__button {
    background-color: var(--whitesmoke)
}

@media screen and (max-width: 767px) {
    .f-carousel__thumbs {
        --f-thumb-width: 3.5rem
    }

    .f-carousel__thumbs.is-classic {
        --f-thumb-gap: 0.75rem
    }
}

:is(.pagination-prev,.pagination-next),.menu-link,.header-link {
    --underline-size: 1px;
    --underline-color: currentColor;
    text-decoration: none;
    background-image: linear-gradient(var(--underline-color), var(--underline-color));
    background-size: 0% var(--underline-size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: color,background-size;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
}

:is(.pagination-prev,.pagination-next):is(a):is(:hover,:focus),.menu-link:hover,.menu-link:focus,.header-link:hover,.header-link:focus,.header-link.is-active,.breadcrumb-anchor.is-active {
    background-size: 100% var(--underline-size);
    background-position-x: 0%
}

:root {
    --icon-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cstyle%3E@keyframes rotate%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(360deg)%7D%7D@keyframes fillunfill%7B0%25%7Bstroke-dashoffset:32.3%7D50%25%7Bstroke-dashoffset:0%7Dto%7Bstroke-dashoffset:-31.9%7D%7D@keyframes rot%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(-360deg)%7D%7D@keyframes colors%7B0%25,to%7Bstroke:%23e51469%7D%7D%3C/style%3E%3Cg style='animation-duration:1568.63ms;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;transform-origin:50%25 50%25;width:16px;height:16px'%3E%3Cpath fill='none' d='M8 1.125A6.875 6.875 0 1 1 1.125 8' stroke-width='2' stroke-linecap='round' style='animation-duration:1333ms,5332ms,5332ms;animation-fill-mode:forwards;animation-iteration-count:infinite,infinite,infinite;animation-name:fillunfill,rot,colors;animation-play-state:running,running,running;animation-timing-function:cubic-bezier(.4,0,.2,1),steps(4),linear;transform-origin:50%25 50%25' stroke-dasharray='32.4' stroke-dashoffset='32.4'/%3E%3C/g%3E%3C/svg%3E");
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e51469' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")
}

.is-loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: hsla(0,0%,100%,.5);
    background-size: 2rem 2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: var(--icon-spinner);
    z-index: 100
}

body.is-loading::after {
    position: fixed
}

turbo-frame {
    display: block
}

.overflow-auto {
    overflow: auto
}

.h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25
}

.h2 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25
}

.h3 {
    font-size: 1.5rem;
    font-weight: 700
}

.h4 {
    font-size: 1.25rem;
    font-weight: 700
}

.h1 span,.h2 span,.h3 span,.h4 span {
    color: var(--brand-color)
}

@media screen and (max-width: 767px) {
    .h1 {
        font-size:2rem
    }

    .h2 {
        font-size: 1.5rem
    }

    .h3 {
        font-size: 1.25rem
    }

    .h4 {
        font-size: 1rem
    }
}

.brand-color,.hover\:brand-color:hover {
    color:#d7000f
}

.icon {
    width: 1.5rem;
    height: 1.5rem
}

.sliding-underline {
    --underline-size: 1px;
    --underline-color: currentColor;
    text-decoration: none;
    background-image: linear-gradient(var(--underline-color), var(--underline-color));
    background-size: 0% var(--underline-size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: color,background-size;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
}

.sliding-underline.is-active {
    color: var(--brand-color);
    background-size: 100% var(--underline-size);
    background-position-x: 0%
}

@media(pointer: fine) {
    .sliding-underline:hover {
        color:var(--brand-color);
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

.prose {
    --margin-top: 1.5em;
    word-break: break-word
}

.prose *~* {
    margin-top: var(--margin-top)
}

.prose h1,.prose h2,.prose h3,.prose h4 {
    font-weight: 700;
    margin-bottom: 0
}

.prose h1 {
    font-size: 3em;
    line-height: 1.25;
}

.prose h2 {
    font-size: 2.25em;
    line-height: 1.25
}

.prose h3 {
    font-size: 1.5em
}

.prose h4 {
    font-size: 1.25em
}

.prose ul,.prose ol {
    padding-left: 1.5em
}

.prose ul {
    list-style-type: square
}

.prose ol {
    list-style-type: decimal
}

.prose li {
    margin-top: 0
}

.prose a {
    color: var(--brand-color)
}

@media(pointer: fine) {
    .prose a:not([data-fancybox]) {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .prose a:not([data-fancybox]):hover,.prose a:not([data-fancybox]):focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media(pointer: coarse) {
    .prose a {
        text-decoration:underline
    }
}

@media screen and (max-width: 767px) {
    .prose h1 {
        font-size:1.75em
    }

    .prose h2 {
        font-size: 1.5em
    }

    .prose h3 {
        font-size: 1.25em
    }

    .prose h4 {
        font-size: 1.25em
    }
}

.breadcrumb {
    position: sticky;
    top: var(--header-height);
    overflow: auto;
    z-index: 7;
    background: linear-gradient(90deg, rgb(51, 51, 51) 24px, rgba(0, 0, 0, 0)) center left,linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(51, 51, 51) 24px) center right,linear-gradient(90deg, #FCE9EC, rgba(0, 0, 0, 0)) center left,linear-gradient(270deg, #FCE9EC, rgba(0, 0, 0, 0)) center right;
    background-repeat: no-repeat;
    background-size: 48px 100%,48px 100%,24px 100%,24px 100%;
    background-attachment: local,local,scroll,scroll;
    background-color: #333
}

.breadcrumb-content {
    position: relative;
    color: #838383;
    display: flex;
    align-items: center;
    height: 4.5rem
}

.breadcrumb-item {
    display: contents
}

.breadcrumb-item:not(:first-child)::before {
    content: "/";
    margin: 0 .5rem
}

.breadcrumb-link {
    text-transform: capitalize;
    transition: color var(--default-duration) var(--default-timing-function)
}

.breadcrumb-link:hover,.breadcrumb-link:not(a) {
    color: #fff
}

.breadcrumb-link:not(a) {
    font-weight: 700
}

.breadcrumb-anchor-nav {
    margin-left: auto;
    display: flex;
    height: 100%;
    gap: 3.375rem
}

.breadcrumb-anchor {
    --underline-size: 1px;
    --underline-color: currentColor;
    text-decoration: none;
    background-image: linear-gradient(var(--underline-color), var(--underline-color));
    background-size: 0% var(--underline-size);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition-property: color,background-size;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1);
    --underline-size: 3px;
    --underline-color: var(--brand-color);
    color: #fff;
    opacity: .5;
    display: flex;
    align-items: center;
    transition-property: opacity,background-size;
    padding-right: .25rem;
    flex-shrink: 0
}

.breadcrumb-anchor .icon {
    margin-right: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.breadcrumb-anchor.is-active {
    opacity: 1
}

@media(hover: hover) {
    .breadcrumb-anchor:hover {
        opacity:1
    }
}

@media screen and (max-width: 1535px) {
    .breadcrumb-anchor-nav {
        gap:2rem
    }
}

@media screen and (max-width: 1279px) {
    .breadcrumb-content {
        height:4rem
    }

    .breadcrumb-anchor-nav {
        gap: 1.25rem
    }

    .breadcrumb-anchor {
        font-size: 0;
        padding-right: 0
    }

    .breadcrumb-anchor .icon {
        margin-right: 0
    }

    .breadcrumb-anchor span {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-item {
        display:none
    }

    .breadcrumb-content {
        height: 3rem
    }

    .breadcrumb-anchor-nav {
        margin-left: 0
    }

    .breadcrumb-anchor-nav::after {
        content: "";
        padding-right: 1px
    }

    .breadcrumb--no-anchor {
        display: none
    }
}

.banner {
    position: relative;
    background-image: var(--blackboard);
    color: #fff
}

.banner-content {
    max-width: 48rem
}

.banner-content .download-item {
    display: inline-flex;
    align-items: center;
    margin-top: .5rem;
    margin-right: 1rem
}

.banner-content .download-item .icon,.banner-content .download-link {
    color: #fff
}

.banner-content .prose *~* {
    margin-top: 0
}

.banner-content .prose h1+*,.banner-content .prose h2+*,.banner-content .prose h3+* {
    margin-top: var(--margin-top)
}

.banner-content .btn,.banner-download-area {
    margin-top: 2rem
}

.splide__slide .banner-content {
    text-align: center;
    margin: auto
}

.splide__slide .banner-content .btn {
    margin-left: auto;
    margin-right: auto
}

.banner-download-area {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem
}

.banner-download-area .download-item {
    margin-top: 0;
    margin-right: 0
}

.banner-image {
    width: 100%;
    height: 37.5rem;
    margin: auto;
    object-fit: cover
}

.banner--tall .banner-image {
    height: 50rem
}

.banner-overlay {
    --btn-size: 3rem;
    position: absolute;
    inset: auto 0 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    overflow: hidden;
    padding: 6rem 0;
    margin: auto
}

.banner-overlay .container {
    position: relative
}

.banner-overlay .playbtn {
    --size: var(--btn-size);
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    margin: 0
}

.banner.is-playing .playbtn {
    display: none
}

.banner-with-video .banner-overlay .container {
    padding-right: calc(var(--btn-size) + 1rem)
}

.splide__slide .banner-overlay {
    inset: 0
}

.splide__slide .banner-overlay .container {
    height: 100%;
    display: flex
}

.splide-has-pagination .splide__slide .banner-overlay {
    padding: 8rem 0
}

.banner-subtitle {
    margin-bottom: 1rem
}

.banner-desc {
    margin-top: 1rem
}

.banner-title,.banner-desc h1,.banner-desc h2,.banner-desc h3 {
    font-size: 3rem;
    line-height: 1.25;
    font-weight: 700
}

@media screen and (max-width: 1279px) {
    .banner-image {
        height:28rem
    }

    .banner--tall .banner-image {
        height: auto
    }
.page-home .banner-h .splide__arrow--prev{left: 1rem;}
.page-home .banner-h .splide__arrow--next{right: 1rem;}
    .banner-overlay,.splide-has-pagination .splide__slide .banner-overlay {
        padding: 4rem 0
    }

    .banner-content {
        max-width: 32rem
    }

    .banner-content .btn {
        margin-top: 1rem
    }

    .banner-content .btn .icon-arrow {
        width: .75rem;
        height: .75rem;
        margin-left: .375rem
    }

    .banner-overlay {
        --btn-size: 2.5rem
    }

    .banner-title,.banner-desc h1,.banner-desc h2,.banner-desc h3 {
        font-size: 2rem
    }

    .banner-download-area {
        margin-top: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    .banner-image {
        height:20rem
    }

    .banner--tall .banner-image {
        height: auto
    }
.page-home .banner-h .splide__arrow--prev{left: .5rem;}
.page-home .banner-h .splide__arrow--next{right: .5rem;}
.page-home .banner-h .splide__arrow {
    width:1.5rem;
    height:1.5rem;
}
.page-home .banner-h .splide__pagination {
        bottom: 1rem;
    }
    .banner-overlay {
        padding: 2rem 0
    }

    .banner-content .btn {
        font-size: .75rem;
        width: 6.5rem;
        height: 2.25rem
    }

    .banner-content .download-link:hover {
        color: var(--brand-color)
    }

    .banner-subtitle,.banner-desc {
        font-size: .75rem;
        line-height: 1rem
    }

    .banner-title,.banner-desc h1,.banner-desc h2,.banner-desc h3 {
        font-size: 1.5rem
    }

    .banner-desc {
        --margin-top: 0.5em
    }

    .banner-desc p {
        max-height: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.btn {
    --color: currentColor;
    --bg-color: transparent;
    --hover-color: #fff;
    --hover-bg-color:#02bff7;
    border-radius: .375em;
    width: 12.5rem;
    height: 3.125rem;
    border-width: 1px;
    border-color: var(--color);
    color: var(--color);
    background-color: var(--bg-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition-property: color,border-color;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.btn .icon {
    margin-left: .75rem
}

.btn .icon-arrow {
    width: 1rem;
    height: 1rem
}

.btn:disabled {
    cursor: not-allowed
}

.btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -1px;
    border-radius: inherit;
    background-color: currentColor;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    background-color: var(--hover-bg-color);
    transition-property: transform;
    transition-duration: inherit;
    transition-timing-function: inherit
}

@media(hover: hover)and (pointer: fine) {
    .btn:is(a,button):not(:disabled):hover,:is(a,button):not(:disabled):hover .btn {
        color:var(--hover-color);
        border-color: var(--hover-bg-color)
    }

    .btn:is(a,button):not(:disabled):hover::before,:is(a,button):not(:disabled):hover .btn::before {
        transform: none
    }
}

.btn[data-loading]::after {
    content: "";
    position: absolute;
    inset: -1px;
    background-color: hsla(0,0%,100%,.75);
    background-position: 50% 50%;
    background-size: 1.25rem 1.25rem;
    background-image: var(--icon-spinner);
    background-repeat: no-repeat
}

.btn.is-link {
    --hover-bg-color: trnasparent;
    --hover-color: initial;
    border-width: 0
}

.btn.is-link::before {
    display: none
}

.btn.is-link:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .btn {
        transition:none
    }
}

.category {
    display: flex;
    gap: .5rem 3rem;
    overflow: auto
}
.category.c-brand {
    gap: .3rem 2rem;
}
.c-brand    .category-links {
        font-size: 1.1em;
    }
.category-link {
    flex-shrink: 0;
    color: rgba(0,0,0,.5)
}
.category-links {
    flex-shrink: 0;
    color: rgba(0,0,0,.5)
}
.category-link.is-active {
    color: var(--brand-color)
}
.category-links.is-active {
    color: var(--brand-color)
}

.category2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    overflow: auto;
    white-space: nowrap
}

.category2-item {
    padding-left: 24px;
    padding-right: 24px
}

.category2-item:not(:first-child,:last-child) {
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #c9c9c9
}

.category2-item:first-child {
    padding-left: 0
}

.category2-item:last-child {
    padding-right: 0
}

.category2-link {
    font-size: 1.5rem
}

.category2-link.active {
    font-weight: 700;
    color: var(--brand-color)
}

.category2-link:not(.active) {
    color: rgba(0,0,0,.5)
}

.category2-link:not(.active):hover {
    color: var(--brand-color)
}
.tag-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.story-content .tag-lists .btn {
    margin-top: 1.5em;
	margin-bottom:1.5em;
}
.story-content .tag-lists .btn svg{
    transform: rotate(270deg);
}
@media(hover: hover)and (pointer: fine) {
    .category-link:hover,.category-link:focus {
        background-size:100% var(--underline-size);
        background-position-x: 0%;
        color: var(--brand-color)
    }
	.category-links:hover,.category-links:focus {
	    background-size:100% var(--underline-size);
	    background-position-x: 0%;
	    color: var(--brand-color)
	}
}

@media screen and (min-width: 768px) {
    .category-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .category-link.is-active {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
	.category-links {
	    --underline-size: 1px;
	    --underline-color: currentColor;
	    text-decoration: none;
	    background-image: linear-gradient(var(--underline-color), var(--underline-color));
	    background-size: 0% var(--underline-size);
	    background-position: 100% 100%;
	    background-repeat: no-repeat;
	    transition-property: color,background-size;
	    transition-duration: .25s;
	    transition-timing-function: cubic-bezier(0.4, 0, 0, 1);
		font-weight: 700;
		font-size: 1.2em;
	}
	
	.category-links.is-active {
	    background-size: 100% var(--underline-size);
	    background-position-x: 0%
	}
}

@media screen and (max-width: 1279px) {
    .category {
        padding:1.25rem 2rem;
        margin: 0 -2rem;
        background: linear-gradient(90deg, var(--whitesmoke), rgba(0, 0, 0, 0)) center left/48px 100% no-repeat local,linear-gradient(90deg, rgba(0, 0, 0, 0), var(--whitesmoke)) center right/48px 100% no-repeat local,linear-gradient(90deg, #FCE9EC, rgba(0, 0, 0, 0)) center left/48px 100% no-repeat scroll,linear-gradient(270deg, #FCE9EC, rgba(0, 0, 0, 0)) center right/48px 100% no-repeat scroll var(--whitesmoke)
    }
}

@media screen and (max-width: 767px) {
    .category,.category.c-brand {
        column-gap:1rem;
        margin: 0 -1.25rem;
        padding: 1.25rem
    }

    .category2 {
        padding: 1.25rem;
        margin: 0 -1.25rem;
        background: linear-gradient(90deg, var(--whitesmoke), rgba(0, 0, 0, 0)) center left/48px 100% no-repeat local,linear-gradient(90deg, rgba(0, 0, 0, 0), var(--whitesmoke)) center right/48px 100% no-repeat local,linear-gradient(90deg, #FCE9EC, rgba(0, 0, 0, 0)) center left/48px 100% no-repeat scroll,linear-gradient(270deg, #FCE9EC, rgba(0, 0, 0, 0)) center right/48px 100% no-repeat scroll var(--whitesmoke)
    }

    .category2-item {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .category2-link {
        font-size: 1rem
    }
}

.story {
    --padding: 8rem;
    --margin-top: 0;
    --gutter-y: 2.5rem;
    align-items: center
}

.story:nth-child(2n) {
    flex-direction: row-reverse
}

.story:not(:first-child) {
    margin-top: var(--margin-top)
}

.story-content {
    padding-left: var(--padding);
}
.story-content.story_x{padding-left:0;}
.story-content .h2,.story-content .h3 {
    margin-bottom: 2em
}

.story:nth-child(2n) .story-content {
    padding-right: var(--padding);
    padding-left: 0
}

.story-image {
    display: block;
    width: 100%
}
.story-content .btn{margin-top:2.5em;background-color: var(--brand-color);color: #fff;}
.story-content .btn svg{margin-top:0}
.story-contents .btn{margin-top:2.5em;background-color: var(--brand-color);color: #fff;}
.story-contents .btn svg{margin-top:0}
@media screen and (max-width: 1279px) {
    .story {
        --padding: 0px;
        --margin-top: 2rem
    }
}

.article-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 2rem
}

.article {
    position: relative
}

.article-image-container {
    overflow: hidden;
    padding-top: 68.8405797101%;
    position: relative;
	border-radius: 4px;
}

.article-image-container .playbtn {
    z-index: 1
}

.article-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(0.65, 0, 0.35, 1);
    transform: scale(1.01)
}

.article-image-container:hover .article-image {
    transform: scale(1.125)
}

.article-content {
    margin-top: 2rem
}

.article-title,.article-subtitle {
    margin: .5rem 0
}

.article-subtitle,.article-breadcrumb {
    color: var(--brand-color)
}

.article-breadcrumb-item {
    display: contents
}

.article-title {
    font-size: 1.25rem;
    font-weight: 700
}

@media(pointer: fine) {
    .article-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .article-link:hover {
        background-size: 100% var(--underline-size);
        background-position-x: 0%;
        color: var(--brand-color)
    }
}

.article-breadcrumb-item:not(:last-child)::after {
    content: "|";
    margin: 0 .5rem
}

@media screen and (max-width: 1279px) {
    .article-list {
        grid-template-columns:repeat(2, 1fr);
        row-gap: 2rem
    }

    .article-content {
        margin-top: 1rem
    }

    .article-title {
        font-size: 1.125rem
    }

    .article-subtitle {
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .article-list {
        grid-template-columns:repeat(1, 1fr)
    }
}

.article-detail-actions {
    position: relative;
    border-top-width: 1px;
    border-top-color: #d3d3d3
}

.article-detail-action-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.series {
    position: relative;
    height: 100%
}

.series-grid--feature-2 .series-image.big {
    display: none
}

.series-grid {
    --row-gap: 4rem;
    --column-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--row-gap) var(--column-gap)
}

.series-grid--feature-3 {
    --row-gap: var(--column-gap);
    --margin-top: 2rem;
    margin-top: var(--margin-top)
}

.series-image-container {
    position: relative;
    overflow: hidden;
    padding-top: 130%;
  
}

.series-grid--feature-3 .series-image-container {
    height: 100%
}

.series[data-tag]::after {
    content: attr(data-tag);
    position: absolute;
    top: 2rem;
    left: 1.375rem;
    background-color: var(--tag-bg, #E51469);
    color: var(--tag-color, #ffffff);
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-top-right-radius: .5rem;
    padding: .125rem .375rem
}

.series-image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1.01)
}

a.series:hover .series-image {
    transform: scale(1.125)
}

.series-content {
    padding-top: 2rem
}

.series-grid--feature-3 .series-content {
    padding: 2rem
}

.series-grid--feature-3 .series-content {
    position: absolute;
    inset: auto 0 0
}

.series-title {
    font-size: 1.25rem;
    font-weight: 700
}

.series-title span,.series-title em {
    color: var(--brand-color);
    font-style: normal
}

.series-grid--feature-3 .series-title {
    font-weight: 400
}

.series-desc {
    margin-top: .5rem
}
.prp .series-section a:hover h2 {
    color: var(--brand-color);
}
@media screen and (max-width: 1279px) {
    .series[data-tag]::after {
        top:1rem;
        left: 1rem;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .series-grid {
        --column-gap: 1rem;
        --row-gap: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .series-grid--feature-3 {
        --column-gap: 1rem;
        --row-gap: var(--column-gap);
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .series-grid--feature-3 .series-content {
        padding: 1.25rem
    }

    .series-grid--feature-3 .series-title {
        font-size: .875rem
    }

    .series-grid--feature-3 .series--new .series-image-container::after {
        top: 1rem;
        left: 1rem;
        width: 2rem;
        height: 1rem
    }

    .series-grid--feature-3 .series--coming-soon .series-image-container::after {
        top: 1rem;
        left: 1rem;
        width: 4rem;
        height: 1rem
    }
}

@media screen and (max-width: 767px) {
    .series-grid {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .series-grid--feature-3 {
        --row-gap: var(--column-gap);
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .series-grid--feature-3 .series[data-tag]::after {
        top: .75rem;
        left: .75rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .series-content {
        padding-top: 1rem
    }

    .series-grid--feature-3 .series-content {
        padding: 1rem
    }

    .series-title {
        font-size: 1.25rem
    }

    .series-desc {
        font-size: .875rem
    }

    .series--new .series-image-container::after {
        top: 1.5rem;
        left: 1.5rem;
        width: 3rem;
        height: 1.5rem
    }
}

.series-model {
    position: relative;
    overflow: hidden;
    background-color: #edf4f5;
    padding: 4rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.series-model-image-container {
    margin: auto
}

.series-model-image {
    object-fit: contain;
    height: 6rem;
    margin: 0 auto .5rem
}

.series-model-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--brand-color)
}

@media screen and (max-width: 1279px) {
    .series-model {
        font-size:.875rem;
        padding: 1.5rem .75rem
    }

    .series-model-title {
        font-size: 1rem
    }

    .series-model-image {
        height: 3.5rem
    }
}

.view-more {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    margin-left: auto
}

.view-more .icon {
    margin-left: .5rem
}

.view-more .icon-arrow {
    width: 1rem;
    height: 1rem
}

.view-more:hover {
    color: var(--brand-color)
}

@media(pointer: fine) {
    .view-more span {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .view-more:hover span {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media screen and (max-width: 767px) {
    .view-more {
        font-size:.75rem
    }

    .view-more .icon {
        margin-left: .25rem
    }

    .view-more .icon-arrow {
        width: .75rem;
        height: .75rem
    }
}

.contact[data-type="399"] {
    --marker-icon-color: #418BE2
}

.contact[data-type="400"] {
    --marker-icon-color: #FF7E10
}

.contact[data-type="401"] {
    --marker-icon-color: #E51469
}

.contact[data-type="402"] {
    --marker-icon-color: #8015FC
}

.contact-title {
    display: flex;
    align-items: center
}

.contact-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: var(--marker-icon-color)
}

.contact-subtitle {
    margin-bottom: .5rem
}

.contact-info {
    border-top-width: 1px;
    border-top-color: var(--default-border-color);
    padding: 1.25rem 0
}

.contact-item {
    position: relative;
    padding-left: 1.5em
}
.contact-form-container{border-top-width: 1px;border-top-color: #d3d3d3;}
.contact-item+.contact-item {
    margin-top: .5rem
}

.contact-office {
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem
}

.contact-label {
    position: absolute;
    left: 0;
    font-weight: 700
}

.contact-link {
    color: var(--brand-color)
}

@media(pointer: fine) {
    .contact-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .contact-link:hover,.contact-link:focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

.contact-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: auto
}

.contact-footer [data-timezone] {
    display: contents
}

.contact-footer svg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .75rem
}

.contact-map {
    text-decoration: underline;
    margin-left: auto;
    color: #9a9a9a
}

.contact-map:hover {
    color: var(--brand-color)
}

.playbtn {
    --size: 3rem;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: calc(var(--size)*-0.5);
    margin-left: calc(var(--size)*-0.5);
    border-radius: 9999px;
    color: #fff;
    border-width: 1px;
    border-color: var(--brand-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23e51469' stroke='%23e51469' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E");
    background-size: 1rem 1rem;
    background-position: calc(50% + 1px) 50%;
    background-repeat: no-repeat
}

.playbtn::before,.playbtn::after {
    content: "";
    border-radius: inherit;
    border-width: 1px;
    border-color: var(--brand-color);
    position: absolute;
    transition-property: transform;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.playbtn::before {
    width: 150%;
    height: 150%;
    left: -25%;
    top: -25%;
    opacity: .8;
    transform: scale(0.666667)
}

.playbtn::after {
    width: 200%;
    height: 200%;
    left: -50%;
    top: -50%;
    opacity: .3;
    transform: scale(0.5);
    transition-delay: .05s
}

.playbtn:hover::before,.playbtn:hover::after {
    transform: none
}

.accordion-item {
    border-color: rgba(112,112,112,.15);
    border-top-width: 1px
}

.accordion-item:last-child {
    border-bottom-width: 1px
}

.accordion-item.is-active {
    color: var(--brand-color)
}

.accordion-action {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    font-size: 1.25rem;
    padding: 1rem 0;
    padding-left: 1.5rem;
    font-weight: 700
}

.accordion-action::before {
    content: "-";
    position: absolute;
    left: 0
}

.accordion-title {
    flex: 1 1 0%
}

.accordion-item.is-active .icon-arrow {
    transform: rotate(-180deg)
}

.accordion-content {
    padding-right: 4rem;
    padding-left: 1.5rem
}

.accordion-content .prose {
    padding-bottom: 1.5rem
}

@media screen and (max-width: 767px) {
    .accordion-title {
        font-size:1rem
    }

    .accordion-content {
        padding-right: 0
    }
}

.checkbox-container {
    display: flex;
    align-items: flex-start
}

.checkbox {
    appearance: none;
    margin: 0;
    width: 1rem;
    height: 1rem;
    border-width: 1px;
    margin-top: .25rem;
    margin-right: .25rem;
    flex-shrink: 0;
    background-size: .75rem .75rem;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0
}

.checkbox:checked {
    border-color: var(--brand-color);
    background-image: var(--icon-check)
}

.checkbox:checked~.label {
    color: #000
}

.checkbox:disabled {
    border-color: rgba(0,0,0,.25)
}

.checkbox:disabled~.label {
    color: rgba(0,0,0,.25)
}

.mantine-Select-wrapper,.text-input-container,.textarea-container,.select-container {
    position: relative
}

.mantine-Select-wrapper,.text-input-container,.textarea-container,.select {
    border-bottom-width: 1px;
    border-color: #000
}

.mantine-Select-input,.text-input-control,.select {
    height: 4rem
}

.text-input-control,.mantine-Select-input {
    padding-top: 1rem
}

.text-input-control,.textarea-control {
    appearance: none;
    display: block;
    width: 100%
}

.textarea-control {
    height: 7.5rem;
    overflow: auto;
    padding-top: 1.75rem
}

.text-input-placeholder,.textarea-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(1.75rem);
    font-weight: 700;
    pointer-events: none;
    transition-property: transform;
    transition-timing-function: var(--default-border-color);
    transition-duration: var(--default-duration);
    transform-origin: 0% 0%;
    font-weight: 700
}

.text-input-placeholder--floatting,.textarea-placeholder--floatting {
    transform: scale(0.75)
}

.mantine-Select-wrapper,.text-input-container {
    display: flex;
    align-items: center
}

.text-input-control,.mantine-Select-input {
    display: block;
    width: 100%
}

.mantine-Select-input {
    padding-right: 2rem
}

.mantine-Select-section {
    position: absolute;
    right: 0;
    top: 1rem;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 2rem;
    height: 2rem;
    pointer-events: var(--input-right-section-pointer-events)
}

.mantine-Select-section .icon {
    position: absolute;
    inset: 0;
    margin: auto;
    color: var(--brand-color)
}

.mantine-Select-section .action-close {
    border-radius: 4px;
    position: absolute;
    inset: 0;
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.mantine-Select-section .action-close:hover,.mantine-Select-section .action-close:focus {
    background-color: rgba(0,0,0,.05)
}

.mantine-Select-input[data-expanded=true]+.mantine-Select-section {
    transform: rotate(180deg)
}

.text-input-arrow {
    width: 1.5rem;
    height: 1.5rem
}

.text-input-action {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
    margin-left: .5rem;
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.text-input-action:hover,.text-input-action:focus {
    background-color: rgba(0,0,0,.05)
}

.text-input-action .icon {
    position: absolute;
    inset: 0;
    margin: auto
}

.text-input-action .icon-eye,.text-input-action .icon-eye-off {
    width: 1.25rem;
    height: 1.25rem
}

@media screen and (max-width: 767px) {
    .textarea {
        height:8rem
    }
}

.mantine-Select-error,.form-error {
    font-size: .875rem;
    color: #ff4040;
    margin-top: .5rem
}

.dropdown {
    display: inline-flex;
    align-items: center;
    text-align: left;
    border-radius: .375rem;
    transition-property: color,background-color,background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-border-color)
}

.dropdown svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .375rem
}

.dropdown.is-open svg {
    transform: rotate(-180deg)
}
.lang-s{display: none;}
.dropdown-list {
    position: absolute;
    left: 0;
    min-width: 100%;
    background-color: #fff;
    color: #000;
    margin-top: .5rem;
    z-index: 5;
    max-height: 20rem;
    overflow: auto;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px 2px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .3rem
}

.dropdown-action {
    text-align: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-property: color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.dropdown-action:hover,.dropdown-action:focus,.dropdown-action.is-active {
    font-weight: 700
}

.dropdown-enter-active,.dropdown-leave-active {
    transition-property: transform,opacity;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.dropdown-enter-from,.dropdown-leave-to {
    opacity: 0;
    transform: translateY(-0.5em)
}

@media screen and (max-width: 767px) {
    .dropdown svg {
        width:1.25rem;
        height:1.25rem
    }
}

.mantine-Select-section {
    pointer-events: var(--input-right-section-pointer-events)
}

.mantine-Select-dropdown,.mantine-Combobox-dropdown {
    z-index: 100 !important;
    position: absolute;
    background-color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
    box-shadow: 0 2px 12px rgba(0,0,0,.05)
}

.mantine-Select-options {
    max-height: 20rem;
    padding: 1rem 1.5rem;
    overflow: auto
}

.mantine-Select-option,.mantine-Combobox-option {
    text-align: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.mantine-Select-option svg,.mantine-Combobox-option svg {
    display: none
}

.mantine-Select-option:hover,.mantine-Select-option:focus,.mantine-Select-option[data-checked],.mantine-Select-option[data-combobox-selected],.mantine-Combobox-option:hover,.mantine-Combobox-option:focus,.mantine-Combobox-option[data-checked],.mantine-Combobox-option[data-combobox-selected] {
    font-weight: 700
}

.mantine-Select-option[data-checked],.mantine-Combobox-option[data-checked] {
    color: var(--brand-color)
}

.mantine-Select-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.mantine-Select-actions button {
    background-color: #000;
    color: #fff;
    padding: 10px 10px;
    gap: 10px;
    cursor: pointer;
    flex-grow: 1
}

.mantine-Select-actions button:hover {
    background-color: rgba(0,0,0,.75)
}

@media screen and (max-width: 767px) {
    .mantine-Select-actions {
        display:none
    }
}

@media screen and (max-width: 1279px) {
    .filter {
        column-gap:2rem
    }
}

@media screen and (max-width: 767px) {
    .filter {
        column-gap:2rem
    }
}

.filter-table {
    min-width: 900px
}

.filter-table .container {
    padding: 1.25rem 0;
    display: flex;
    column-gap: 6rem
}

.filter-table-body,.filter-table-header {
    overflow-y: scroll
}

.filter-table-header .container {
    align-items: center
}

.filter-table-header .filter-table-col {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.filter-table-col-action {
    flex-shrink: 0
}

.filter-table-col-break\@xl {
    width: 100%;
    display: none
}

.filter-table-body {
    background-color: var(--whitesmoke);
    max-height: 22.5rem
}

.filter-table-body .checkbox-container {
    margin: .5rem 0
}

.filter-new {
    color: var(--brand-color);
    background-color: #fbe6ef;
    padding: .25rem .75rem;
    border-radius: .5rem
}

.filter-new.is-active {
    background-color: var(--brand-color);
    color: #fff
}

.filter-new.is-active::after {
    content: "×";
    margin-left: 8px
}

.filter-reset {
    display: inline-flex;
    align-items: center
}

.filter-reset .icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem
}

.filter-new+.filter-reset {
    margin-left: 1rem
}

@media screen and (max-width: 1279px) {
    .filter-table {
        font-size:.875rem
    }

    .filter-table .checkbox {
        width: .875rem;
        height: .875rem
    }

    .filter-table-col-break\@xl {
        display: block
    }

    .filter-table-col-action {
        width: auto;
        flex-grow: 0
    }
}

@media screen and (max-width: 767px) {
    .filter-table {
        display:none;
        font-size: .75rem
    }

    .filter-table .container {
        padding: 1rem 0
    }

    .filter-new {
        padding: .25rem .5rem
    }
}

.filter-table-2 {
    position: relative
}

.filter-table-2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    top: 4rem;
    background-color: var(--whitesmoke)
}

.filter-table-2 .wrapper {
    max-height: 24.375rem;
    overflow: auto
}

.filter-table-2 .container {
    display: flex;
    gap: 5rem
}

.filter-table-2 .filter-table-label {
    height: 4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: sticky;
    top: 0;
    background-color: #fff
}

.filter-table-2 .filter-table-options {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.filter-table-2 .checkbox-container {
    margin: .5rem 0;
    white-space: nowrap
}

@media screen and (max-width: 1279px) {
    .filter-table-2 .container {
        gap:2rem
    }
}

@media screen and (max-width: 767px) {
    .filter-table-2 {
        display:none
    }
}

.filter-accordion {
    --background-color: var(--whitesmoke);
    display: none;
    background-color: var(--background-color);
    padding: 20px 0
}

.filter-accordion-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 4px 0
}

.filter-accordion-button .icon {
    color: var(--brand-color)
}

.filter-accordion-footer {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap
}

.filter-accordion-open .filter-accordion-button .icon {
    transform: rotate(180deg)
}

.filter-accordion-title {
    flex: 1 1 0%;
    font-weight: 700;
    margin-right: 8px
}

.filter-accordion-body {
    overflow: hidden;
    display: none
}

.filter-accordion-body .checkbox-container {
    margin: 8px 0
}

.filter-accordion-content {
    overflow: auto;
    max-height: 256px;
    background: linear-gradient(180deg, var(--background-color) 50%, rgba(0, 0, 0, 0)) 100% 0%,linear-gradient(0deg, var(--background-color) 50%, rgba(0, 0, 0, 0)) 100% 100%,linear-gradient(180deg, #FCE9EC, rgba(0, 0, 0, 0)) 100% 0%,linear-gradient(0deg, #FCE9EC, rgba(0, 0, 0, 0)) 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 48px,100% 48px,100% 24px,100% 24px;
    background-attachment: local,local,scroll,scroll
}

@media screen and (max-width: 767px) {
    .filter-accordion {
        display:block
    }
}

.search-form {
    display: flex;
    flex-wrap: wrap
}

.search-form .btn {
    --bg-color: var(--brand-color);
    height: auto;
    margin-left: 1rem;
    color: #fff;
    border-color: var(--brand-color)
}


.search-box {
    --search-box-height: 3.5rem;
    width: 0;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-width: 1px;
    border-radius: .375rem;
    height: var(--search-box-height)
}

.search-box .icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.search-box .icon-search {
    color: var(--brand-color)
}

.search-clear-btn {
    position: relative;
    display: none;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    border-radius: 4px;
    color: var(--brand-color);
    transition-property: background-color;
    transition-timing-function: var(--default-timing-function);
    transition-duration: var(--default-duration)
}

.search-clear-btn .icon {
    position: absolute;
    inset: 0;
    margin: auto
}

.search-clear-btn:hover,.search-clear-btn:focus {
    background-color: rgba(0,0,0,.05)
}

.search-form--clearable .search-clear-btn {
    display: initial
}

.search-box-left-icon {
    color: var(--brand-color)
}

.search-input {
    width: 0;
    flex-grow: 1;
    padding-right: 1.25rem
}

@media screen and (max-width: 767px) {
    .search-form .btn {
        width:5.25rem;
        margin-left: .5rem;
        font-size: .875rem
    }

    .search-box {
        --search-box-height: 2.75rem
    }

    .search-box .icon {
        width: 1.125rem;
        height: 1.125rem
    }

    .search-box .icon-search {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .search-input {
        padding-right: .5rem
    }

    .search-clear-btn {
        margin-right: .5rem
    }
}

.footer {
    background-color: var(--whitesmoke)
}

.footer .container {
    padding-top: 6rem
}

.footer .row-1 {
    --column-gap: 6rem;
    row-gap: var(--column-gap);
    column-gap: var(--column-gap)
}

.footer .row-2 {
    padding: 4rem 0;
    justify-content: center
}

.footer-nav-br {
    display: none
}

.footer-nav-title {
    font-size: 1.35rem;
    margin-bottom: .5rem;
    font-weight: 700
}

.footer-sign {
    margin-left: auto;
}

.footer-sign .btn {
margin-top: 2rem;
}

.footer-link:hover {
    color: var(--brand-color)
}

@media(hover: hover) {
    .footer-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .footer-link:hover {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

.footer-nav-action .icon-chevron {
    display: none
}

.footer-nav-action.open {
    color: var(--brand-color)
}

button.footer-nav-action {
    cursor: default
}

.footer-nekospace-image {
    display: block;
    width: 12rem;
    margin: auto
}

.footer-separator {
    margin: 0 .5rem
}

.footer-social-media {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem
}

.footer-social-link,.footer-social-link .icon {
    width: 2rem;
    height: 2rem;
	margin-right: 8px;
}

.footer-copyright {
    flex-grow: 1
}

@media screen and (max-width: 1535px) {
    .footer .row-1 {
        --column-gap: 4rem;
        row-gap: 2rem
    }
}

@media screen and (max-width: 1279px) {
    .footer .row-2 {
        padding:2rem 0
    }

    .footer-nav {
        max-width: calc(25% - var(--column-gap, 0px)*.75);
        margin-right: 0
    }

    .footer-nav+.footer-nav {
        margin-left: auto
    }

    .footer-nav-br {
        width: 100%;
        display: block
    }

    .footer-nekospace-image {
        width: 8rem;
        margin: auto
    }

    .footer-sign {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .footer .container {
        padding-top:4rem
    }

    .footer .row-1 {
        --column-gap: 0px;
        row-gap: .5rem
    }

    .footer .row-2 {
        justify-content: unset
    }

    .footer-nav {
        width: calc(100% - var(--column-gap, 0px)*0);
        max-width: none;
        font-size: .875rem;
        line-height: 1.5rem
    }

    .footer-nav-action {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .footer-nav-action .icon-chevron {
        display: block
    }

    .footer-nav-action.open .icon-chevron {
        transform: rotate(-180deg)
    }

    .footer-nav-list {
        display: none
    }

    .footer-copyright {
        width: 100%
    }

    .footer-sign {
        margin-top: 2rem;
        margin-left: 0
    }

    .footer-nekospace-image {
        width: 50%;
        margin-left: 0
    }
}

.header {
    position: sticky;
    top: 0;
    background-color: hsla(0,0%,100%,.9);
    z-index: 9
}

.header .navbar {
    position: relative;
    z-index: 9;
    border-bottom-width: 1px;
    border-color: rgba(112,112,112,.2)
}

.header .navbar .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    max-width: none;
    padding-top: 24px;
    padding-bottom: 24px
}

.header .dropdown {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.header .dropdown svg {
    margin-left: 0
}

.header .dropdown-action.is-active {
    display: none
}

.header .dropdown-action.is-active:first-child+.dropdown-action {
    margin-top: 0
}

.header .hamburger {
    width: 1.25rem;
    height: 1.5rem
}

.header .hamburger-midline,.header .hamburger::before,.header .hamburger::after {
    height: .125rem
}

.header .hamburger::before {
    transform: translate3d(0, -0.375rem, 0)
}

.header .hamburger.is-open::before {
    transform: rotate3d(0, 0, 1, 45deg)
}

.header .hamburger::after {
    transform: translate3d(0, 0.375rem, 0)
}

.header .hamburger.is-open::after {
    transform: rotate3d(0, 0, 1, -45deg)
}

.header .hamburger.is-open .hamburger-midline {
    opacity: 0
}

.header-notice {
    position: relative;
    background-color: #000;
    color: #fff;
    padding: .75rem 0
}
.header-notice  article{display: flex}
.header-notice  span svg{margin-right: 5px;}
.header-notice  span {
    display: flex;
    align-items: center;
	margin-right: 25px;
}
.header-notice  span a:hover{
color:#02bff7;
}
.flex_bw{display: flex;justify-content: space-between;justify-items: center;}
.header-notice-close {
    position: absolute;
    border-radius: 4px;
    right: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    margin-top: -0.75rem
}

.header-notice-close svg {
    width: 100%;
    height: 100%
}

.header-notice-close:hover {
    background-color: hsla(0,0%,100%,.25)
}

.header-logo {
    margin-right: 3rem
}

.header-logo-image {
    height: 3.2rem
}

.header-nav {
    gap: 2rem;
    display: flex;
    margin: 0 auto
}

.header-nav .header-link {
    font-size: 1.125rem
}

.header-link:hover,.header-link:focus,.header-link.is-active {
    color: var(--brand-color)
}

.header-actionbar {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    gap: 1.25rem
}

.header-pyramid-image {
    height: 2rem
}

.header-search {
    display: flex;
    align-items: center;
    justify-content: space-between;

    transition-property: border-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function);
    height: 1.75rem
}

.header-search:hover,.header-search:focus {
    border-bottom-color: rgba(0,0,0,.75)
}

.header-search .icon {
    width: 1.25rem;
    height: 1.25rem
}

@media screen and (max-width: 1279px) {
    .header-logo {
        margin-right:0
    }

    .header-logo-image {
        height: 2rem
    }

    .header-nav .header-link {
        font-size: 1rem
    }

    .header-nav {
        gap: 1rem
    }

    .header-notice {
        line-height: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .header .dropdown {
        font-size:1rem
    }

    .header .navbar .container {
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
.header-notice{display: none;}
    .header-search {
        font-size: 0;
        border-bottom-width: 0;
        width: auto;
        height: auto
    }

    .header-logo {
        margin-right: auto
    }

    .header-nav {
        display: none
    }

    .header-logo-image {
        height: 1.75rem
    }

    .header-pyramid-image {
        height: 1.25rem
    }
}

.menu {
    position: fixed;
    inset: 0 0 auto;
    z-index: 8;
    background-color: #fff;
    width: 100%;
    padding-top: calc(var(--header-height) + 1.5rem);
    padding-bottom: 2rem;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
    display: block
}
.menu .menu-item{margin-bottom: .5rem;}
.menu-item:not(:first-child) {
    margin-top: .5rem
}

.menu-link:hover,.menu-link:focus {
    color: var(--brand-color)
}

.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 30rem;
    background-image: var(--blackboard);
    color: #fff;
    display: flex;
    flex-direction: column;

    z-index: 100
}

.sidebar .close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 2rem;
    right: 2rem
}

.sidebar-enter-active,.sidebar-leave-active {
    transition-property: transform;
    transition-duration: .35s
}

.sidebar-enter-from,.sidebar-leave-to {
    transform: translateX(100%)
}

.sidebar-container {
    max-height: 100%;
    overflow: auto;
    padding: 6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem
}

.sidebar-container .dropdown svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0
}

.sidebar-container .dropdown {
    display: none
}

.sidebar-close {
    position: absolute;
    top: 3rem;
    right: 3rem;
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem
}

.sidebar-close .icon {
    width: 2rem;
    height: 2rem
}

.sidebar-close:hover {
    background-color: hsla(0,0%,100%,.08)
}

.sidebar-link {
    font-size: 1.5rem
}

@media(pointer: fine) {
    .sidebar-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .sidebar-link:focus,.sidebar-link:hover {
        color: var(--brand-color);
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

.sidebar-logo,.sidebar-logo-image {
    width: 8rem
}



.sidebar-language {
    font-size: 1rem;
    color: hsla(0,0%,100%,.5);
    display: none;
    margin-bottom: 1rem
}

@media screen and (max-width: 1279px) {
    .sidebar-language {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .sidebar {
        justify-content:flex-start
    }

    .sidebar-container {
        padding:2.5rem;
        gap: 1rem
    }

    .sidebar-container .dropdown {
        display: flex;
        margin-bottom: 3rem
    }

    .sidebar-logo {
        margin-bottom: 2rem
    }

    .sidebar-close {
        top: 2rem;
        right: 2rem
    }

    .sidebar-close .icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

.fixed-sidebar {
    --fixed-sidebar-initial-width: 3rem;
    --fixed-sidebar-extended-width: 14rem;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -6rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    background-color: var(--brand-color);
    color: #fff;
    z-index: 9;
    width: var(--fixed-sidebar-initial-width);
    transition-property: width,transform,opacity,visibility;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.fixed-sidebar:hover,.fixed-sidebar-content {
    width: var(--fixed-sidebar-extended-width)
}

.fixed-sidebar-action {
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: var(--fixed-sidebar-initial-width);
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-border-color)
}

.fixed-sidebar-action:hover {
    background-color: rgba(0,0,0,.05)
}

.fixed-sidebar-action>.icon {
    width: calc(var(--fixed-sidebar-initial-width)*.5);
    height: calc(var(--fixed-sidebar-initial-width)*.5);
    margin: auto calc(var(--fixed-sidebar-initial-width)*.25)
}

.fixed-sidebar-title {
    font-size: .875rem;
    flex: 1 1 0%
}

.fixed-sidebar-social-link {
    margin-right: auto
}

.fixed-sidebar-social-link,.fixed-sidebar-social-link .icon {
    width: calc(var(--fixed-sidebar-initial-width)*.5);
    height: calc(var(--fixed-sidebar-initial-width)*.5)
}

@media screen and (max-width: 767px) {
    .fixed-sidebar {
        display:none
    }
}

.contact-form {
    --gutter-x: 2rem;
    --gutter-y: 0.5rem
}

.contact-form-desc {
    font-size: .875rem;
    color: #d7000f
}

@media screen and (max-width: 767px) {
    .contact-form {
        --gutter-x: 0px
    }
}

.subscription-form-container {
    padding: 6rem 10.75rem
}

.subscription-form-desc {
    font-size: .875rem;
    color: #9a9a9a
}

@media screen and (max-width: 767px) {
    .subscription-form-container {
        padding:3rem
    }
}

@media screen and (max-width: 639px) {
    .subscription-form-container {
        padding:4rem 1rem
    }
}

.search-overlay {
    position: fixed;
    inset: 0;
    z-index: 7;
    background-color: #fff;
    overflow: auto;
    padding-top: var(--header-height)
}

.search-overlay .container {
    max-width: 80rem
}

.search-overlay .searchbox {
    --searchbox-height: 3.75rem;
    flex: 1 1 0%
}

.search-overlay .searchbox-input {
    height: var(--searchbox-height);
    padding-right: var(--searchbox-padding);
    padding-left: var(--searchbox-action-size)
}

.search-overlay .searchbox-input-action {
    right: auto;
    left: 0;
    color: var(--brand-color)
}

.search-overlay .table {
    font-size: .75rem
}

.search-overlay .table-th,.search-overlay .table-td {
    padding: .5rem
}

.search-overlay .table-accordion-content {
    padding: 2rem
}

.search-overlay .table-td-arrow {
    width: 2rem
}

.search-overlay .table-td-arrow .icon {
    width: 1rem;
    height: 1rem
}

.search-overlay .table-gallery {
    gap: 2rem;
    margin-top: 2rem
}

.search-overlay .table-logo-gallery {
    gap: 1rem
}

.search-overlay .table-download-section-title {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.search-overlay .table-download-btn-list {
    gap: 2rem;
    margin-top: 2rem
}

.search-overlay .table-download-btn-list .btn {
    width: 8.75rem;
    height: 2.5rem
}

.search-overlay-close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: calc(var(--header-height) + 2rem);
    right: 2rem;
    stroke-width: 1px;
    border-radius: 4px;
    transition-property: background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function);
    color: var(--brand-color)
}

.search-overlay-close .icon {
    position: absolute;
    inset: 0;
    margin: auto
}

.search-overlay-close:hover {
    background-color: rgba(0,0,0,.08)
}

.search-overlay-header {
    text-align: center
}

.search-form-subtitle {
    color: #838383
}

.search-list-title {
    padding-top: 1.5rem
}

.search-list-title:not(:nth-child(1)) {
    border-top-width: 1px;
    border-color: var(--default-border-color);
    margin-top: 2rem
}

.search-results-number {
    font-style: normal;
    color: var(--brand-color)
}

@media screen and (max-width: 767px) {
    .search-overlay .searchbox {
        --searchbox-height: 2.75rem
    }

    .search-overlay .close {
        width: 1.5rem;
        height: 1.5rem
    }

    .search-overlay-close {
        top: calc(var(--header-height) + 1rem);
        right: 1rem
    }

    .search-form-subtitle {
        font-size: .75rem
    }
}

.distributor-header {
    text-align: center;
    max-width: 48rem;
    margin: 0 auto
}

.distributor-header .mantine-Select-root {
    max-width: 27rem;
    margin: 2rem auto 0
}

.distributor-header .mantine-Select-wrapper {
    border-width: 1px;
    border-color: #707070;
    border-radius: .375rem
}

.distributor-header .mantine-Select-input {
    padding: 1rem;
    padding-right: 3rem;
    height: 3rem
}

.distributor-header .mantine-Select-section {
    top: 0;
    right: .5rem
}

@media screen and (max-width: 767px) {
    .distributor-header {
        text-align:left
    }

    .distributor-desc {
        font-size: .75rem
    }
}

.morebtn {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: center;
    transition-property: color,background-color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function);
    padding: 1rem 0
}

.morebtn .icon-filter {
    color: var(--brand-color);
    margin-right: 4px
}

.morebtn-title {
    width: 0;
    flex-grow: 1
}

.morebtn-show-label,.morebtn-collapse-label,.morebtn .icon-chevron {
    color: var(--brand-color)
}

.morebtn.is-active .icon-chevron {
    transform: rotate(180deg)
}

.morebtn-collapse-label,.morebtn.is-active .morebtn-show-label {
    display: none
}

.morebtn.is-active .morebtn-collapse-label {
    display: initial
}

.phone-code-btn {
    margin-top: 1rem;
    margin-right: .5rem;
    display: flex;
    align-items: center
}

.country-select-container {
    position: relative
}

.country-phone-select-container {
    position: relative
}

.country-phone-select-container .country-select-container {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0
}

#map {
    height: 38.75rem;
    background-color: var(--whitesmoke)
}

#map-marker {
    position: absolute;
    bottom: 3.125rem;
    left: 6.25rem;
    background-color: #fff;
    padding: 4rem
}

#map-marker .icon {
    color: var(--color);
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 4px
}

#map-marker .label {
    color: var(--color)
}

#map-marker .checkbox-container[data-id="399"] {
    --color: #418BE2
}

#map-marker .checkbox-container[data-id="400"] {
    --color: #FF7E10
}

#map-marker .checkbox-container[data-id="401"] {
    --color: #E51469
}

#map-marker .checkbox-container[data-id="402"] {
    --color: #8015FC
}

#map-marker .checkbox-container:not(:first-child) {
    margin-top: .75rem
}

@media screen and (max-width: 1279px) {
    #map-marker {
        bottom:1.5rem;
        left: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    #map {
        height:25rem
    }

    #map-marker {
        padding: 1.25rem
    }

    #map-marker .icon {
        width: 1rem;
        height: 1rem;
        margin: 0
    }

    #map-marker .checkbox-container {
        font-size: .75rem
    }

    #map-marker .checkbox-container:not(:first-child) {
        margin-top: .5rem
    }
}

.product-table-frame {
    margin-top: 4rem
}

.product-table-container {
    overflow: auto;
    background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0)) center left,linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%) center right,linear-gradient(90deg, #FCE9EC, rgba(0, 0, 0, 0)) center left,linear-gradient(270deg, #FCE9EC, rgba(0, 0, 0, 0)) center right;
    background-repeat: no-repeat;
    background-size: 48px 100%,48px 100%,24px 100%,24px 100%;
    background-attachment: local,local,scroll,scroll
}

.product-table {
    min-width: 1280px
}

.table-th,.table-td {
    padding: 1rem .5rem;
    flex: 1 1 0%;
    text-align: center;
    width: 0;
    word-break: break-word;
    font-size: .875rem
}

.product-table-thumbs {
    display: none
}

.product-table-header {
    display: flex;
    align-items: center;
    background-color: var(--brand-color);
    color: #fff
}

.product-table-col {
    width: 0;
    flex: 1 1 auto;
    text-align: center;
    padding: 1rem .5rem;
    font-size: .875rem;
    line-height: 1rem
}

.product-table-header .product-table-col:nth-child(2),.product-table-accordion-action .product-table-col:first-child {
    width: 11.25rem;
    flex-grow: 0
}

.product-table-col-1 {
    width: 12rem;
    flex: 0 0 auto;
    padding: 1rem 1rem 1rem 0
}

.product-table-content .product-table-col-1 {
    color: var(--brand-color)
}

.product-table-col-action {
    width: 4rem;
    flex: 0 0 auto
}

.product-table-col-action .icon {
    margin: auto;
    width: 1rem;
    height: 1rem
}

.product-table-accordion-active .product-table-col-action .icon {
    transform: rotate(180deg)
}

.product-table-content {
    display: flex
}

.product-table-image {
    display: block;
    width: 8rem;
    margin-bottom: 1rem
}

.product-table-accordion {
    flex: 1 1 0%
}

.product-table-accordion-action {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-color: #d3d3d3;
    align-items: center
}

.product-table-accordion-action:hover,.product-table-accordion-active .product-table-accordion-action {
    color: var(--brand-color);
    font-weight: 700
}

.product-table-info {
    padding: 4rem 2rem
}

.product-table-info .copybtn {
    margin-top: 1rem
}

.product-table-content .product-table-info {
    background-color: var(--whitesmoke);
    padding: 4rem
}

.product-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem 8rem;
    margin-top: 4rem
}

.product-gallery-sign {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 2rem 4rem
}

.product-gallery-link {
    display: block;
    text-align: center;
    position: relative
}

.product-gallery-image {
    display: block;
    width: 100%
}

.product-gallery-image-title {
    text-align: center;
    margin-top: 1rem
}

.product-table-info .product-info-list {
    margin-top: 4rem
}

.product-download-title {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 700
}

.product-download-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem 2rem
}

.product-download-btn-list {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 4rem
}

.product-download-btn-list .btn {
    width: auto;
    padding: 0 2rem;
    min-width: 8rem
}

.product-download-btn-list .btn .icon {
    margin-left: 0;
    margin-right: .5rem
}

.btn.btn-download .icon {
    width: 1.25rem;
    height: 1.25rem
}

.btn.btn-inquiry .icon {
    width: 1rem;
    height: 1rem
}

.btn.btn-distributor .icon {
    width: 1.25rem;
    height: 1.25rem
}

@media screen and (max-width: 1279px) {
    .product-table-frame {
        margin-top:2rem
    }

    .product-table-container {
        margin-top: .5rem
    }

    .product-table-info {
        font-size: 1.125rem
    }

    .product-table-col {
        padding: .75rem .5rem
    }

    .product-table-col-code {
        width: 6rem
    }

    .product-table-col-1,.product-table-col-action {
        display: none
    }

    .product-table-thumbs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .5rem;
        font-size: .875rem
    }

    .product-table-image {
        width: auto;
        height: 10rem;
        margin-bottom: 0
    }

    .product-table-image-title {
        font-size: .875rem
    }

    .product-gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: .75rem .75rem;
        margin-top: 2rem
    }

    .product-gallery-sign {
        grid-template-columns: repeat(8, 1fr)
    }

    .product-table-info .product-info-list {
        margin-top: 2rem
    }

    .product-download-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem
    }

    .product-download-title {
        margin-top: 2rem;
        margin-bottom: 1rem
    }

    .product-download-btn-list {
        gap: .75rem
    }

    .product-download-btn-list .btn {
        height: 2.5rem;
        padding: 0 1rem;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .popup-product .popup-container {
        padding:1.25rem
    }

    .product-table-image {
        height: 6rem
    }

    .product-table-info {
        font-size: .875rem;
        padding: 3rem 1.25rem
    }

    .product-download-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .product-gallery {
        grid-template-columns: repeat(2, 1fr)
    }

    .product-gallery-sign {
        grid-template-columns: repeat(4, 1fr)
    }

    .product-gallery-image-title {
        font-size: .75rem;
        margin-top: .5rem
    }
}

@media screen and (max-width: 1279px) {
    .table-gallery {
        gap:2rem;
        margin-top: 2rem
    }

    .table-logo-gallery {
        gap: 1rem
    }

    .table-download-link .icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: .25rem
    }

    .table-download-section-title {
        margin-top: 2rem;
        margin-bottom: 1rem
    }

    .table-download-btn-list {
        margin-top: 2rem;
        gap: 2rem
    }

    .table-download-btn-list .btn {
        width: 8rem;
        height: 2.5rem
    }

    .table-download-btn-list .btn-download .icon {
        width: 1.25rem;
        height: 1.25rem
    }

    .table-accordion-content {
        padding: 2rem
    }
}

.copybtn {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--brand-color)
}

.copybtn .icon {
    margin-right: 4px
}

.copybtn::after {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background-image: var(--icon-check);
    background-size: 100% 100%;
    opacity: 0;
    font-weight: 700;
    margin-left: .5rem;
    transition: opacity .15s
}

.copybtn-copied::after {
    opacity: 1
}

.product-info-list {
    --column-gap: var(--gap, 0px);
    --row-gap: var(--gap, 0px);
    display: flex;
    flex-wrap: wrap;
    gap: var(--row-gap) var(--column-gap);
    --gap: 2rem
}

.product-info {
    width: calc(20% - var(--column-gap, 0px)*.8)
}

.product-info-action {
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    margin-bottom: 1rem
}

.product-info-action .icon {
    display: none
}

.product-info-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    position: relative;
    flex: 1 1 0%
}

.product-info-active {
    color: var(--brand-color)
}

.product-info-active .icon {
    transform: rotate(180deg)
}

.product-info-content::after {
    content: "";
    display: block;
    height: 1rem
}

.product-info-content p {
    position: relative;
    padding-left: .75rem;
    display: flex;
    flex-wrap: wrap
}

.product-info-content p::before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    background-color: currentColor;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    top: calc(.5em + 2px)
}

@media screen and (max-width: 1279px) {
    .product-info-list {
        --gap: 1rem
    }

    .product-info {
        max-width: none;
        width: calc(33.3333333333% - var(--column-gap, 0px)*.6666666667)
    }

    .product-info-content {
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .product-info-list {
        --gap: 0.5rem
    }

    .product-info {
        width: calc(100% - var(--column-gap, 0px)*0)
    }

    .product-info-action {
        margin-bottom: .5rem
    }

    .product-info-action .icon {
        display: block
    }

    .product-info-content {
        font-size: .875rem
    }
}

.close-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 2rem;
    height: 2rem
}

.signin-form,.register-form {
    background-image: url(../image/logo.svg);
    background-repeat: no-repeat;
    background-size: 6.25rem 2.5rem;
    background-position: 2rem 2rem
}

.signin-form {
    position: relative;
    background-color: #fff;
    max-width: 32rem;
    margin: auto;
    padding: 6rem 4rem 4rem
}

.signin-form .row {
    justify-content: center
}

.signin-form .h2 {
    text-align: center
}

.signin-form .row-col-6 .btn {
    width: 100%
}

.signin-form a:hover,.signin-form a:focus {
    text-decoration: underline
}

.register-form {
    background-color: #fff;
    padding: 6rem 8rem 4rem
}

.register-form .h2 {
    text-align: center
}

.register-form .row {
    --gutter-x: 2rem;
    --gutter-y: 0.75rem;
    margin-top: var(--gutter-y);
    justify-content: center
}

.register-form .btn {
    margin-top: 1.5rem
}

.register-form a {
    color: var(--brand-color)
}

.register-form a:hover,.register-form a:focus {
    text-decoration: underline
}

.register-form .email-code-btn {
    padding: .25rem .5rem;
    border-width: 1px;
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .signin-form,.register-form {
        background-size:4rem 2rem;
        background-position: 1rem 1rem;
        padding: 3rem 1.5rem 2rem
    }
}

.fullbtn {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    bottom: 0;
    right: 0;
    color: var(--brand-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.fullbtn .icon {
    width: 1.25rem;
    height: 1.25rem
}

a:hover .fullbtn,a.fullbtn:hover,button.fullbtn:hover {
    background-image: var(--blackboard)
}

.download-item {
    position: relative;
    padding-left: 2rem
}

.download-item .icon {
    position: absolute;
    color: #747474;
    top: 0;
    left: 0;
    text-transform: uppercase
}

.download-link {
    color: var(--brand-color);
    word-break: break-word
}

@media(hover: hover) {
    .download-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .download-link:hover,.download-link:focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media screen and (max-width: 1279px) {
    .download-item {
        font-size:.875rem
    }
}

@media screen and (max-width: 767px) {
    .download-item {
        padding-left:1.5rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .download-item .icon {
        width: 1.25rem;
        height: 1.25rem
    }
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-top: 2rem
}

.pagination-page,.pagination-input {
    transition-property: color,border-color,background-color;
    transition-timing-function: var(--default-timing-function);
    transition-duration: var(--default-duration);
    border-radius: 4px;
    border-width: 1px;
    color: var(--default-border-color);
    min-width: 2em;
    padding: .5rem;
    height: 2em;
    line-height: 2em;
    text-align: center;
    padding: 0 .5em
}

a.pagination-page:is(:hover,:active,.is-active) {
    color: var(--brand-color)
}

a.pagination-page:is(.is-active) {
    border-color: var(--brand-color);
    background-color: var(--brand-color);
    color: #fff
}

.pagination-page:not(a) {
    cursor: not-allowed
}

.pagination-input:focus {
    color: var(--brand-color)
}

:is(.pagination-prev,.pagination-next) {
    font-weight: 700
}

:is(.pagination-prev,.pagination-next):is(a):is(:hover,:focus) {
    color: var(--brand-color)
}

:is(.pagination-prev,.pagination-next):not(a) {
    cursor: not-allowed;
    color: rgba(0,0,0,.25)
}

.pagination-input {
    width: 3rem
}

@media screen and (max-width: 767px) {
    .pagination {
        font-size:.75rem
    }

    .pagination-input {
        width: 2rem
    }
}

.content-container {
    position: relative;
    overflow: hidden;
    max-height: 24rem
}

.content-bottom {
    position: absolute;
    inset: auto 0 0;
    background-image: linear-gradient(0deg, #fff 25%, transparent);
    padding-top: 32px;
    display: none
}

.content-container--overflow .content-bottom {
    display: block
}

.content-btn {
    display: flex;
    align-items: center;
    color: var(--brand-color);
    background-color: var(--whitesmoke);
    padding: 2px 4px
}

.content-btn .icon {
    width: 16px;
    height: 16px
}

@media screen and (max-width: 1279px) {
    .content-container {
        max-height:12rem
    }
}

.gm-ui-hover-effect {
    width: 30px !important;
    height: 30px !important
}

.gm-ui-hover-effect>span {
    width: 20px !important;
    height: 20px !important;
    margin: 5px !important
}

.info-window {
    font-size: 14px;
    max-width: 250px
}

.filter-selects {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    column-gap: 1rem;
    align-items: center
}

.filter-selects .mantine-Select-root {
    position: relative;
    margin-top: 1rem
}

.filter-selects .mantine-Select-wrapper {
    border-color: rgba(0,0,0,.25)
}

.filter-selects .mantine-Select-root.open .mantine-Select-wrapper {
    border-color: #000
}

.filter-selects .mantine-Select-input {
    padding: 1rem 2.5rem 1rem 0;
    height: 3rem;
    font-size: 1rem;
    line-height: 1;
    text-align: left
}

.filter-selects .mantine-Select-section {
    top: 0;
    right: 0
}

.filter-selects .mantine-Select-root.open .mantine-Select-section {
    transform: rotate(0.5turn)
}

.filter-selects .mantine-Select-dropdown {
    width: 100%;
    z-index: 1 !important;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.05)
}

.filter-selects .mantine-Select-root:not(.open) .mantine-Select-dropdown {
    display: none
}

.filter-selects .mantine-Select-options {
    display: flex;
    flex-direction: column;
    gap: 5px
}

@media screen and (max-width: 1279px) {
    .filter-selects {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .filter-selects {
        grid-template-columns:repeat(1, 1fr)
    }

    .filter-selects .mantine-Select-root:not(:first-child) {
        margin-top: 0
    }
}

.checked-options {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem
}

.checked-option {
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem
}

.checked-option .icon-close {
    width: 1.25rem;
    height: 1.25rem
}

@media screen and (max-width: 767px) {
    .checked-options {
        gap:.5rem
    }

    .checked-option {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .checked-option .icon-close {
        width: 1rem;
        height: 1rem
    }
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.grow-1 {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.shrink-1 {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}

.justify-content-normal {
    justify-content: normal
}

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

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

.justify-content-center {
    justify-content: center
}

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

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

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

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

.justify-items-start {
    justify-items: start
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.justify-items-stretch {
    justify-items: stretch
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.align-content-normal {
    align-content: normal
}

.align-content-center {
    align-content: center
}

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

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

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

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

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

.align-content-baseline {
    align-content: baseline
}

.align-content-stretch {
    align-content: stretch
}

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

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

.align-items-center {
    align-items: center
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-self-auto {
    align-self: auto
}

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

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

.align-self-center {
    align-self: center
}

.align-self-stretch {
    align-self: stretch
}

.align-self-baseline {
    align-self: baseline
}

.p0 {
    padding: 0
}

.p1 {
    padding: 1px
}

.p2 {
    padding: 2px
}

.p4 {
    padding: .25rem
}

.p6 {
    padding: .375rem
}

.p8 {
    padding: .5rem
}

.p10 {
    padding: .625rem
}

.p12 {
    padding: .75rem
}

.p14 {
    padding: .875rem
}

.p16 {
    padding: 1rem
}

.p20 {
    padding: 1.25rem
}

.p24 {
    padding: 1.5rem
}

.p28 {
    padding: 1.75rem
}

.p32 {
    padding: 2rem
}

.p36 {
    padding: 2.25rem
}

.p40 {
    padding: 2.5rem
}

.p44 {
    padding: 2.75rem
}

.p48 {
    padding: 3rem
}

.p56 {
    padding: 3.5rem
}

.p64 {
    padding: 4rem
}

.p72 {
    padding: 4.5rem
}

.p80 {
    padding: 5rem
}

.p88 {
    padding: 5.5rem
}

.p96 {
    padding: 6rem
}

.p104 {
    padding: 6.5rem
}

.p112 {
    padding: 7rem
}

.p120 {
    padding: 7.5rem
}

.p128 {
    padding: 8rem
}

.px0 {
    padding-left: 0;
    padding-right: 0
}

.px1 {
    padding-left: 1px;
    padding-right: 1px
}

.px2 {
    padding-left: 2px;
    padding-right: 2px
}

.px4 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px6 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px8 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px10 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px12 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px14 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px16 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px28 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px32 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px44 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.px48 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px64 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px72 {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.px80 {
    padding-left: 5rem;
    padding-right: 5rem
}

.px88 {
    padding-left: 5.5rem;
    padding-right: 5.5rem
}

.px96 {
    padding-left: 6rem;
    padding-right: 6rem
}

.px104 {
    padding-left: 6.5rem;
    padding-right: 6.5rem
}

.px112 {
    padding-left: 7rem;
    padding-right: 7rem
}

.px120 {
    padding-left: 7.5rem;
    padding-right: 7.5rem
}

.px128 {
    padding-left: 8rem;
    padding-right: 8rem
}

.py0 {
    padding-top: 0;
    padding-bottom: 0
}

.py1 {
    padding-top: 1px;
    padding-bottom: 1px
}

.py2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py4 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py6 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py10 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py14 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py16 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py28 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py32 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.py40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py44 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.py48 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py64 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py72 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.py80 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py88 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem
}

.py96 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py104 {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem
}

.py112 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.py120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.py128 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.pt0 {
    padding-top: 0
}

.pt1 {
    padding-top: 1px
}

.pt2 {
    padding-top: 2px
}

.pt4 {
    padding-top: .25rem
}

.pt6 {
    padding-top: .375rem
}

.pt8 {
    padding-top: .5rem
}

.pt10 {
    padding-top: .625rem
}

.pt12 {
    padding-top: .75rem
}

.pt14 {
    padding-top: .875rem
}

.pt16 {
    padding-top: 1rem
}

.pt20 {
    padding-top: 1.25rem
}

.pt24 {
    padding-top: 1.5rem
}

.pt28 {
    padding-top: 1.75rem
}

.pt32 {
    padding-top: 2rem
}

.pt36 {
    padding-top: 2.25rem
}

.pt40 {
    padding-top: 2.5rem
}

.pt44 {
    padding-top: 2.75rem
}

.pt48 {
    padding-top: 3rem
}

.pt56 {
    padding-top: 3.5rem
}

.pt64 {
    padding-top: 4rem
}

.pt72 {
    padding-top: 4.5rem
}

.pt80 {
    padding-top: 5rem
}

.pt88 {
    padding-top: 5.5rem
}

.pt96 {
    padding-top: 6rem
}

.pt104 {
    padding-top: 6.5rem
}

.pt112 {
    padding-top: 7rem
}

.pt120 {
    padding-top: 7.5rem
}

.pt128 {
    padding-top: 8rem
}

.pr0 {
    padding-right: 0
}

.pr1 {
    padding-right: 1px
}

.pr2 {
    padding-right: 2px
}

.pr4 {
    padding-right: .25rem
}

.pr6 {
    padding-right: .375rem
}

.pr8 {
    padding-right: .5rem
}

.pr10 {
    padding-right: .625rem
}

.pr12 {
    padding-right: .75rem
}

.pr14 {
    padding-right: .875rem
}

.pr16 {
    padding-right: 1rem
}

.pr20 {
    padding-right: 1.25rem
}

.pr24 {
    padding-right: 1.5rem
}

.pr28 {
    padding-right: 1.75rem
}

.pr32 {
    padding-right: 2rem
}

.pr36 {
    padding-right: 2.25rem
}

.pr40 {
    padding-right: 2.5rem
}

.pr44 {
    padding-right: 2.75rem
}

.pr48 {
    padding-right: 3rem
}

.pr56 {
    padding-right: 3.5rem
}

.pr64 {
    padding-right: 4rem
}

.pr72 {
    padding-right: 4.5rem
}

.pr80 {
    padding-right: 5rem
}

.pr88 {
    padding-right: 5.5rem
}

.pr96 {
    padding-right: 6rem
}

.pr104 {
    padding-right: 6.5rem
}

.pr112 {
    padding-right: 7rem
}

.pr120 {
    padding-right: 7.5rem
}

.pr128 {
    padding-right: 8rem
}

.pb0 {
    padding-bottom: 0
}

.pb1 {
    padding-bottom: 1px
}

.pb2 {
    padding-bottom: 2px
}

.pb4 {
    padding-bottom: .25rem
}

.pb6 {
    padding-bottom: .375rem
}

.pb8 {
    padding-bottom: .5rem
}

.pb10 {
    padding-bottom: .625rem
}

.pb12 {
    padding-bottom: .75rem
}

.pb14 {
    padding-bottom: .875rem
}

.pb16 {
    padding-bottom: 1rem
}

.pb20 {
    padding-bottom: 1.25rem
}

.pb24 {
    padding-bottom: 1.5rem
}

.pb28 {
    padding-bottom: 1.75rem
}

.pb32 {
    padding-bottom: 2rem
}

.pb36 {
    padding-bottom: 2.25rem
}

.pb40 {
    padding-bottom: 2.5rem
}

.pb44 {
    padding-bottom: 2.75rem
}

.pb48 {
    padding-bottom: 3rem
}

.pb56 {
    padding-bottom: 3.5rem
}

.pb64 {
    padding-bottom: 4rem
}

.pb72 {
    padding-bottom: 4.5rem
}

.pb80 {
    padding-bottom: 5rem
}

.pb88 {
    padding-bottom: 5.5rem
}

.pb96 {
    padding-bottom: 6rem
}

.pb104 {
    padding-bottom: 6.5rem
}

.pb112 {
    padding-bottom: 7rem
}

.pb120 {
    padding-bottom: 7.5rem
}

.pb128 {
    padding-bottom: 8rem
}

.pl0 {
    padding-left: 0
}

.pl1 {
    padding-left: 1px
}

.pl2 {
    padding-left: 2px
}

.pl4 {
    padding-left: .25rem
}

.pl6 {
    padding-left: .375rem
}

.pl8 {
    padding-left: .5rem
}

.pl10 {
    padding-left: .625rem
}

.pl12 {
    padding-left: .75rem
}

.pl14 {
    padding-left: .875rem
}

.pl16 {
    padding-left: 1rem
}

.pl20 {
    padding-left: 1.25rem
}

.pl24 {
    padding-left: 1.5rem
}

.pl28 {
    padding-left: 1.75rem
}

.pl32 {
    padding-left: 2rem
}

.pl36 {
    padding-left: 2.25rem
}

.pl40 {
    padding-left: 2.5rem
}

.pl44 {
    padding-left: 2.75rem
}

.pl48 {
    padding-left: 3rem
}

.pl56 {
    padding-left: 3.5rem
}

.pl64 {
    padding-left: 4rem
}

.pl72 {
    padding-left: 4.5rem
}

.pl80 {
    padding-left: 5rem
}

.pl88 {
    padding-left: 5.5rem
}

.pl96 {
    padding-left: 6rem
}

.pl104 {
    padding-left: 6.5rem
}

.pl112 {
    padding-left: 7rem
}

.pl120 {
    padding-left: 7.5rem
}

.pl128 {
    padding-left: 8rem
}

.m0 {
    margin: 0
}

.m1 {
    margin: 1px
}

.m2 {
    margin: 2px
}

.m4 {
    margin: .25rem
}

.m6 {
    margin: .375rem
}

.m8 {
    margin: .5rem
}

.m10 {
    margin: .625rem
}

.m12 {
    margin: .75rem
}

.m14 {
    margin: .875rem
}

.m16 {
    margin: 1rem
}

.m20 {
    margin: 1.25rem
}

.m24 {
    margin: 1.5rem
}

.m28 {
    margin: 1.75rem
}

.m32 {
    margin: 2rem
}

.m36 {
    margin: 2.25rem
}

.m40 {
    margin: 2.5rem
}

.m44 {
    margin: 2.75rem
}

.m48 {
    margin: 3rem
}

.m56 {
    margin: 3.5rem
}

.m64 {
    margin: 4rem
}

.m72 {
    margin: 4.5rem
}

.m80 {
    margin: 5rem
}

.m88 {
    margin: 5.5rem
}

.m96 {
    margin: 6rem
}

.m104 {
    margin: 6.5rem
}

.m112 {
    margin: 7rem
}

.m120 {
    margin: 7.5rem
}

.m128 {
    margin: 8rem
}

.m-auto {
    margin: auto
}

.mx0 {
    margin-left: 0;
    margin-right: 0
}

.mx1 {
    margin-left: 1px;
    margin-right: 1px
}

.mx2 {
    margin-left: 2px;
    margin-right: 2px
}

.mx4 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx6 {
    margin-left: .375rem;
    margin-right: .375rem
}

.mx8 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx10 {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx12 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx14 {
    margin-left: .875rem;
    margin-right: .875rem
}

.mx16 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx28 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.mx32 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx36 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.mx40 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx44 {
    margin-left: 2.75rem;
    margin-right: 2.75rem
}

.mx48 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mx56 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

.mx64 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx72 {
    margin-left: 4.5rem;
    margin-right: 4.5rem
}

.mx80 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mx88 {
    margin-left: 5.5rem;
    margin-right: 5.5rem
}

.mx96 {
    margin-left: 6rem;
    margin-right: 6rem
}

.mx104 {
    margin-left: 6.5rem;
    margin-right: 6.5rem
}

.mx112 {
    margin-left: 7rem;
    margin-right: 7rem
}

.mx120 {
    margin-left: 7.5rem;
    margin-right: 7.5rem
}

.mx128 {
    margin-left: 8rem;
    margin-right: 8rem
}

.mx-1 {
    margin-left: -1px;
    margin-right: -1px
}

.mx-2 {
    margin-left: -2px;
    margin-right: -2px
}

.mx-4 {
    margin-left: -0.25rem;
    margin-right: -0.25rem
}

.mx-6 {
    margin-left: -0.375rem;
    margin-right: -0.375rem
}

.mx-8 {
    margin-left: -0.5rem;
    margin-right: -0.5rem
}

.mx-10 {
    margin-left: -0.625rem;
    margin-right: -0.625rem
}

.mx-12 {
    margin-left: -0.75rem;
    margin-right: -0.75rem
}

.mx-14 {
    margin-left: -0.875rem;
    margin-right: -0.875rem
}

.mx-16 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mx-20 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.mx-24 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.mx-28 {
    margin-left: -1.75rem;
    margin-right: -1.75rem
}

.mx-32 {
    margin-left: -2rem;
    margin-right: -2rem
}

.mx-36 {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.mx-40 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.mx-44 {
    margin-left: -2.75rem;
    margin-right: -2.75rem
}

.mx-48 {
    margin-left: -3rem;
    margin-right: -3rem
}

.mx-52 {
    margin-left: -3.25rem;
    margin-right: -3.25rem
}

.mx-56 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

.mx-60 {
    margin-left: -3.75rem;
    margin-right: -3.75rem
}

.mx-64 {
    margin-left: -4rem;
    margin-right: -4rem
}

.mx-72 {
    margin-left: -4.5rem;
    margin-right: -4.5rem
}

.mx-80 {
    margin-left: -5rem;
    margin-right: -5rem
}

.mx-88 {
    margin-left: -5.5rem;
    margin-right: -5.5rem
}

.mx-96 {
    margin-left: -6rem;
    margin-right: -6rem
}

.mx-104 {
    margin-left: -6.5rem;
    margin-right: -6.5rem
}

.mx-112 {
    margin-left: -7rem;
    margin-right: -7rem
}

.mx-120 {
    margin-left: -7.5rem;
    margin-right: -7.5rem
}

.mx-128 {
    margin-left: -8rem;
    margin-right: -8rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my0 {
    margin-top: 0;
    margin-bottom: 0
}

.my1 {
    margin-top: 1px;
    margin-bottom: 1px
}

.my2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.my4 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my6 {
    margin-top: .375rem;
    margin-bottom: .375rem
}

.my8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my10 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my12 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my14 {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.my16 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my28 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.my32 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.my40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.my44 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.my48 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my56 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.my64 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my72 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.my80 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.my88 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem
}

.my96 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.my104 {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem
}

.my112 {
    margin-top: 7rem;
    margin-bottom: 7rem
}

.my120 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem
}

.my128 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.my-1 {
    margin-top: -1px;
    margin-bottom: -1px
}

.my-2 {
    margin-top: -2px;
    margin-bottom: -2px
}

.my-4 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem
}

.my-6 {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem
}

.my-8 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}

.my-10 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

.my-12 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem
}

.my-14 {
    margin-top: -0.875rem;
    margin-bottom: -0.875rem
}

.my-16 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.my-20 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.my-24 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.my-28 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem
}

.my-32 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.my-36 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem
}

.my-40 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem
}

.my-44 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem
}

.my-48 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.my-52 {
    margin-top: -3.25rem;
    margin-bottom: -3.25rem
}

.my-56 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem
}

.my-60 {
    margin-top: -3.75rem;
    margin-bottom: -3.75rem
}

.my-64 {
    margin-top: -4rem;
    margin-bottom: -4rem
}

.my-72 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem
}

.my-80 {
    margin-top: -5rem;
    margin-bottom: -5rem
}

.my-88 {
    margin-top: -5.5rem;
    margin-bottom: -5.5rem
}

.my-96 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.my-104 {
    margin-top: -6.5rem;
    margin-bottom: -6.5rem
}

.my-112 {
    margin-top: -7rem;
    margin-bottom: -7rem
}

.my-120 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem
}

.my-128 {
    margin-top: -8rem;
    margin-bottom: -8rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: 1px
}

.mt2 {
    margin-top: 2px
}

.mt4 {
    margin-top: .25rem
}

.mt6 {
    margin-top: .375rem
}

.mt8 {
    margin-top: .5rem
}

.mt10 {
    margin-top: .625rem
}

.mt12 {
    margin-top: .75rem
}

.mt14 {
    margin-top: .875rem
}

.mt16 {
    margin-top: 1rem
}

.mt20 {
    margin-top: 1.25rem
}

.mt24 {
    margin-top: 1.5rem
}

.mt28 {
    margin-top: 1.75rem
}

.mt32 {
    margin-top: 2rem
}

.mt36 {
    margin-top: 2.25rem
}

.mt40 {
    margin-top: 2.5rem
}

.mt44 {
    margin-top: 2.75rem
}

.mt48 {
    margin-top: 3rem
}

.mt56 {
    margin-top: 3.5rem
}

.mt64 {
    margin-top: 4rem
}

.mt72 {
    margin-top: 4.5rem
}

.mt80 {
    margin-top: 5rem
}

.mt88 {
    margin-top: 5.5rem
}

.mt96 {
    margin-top: 6rem
}

.mt104 {
    margin-top: 6.5rem
}

.mt112 {
    margin-top: 7rem
}

.mt120 {
    margin-top: 7.5rem
}

.mt128 {
    margin-top: 8rem
}

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-4 {
    margin-top: -0.25rem
}

.mt-6 {
    margin-top: -0.375rem
}

.mt-8 {
    margin-top: -0.5rem
}

.mt-10 {
    margin-top: -0.625rem
}

.mt-12 {
    margin-top: -0.75rem
}

.mt-14 {
    margin-top: -0.875rem
}

.mt-16 {
    margin-top: -1rem
}

.mt-20 {
    margin-top: -1.25rem
}

.mt-24 {
    margin-top: -1.5rem
}

.mt-28 {
    margin-top: -1.75rem
}

.mt-32 {
    margin-top: -2rem
}

.mt-36 {
    margin-top: -2.25rem
}

.mt-40 {
    margin-top: -2.5rem
}

.mt-44 {
    margin-top: -2.75rem
}

.mt-48 {
    margin-top: -3rem
}

.mt-52 {
    margin-top: -3.25rem
}

.mt-56 {
    margin-top: -3.5rem
}

.mt-60 {
    margin-top: -3.75rem
}

.mt-64 {
    margin-top: -4rem
}

.mt-72 {
    margin-top: -4.5rem
}

.mt-80 {
    margin-top: -5rem
}

.mt-88 {
    margin-top: -5.5rem
}

.mt-96 {
    margin-top: -6rem
}

.mt-104 {
    margin-top: -6.5rem
}

.mt-112 {
    margin-top: -7rem
}

.mt-120 {
    margin-top: -7.5rem
}

.mt-128 {
    margin-top: -8rem
}

.mt-auto {
    margin-top: auto
}

.mr0 {
    margin-right: 0
}

.mr1 {
    margin-right: 1px
}

.mr2 {
    margin-right: 2px
}

.mr4 {
    margin-right: .25rem
}

.mr6 {
    margin-right: .375rem
}

.mr8 {
    margin-right: .5rem
}

.mr10 {
    margin-right: .625rem
}

.mr12 {
    margin-right: .75rem
}

.mr14 {
    margin-right: .875rem
}

.mr16 {
    margin-right: 1rem
}

.mr20 {
    margin-right: 1.25rem
}

.mr24 {
    margin-right: 1.5rem
}

.mr28 {
    margin-right: 1.75rem
}

.mr32 {
    margin-right: 2rem
}

.mr36 {
    margin-right: 2.25rem
}

.mr40 {
    margin-right: 2.5rem
}

.mr44 {
    margin-right: 2.75rem
}

.mr48 {
    margin-right: 3rem
}

.mr56 {
    margin-right: 3.5rem
}

.mr64 {
    margin-right: 4rem
}

.mr72 {
    margin-right: 4.5rem
}

.mr80 {
    margin-right: 5rem
}

.mr88 {
    margin-right: 5.5rem
}

.mr96 {
    margin-right: 6rem
}

.mr104 {
    margin-right: 6.5rem
}

.mr112 {
    margin-right: 7rem
}

.mr120 {
    margin-right: 7.5rem
}

.mr128 {
    margin-right: 8rem
}

.mr-1 {
    margin-right: -1px
}

.mr-2 {
    margin-right: -2px
}

.mr-4 {
    margin-right: -0.25rem
}

.mr-6 {
    margin-right: -0.375rem
}

.mr-8 {
    margin-right: -0.5rem
}

.mr-10 {
    margin-right: -0.625rem
}

.mr-12 {
    margin-right: -0.75rem
}

.mr-14 {
    margin-right: -0.875rem
}

.mr-16 {
    margin-right: -1rem
}

.mr-20 {
    margin-right: -1.25rem
}

.mr-24 {
    margin-right: -1.5rem
}

.mr-28 {
    margin-right: -1.75rem
}

.mr-32 {
    margin-right: -2rem
}

.mr-36 {
    margin-right: -2.25rem
}

.mr-40 {
    margin-right: -2.5rem
}

.mr-44 {
    margin-right: -2.75rem
}

.mr-48 {
    margin-right: -3rem
}

.mr-52 {
    margin-right: -3.25rem
}

.mr-56 {
    margin-right: -3.5rem
}

.mr-60 {
    margin-right: -3.75rem
}

.mr-64 {
    margin-right: -4rem
}

.mr-72 {
    margin-right: -4.5rem
}

.mr-80 {
    margin-right: -5rem
}

.mr-88 {
    margin-right: -5.5rem
}

.mr-96 {
    margin-right: -6rem
}

.mr-104 {
    margin-right: -6.5rem
}

.mr-112 {
    margin-right: -7rem
}

.mr-120 {
    margin-right: -7.5rem
}

.mr-128 {
    margin-right: -8rem
}

.mr-auto {
    margin-right: auto
}

.mb0 {
    margin-bottom: 0
}

.mb1 {
    margin-bottom: 1px
}

.mb2 {
    margin-bottom: 2px
}

.mb4 {
    margin-bottom: .25rem
}

.mb6 {
    margin-bottom: .375rem
}

.mb8 {
    margin-bottom: .5rem
}

.mb10 {
    margin-bottom: .625rem
}

.mb12 {
    margin-bottom: .75rem
}

.mb14 {
    margin-bottom: .875rem
}

.mb16 {
    margin-bottom: 1rem
}

.mb20 {
    margin-bottom: 1.25rem
}

.mb24 {
    margin-bottom: 1.5rem
}

.mb28 {
    margin-bottom: 1.75rem
}

.mb32 {
    margin-bottom: 2rem
}

.mb36 {
    margin-bottom: 2.25rem
}

.mb40 {
    margin-bottom: 2.5rem
}

.mb44 {
    margin-bottom: 2.75rem
}

.mb48 {
    margin-bottom: 3rem
}

.mb56 {
    margin-bottom: 3.5rem
}

.mb64 {
    margin-bottom: 4rem
}

.mb72 {
    margin-bottom: 4.5rem
}

.mb80 {
    margin-bottom: 5rem
}

.mb88 {
    margin-bottom: 5.5rem
}

.mb96 {
    margin-bottom: 6rem
}

.mb104 {
    margin-bottom: 6.5rem
}

.mb112 {
    margin-bottom: 7rem
}

.mb120 {
    margin-bottom: 7.5rem
}

.mb128 {
    margin-bottom: 8rem
}

.mb-1 {
    margin-bottom: -1px
}

.mb-2 {
    margin-bottom: -2px
}

.mb-4 {
    margin-bottom: -0.25rem
}

.mb-6 {
    margin-bottom: -0.375rem
}

.mb-8 {
    margin-bottom: -0.5rem
}

.mb-10 {
    margin-bottom: -0.625rem
}

.mb-12 {
    margin-bottom: -0.75rem
}

.mb-14 {
    margin-bottom: -0.875rem
}

.mb-16 {
    margin-bottom: -1rem
}

.mb-20 {
    margin-bottom: -1.25rem
}

.mb-24 {
    margin-bottom: -1.5rem
}

.mb-28 {
    margin-bottom: -1.75rem
}

.mb-32 {
    margin-bottom: -2rem
}

.mb-36 {
    margin-bottom: -2.25rem
}

.mb-40 {
    margin-bottom: -2.5rem
}

.mb-44 {
    margin-bottom: -2.75rem
}

.mb-48 {
    margin-bottom: -3rem
}

.mb-52 {
    margin-bottom: -3.25rem
}

.mb-56 {
    margin-bottom: -3.5rem
}

.mb-60 {
    margin-bottom: -3.75rem
}

.mb-64 {
    margin-bottom: -4rem
}

.mb-72 {
    margin-bottom: -4.5rem
}

.mb-80 {
    margin-bottom: -5rem
}

.mb-88 {
    margin-bottom: -5.5rem
}

.mb-96 {
    margin-bottom: -6rem
}

.mb-104 {
    margin-bottom: -6.5rem
}

.mb-112 {
    margin-bottom: -7rem
}

.mb-120 {
    margin-bottom: -7.5rem
}

.mb-128 {
    margin-bottom: -8rem
}

.mb-auto {
    margin-bottom: auto
}

.ml0 {
    margin-left: 0
}

.ml1 {
    margin-left: 1px
}

.ml2 {
    margin-left: 2px
}

.ml4 {
    margin-left: .25rem
}

.ml6 {
    margin-left: .375rem
}

.ml8 {
    margin-left: .5rem
}

.ml10 {
    margin-left: .625rem
}

.ml12 {
    margin-left: .75rem
}

.ml14 {
    margin-left: .875rem
}

.ml16 {
    margin-left: 1rem
}

.ml20 {
    margin-left: 1.25rem
}

.ml24 {
    margin-left: 1.5rem
}

.ml28 {
    margin-left: 1.75rem
}

.ml32 {
    margin-left: 2rem
}

.ml36 {
    margin-left: 2.25rem
}

.ml40 {
    margin-left: 2.5rem
}

.ml44 {
    margin-left: 2.75rem
}

.ml48 {
    margin-left: 3rem
}

.ml56 {
    margin-left: 3.5rem
}

.ml64 {
    margin-left: 4rem
}

.ml72 {
    margin-left: 4.5rem
}

.ml80 {
    margin-left: 5rem
}

.ml88 {
    margin-left: 5.5rem
}

.ml96 {
    margin-left: 6rem
}

.ml104 {
    margin-left: 6.5rem
}

.ml112 {
    margin-left: 7rem
}

.ml120 {
    margin-left: 7.5rem
}

.ml128 {
    margin-left: 8rem
}

.ml-1 {
    margin-left: -1px
}

.ml-2 {
    margin-left: -2px
}

.ml-4 {
    margin-left: -0.25rem
}

.ml-6 {
    margin-left: -0.375rem
}

.ml-8 {
    margin-left: -0.5rem
}

.ml-10 {
    margin-left: -0.625rem
}

.ml-12 {
    margin-left: -0.75rem
}

.ml-14 {
    margin-left: -0.875rem
}

.ml-16 {
    margin-left: -1rem
}

.ml-20 {
    margin-left: -1.25rem
}

.ml-24 {
    margin-left: -1.5rem
}

.ml-28 {
    margin-left: -1.75rem
}

.ml-32 {
    margin-left: -2rem
}

.ml-36 {
    margin-left: -2.25rem
}

.ml-40 {
    margin-left: -2.5rem
}

.ml-44 {
    margin-left: -2.75rem
}

.ml-48 {
    margin-left: -3rem
}

.ml-52 {
    margin-left: -3.25rem
}

.ml-56 {
    margin-left: -3.5rem
}

.ml-60 {
    margin-left: -3.75rem
}

.ml-64 {
    margin-left: -4rem
}

.ml-72 {
    margin-left: -4.5rem
}

.ml-80 {
    margin-left: -5rem
}

.ml-88 {
    margin-left: -5.5rem
}

.ml-96 {
    margin-left: -6rem
}

.ml-104 {
    margin-left: -6.5rem
}

.ml-112 {
    margin-left: -7rem
}

.ml-120 {
    margin-left: -7.5rem
}

.ml-128 {
    margin-left: -8rem
}

.ml-auto {
    margin-left: auto
}

.gap-0 {
    --gutter-x: 0;
    --gutter-y: 0;
    gap: 0;
    grid-gap: 0
}

.gap-1 {
    --gutter-x: 1px;
    --gutter-y: 1px;
    gap: 1px;
    grid-gap: 1px
}

.gap-2 {
    --gutter-x: 2px;
    --gutter-y: 2px;
    gap: 2px;
    grid-gap: 2px
}

.gap-4 {
    --gutter-x: .25rem;
    --gutter-y: .25rem;
    gap: .25rem;
    grid-gap: .25rem
}

.gap-6 {
    --gutter-x: .375rem;
    --gutter-y: .375rem;
    gap: .375rem;
    grid-gap: .375rem
}

.gap-8 {
    --gutter-x: .5rem;
    --gutter-y: .5rem;
    gap: .5rem;
    grid-gap: .5rem
}

.gap-10 {
    --gutter-x: .625rem;
    --gutter-y: .625rem;
    gap: .625rem;
    grid-gap: .625rem
}

.gap-12 {
    --gutter-x: .75rem;
    --gutter-y: .75rem;
    gap: .75rem;
    grid-gap: .75rem
}

.gap-14 {
    --gutter-x: .875rem;
    --gutter-y: .875rem;
    gap: .875rem;
    grid-gap: .875rem
}

.gap-16 {
    --gutter-x: 1rem;
    --gutter-y: 1rem;
    gap: 1rem;
    grid-gap: 1rem
}

.gap-20 {
    --gutter-x: 1.25rem;
    --gutter-y: 1.25rem;
    gap: 1.25rem;
    grid-gap: 1.25rem
}

.gap-24 {
    --gutter-x: 1.5rem;
    --gutter-y: 1.5rem;
    gap: 1.5rem;
    grid-gap: 1.5rem
}

.gap-28 {
    --gutter-x: 1.75rem;
    --gutter-y: 1.75rem;
    gap: 1.75rem;
    grid-gap: 1.75rem
}

.gap-32 {
    --gutter-x: 2rem;
    --gutter-y: 2rem;
    gap: 2rem;
    grid-gap: 2rem
}

.gap-36 {
    --gutter-x: 2.25rem;
    --gutter-y: 2.25rem;
    gap: 2.25rem;
    grid-gap: 2.25rem
}

.gap-40 {
    --gutter-x: 2.5rem;
    --gutter-y: 2.5rem;
    gap: 2.5rem;
    grid-gap: 2.5rem
}

.gap-44 {
    --gutter-x: 2.75rem;
    --gutter-y: 2.75rem;
    gap: 2.75rem;
    grid-gap: 2.75rem
}

.gap-48 {
    --gutter-x: 3rem;
    --gutter-y: 3rem;
    gap: 3rem;
    grid-gap: 3rem
}

.gap-56 {
    --gutter-x: 3.5rem;
    --gutter-y: 3.5rem;
    gap: 3.5rem;
    grid-gap: 3.5rem
}

.gap-64 {
    --gutter-x: 4rem;
    --gutter-y: 4rem;
    gap: 4rem;
    grid-gap: 4rem
}

.gap-72 {
    --gutter-x: 4.5rem;
    --gutter-y: 4.5rem;
    gap: 4.5rem;
    grid-gap: 4.5rem
}

.gap-80 {
    --gutter-x: 5rem;
    --gutter-y: 5rem;
    gap: 5rem;
    grid-gap: 5rem
}

.gap-88 {
    --gutter-x: 5.5rem;
    --gutter-y: 5.5rem;
    gap: 5.5rem;
    grid-gap: 5.5rem
}

.gap-96 {
    --gutter-x: 6rem;
    --gutter-y: 6rem;
    gap: 6rem;
    grid-gap: 6rem
}

.gap-104 {
    --gutter-x: 6.5rem;
    --gutter-y: 6.5rem;
    gap: 6.5rem;
    grid-gap: 6.5rem
}

.gap-112 {
    --gutter-x: 7rem;
    --gutter-y: 7rem;
    gap: 7rem;
    grid-gap: 7rem
}

.gap-120 {
    --gutter-x: 7.5rem;
    --gutter-y: 7.5rem;
    gap: 7.5rem;
    grid-gap: 7.5rem
}

.gap-128 {
    --gutter-x: 8rem;
    --gutter-y: 8rem;
    gap: 8rem;
    grid-gap: 8rem
}

.gap-y-0 {
    --gutter-y: 0;
    row-gap: 0;
    grid-row-gap: 0
}

.gap-y-1 {
    --gutter-y: 1px;
    row-gap: 1px;
    grid-row-gap: 1px
}

.gap-y-2 {
    --gutter-y: 2px;
    row-gap: 2px;
    grid-row-gap: 2px
}

.gap-y-4 {
    --gutter-y: .25rem;
    row-gap: .25rem;
    grid-row-gap: .25rem
}

.gap-y-6 {
    --gutter-y: .375rem;
    row-gap: .375rem;
    grid-row-gap: .375rem
}

.gap-y-8 {
    --gutter-y: .5rem;
    row-gap: .5rem;
    grid-row-gap: .5rem
}

.gap-y-10 {
    --gutter-y: .625rem;
    row-gap: .625rem;
    grid-row-gap: .625rem
}

.gap-y-12 {
    --gutter-y: .75rem;
    row-gap: .75rem;
    grid-row-gap: .75rem
}

.gap-y-14 {
    --gutter-y: .875rem;
    row-gap: .875rem;
    grid-row-gap: .875rem
}

.gap-y-16 {
    --gutter-y: 1rem;
    row-gap: 1rem;
    grid-row-gap: 1rem
}

.gap-y-20 {
    --gutter-y: 1.25rem;
    row-gap: 1.25rem;
    grid-row-gap: 1.25rem
}

.gap-y-24 {
    --gutter-y: 1.5rem;
    row-gap: 1.5rem;
    grid-row-gap: 1.5rem
}

.gap-y-28 {
    --gutter-y: 1.75rem;
    row-gap: 1.75rem;
    grid-row-gap: 1.75rem
}

.gap-y-32 {
    --gutter-y: 2rem;
    row-gap: 2rem;
    grid-row-gap: 2rem
}

.gap-y-36 {
    --gutter-y: 2.25rem;
    row-gap: 2.25rem;
    grid-row-gap: 2.25rem
}

.gap-y-40 {
    --gutter-y: 2.5rem;
    row-gap: 2.5rem;
    grid-row-gap: 2.5rem
}

.gap-y-44 {
    --gutter-y: 2.75rem;
    row-gap: 2.75rem;
    grid-row-gap: 2.75rem
}

.gap-y-48 {
    --gutter-y: 3rem;
    row-gap: 3rem;
    grid-row-gap: 3rem
}

.gap-y-56 {
    --gutter-y: 3.5rem;
    row-gap: 3.5rem;
    grid-row-gap: 3.5rem
}

.gap-y-64 {
    --gutter-y: 4rem;
    row-gap: 4rem;
    grid-row-gap: 4rem
}

.gap-y-72 {
    --gutter-y: 4.5rem;
    row-gap: 4.5rem;
    grid-row-gap: 4.5rem
}

.gap-y-80 {
    --gutter-y: 5rem;
    row-gap: 5rem;
    grid-row-gap: 5rem
}

.gap-y-88 {
    --gutter-y: 5.5rem;
    row-gap: 5.5rem;
    grid-row-gap: 5.5rem
}

.gap-y-96 {
    --gutter-y: 6rem;
    row-gap: 6rem;
    grid-row-gap: 6rem
}

.gap-y-104 {
    --gutter-y: 6.5rem;
    row-gap: 6.5rem;
    grid-row-gap: 6.5rem
}

.gap-y-112 {
    --gutter-y: 7rem;
    row-gap: 7rem;
    grid-row-gap: 7rem
}

.gap-y-120 {
    --gutter-y: 7.5rem;
    row-gap: 7.5rem;
    grid-row-gap: 7.5rem
}

.gap-y-128 {
    --gutter-y: 8rem;
    row-gap: 8rem;
    grid-row-gap: 8rem
}

.gap-x-0 {
    --gutter-x: 0;
    column-gap: 0;
    grid-column-gap: 0
}

.gap-x-1 {
    --gutter-x: 1px;
    column-gap: 1px;
    grid-column-gap: 1px
}

.gap-x-2 {
    --gutter-x: 2px;
    column-gap: 2px;
    grid-column-gap: 2px
}

.gap-x-4 {
    --gutter-x: .25rem;
    column-gap: .25rem;
    grid-column-gap: .25rem
}

.gap-x-6 {
    --gutter-x: .375rem;
    column-gap: .375rem;
    grid-column-gap: .375rem
}

.gap-x-8 {
    --gutter-x: .5rem;
    column-gap: .5rem;
    grid-column-gap: .5rem
}

.gap-x-10 {
    --gutter-x: .625rem;
    column-gap: .625rem;
    grid-column-gap: .625rem
}

.gap-x-12 {
    --gutter-x: .75rem;
    column-gap: .75rem;
    grid-column-gap: .75rem
}

.gap-x-14 {
    --gutter-x: .875rem;
    column-gap: .875rem;
    grid-column-gap: .875rem
}

.gap-x-16 {
    --gutter-x: 1rem;
    column-gap: 1rem;
    grid-column-gap: 1rem
}

.gap-x-20 {
    --gutter-x: 1.25rem;
    column-gap: 1.25rem;
    grid-column-gap: 1.25rem
}

.gap-x-24 {
    --gutter-x: 1.5rem;
    column-gap: 1.5rem;
    grid-column-gap: 1.5rem
}

.gap-x-28 {
    --gutter-x: 1.75rem;
    column-gap: 1.75rem;
    grid-column-gap: 1.75rem
}

.gap-x-32 {
    --gutter-x: 2rem;
    column-gap: 2rem;
    grid-column-gap: 2rem
}

.gap-x-36 {
    --gutter-x: 2.25rem;
    column-gap: 2.25rem;
    grid-column-gap: 2.25rem
}

.gap-x-40 {
    --gutter-x: 2.5rem;
    column-gap: 2.5rem;
    grid-column-gap: 2.5rem
}

.gap-x-44 {
    --gutter-x: 2.75rem;
    column-gap: 2.75rem;
    grid-column-gap: 2.75rem
}

.gap-x-48 {
    --gutter-x: 3rem;
    column-gap: 3rem;
    grid-column-gap: 3rem
}

.gap-x-56 {
    --gutter-x: 3.5rem;
    column-gap: 3.5rem;
    grid-column-gap: 3.5rem
}

.gap-x-64 {
    --gutter-x: 4rem;
    column-gap: 4rem;
    grid-column-gap: 4rem
}

.gap-x-72 {
    --gutter-x: 4.5rem;
    column-gap: 4.5rem;
    grid-column-gap: 4.5rem
}

.gap-x-80 {
    --gutter-x: 5rem;
    column-gap: 5rem;
    grid-column-gap: 5rem
}

.gap-x-88 {
    --gutter-x: 5.5rem;
    column-gap: 5.5rem;
    grid-column-gap: 5.5rem
}

.gap-x-96 {
    --gutter-x: 6rem;
    column-gap: 6rem;
    grid-column-gap: 6rem
}

.gap-x-104 {
    --gutter-x: 6.5rem;
    column-gap: 6.5rem;
    grid-column-gap: 6.5rem
}

.gap-x-112 {
    --gutter-x: 7rem;
    column-gap: 7rem;
    grid-column-gap: 7rem
}

.gap-x-120 {
    --gutter-x: 7.5rem;
    column-gap: 7.5rem;
    grid-column-gap: 7.5rem
}

.gap-x-128 {
    --gutter-x: 8rem;
    column-gap: 8rem;
    grid-column-gap: 8rem
}

.max-w-320 {
    max-width: 20rem
}

.max-w-384 {
    max-width: 24rem
}

.max-w-448 {
    max-width: 28rem
}

.max-w-512 {
    max-width: 32rem
}

.max-w-576 {
    max-width: 36rem
}

.max-w-672 {
    max-width: 42rem
}

.max-w-768 {
    max-width: 48rem
}

.max-w-896 {
    max-width: 56rem
}

.max-w-1024 {
    max-width: 64rem
}

.max-w-1152 {
    max-width: 72rem
}

.max-w-1280 {
    max-width: 80rem
}

.max-w-1536 {
    max-width: 96rem
}

.max-w-1920 {
    max-width: 120rem
}

@media screen and (max-width: 1279px) {
    .xl\:flex-row {
        flex-direction:row
    }

    .xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .xl\:flex-wrap {
        flex-wrap: wrap
    }

    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .xl\:flex-1 {
        flex: 1 1 0%
    }

    .xl\:flex-auto {
        flex: 1 1 auto
    }

    .xl\:flex-initial {
        flex: 0 1 auto
    }

    .xl\:flex-none {
        flex: none
    }

    .xl\:grow-1 {
        flex-grow: 1
    }

    .xl\:grow-0 {
        flex-grow: 0
    }

    .xl\:shrink-1 {
        flex-shrink: 1
    }

    .xl\:shrink-0 {
        flex-shrink: 0
    }

    .xl\:order-1 {
        order: 1
    }

    .xl\:order-2 {
        order: 2
    }

    .xl\:order-3 {
        order: 3
    }

    .xl\:order-4 {
        order: 4
    }

    .xl\:order-5 {
        order: 5
    }

    .xl\:order-6 {
        order: 6
    }

    .xl\:order-7 {
        order: 7
    }

    .xl\:order-8 {
        order: 8
    }

    .xl\:order-9 {
        order: 9
    }

    .xl\:order-10 {
        order: 10
    }

    .xl\:order-11 {
        order: 11
    }

    .xl\:order-12 {
        order: 12
    }

    .xl\:order-first {
        order: -9999
    }

    .xl\:order-last {
        order: 9999
    }

    .xl\:order-none {
        order: 0
    }

    .xl\:justify-content-normal {
        justify-content: normal
    }

    .xl\:justify-content-start {
        justify-content: flex-start
    }

    .xl\:justify-content-end {
        justify-content: flex-end
    }

    .xl\:justify-content-center {
        justify-content: center
    }

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

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

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

    .xl\:justify-content-stretch {
        justify-content: stretch
    }

    .xl\:justify-items-start {
        justify-items: start
    }

    .xl\:justify-items-end {
        justify-items: end
    }

    .xl\:justify-items-center {
        justify-items: center
    }

    .xl\:justify-items-stretch {
        justify-items: stretch
    }

    .xl\:justify-self-auto {
        justify-self: auto
    }

    .xl\:justify-self-start {
        justify-self: start
    }

    .xl\:justify-self-end {
        justify-self: end
    }

    .xl\:justify-self-center {
        justify-self: center
    }

    .xl\:justify-self-stretch {
        justify-self: stretch
    }

    .xl\:align-content-normal {
        align-content: normal
    }

    .xl\:align-content-center {
        align-content: center
    }

    .xl\:align-content-start {
        align-content: flex-start
    }

    .xl\:align-content-end {
        align-content: flex-end
    }

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

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

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

    .xl\:align-content-baseline {
        align-content: baseline
    }

    .xl\:align-content-stretch {
        align-content: stretch
    }

    .xl\:align-items-start {
        align-items: flex-start
    }

    .xl\:align-items-end {
        align-items: flex-end
    }

    .xl\:align-items-center {
        align-items: center
    }

    .xl\:align-items-baseline {
        align-items: baseline
    }

    .xl\:align-items-stretch {
        align-items: stretch
    }

    .xl\:align-self-auto {
        align-self: auto
    }

    .xl\:align-self-start {
        align-self: flex-start
    }

    .xl\:align-self-end {
        align-self: flex-end
    }

    .xl\:align-self-center {
        align-self: center
    }

    .xl\:align-self-stretch {
        align-self: stretch
    }

    .xl\:align-self-baseline {
        align-self: baseline
    }

    .xl\:p0 {
        padding: 0
    }

    .xl\:p1 {
        padding: 1px
    }

    .xl\:p2 {
        padding: 2px
    }

    .xl\:p4 {
        padding: .25rem
    }

    .xl\:p6 {
        padding: .375rem
    }

    .xl\:p8 {
        padding: .5rem
    }

    .xl\:p10 {
        padding: .625rem
    }

    .xl\:p12 {
        padding: .75rem
    }

    .xl\:p14 {
        padding: .875rem
    }

    .xl\:p16 {
        padding: 1rem
    }

    .xl\:p20 {
        padding: 1.25rem
    }

    .xl\:p24 {
        padding: 1.5rem
    }

    .xl\:p28 {
        padding: 1.75rem
    }

    .xl\:p32 {
        padding: 2rem
    }

    .xl\:p36 {
        padding: 2.25rem
    }

    .xl\:p40 {
        padding: 2.5rem
    }

    .xl\:p44 {
        padding: 2.75rem
    }

    .xl\:p48 {
        padding: 3rem
    }

    .xl\:p56 {
        padding: 3.5rem
    }

    .xl\:p64 {
        padding: 4rem
    }

    .xl\:p72 {
        padding: 4.5rem
    }

    .xl\:p80 {
        padding: 5rem
    }

    .xl\:p88 {
        padding: 5.5rem
    }

    .xl\:p96 {
        padding: 6rem
    }

    .xl\:p104 {
        padding: 6.5rem
    }

    .xl\:p112 {
        padding: 7rem
    }

    .xl\:p120 {
        padding: 7.5rem
    }

    .xl\:p128 {
        padding: 8rem
    }

    .xl\:px0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px1 {
        padding-left: 1px;
        padding-right: 1px
    }

    .xl\:px2 {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .xl\:px6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .xl\:px8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .xl\:px10 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .xl\:px12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .xl\:px14 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .xl\:px16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .xl\:px32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .xl\:px40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xl\:px44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .xl\:px48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl\:px56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .xl\:px64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .xl\:px72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .xl\:px80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .xl\:px88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .xl\:px96 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .xl\:px104 {
        padding-left: 6.5rem;
        padding-right: 6.5rem
    }

    .xl\:px112 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .xl\:px120 {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }

    .xl\:px128 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .xl\:py0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py1 {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .xl\:py2 {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .xl\:py4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .xl\:py6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .xl\:py8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xl\:py10 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .xl\:py12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .xl\:py14 {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    .xl\:py16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl\:py20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .xl\:py24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .xl\:py32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .xl\:py40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .xl\:py48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .xl\:py56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .xl\:py64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .xl\:py72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .xl\:py80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .xl\:py88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .xl\:py96 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .xl\:py104 {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }

    .xl\:py112 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .xl\:py120 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .xl\:py128 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .xl\:pt0 {
        padding-top: 0
    }

    .xl\:pt1 {
        padding-top: 1px
    }

    .xl\:pt2 {
        padding-top: 2px
    }

    .xl\:pt4 {
        padding-top: .25rem
    }

    .xl\:pt6 {
        padding-top: .375rem
    }

    .xl\:pt8 {
        padding-top: .5rem
    }

    .xl\:pt10 {
        padding-top: .625rem
    }

    .xl\:pt12 {
        padding-top: .75rem
    }

    .xl\:pt14 {
        padding-top: .875rem
    }

    .xl\:pt16 {
        padding-top: 1rem
    }

    .xl\:pt20 {
        padding-top: 1.25rem
    }

    .xl\:pt24 {
        padding-top: 1.5rem
    }

    .xl\:pt28 {
        padding-top: 1.75rem
    }

    .xl\:pt32 {
        padding-top: 2rem
    }

    .xl\:pt36 {
        padding-top: 2.25rem
    }

    .xl\:pt40 {
        padding-top: 2.5rem
    }

    .xl\:pt44 {
        padding-top: 2.75rem
    }

    .xl\:pt48 {
        padding-top: 3rem
    }

    .xl\:pt56 {
        padding-top: 3.5rem
    }

    .xl\:pt64 {
        padding-top: 4rem
    }

    .xl\:pt72 {
        padding-top: 4.5rem
    }

    .xl\:pt80 {
        padding-top: 5rem
    }

    .xl\:pt88 {
        padding-top: 5.5rem
    }

    .xl\:pt96 {
        padding-top: 6rem
    }

    .xl\:pt104 {
        padding-top: 6.5rem
    }

    .xl\:pt112 {
        padding-top: 7rem
    }

    .xl\:pt120 {
        padding-top: 7.5rem
    }

    .xl\:pt128 {
        padding-top: 8rem
    }

    .xl\:pr0 {
        padding-right: 0
    }

    .xl\:pr1 {
        padding-right: 1px
    }

    .xl\:pr2 {
        padding-right: 2px
    }

    .xl\:pr4 {
        padding-right: .25rem
    }

    .xl\:pr6 {
        padding-right: .375rem
    }

    .xl\:pr8 {
        padding-right: .5rem
    }

    .xl\:pr10 {
        padding-right: .625rem
    }

    .xl\:pr12 {
        padding-right: .75rem
    }

    .xl\:pr14 {
        padding-right: .875rem
    }

    .xl\:pr16 {
        padding-right: 1rem
    }

    .xl\:pr20 {
        padding-right: 1.25rem
    }

    .xl\:pr24 {
        padding-right: 1.5rem
    }

    .xl\:pr28 {
        padding-right: 1.75rem
    }

    .xl\:pr32 {
        padding-right: 2rem
    }

    .xl\:pr36 {
        padding-right: 2.25rem
    }

    .xl\:pr40 {
        padding-right: 2.5rem
    }

    .xl\:pr44 {
        padding-right: 2.75rem
    }

    .xl\:pr48 {
        padding-right: 3rem
    }

    .xl\:pr56 {
        padding-right: 3.5rem
    }

    .xl\:pr64 {
        padding-right: 4rem
    }

    .xl\:pr72 {
        padding-right: 4.5rem
    }

    .xl\:pr80 {
        padding-right: 5rem
    }

    .xl\:pr88 {
        padding-right: 5.5rem
    }

    .xl\:pr96 {
        padding-right: 6rem
    }

    .xl\:pr104 {
        padding-right: 6.5rem
    }

    .xl\:pr112 {
        padding-right: 7rem
    }

    .xl\:pr120 {
        padding-right: 7.5rem
    }

    .xl\:pr128 {
        padding-right: 8rem
    }

    .xl\:pb0 {
        padding-bottom: 0
    }

    .xl\:pb1 {
        padding-bottom: 1px
    }

    .xl\:pb2 {
        padding-bottom: 2px
    }

    .xl\:pb4 {
        padding-bottom: .25rem
    }

    .xl\:pb6 {
        padding-bottom: .375rem
    }

    .xl\:pb8 {
        padding-bottom: .5rem
    }

    .xl\:pb10 {
        padding-bottom: .625rem
    }

    .xl\:pb12 {
        padding-bottom: .75rem
    }

    .xl\:pb14 {
        padding-bottom: .875rem
    }

    .xl\:pb16 {
        padding-bottom: 1rem
    }

    .xl\:pb20 {
        padding-bottom: 1.25rem
    }

    .xl\:pb24 {
        padding-bottom: 1.5rem
    }

    .xl\:pb28 {
        padding-bottom: 1.75rem
    }

    .xl\:pb32 {
        padding-bottom: 2rem
    }

    .xl\:pb36 {
        padding-bottom: 2.25rem
    }

    .xl\:pb40 {
        padding-bottom: 2.5rem
    }

    .xl\:pb44 {
        padding-bottom: 2.75rem
    }

    .xl\:pb48 {
        padding-bottom: 3rem
    }

    .xl\:pb56 {
        padding-bottom: 3.5rem
    }

    .xl\:pb64 {
        padding-bottom: 4rem
    }

    .xl\:pb72 {
        padding-bottom: 4.5rem
    }

    .xl\:pb80 {
        padding-bottom: 5rem
    }

    .xl\:pb88 {
        padding-bottom: 5.5rem
    }

    .xl\:pb96 {
        padding-bottom: 6rem
    }

    .xl\:pb104 {
        padding-bottom: 6.5rem
    }

    .xl\:pb112 {
        padding-bottom: 7rem
    }

    .xl\:pb120 {
        padding-bottom: 7.5rem
    }

    .xl\:pb128 {
        padding-bottom: 8rem
    }

    .xl\:pl0 {
        padding-left: 0
    }

    .xl\:pl1 {
        padding-left: 1px
    }

    .xl\:pl2 {
        padding-left: 2px
    }

    .xl\:pl4 {
        padding-left: .25rem
    }

    .xl\:pl6 {
        padding-left: .375rem
    }

    .xl\:pl8 {
        padding-left: .5rem
    }

    .xl\:pl10 {
        padding-left: .625rem
    }

    .xl\:pl12 {
        padding-left: .75rem
    }

    .xl\:pl14 {
        padding-left: .875rem
    }

    .xl\:pl16 {
        padding-left: 1rem
    }

    .xl\:pl20 {
        padding-left: 1.25rem
    }

    .xl\:pl24 {
        padding-left: 1.5rem
    }

    .xl\:pl28 {
        padding-left: 1.75rem
    }

    .xl\:pl32 {
        padding-left: 2rem
    }

    .xl\:pl36 {
        padding-left: 2.25rem
    }

    .xl\:pl40 {
        padding-left: 2.5rem
    }

    .xl\:pl44 {
        padding-left: 2.75rem
    }

    .xl\:pl48 {
        padding-left: 3rem
    }

    .xl\:pl56 {
        padding-left: 3.5rem
    }

    .xl\:pl64 {
        padding-left: 4rem
    }

    .xl\:pl72 {
        padding-left: 4.5rem
    }

    .xl\:pl80 {
        padding-left: 5rem
    }

    .xl\:pl88 {
        padding-left: 5.5rem
    }

    .xl\:pl96 {
        padding-left: 6rem
    }

    .xl\:pl104 {
        padding-left: 6.5rem
    }

    .xl\:pl112 {
        padding-left: 7rem
    }

    .xl\:pl120 {
        padding-left: 7.5rem
    }

    .xl\:pl128 {
        padding-left: 8rem
    }

    .xl\:m0 {
        margin: 0
    }

    .xl\:m1 {
        margin: 1px
    }

    .xl\:m2 {
        margin: 2px
    }

    .xl\:m4 {
        margin: .25rem
    }

    .xl\:m6 {
        margin: .375rem
    }

    .xl\:m8 {
        margin: .5rem
    }

    .xl\:m10 {
        margin: .625rem
    }

    .xl\:m12 {
        margin: .75rem
    }

    .xl\:m14 {
        margin: .875rem
    }

    .xl\:m16 {
        margin: 1rem
    }

    .xl\:m20 {
        margin: 1.25rem
    }

    .xl\:m24 {
        margin: 1.5rem
    }

    .xl\:m28 {
        margin: 1.75rem
    }

    .xl\:m32 {
        margin: 2rem
    }

    .xl\:m36 {
        margin: 2.25rem
    }

    .xl\:m40 {
        margin: 2.5rem
    }

    .xl\:m44 {
        margin: 2.75rem
    }

    .xl\:m48 {
        margin: 3rem
    }

    .xl\:m56 {
        margin: 3.5rem
    }

    .xl\:m64 {
        margin: 4rem
    }

    .xl\:m72 {
        margin: 4.5rem
    }

    .xl\:m80 {
        margin: 5rem
    }

    .xl\:m88 {
        margin: 5.5rem
    }

    .xl\:m96 {
        margin: 6rem
    }

    .xl\:m104 {
        margin: 6.5rem
    }

    .xl\:m112 {
        margin: 7rem
    }

    .xl\:m120 {
        margin: 7.5rem
    }

    .xl\:m128 {
        margin: 8rem
    }

    .xl\:m-auto {
        margin: auto
    }

    .xl\:mx0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx1 {
        margin-left: 1px;
        margin-right: 1px
    }

    .xl\:mx2 {
        margin-left: 2px;
        margin-right: 2px
    }

    .xl\:mx4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .xl\:mx6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .xl\:mx8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .xl\:mx10 {
        margin-left: .625rem;
        margin-right: .625rem
    }

    .xl\:mx12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .xl\:mx14 {
        margin-left: .875rem;
        margin-right: .875rem
    }

    .xl\:mx16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .xl\:mx20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .xl\:mx24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .xl\:mx28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .xl\:mx32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .xl\:mx36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .xl\:mx40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .xl\:mx44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .xl\:mx48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .xl\:mx56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .xl\:mx64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .xl\:mx72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .xl\:mx80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .xl\:mx88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .xl\:mx96 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .xl\:mx104 {
        margin-left: 6.5rem;
        margin-right: 6.5rem
    }

    .xl\:mx112 {
        margin-left: 7rem;
        margin-right: 7rem
    }

    .xl\:mx120 {
        margin-left: 7.5rem;
        margin-right: 7.5rem
    }

    .xl\:mx128 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .xl\:mx-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .xl\:mx-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .xl\:mx-4 {
        margin-left: -0.25rem;
        margin-right: -0.25rem
    }

    .xl\:mx-6 {
        margin-left: -0.375rem;
        margin-right: -0.375rem
    }

    .xl\:mx-8 {
        margin-left: -0.5rem;
        margin-right: -0.5rem
    }

    .xl\:mx-10 {
        margin-left: -0.625rem;
        margin-right: -0.625rem
    }

    .xl\:mx-12 {
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }

    .xl\:mx-14 {
        margin-left: -0.875rem;
        margin-right: -0.875rem
    }

    .xl\:mx-16 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .xl\:mx-20 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .xl\:mx-24 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .xl\:mx-28 {
        margin-left: -1.75rem;
        margin-right: -1.75rem
    }

    .xl\:mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .xl\:mx-36 {
        margin-left: -2.25rem;
        margin-right: -2.25rem
    }

    .xl\:mx-40 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .xl\:mx-44 {
        margin-left: -2.75rem;
        margin-right: -2.75rem
    }

    .xl\:mx-48 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .xl\:mx-52 {
        margin-left: -3.25rem;
        margin-right: -3.25rem
    }

    .xl\:mx-56 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .xl\:mx-60 {
        margin-left: -3.75rem;
        margin-right: -3.75rem
    }

    .xl\:mx-64 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .xl\:mx-72 {
        margin-left: -4.5rem;
        margin-right: -4.5rem
    }

    .xl\:mx-80 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .xl\:mx-88 {
        margin-left: -5.5rem;
        margin-right: -5.5rem
    }

    .xl\:mx-96 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .xl\:mx-104 {
        margin-left: -6.5rem;
        margin-right: -6.5rem
    }

    .xl\:mx-112 {
        margin-left: -7rem;
        margin-right: -7rem
    }

    .xl\:mx-120 {
        margin-left: -7.5rem;
        margin-right: -7.5rem
    }

    .xl\:mx-128 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:my1 {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .xl\:my2 {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .xl\:my4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .xl\:my6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .xl\:my8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .xl\:my10 {
        margin-top: .625rem;
        margin-bottom: .625rem
    }

    .xl\:my12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .xl\:my14 {
        margin-top: .875rem;
        margin-bottom: .875rem
    }

    .xl\:my16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .xl\:my20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .xl\:my24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .xl\:my28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .xl\:my32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .xl\:my36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .xl\:my40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .xl\:my44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .xl\:my48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .xl\:my56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .xl\:my64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .xl\:my72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .xl\:my80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .xl\:my88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .xl\:my96 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .xl\:my104 {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem
    }

    .xl\:my112 {
        margin-top: 7rem;
        margin-bottom: 7rem
    }

    .xl\:my120 {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }

    .xl\:my128 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .xl\:my-1 {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .xl\:my-2 {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .xl\:my-4 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem
    }

    .xl\:my-6 {
        margin-top: -0.375rem;
        margin-bottom: -0.375rem
    }

    .xl\:my-8 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem
    }

    .xl\:my-10 {
        margin-top: -0.625rem;
        margin-bottom: -0.625rem
    }

    .xl\:my-12 {
        margin-top: -0.75rem;
        margin-bottom: -0.75rem
    }

    .xl\:my-14 {
        margin-top: -0.875rem;
        margin-bottom: -0.875rem
    }

    .xl\:my-16 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .xl\:my-20 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .xl\:my-24 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .xl\:my-28 {
        margin-top: -1.75rem;
        margin-bottom: -1.75rem
    }

    .xl\:my-32 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .xl\:my-36 {
        margin-top: -2.25rem;
        margin-bottom: -2.25rem
    }

    .xl\:my-40 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .xl\:my-44 {
        margin-top: -2.75rem;
        margin-bottom: -2.75rem
    }

    .xl\:my-48 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .xl\:my-52 {
        margin-top: -3.25rem;
        margin-bottom: -3.25rem
    }

    .xl\:my-56 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .xl\:my-60 {
        margin-top: -3.75rem;
        margin-bottom: -3.75rem
    }

    .xl\:my-64 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .xl\:my-72 {
        margin-top: -4.5rem;
        margin-bottom: -4.5rem
    }

    .xl\:my-80 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .xl\:my-88 {
        margin-top: -5.5rem;
        margin-bottom: -5.5rem
    }

    .xl\:my-96 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .xl\:my-104 {
        margin-top: -6.5rem;
        margin-bottom: -6.5rem
    }

    .xl\:my-112 {
        margin-top: -7rem;
        margin-bottom: -7rem
    }

    .xl\:my-120 {
        margin-top: -7.5rem;
        margin-bottom: -7.5rem
    }

    .xl\:my-128 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:mt0 {
        margin-top: 0
    }

    .xl\:mt1 {
        margin-top: 1px
    }

    .xl\:mt2 {
        margin-top: 2px
    }

    .xl\:mt4 {
        margin-top: .25rem
    }

    .xl\:mt6 {
        margin-top: .375rem
    }

    .xl\:mt8 {
        margin-top: .5rem
    }

    .xl\:mt10 {
        margin-top: .625rem
    }

    .xl\:mt12 {
        margin-top: .75rem
    }

    .xl\:mt14 {
        margin-top: .875rem
    }

    .xl\:mt16 {
        margin-top: 1rem
    }

    .xl\:mt20 {
        margin-top: 1.25rem
    }

    .xl\:mt24 {
        margin-top: 1.5rem
    }

    .xl\:mt28 {
        margin-top: 1.75rem
    }

    .xl\:mt32 {
        margin-top: 2rem
    }

    .xl\:mt36 {
        margin-top: 2.25rem
    }

    .xl\:mt40 {
        margin-top: 2.5rem
    }

    .xl\:mt44 {
        margin-top: 2.75rem
    }

    .xl\:mt48 {
        margin-top: 3rem
    }

    .xl\:mt56 {
        margin-top: 3.5rem
    }

    .xl\:mt64 {
        margin-top: 4rem
    }

    .xl\:mt72 {
        margin-top: 4.5rem
    }

    .xl\:mt80 {
        margin-top: 5rem
    }

    .xl\:mt88 {
        margin-top: 5.5rem
    }

    .xl\:mt96 {
        margin-top: 6rem
    }

    .xl\:mt104 {
        margin-top: 6.5rem
    }

    .xl\:mt112 {
        margin-top: 7rem
    }

    .xl\:mt120 {
        margin-top: 7.5rem
    }

    .xl\:mt128 {
        margin-top: 8rem
    }

    .xl\:mt-1 {
        margin-top: -1px
    }

    .xl\:mt-2 {
        margin-top: -2px
    }

    .xl\:mt-4 {
        margin-top: -0.25rem
    }

    .xl\:mt-6 {
        margin-top: -0.375rem
    }

    .xl\:mt-8 {
        margin-top: -0.5rem
    }

    .xl\:mt-10 {
        margin-top: -0.625rem
    }

    .xl\:mt-12 {
        margin-top: -0.75rem
    }

    .xl\:mt-14 {
        margin-top: -0.875rem
    }

    .xl\:mt-16 {
        margin-top: -1rem
    }

    .xl\:mt-20 {
        margin-top: -1.25rem
    }

    .xl\:mt-24 {
        margin-top: -1.5rem
    }

    .xl\:mt-28 {
        margin-top: -1.75rem
    }

    .xl\:mt-32 {
        margin-top: -2rem
    }

    .xl\:mt-36 {
        margin-top: -2.25rem
    }

    .xl\:mt-40 {
        margin-top: -2.5rem
    }

    .xl\:mt-44 {
        margin-top: -2.75rem
    }

    .xl\:mt-48 {
        margin-top: -3rem
    }

    .xl\:mt-52 {
        margin-top: -3.25rem
    }

    .xl\:mt-56 {
        margin-top: -3.5rem
    }

    .xl\:mt-60 {
        margin-top: -3.75rem
    }

    .xl\:mt-64 {
        margin-top: -4rem
    }

    .xl\:mt-72 {
        margin-top: -4.5rem
    }

    .xl\:mt-80 {
        margin-top: -5rem
    }

    .xl\:mt-88 {
        margin-top: -5.5rem
    }

    .xl\:mt-96 {
        margin-top: -6rem
    }

    .xl\:mt-104 {
        margin-top: -6.5rem
    }

    .xl\:mt-112 {
        margin-top: -7rem
    }

    .xl\:mt-120 {
        margin-top: -7.5rem
    }

    .xl\:mt-128 {
        margin-top: -8rem
    }

    .xl\:mt-auto {
        margin-top: auto
    }

    .xl\:mr0 {
        margin-right: 0
    }

    .xl\:mr1 {
        margin-right: 1px
    }

    .xl\:mr2 {
        margin-right: 2px
    }

    .xl\:mr4 {
        margin-right: .25rem
    }

    .xl\:mr6 {
        margin-right: .375rem
    }

    .xl\:mr8 {
        margin-right: .5rem
    }

    .xl\:mr10 {
        margin-right: .625rem
    }

    .xl\:mr12 {
        margin-right: .75rem
    }

    .xl\:mr14 {
        margin-right: .875rem
    }

    .xl\:mr16 {
        margin-right: 1rem
    }

    .xl\:mr20 {
        margin-right: 1.25rem
    }

    .xl\:mr24 {
        margin-right: 1.5rem
    }

    .xl\:mr28 {
        margin-right: 1.75rem
    }

    .xl\:mr32 {
        margin-right: 2rem
    }

    .xl\:mr36 {
        margin-right: 2.25rem
    }

    .xl\:mr40 {
        margin-right: 2.5rem
    }

    .xl\:mr44 {
        margin-right: 2.75rem
    }

    .xl\:mr48 {
        margin-right: 3rem
    }

    .xl\:mr56 {
        margin-right: 3.5rem
    }

    .xl\:mr64 {
        margin-right: 4rem
    }

    .xl\:mr72 {
        margin-right: 4.5rem
    }

    .xl\:mr80 {
        margin-right: 5rem
    }

    .xl\:mr88 {
        margin-right: 5.5rem
    }

    .xl\:mr96 {
        margin-right: 6rem
    }

    .xl\:mr104 {
        margin-right: 6.5rem
    }

    .xl\:mr112 {
        margin-right: 7rem
    }

    .xl\:mr120 {
        margin-right: 7.5rem
    }

    .xl\:mr128 {
        margin-right: 8rem
    }

    .xl\:mr-1 {
        margin-right: -1px
    }

    .xl\:mr-2 {
        margin-right: -2px
    }

    .xl\:mr-4 {
        margin-right: -0.25rem
    }

    .xl\:mr-6 {
        margin-right: -0.375rem
    }

    .xl\:mr-8 {
        margin-right: -0.5rem
    }

    .xl\:mr-10 {
        margin-right: -0.625rem
    }

    .xl\:mr-12 {
        margin-right: -0.75rem
    }

    .xl\:mr-14 {
        margin-right: -0.875rem
    }

    .xl\:mr-16 {
        margin-right: -1rem
    }

    .xl\:mr-20 {
        margin-right: -1.25rem
    }

    .xl\:mr-24 {
        margin-right: -1.5rem
    }

    .xl\:mr-28 {
        margin-right: -1.75rem
    }

    .xl\:mr-32 {
        margin-right: -2rem
    }

    .xl\:mr-36 {
        margin-right: -2.25rem
    }

    .xl\:mr-40 {
        margin-right: -2.5rem
    }

    .xl\:mr-44 {
        margin-right: -2.75rem
    }

    .xl\:mr-48 {
        margin-right: -3rem
    }

    .xl\:mr-52 {
        margin-right: -3.25rem
    }

    .xl\:mr-56 {
        margin-right: -3.5rem
    }

    .xl\:mr-60 {
        margin-right: -3.75rem
    }

    .xl\:mr-64 {
        margin-right: -4rem
    }

    .xl\:mr-72 {
        margin-right: -4.5rem
    }

    .xl\:mr-80 {
        margin-right: -5rem
    }

    .xl\:mr-88 {
        margin-right: -5.5rem
    }

    .xl\:mr-96 {
        margin-right: -6rem
    }

    .xl\:mr-104 {
        margin-right: -6.5rem
    }

    .xl\:mr-112 {
        margin-right: -7rem
    }

    .xl\:mr-120 {
        margin-right: -7.5rem
    }

    .xl\:mr-128 {
        margin-right: -8rem
    }

    .xl\:mr-auto {
        margin-right: auto
    }

    .xl\:mb0 {
        margin-bottom: 0
    }

    .xl\:mb1 {
        margin-bottom: 1px
    }

    .xl\:mb2 {
        margin-bottom: 2px
    }

    .xl\:mb4 {
        margin-bottom: .25rem
    }

    .xl\:mb6 {
        margin-bottom: .375rem
    }

    .xl\:mb8 {
        margin-bottom: .5rem
    }

    .xl\:mb10 {
        margin-bottom: .625rem
    }

    .xl\:mb12 {
        margin-bottom: .75rem
    }

    .xl\:mb14 {
        margin-bottom: .875rem
    }

    .xl\:mb16 {
        margin-bottom: 1rem
    }

    .xl\:mb20 {
        margin-bottom: 1.25rem
    }

    .xl\:mb24 {
        margin-bottom: 1.5rem
    }

    .xl\:mb28 {
        margin-bottom: 1.75rem
    }

    .xl\:mb32 {
        margin-bottom: 2rem
    }

    .xl\:mb36 {
        margin-bottom: 2.25rem
    }

    .xl\:mb40 {
        margin-bottom: 2.5rem
    }

    .xl\:mb44 {
        margin-bottom: 2.75rem
    }

    .xl\:mb48 {
        margin-bottom: 3rem
    }

    .xl\:mb56 {
        margin-bottom: 3.5rem
    }

    .xl\:mb64 {
        margin-bottom: 4rem
    }

    .xl\:mb72 {
        margin-bottom: 4.5rem
    }

    .xl\:mb80 {
        margin-bottom: 5rem
    }

    .xl\:mb88 {
        margin-bottom: 5.5rem
    }

    .xl\:mb96 {
        margin-bottom: 6rem
    }

    .xl\:mb104 {
        margin-bottom: 6.5rem
    }

    .xl\:mb112 {
        margin-bottom: 7rem
    }

    .xl\:mb120 {
        margin-bottom: 7.5rem
    }

    .xl\:mb128 {
        margin-bottom: 8rem
    }

    .xl\:mb-1 {
        margin-bottom: -1px
    }

    .xl\:mb-2 {
        margin-bottom: -2px
    }

    .xl\:mb-4 {
        margin-bottom: -0.25rem
    }

    .xl\:mb-6 {
        margin-bottom: -0.375rem
    }

    .xl\:mb-8 {
        margin-bottom: -0.5rem
    }

    .xl\:mb-10 {
        margin-bottom: -0.625rem
    }

    .xl\:mb-12 {
        margin-bottom: -0.75rem
    }

    .xl\:mb-14 {
        margin-bottom: -0.875rem
    }

    .xl\:mb-16 {
        margin-bottom: -1rem
    }

    .xl\:mb-20 {
        margin-bottom: -1.25rem
    }

    .xl\:mb-24 {
        margin-bottom: -1.5rem
    }

    .xl\:mb-28 {
        margin-bottom: -1.75rem
    }

    .xl\:mb-32 {
        margin-bottom: -2rem
    }

    .xl\:mb-36 {
        margin-bottom: -2.25rem
    }

    .xl\:mb-40 {
        margin-bottom: -2.5rem
    }

    .xl\:mb-44 {
        margin-bottom: -2.75rem
    }

    .xl\:mb-48 {
        margin-bottom: -3rem
    }

    .xl\:mb-52 {
        margin-bottom: -3.25rem
    }

    .xl\:mb-56 {
        margin-bottom: -3.5rem
    }

    .xl\:mb-60 {
        margin-bottom: -3.75rem
    }

    .xl\:mb-64 {
        margin-bottom: -4rem
    }

    .xl\:mb-72 {
        margin-bottom: -4.5rem
    }

    .xl\:mb-80 {
        margin-bottom: -5rem
    }

    .xl\:mb-88 {
        margin-bottom: -5.5rem
    }

    .xl\:mb-96 {
        margin-bottom: -6rem
    }

    .xl\:mb-104 {
        margin-bottom: -6.5rem
    }

    .xl\:mb-112 {
        margin-bottom: -7rem
    }

    .xl\:mb-120 {
        margin-bottom: -7.5rem
    }

    .xl\:mb-128 {
        margin-bottom: -8rem
    }

    .xl\:mb-auto {
        margin-bottom: auto
    }

    .xl\:ml0 {
        margin-left: 0
    }

    .xl\:ml1 {
        margin-left: 1px
    }

    .xl\:ml2 {
        margin-left: 2px
    }

    .xl\:ml4 {
        margin-left: .25rem
    }

    .xl\:ml6 {
        margin-left: .375rem
    }

    .xl\:ml8 {
        margin-left: .5rem
    }

    .xl\:ml10 {
        margin-left: .625rem
    }

    .xl\:ml12 {
        margin-left: .75rem
    }

    .xl\:ml14 {
        margin-left: .875rem
    }

    .xl\:ml16 {
        margin-left: 1rem
    }

    .xl\:ml20 {
        margin-left: 1.25rem
    }

    .xl\:ml24 {
        margin-left: 1.5rem
    }

    .xl\:ml28 {
        margin-left: 1.75rem
    }

    .xl\:ml32 {
        margin-left: 2rem
    }

    .xl\:ml36 {
        margin-left: 2.25rem
    }

    .xl\:ml40 {
        margin-left: 2.5rem
    }

    .xl\:ml44 {
        margin-left: 2.75rem
    }

    .xl\:ml48 {
        margin-left: 3rem
    }

    .xl\:ml56 {
        margin-left: 3.5rem
    }

    .xl\:ml64 {
        margin-left: 4rem
    }

    .xl\:ml72 {
        margin-left: 4.5rem
    }

    .xl\:ml80 {
        margin-left: 5rem
    }

    .xl\:ml88 {
        margin-left: 5.5rem
    }

    .xl\:ml96 {
        margin-left: 6rem
    }

    .xl\:ml104 {
        margin-left: 6.5rem
    }

    .xl\:ml112 {
        margin-left: 7rem
    }

    .xl\:ml120 {
        margin-left: 7.5rem
    }

    .xl\:ml128 {
        margin-left: 8rem
    }

    .xl\:ml-1 {
        margin-left: -1px
    }

    .xl\:ml-2 {
        margin-left: -2px
    }

    .xl\:ml-4 {
        margin-left: -0.25rem
    }

    .xl\:ml-6 {
        margin-left: -0.375rem
    }

    .xl\:ml-8 {
        margin-left: -0.5rem
    }

    .xl\:ml-10 {
        margin-left: -0.625rem
    }

    .xl\:ml-12 {
        margin-left: -0.75rem
    }

    .xl\:ml-14 {
        margin-left: -0.875rem
    }

    .xl\:ml-16 {
        margin-left: -1rem
    }

    .xl\:ml-20 {
        margin-left: -1.25rem
    }

    .xl\:ml-24 {
        margin-left: -1.5rem
    }

    .xl\:ml-28 {
        margin-left: -1.75rem
    }

    .xl\:ml-32 {
        margin-left: -2rem
    }

    .xl\:ml-36 {
        margin-left: -2.25rem
    }

    .xl\:ml-40 {
        margin-left: -2.5rem
    }

    .xl\:ml-44 {
        margin-left: -2.75rem
    }

    .xl\:ml-48 {
        margin-left: -3rem
    }

    .xl\:ml-52 {
        margin-left: -3.25rem
    }

    .xl\:ml-56 {
        margin-left: -3.5rem
    }

    .xl\:ml-60 {
        margin-left: -3.75rem
    }

    .xl\:ml-64 {
        margin-left: -4rem
    }

    .xl\:ml-72 {
        margin-left: -4.5rem
    }

    .xl\:ml-80 {
        margin-left: -5rem
    }

    .xl\:ml-88 {
        margin-left: -5.5rem
    }

    .xl\:ml-96 {
        margin-left: -6rem
    }

    .xl\:ml-104 {
        margin-left: -6.5rem
    }

    .xl\:ml-112 {
        margin-left: -7rem
    }

    .xl\:ml-120 {
        margin-left: -7.5rem
    }

    .xl\:ml-128 {
        margin-left: -8rem
    }

    .xl\:ml-auto {
        margin-left: auto
    }

    .xl\:gap-0 {
        --gutter-x: 0;
        --gutter-y: 0;
        gap: 0;
        grid-gap: 0
    }

    .xl\:gap-1 {
        --gutter-x: 1px;
        --gutter-y: 1px;
        gap: 1px;
        grid-gap: 1px
    }

    .xl\:gap-2 {
        --gutter-x: 2px;
        --gutter-y: 2px;
        gap: 2px;
        grid-gap: 2px
    }

    .xl\:gap-4 {
        --gutter-x: .25rem;
        --gutter-y: .25rem;
        gap: .25rem;
        grid-gap: .25rem
    }

    .xl\:gap-6 {
        --gutter-x: .375rem;
        --gutter-y: .375rem;
        gap: .375rem;
        grid-gap: .375rem
    }

    .xl\:gap-8 {
        --gutter-x: .5rem;
        --gutter-y: .5rem;
        gap: .5rem;
        grid-gap: .5rem
    }

    .xl\:gap-10 {
        --gutter-x: .625rem;
        --gutter-y: .625rem;
        gap: .625rem;
        grid-gap: .625rem
    }

    .xl\:gap-12 {
        --gutter-x: .75rem;
        --gutter-y: .75rem;
        gap: .75rem;
        grid-gap: .75rem
    }

    .xl\:gap-14 {
        --gutter-x: .875rem;
        --gutter-y: .875rem;
        gap: .875rem;
        grid-gap: .875rem
    }

    .xl\:gap-16 {
        --gutter-x: 1rem;
        --gutter-y: 1rem;
        gap: 1rem;
        grid-gap: 1rem
    }

    .xl\:gap-20 {
        --gutter-x: 1.25rem;
        --gutter-y: 1.25rem;
        gap: 1.25rem;
        grid-gap: 1.25rem
    }

    .xl\:gap-24 {
        --gutter-x: 1.5rem;
        --gutter-y: 1.5rem;
        gap: 1.5rem;
        grid-gap: 1.5rem
    }

    .xl\:gap-28 {
        --gutter-x: 1.75rem;
        --gutter-y: 1.75rem;
        gap: 1.75rem;
        grid-gap: 1.75rem
    }

    .xl\:gap-32 {
        --gutter-x: 2rem;
        --gutter-y: 2rem;
        gap: 2rem;
        grid-gap: 2rem
    }

    .xl\:gap-36 {
        --gutter-x: 2.25rem;
        --gutter-y: 2.25rem;
        gap: 2.25rem;
        grid-gap: 2.25rem
    }

    .xl\:gap-40 {
        --gutter-x: 2.5rem;
        --gutter-y: 2.5rem;
        gap: 2.5rem;
        grid-gap: 2.5rem
    }

    .xl\:gap-44 {
        --gutter-x: 2.75rem;
        --gutter-y: 2.75rem;
        gap: 2.75rem;
        grid-gap: 2.75rem
    }

    .xl\:gap-48 {
        --gutter-x: 3rem;
        --gutter-y: 3rem;
        gap: 3rem;
        grid-gap: 3rem
    }

    .xl\:gap-56 {
        --gutter-x: 3.5rem;
        --gutter-y: 3.5rem;
        gap: 3.5rem;
        grid-gap: 3.5rem
    }

    .xl\:gap-64 {
        --gutter-x: 4rem;
        --gutter-y: 4rem;
        gap: 4rem;
        grid-gap: 4rem
    }

    .xl\:gap-72 {
        --gutter-x: 4.5rem;
        --gutter-y: 4.5rem;
        gap: 4.5rem;
        grid-gap: 4.5rem
    }

    .xl\:gap-80 {
        --gutter-x: 5rem;
        --gutter-y: 5rem;
        gap: 5rem;
        grid-gap: 5rem
    }

    .xl\:gap-88 {
        --gutter-x: 5.5rem;
        --gutter-y: 5.5rem;
        gap: 5.5rem;
        grid-gap: 5.5rem
    }

    .xl\:gap-96 {
        --gutter-x: 6rem;
        --gutter-y: 6rem;
        gap: 6rem;
        grid-gap: 6rem
    }

    .xl\:gap-104 {
        --gutter-x: 6.5rem;
        --gutter-y: 6.5rem;
        gap: 6.5rem;
        grid-gap: 6.5rem
    }

    .xl\:gap-112 {
        --gutter-x: 7rem;
        --gutter-y: 7rem;
        gap: 7rem;
        grid-gap: 7rem
    }

    .xl\:gap-120 {
        --gutter-x: 7.5rem;
        --gutter-y: 7.5rem;
        gap: 7.5rem;
        grid-gap: 7.5rem
    }

    .xl\:gap-128 {
        --gutter-x: 8rem;
        --gutter-y: 8rem;
        gap: 8rem;
        grid-gap: 8rem
    }

    .xl\:gap-y-0 {
        --gutter-y: 0;
        row-gap: 0;
        grid-row-gap: 0
    }

    .xl\:gap-y-1 {
        --gutter-y: 1px;
        row-gap: 1px;
        grid-row-gap: 1px
    }

    .xl\:gap-y-2 {
        --gutter-y: 2px;
        row-gap: 2px;
        grid-row-gap: 2px
    }

    .xl\:gap-y-4 {
        --gutter-y: .25rem;
        row-gap: .25rem;
        grid-row-gap: .25rem
    }

    .xl\:gap-y-6 {
        --gutter-y: .375rem;
        row-gap: .375rem;
        grid-row-gap: .375rem
    }

    .xl\:gap-y-8 {
        --gutter-y: .5rem;
        row-gap: .5rem;
        grid-row-gap: .5rem
    }

    .xl\:gap-y-10 {
        --gutter-y: .625rem;
        row-gap: .625rem;
        grid-row-gap: .625rem
    }

    .xl\:gap-y-12 {
        --gutter-y: .75rem;
        row-gap: .75rem;
        grid-row-gap: .75rem
    }

    .xl\:gap-y-14 {
        --gutter-y: .875rem;
        row-gap: .875rem;
        grid-row-gap: .875rem
    }

    .xl\:gap-y-16 {
        --gutter-y: 1rem;
        row-gap: 1rem;
        grid-row-gap: 1rem
    }

    .xl\:gap-y-20 {
        --gutter-y: 1.25rem;
        row-gap: 1.25rem;
        grid-row-gap: 1.25rem
    }

    .xl\:gap-y-24 {
        --gutter-y: 1.5rem;
        row-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .xl\:gap-y-28 {
        --gutter-y: 1.75rem;
        row-gap: 1.75rem;
        grid-row-gap: 1.75rem
    }

    .xl\:gap-y-32 {
        --gutter-y: 2rem;
        row-gap: 2rem;
        grid-row-gap: 2rem
    }

    .xl\:gap-y-36 {
        --gutter-y: 2.25rem;
        row-gap: 2.25rem;
        grid-row-gap: 2.25rem
    }

    .xl\:gap-y-40 {
        --gutter-y: 2.5rem;
        row-gap: 2.5rem;
        grid-row-gap: 2.5rem
    }

    .xl\:gap-y-44 {
        --gutter-y: 2.75rem;
        row-gap: 2.75rem;
        grid-row-gap: 2.75rem
    }

    .xl\:gap-y-48 {
        --gutter-y: 3rem;
        row-gap: 3rem;
        grid-row-gap: 3rem
    }

    .xl\:gap-y-56 {
        --gutter-y: 3.5rem;
        row-gap: 3.5rem;
        grid-row-gap: 3.5rem
    }

    .xl\:gap-y-64 {
        --gutter-y: 4rem;
        row-gap: 4rem;
        grid-row-gap: 4rem
    }

    .xl\:gap-y-72 {
        --gutter-y: 4.5rem;
        row-gap: 4.5rem;
        grid-row-gap: 4.5rem
    }

    .xl\:gap-y-80 {
        --gutter-y: 5rem;
        row-gap: 5rem;
        grid-row-gap: 5rem
    }

    .xl\:gap-y-88 {
        --gutter-y: 5.5rem;
        row-gap: 5.5rem;
        grid-row-gap: 5.5rem
    }

    .xl\:gap-y-96 {
        --gutter-y: 6rem;
        row-gap: 6rem;
        grid-row-gap: 6rem
    }

    .xl\:gap-y-104 {
        --gutter-y: 6.5rem;
        row-gap: 6.5rem;
        grid-row-gap: 6.5rem
    }

    .xl\:gap-y-112 {
        --gutter-y: 7rem;
        row-gap: 7rem;
        grid-row-gap: 7rem
    }

    .xl\:gap-y-120 {
        --gutter-y: 7.5rem;
        row-gap: 7.5rem;
        grid-row-gap: 7.5rem
    }

    .xl\:gap-y-128 {
        --gutter-y: 8rem;
        row-gap: 8rem;
        grid-row-gap: 8rem
    }

    .xl\:gap-x-0 {
        --gutter-x: 0;
        column-gap: 0;
        grid-column-gap: 0
    }

    .xl\:gap-x-1 {
        --gutter-x: 1px;
        column-gap: 1px;
        grid-column-gap: 1px
    }

    .xl\:gap-x-2 {
        --gutter-x: 2px;
        column-gap: 2px;
        grid-column-gap: 2px
    }

    .xl\:gap-x-4 {
        --gutter-x: .25rem;
        column-gap: .25rem;
        grid-column-gap: .25rem
    }

    .xl\:gap-x-6 {
        --gutter-x: .375rem;
        column-gap: .375rem;
        grid-column-gap: .375rem
    }

    .xl\:gap-x-8 {
        --gutter-x: .5rem;
        column-gap: .5rem;
        grid-column-gap: .5rem
    }

    .xl\:gap-x-10 {
        --gutter-x: .625rem;
        column-gap: .625rem;
        grid-column-gap: .625rem
    }

    .xl\:gap-x-12 {
        --gutter-x: .75rem;
        column-gap: .75rem;
        grid-column-gap: .75rem
    }

    .xl\:gap-x-14 {
        --gutter-x: .875rem;
        column-gap: .875rem;
        grid-column-gap: .875rem
    }

    .xl\:gap-x-16 {
        --gutter-x: 1rem;
        column-gap: 1rem;
        grid-column-gap: 1rem
    }

    .xl\:gap-x-20 {
        --gutter-x: 1.25rem;
        column-gap: 1.25rem;
        grid-column-gap: 1.25rem
    }

    .xl\:gap-x-24 {
        --gutter-x: 1.5rem;
        column-gap: 1.5rem;
        grid-column-gap: 1.5rem
    }

    .xl\:gap-x-28 {
        --gutter-x: 1.75rem;
        column-gap: 1.75rem;
        grid-column-gap: 1.75rem
    }

    .xl\:gap-x-32 {
        --gutter-x: 2rem;
        column-gap: 2rem;
        grid-column-gap: 2rem
    }

    .xl\:gap-x-36 {
        --gutter-x: 2.25rem;
        column-gap: 2.25rem;
        grid-column-gap: 2.25rem
    }

    .xl\:gap-x-40 {
        --gutter-x: 2.5rem;
        column-gap: 2.5rem;
        grid-column-gap: 2.5rem
    }

    .xl\:gap-x-44 {
        --gutter-x: 2.75rem;
        column-gap: 2.75rem;
        grid-column-gap: 2.75rem
    }

    .xl\:gap-x-48 {
        --gutter-x: 3rem;
        column-gap: 3rem;
        grid-column-gap: 3rem
    }

    .xl\:gap-x-56 {
        --gutter-x: 3.5rem;
        column-gap: 3.5rem;
        grid-column-gap: 3.5rem
    }

    .xl\:gap-x-64 {
        --gutter-x: 4rem;
        column-gap: 4rem;
        grid-column-gap: 4rem
    }

    .xl\:gap-x-72 {
        --gutter-x: 4.5rem;
        column-gap: 4.5rem;
        grid-column-gap: 4.5rem
    }

    .xl\:gap-x-80 {
        --gutter-x: 5rem;
        column-gap: 5rem;
        grid-column-gap: 5rem
    }

    .xl\:gap-x-88 {
        --gutter-x: 5.5rem;
        column-gap: 5.5rem;
        grid-column-gap: 5.5rem
    }

    .xl\:gap-x-96 {
        --gutter-x: 6rem;
        column-gap: 6rem;
        grid-column-gap: 6rem
    }

    .xl\:gap-x-104 {
        --gutter-x: 6.5rem;
        column-gap: 6.5rem;
        grid-column-gap: 6.5rem
    }

    .xl\:gap-x-112 {
        --gutter-x: 7rem;
        column-gap: 7rem;
        grid-column-gap: 7rem
    }

    .xl\:gap-x-120 {
        --gutter-x: 7.5rem;
        column-gap: 7.5rem;
        grid-column-gap: 7.5rem
    }

    .xl\:gap-x-128 {
        --gutter-x: 8rem;
        column-gap: 8rem;
        grid-column-gap: 8rem
    }
}

@media screen and (max-width: 767px) {
    .md\:flex-row {
        flex-direction:row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:flex-auto {
        flex: 1 1 auto
    }

    .md\:flex-initial {
        flex: 0 1 auto
    }

    .md\:flex-none {
        flex: none
    }

    .md\:grow-1 {
        flex-grow: 1
    }

    .md\:grow-0 {
        flex-grow: 0
    }

    .md\:shrink-1 {
        flex-shrink: 1
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-3 {
        order: 3
    }

    .md\:order-4 {
        order: 4
    }

    .md\:order-5 {
        order: 5
    }

    .md\:order-6 {
        order: 6
    }

    .md\:order-7 {
        order: 7
    }

    .md\:order-8 {
        order: 8
    }

    .md\:order-9 {
        order: 9
    }

    .md\:order-10 {
        order: 10
    }

    .md\:order-11 {
        order: 11
    }

    .md\:order-12 {
        order: 12
    }

    .md\:order-first {
        order: -9999
    }

    .md\:order-last {
        order: 9999
    }

    .md\:order-none {
        order: 0
    }

    .md\:justify-content-normal {
        justify-content: normal
    }

    .md\:justify-content-start {
        justify-content: flex-start
    }

    .md\:justify-content-end {
        justify-content: flex-end
    }

    .md\:justify-content-center {
        justify-content: center
    }

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

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

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

    .md\:justify-content-stretch {
        justify-content: stretch
    }

    .md\:justify-items-start {
        justify-items: start
    }

    .md\:justify-items-end {
        justify-items: end
    }

    .md\:justify-items-center {
        justify-items: center
    }

    .md\:justify-items-stretch {
        justify-items: stretch
    }

    .md\:justify-self-auto {
        justify-self: auto
    }

    .md\:justify-self-start {
        justify-self: start
    }

    .md\:justify-self-end {
        justify-self: end
    }

    .md\:justify-self-center {
        justify-self: center
    }

    .md\:justify-self-stretch {
        justify-self: stretch
    }

    .md\:align-content-normal {
        align-content: normal
    }

    .md\:align-content-center {
        align-content: center
    }

    .md\:align-content-start {
        align-content: flex-start
    }

    .md\:align-content-end {
        align-content: flex-end
    }

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

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

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

    .md\:align-content-baseline {
        align-content: baseline
    }

    .md\:align-content-stretch {
        align-content: stretch
    }

    .md\:align-items-start {
        align-items: flex-start
    }

    .md\:align-items-end {
        align-items: flex-end
    }

    .md\:align-items-center {
        align-items: center
    }

    .md\:align-items-baseline {
        align-items: baseline
    }

    .md\:align-items-stretch {
        align-items: stretch
    }

    .md\:align-self-auto {
        align-self: auto
    }

    .md\:align-self-start {
        align-self: flex-start
    }

    .md\:align-self-end {
        align-self: flex-end
    }

    .md\:align-self-center {
        align-self: center
    }

    .md\:align-self-stretch {
        align-self: stretch
    }

    .md\:align-self-baseline {
        align-self: baseline
    }

    .md\:p0 {
        padding: 0
    }

    .md\:p1 {
        padding: 1px
    }

    .md\:p2 {
        padding: 2px
    }

    .md\:p4 {
        padding: .25rem
    }

    .md\:p6 {
        padding: .375rem
    }

    .md\:p8 {
        padding: .5rem
    }

    .md\:p10 {
        padding: .625rem
    }

    .md\:p12 {
        padding: .75rem
    }

    .md\:p14 {
        padding: .875rem
    }

    .md\:p16 {
        padding: 1rem
    }

    .md\:p20 {
        padding: 1.25rem
    }

    .md\:p24 {
        padding: 1.5rem
    }

    .md\:p28 {
        padding: 1.75rem
    }

    .md\:p32 {
        padding: 2rem
    }

    .md\:p36 {
        padding: 2.25rem
    }

    .md\:p40 {
        padding: 2.5rem
    }

    .md\:p44 {
        padding: 2.75rem
    }

    .md\:p48 {
        padding: 3rem
    }

    .md\:p56 {
        padding: 3.5rem
    }

    .md\:p64 {
        padding: 4rem
    }

    .md\:p72 {
        padding: 4.5rem
    }

    .md\:p80 {
        padding: 5rem
    }

    .md\:p88 {
        padding: 5.5rem
    }

    .md\:p96 {
        padding: 6rem
    }

    .md\:p104 {
        padding: 6.5rem
    }

    .md\:p112 {
        padding: 7rem
    }

    .md\:p120 {
        padding: 7.5rem
    }

    .md\:p128 {
        padding: 8rem
    }

    .md\:px0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px1 {
        padding-left: 1px;
        padding-right: 1px
    }

    .md\:px2 {
        padding-left: 2px;
        padding-right: 2px
    }

    .md\:px4 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .md\:px6 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .md\:px8 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px10 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .md\:px12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:px14 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .md\:px16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .md\:px32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .md\:px40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .md\:px48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:px56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .md\:px80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .md\:px96 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md\:px104 {
        padding-left: 6.5rem;
        padding-right: 6.5rem
    }

    .md\:px112 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .md\:px120 {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }

    .md\:px128 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .md\:py0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:py1 {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .md\:py2 {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .md\:py4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .md\:py6 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .md\:py8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py10 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .md\:py12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:py14 {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    .md\:py16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:py24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .md\:py32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:py36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .md\:py40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .md\:py48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:py56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .md\:py64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:py72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .md\:py80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .md\:py96 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .md\:py104 {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }

    .md\:py112 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .md\:py120 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .md\:py128 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .md\:pt0 {
        padding-top: 0
    }

    .md\:pt1 {
        padding-top: 1px
    }

    .md\:pt2 {
        padding-top: 2px
    }

    .md\:pt4 {
        padding-top: .25rem
    }

    .md\:pt6 {
        padding-top: .375rem
    }

    .md\:pt8 {
        padding-top: .5rem
    }

    .md\:pt10 {
        padding-top: .625rem
    }

    .md\:pt12 {
        padding-top: .75rem
    }

    .md\:pt14 {
        padding-top: .875rem
    }

    .md\:pt16 {
        padding-top: 1rem
    }

    .md\:pt20 {
        padding-top: 1.25rem
    }

    .md\:pt24 {
        padding-top: 1.5rem
    }

    .md\:pt28 {
        padding-top: 1.75rem
    }

    .md\:pt32 {
        padding-top: 2rem
    }

    .md\:pt36 {
        padding-top: 2.25rem
    }

    .md\:pt40 {
        padding-top: 2.5rem
    }

    .md\:pt44 {
        padding-top: 2.75rem
    }

    .md\:pt48 {
        padding-top: 3rem
    }

    .md\:pt56 {
        padding-top: 3.5rem
    }

    .md\:pt64 {
        padding-top: 4rem
    }

    .md\:pt72 {
        padding-top: 4.5rem
    }

    .md\:pt80 {
        padding-top: 5rem
    }

    .md\:pt88 {
        padding-top: 5.5rem
    }

    .md\:pt96 {
        padding-top: 6rem
    }

    .md\:pt104 {
        padding-top: 6.5rem
    }

    .md\:pt112 {
        padding-top: 7rem
    }

    .md\:pt120 {
        padding-top: 7.5rem
    }

    .md\:pt128 {
        padding-top: 8rem
    }

    .md\:pr0 {
        padding-right: 0
    }

    .md\:pr1 {
        padding-right: 1px
    }

    .md\:pr2 {
        padding-right: 2px
    }

    .md\:pr4 {
        padding-right: .25rem
    }

    .md\:pr6 {
        padding-right: .375rem
    }

    .md\:pr8 {
        padding-right: .5rem
    }

    .md\:pr10 {
        padding-right: .625rem
    }

    .md\:pr12 {
        padding-right: .75rem
    }

    .md\:pr14 {
        padding-right: .875rem
    }

    .md\:pr16 {
        padding-right: 1rem
    }

    .md\:pr20 {
        padding-right: 1.25rem
    }

    .md\:pr24 {
        padding-right: 1.5rem
    }

    .md\:pr28 {
        padding-right: 1.75rem
    }

    .md\:pr32 {
        padding-right: 2rem
    }

    .md\:pr36 {
        padding-right: 2.25rem
    }

    .md\:pr40 {
        padding-right: 2.5rem
    }

    .md\:pr44 {
        padding-right: 2.75rem
    }

    .md\:pr48 {
        padding-right: 3rem
    }

    .md\:pr56 {
        padding-right: 3.5rem
    }

    .md\:pr64 {
        padding-right: 4rem
    }

    .md\:pr72 {
        padding-right: 4.5rem
    }

    .md\:pr80 {
        padding-right: 5rem
    }

    .md\:pr88 {
        padding-right: 5.5rem
    }

    .md\:pr96 {
        padding-right: 6rem
    }

    .md\:pr104 {
        padding-right: 6.5rem
    }

    .md\:pr112 {
        padding-right: 7rem
    }

    .md\:pr120 {
        padding-right: 7.5rem
    }

    .md\:pr128 {
        padding-right: 8rem
    }

    .md\:pb0 {
        padding-bottom: 0
    }

    .md\:pb1 {
        padding-bottom: 1px
    }

    .md\:pb2 {
        padding-bottom: 2px
    }

    .md\:pb4 {
        padding-bottom: .25rem
    }

    .md\:pb6 {
        padding-bottom: .375rem
    }

    .md\:pb8 {
        padding-bottom: .5rem
    }

    .md\:pb10 {
        padding-bottom: .625rem
    }

    .md\:pb12 {
        padding-bottom: .75rem
    }

    .md\:pb14 {
        padding-bottom: .875rem
    }

    .md\:pb16 {
        padding-bottom: 1rem
    }

    .md\:pb20 {
        padding-bottom: 1.25rem
    }

    .md\:pb24 {
        padding-bottom: 1.5rem
    }

    .md\:pb28 {
        padding-bottom: 1.75rem
    }

    .md\:pb32 {
        padding-bottom: 2rem
    }

    .md\:pb36 {
        padding-bottom: 2.25rem
    }

    .md\:pb40 {
        padding-bottom: 2.5rem
    }

    .md\:pb44 {
        padding-bottom: 2.75rem
    }

    .md\:pb48 {
        padding-bottom: 3rem
    }

    .md\:pb56 {
        padding-bottom: 3.5rem
    }

    .md\:pb64 {
        padding-bottom: 4rem
    }

    .md\:pb72 {
        padding-bottom: 4.5rem
    }

    .md\:pb80 {
        padding-bottom: 5rem
    }

    .md\:pb88 {
        padding-bottom: 5.5rem
    }

    .md\:pb96 {
        padding-bottom: 6rem
    }

    .md\:pb104 {
        padding-bottom: 6.5rem
    }

    .md\:pb112 {
        padding-bottom: 7rem
    }

    .md\:pb120 {
        padding-bottom: 7.5rem
    }

    .md\:pb128 {
        padding-bottom: 8rem
    }

    .md\:pl0 {
        padding-left: 0
    }

    .md\:pl1 {
        padding-left: 1px
    }

    .md\:pl2 {
        padding-left: 2px
    }

    .md\:pl4 {
        padding-left: .25rem
    }

    .md\:pl6 {
        padding-left: .375rem
    }

    .md\:pl8 {
        padding-left: .5rem
    }

    .md\:pl10 {
        padding-left: .625rem
    }

    .md\:pl12 {
        padding-left: .75rem
    }

    .md\:pl14 {
        padding-left: .875rem
    }

    .md\:pl16 {
        padding-left: 1rem
    }

    .md\:pl20 {
        padding-left: 1.25rem
    }

    .md\:pl24 {
        padding-left: 1.5rem
    }

    .md\:pl28 {
        padding-left: 1.75rem
    }

    .md\:pl32 {
        padding-left: 2rem
    }

    .md\:pl36 {
        padding-left: 2.25rem
    }

    .md\:pl40 {
        padding-left: 2.5rem
    }

    .md\:pl44 {
        padding-left: 2.75rem
    }

    .md\:pl48 {
        padding-left: 3rem
    }

    .md\:pl56 {
        padding-left: 3.5rem
    }

    .md\:pl64 {
        padding-left: 4rem
    }

    .md\:pl72 {
        padding-left: 4.5rem
    }

    .md\:pl80 {
        padding-left: 5rem
    }

    .md\:pl88 {
        padding-left: 5.5rem
    }

    .md\:pl96 {
        padding-left: 6rem
    }

    .md\:pl104 {
        padding-left: 6.5rem
    }

    .md\:pl112 {
        padding-left: 7rem
    }

    .md\:pl120 {
        padding-left: 7.5rem
    }

    .md\:pl128 {
        padding-left: 8rem
    }

    .md\:m0 {
        margin: 0
    }

    .md\:m1 {
        margin: 1px
    }

    .md\:m2 {
        margin: 2px
    }

    .md\:m4 {
        margin: .25rem
    }

    .md\:m6 {
        margin: .375rem
    }

    .md\:m8 {
        margin: .5rem
    }

    .md\:m10 {
        margin: .625rem
    }

    .md\:m12 {
        margin: .75rem
    }

    .md\:m14 {
        margin: .875rem
    }

    .md\:m16 {
        margin: 1rem
    }

    .md\:m20 {
        margin: 1.25rem
    }

    .md\:m24 {
        margin: 1.5rem
    }

    .md\:m28 {
        margin: 1.75rem
    }

    .md\:m32 {
        margin: 2rem
    }

    .md\:m36 {
        margin: 2.25rem
    }

    .md\:m40 {
        margin: 2.5rem
    }

    .md\:m44 {
        margin: 2.75rem
    }

    .md\:m48 {
        margin: 3rem
    }

    .md\:m56 {
        margin: 3.5rem
    }

    .md\:m64 {
        margin: 4rem
    }

    .md\:m72 {
        margin: 4.5rem
    }

    .md\:m80 {
        margin: 5rem
    }

    .md\:m88 {
        margin: 5.5rem
    }

    .md\:m96 {
        margin: 6rem
    }

    .md\:m104 {
        margin: 6.5rem
    }

    .md\:m112 {
        margin: 7rem
    }

    .md\:m120 {
        margin: 7.5rem
    }

    .md\:m128 {
        margin: 8rem
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:mx0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx1 {
        margin-left: 1px;
        margin-right: 1px
    }

    .md\:mx2 {
        margin-left: 2px;
        margin-right: 2px
    }

    .md\:mx4 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .md\:mx6 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .md\:mx8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .md\:mx10 {
        margin-left: .625rem;
        margin-right: .625rem
    }

    .md\:mx12 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md\:mx14 {
        margin-left: .875rem;
        margin-right: .875rem
    }

    .md\:mx16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:mx20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .md\:mx24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:mx28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .md\:mx32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .md\:mx36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .md\:mx40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .md\:mx44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .md\:mx48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .md\:mx56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .md\:mx64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .md\:mx72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .md\:mx80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .md\:mx88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .md\:mx96 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .md\:mx104 {
        margin-left: 6.5rem;
        margin-right: 6.5rem
    }

    .md\:mx112 {
        margin-left: 7rem;
        margin-right: 7rem
    }

    .md\:mx120 {
        margin-left: 7.5rem;
        margin-right: 7.5rem
    }

    .md\:mx128 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .md\:mx-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .md\:mx-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .md\:mx-4 {
        margin-left: -0.25rem;
        margin-right: -0.25rem
    }

    .md\:mx-6 {
        margin-left: -0.375rem;
        margin-right: -0.375rem
    }

    .md\:mx-8 {
        margin-left: -0.5rem;
        margin-right: -0.5rem
    }

    .md\:mx-10 {
        margin-left: -0.625rem;
        margin-right: -0.625rem
    }

    .md\:mx-12 {
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }

    .md\:mx-14 {
        margin-left: -0.875rem;
        margin-right: -0.875rem
    }

    .md\:mx-16 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .md\:mx-20 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .md\:mx-24 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:mx-28 {
        margin-left: -1.75rem;
        margin-right: -1.75rem
    }

    .md\:mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:mx-36 {
        margin-left: -2.25rem;
        margin-right: -2.25rem
    }

    .md\:mx-40 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .md\:mx-44 {
        margin-left: -2.75rem;
        margin-right: -2.75rem
    }

    .md\:mx-48 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .md\:mx-52 {
        margin-left: -3.25rem;
        margin-right: -3.25rem
    }

    .md\:mx-56 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .md\:mx-60 {
        margin-left: -3.75rem;
        margin-right: -3.75rem
    }

    .md\:mx-64 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .md\:mx-72 {
        margin-left: -4.5rem;
        margin-right: -4.5rem
    }

    .md\:mx-80 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .md\:mx-88 {
        margin-left: -5.5rem;
        margin-right: -5.5rem
    }

    .md\:mx-96 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .md\:mx-104 {
        margin-left: -6.5rem;
        margin-right: -6.5rem
    }

    .md\:mx-112 {
        margin-left: -7rem;
        margin-right: -7rem
    }

    .md\:mx-120 {
        margin-left: -7.5rem;
        margin-right: -7.5rem
    }

    .md\:mx-128 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:my1 {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .md\:my2 {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .md\:my4 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .md\:my6 {
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .md\:my8 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .md\:my10 {
        margin-top: .625rem;
        margin-bottom: .625rem
    }

    .md\:my12 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .md\:my14 {
        margin-top: .875rem;
        margin-bottom: .875rem
    }

    .md\:my16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md\:my20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .md\:my24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .md\:my28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .md\:my32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md\:my36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .md\:my40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .md\:my44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .md\:my48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .md\:my56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .md\:my64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md\:my72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .md\:my80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .md\:my88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .md\:my96 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .md\:my104 {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem
    }

    .md\:my112 {
        margin-top: 7rem;
        margin-bottom: 7rem
    }

    .md\:my120 {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }

    .md\:my128 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .md\:my-1 {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .md\:my-2 {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .md\:my-4 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem
    }

    .md\:my-6 {
        margin-top: -0.375rem;
        margin-bottom: -0.375rem
    }

    .md\:my-8 {
        margin-top: -0.5rem;
        margin-bottom: -0.5rem
    }

    .md\:my-10 {
        margin-top: -0.625rem;
        margin-bottom: -0.625rem
    }

    .md\:my-12 {
        margin-top: -0.75rem;
        margin-bottom: -0.75rem
    }

    .md\:my-14 {
        margin-top: -0.875rem;
        margin-bottom: -0.875rem
    }

    .md\:my-16 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .md\:my-20 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .md\:my-24 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .md\:my-28 {
        margin-top: -1.75rem;
        margin-bottom: -1.75rem
    }

    .md\:my-32 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .md\:my-36 {
        margin-top: -2.25rem;
        margin-bottom: -2.25rem
    }

    .md\:my-40 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .md\:my-44 {
        margin-top: -2.75rem;
        margin-bottom: -2.75rem
    }

    .md\:my-48 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .md\:my-52 {
        margin-top: -3.25rem;
        margin-bottom: -3.25rem
    }

    .md\:my-56 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .md\:my-60 {
        margin-top: -3.75rem;
        margin-bottom: -3.75rem
    }

    .md\:my-64 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .md\:my-72 {
        margin-top: -4.5rem;
        margin-bottom: -4.5rem
    }

    .md\:my-80 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .md\:my-88 {
        margin-top: -5.5rem;
        margin-bottom: -5.5rem
    }

    .md\:my-96 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .md\:my-104 {
        margin-top: -6.5rem;
        margin-bottom: -6.5rem
    }

    .md\:my-112 {
        margin-top: -7rem;
        margin-bottom: -7rem
    }

    .md\:my-120 {
        margin-top: -7.5rem;
        margin-bottom: -7.5rem
    }

    .md\:my-128 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .md\:mt0 {
        margin-top: 0
    }

    .md\:mt1 {
        margin-top: 1px
    }

    .md\:mt2 {
        margin-top: 2px
    }

    .md\:mt4 {
        margin-top: .25rem
    }

    .md\:mt6 {
        margin-top: .375rem
    }

    .md\:mt8 {
        margin-top: .5rem
    }

    .md\:mt10 {
        margin-top: .625rem
    }

    .md\:mt12 {
        margin-top: .75rem
    }

    .md\:mt14 {
        margin-top: .875rem
    }

    .md\:mt16 {
        margin-top: 1rem
    }

    .md\:mt20 {
        margin-top: 1.25rem
    }

    .md\:mt24 {
        margin-top: 1.5rem
    }

    .md\:mt28 {
        margin-top: 1.75rem
    }

    .md\:mt32 {
        margin-top: 2rem
    }

    .md\:mt36 {
        margin-top: 2.25rem
    }

    .md\:mt40 {
        margin-top: 2.5rem
    }

    .md\:mt44 {
        margin-top: 2.75rem
    }

    .md\:mt48 {
        margin-top: 3rem
    }

    .md\:mt56 {
        margin-top: 3.5rem
    }

    .md\:mt64 {
        margin-top: 4rem
    }

    .md\:mt72 {
        margin-top: 4.5rem
    }

    .md\:mt80 {
        margin-top: 5rem
    }

    .md\:mt88 {
        margin-top: 5.5rem
    }

    .md\:mt96 {
        margin-top: 6rem
    }

    .md\:mt104 {
        margin-top: 6.5rem
    }

    .md\:mt112 {
        margin-top: 7rem
    }

    .md\:mt120 {
        margin-top: 7.5rem
    }

    .md\:mt128 {
        margin-top: 8rem
    }

    .md\:mt-1 {
        margin-top: -1px
    }

    .md\:mt-2 {
        margin-top: -2px
    }

    .md\:mt-4 {
        margin-top: -0.25rem
    }

    .md\:mt-6 {
        margin-top: -0.375rem
    }

    .md\:mt-8 {
        margin-top: -0.5rem
    }

    .md\:mt-10 {
        margin-top: -0.625rem
    }

    .md\:mt-12 {
        margin-top: -0.75rem
    }

    .md\:mt-14 {
        margin-top: -0.875rem
    }

    .md\:mt-16 {
        margin-top: -1rem
    }

    .md\:mt-20 {
        margin-top: -1.25rem
    }

    .md\:mt-24 {
        margin-top: -1.5rem
    }

    .md\:mt-28 {
        margin-top: -1.75rem
    }

    .md\:mt-32 {
        margin-top: -2rem
    }

    .md\:mt-36 {
        margin-top: -2.25rem
    }

    .md\:mt-40 {
        margin-top: -2.5rem
    }

    .md\:mt-44 {
        margin-top: -2.75rem
    }

    .md\:mt-48 {
        margin-top: -3rem
    }

    .md\:mt-52 {
        margin-top: -3.25rem
    }

    .md\:mt-56 {
        margin-top: -3.5rem
    }

    .md\:mt-60 {
        margin-top: -3.75rem
    }

    .md\:mt-64 {
        margin-top: -4rem
    }

    .md\:mt-72 {
        margin-top: -4.5rem
    }

    .md\:mt-80 {
        margin-top: -5rem
    }

    .md\:mt-88 {
        margin-top: -5.5rem
    }

    .md\:mt-96 {
        margin-top: -6rem
    }

    .md\:mt-104 {
        margin-top: -6.5rem
    }

    .md\:mt-112 {
        margin-top: -7rem
    }

    .md\:mt-120 {
        margin-top: -7.5rem
    }

    .md\:mt-128 {
        margin-top: -8rem
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:mr0 {
        margin-right: 0
    }

    .md\:mr1 {
        margin-right: 1px
    }

    .md\:mr2 {
        margin-right: 2px
    }

    .md\:mr4 {
        margin-right: .25rem
    }

    .md\:mr6 {
        margin-right: .375rem
    }

    .md\:mr8 {
        margin-right: .5rem
    }

    .md\:mr10 {
        margin-right: .625rem
    }

    .md\:mr12 {
        margin-right: .75rem
    }

    .md\:mr14 {
        margin-right: .875rem
    }

    .md\:mr16 {
        margin-right: 1rem
    }

    .md\:mr20 {
        margin-right: 1.25rem
    }

    .md\:mr24 {
        margin-right: 1.5rem
    }

    .md\:mr28 {
        margin-right: 1.75rem
    }

    .md\:mr32 {
        margin-right: 2rem
    }

    .md\:mr36 {
        margin-right: 2.25rem
    }

    .md\:mr40 {
        margin-right: 2.5rem
    }

    .md\:mr44 {
        margin-right: 2.75rem
    }

    .md\:mr48 {
        margin-right: 3rem
    }

    .md\:mr56 {
        margin-right: 3.5rem
    }

    .md\:mr64 {
        margin-right: 4rem
    }

    .md\:mr72 {
        margin-right: 4.5rem
    }

    .md\:mr80 {
        margin-right: 5rem
    }

    .md\:mr88 {
        margin-right: 5.5rem
    }

    .md\:mr96 {
        margin-right: 6rem
    }

    .md\:mr104 {
        margin-right: 6.5rem
    }

    .md\:mr112 {
        margin-right: 7rem
    }

    .md\:mr120 {
        margin-right: 7.5rem
    }

    .md\:mr128 {
        margin-right: 8rem
    }

    .md\:mr-1 {
        margin-right: -1px
    }

    .md\:mr-2 {
        margin-right: -2px
    }

    .md\:mr-4 {
        margin-right: -0.25rem
    }

    .md\:mr-6 {
        margin-right: -0.375rem
    }

    .md\:mr-8 {
        margin-right: -0.5rem
    }

    .md\:mr-10 {
        margin-right: -0.625rem
    }

    .md\:mr-12 {
        margin-right: -0.75rem
    }

    .md\:mr-14 {
        margin-right: -0.875rem
    }

    .md\:mr-16 {
        margin-right: -1rem
    }

    .md\:mr-20 {
        margin-right: -1.25rem
    }

    .md\:mr-24 {
        margin-right: -1.5rem
    }

    .md\:mr-28 {
        margin-right: -1.75rem
    }

    .md\:mr-32 {
        margin-right: -2rem
    }

    .md\:mr-36 {
        margin-right: -2.25rem
    }

    .md\:mr-40 {
        margin-right: -2.5rem
    }

    .md\:mr-44 {
        margin-right: -2.75rem
    }

    .md\:mr-48 {
        margin-right: -3rem
    }

    .md\:mr-52 {
        margin-right: -3.25rem
    }

    .md\:mr-56 {
        margin-right: -3.5rem
    }

    .md\:mr-60 {
        margin-right: -3.75rem
    }

    .md\:mr-64 {
        margin-right: -4rem
    }

    .md\:mr-72 {
        margin-right: -4.5rem
    }

    .md\:mr-80 {
        margin-right: -5rem
    }

    .md\:mr-88 {
        margin-right: -5.5rem
    }

    .md\:mr-96 {
        margin-right: -6rem
    }

    .md\:mr-104 {
        margin-right: -6.5rem
    }

    .md\:mr-112 {
        margin-right: -7rem
    }

    .md\:mr-120 {
        margin-right: -7.5rem
    }

    .md\:mr-128 {
        margin-right: -8rem
    }

    .md\:mr-auto {
        margin-right: auto
    }

    .md\:mb0 {
        margin-bottom: 0
    }

    .md\:mb1 {
        margin-bottom: 1px
    }

    .md\:mb2 {
        margin-bottom: 2px
    }

    .md\:mb4 {
        margin-bottom: .25rem
    }

    .md\:mb6 {
        margin-bottom: .375rem
    }

    .md\:mb8 {
        margin-bottom: .5rem
    }

    .md\:mb10 {
        margin-bottom: .625rem
    }

    .md\:mb12 {
        margin-bottom: .75rem
    }

    .md\:mb14 {
        margin-bottom: .875rem
    }

    .md\:mb16 {
        margin-bottom: 1rem
    }

    .md\:mb20 {
        margin-bottom: 1.25rem
    }

    .md\:mb24 {
        margin-bottom: 1.5rem
    }

    .md\:mb28 {
        margin-bottom: 1.75rem
    }

    .md\:mb32 {
        margin-bottom: 2rem
    }

    .md\:mb36 {
        margin-bottom: 2.25rem
    }

    .md\:mb40 {
        margin-bottom: 2.5rem
    }

    .md\:mb44 {
        margin-bottom: 2.75rem
    }

    .md\:mb48 {
        margin-bottom: 3rem
    }

    .md\:mb56 {
        margin-bottom: 3.5rem
    }

    .md\:mb64 {
        margin-bottom: 4rem
    }

    .md\:mb72 {
        margin-bottom: 4.5rem
    }

    .md\:mb80 {
        margin-bottom: 5rem
    }

    .md\:mb88 {
        margin-bottom: 5.5rem
    }

    .md\:mb96 {
        margin-bottom: 6rem
    }

    .md\:mb104 {
        margin-bottom: 6.5rem
    }

    .md\:mb112 {
        margin-bottom: 7rem
    }

    .md\:mb120 {
        margin-bottom: 7.5rem
    }

    .md\:mb128 {
        margin-bottom: 8rem
    }

    .md\:mb-1 {
        margin-bottom: -1px
    }

    .md\:mb-2 {
        margin-bottom: -2px
    }

    .md\:mb-4 {
        margin-bottom: -0.25rem
    }

    .md\:mb-6 {
        margin-bottom: -0.375rem
    }

    .md\:mb-8 {
        margin-bottom: -0.5rem
    }

    .md\:mb-10 {
        margin-bottom: -0.625rem
    }

    .md\:mb-12 {
        margin-bottom: -0.75rem
    }

    .md\:mb-14 {
        margin-bottom: -0.875rem
    }

    .md\:mb-16 {
        margin-bottom: -1rem
    }

    .md\:mb-20 {
        margin-bottom: -1.25rem
    }

    .md\:mb-24 {
        margin-bottom: -1.5rem
    }

    .md\:mb-28 {
        margin-bottom: -1.75rem
    }

    .md\:mb-32 {
        margin-bottom: -2rem
    }

    .md\:mb-36 {
        margin-bottom: -2.25rem
    }

    .md\:mb-40 {
        margin-bottom: -2.5rem
    }

    .md\:mb-44 {
        margin-bottom: -2.75rem
    }

    .md\:mb-48 {
        margin-bottom: -3rem
    }

    .md\:mb-52 {
        margin-bottom: -3.25rem
    }

    .md\:mb-56 {
        margin-bottom: -3.5rem
    }

    .md\:mb-60 {
        margin-bottom: -3.75rem
    }

    .md\:mb-64 {
        margin-bottom: -4rem
    }

    .md\:mb-72 {
        margin-bottom: -4.5rem
    }

    .md\:mb-80 {
        margin-bottom: -5rem
    }

    .md\:mb-88 {
        margin-bottom: -5.5rem
    }

    .md\:mb-96 {
        margin-bottom: -6rem
    }

    .md\:mb-104 {
        margin-bottom: -6.5rem
    }

    .md\:mb-112 {
        margin-bottom: -7rem
    }

    .md\:mb-120 {
        margin-bottom: -7.5rem
    }

    .md\:mb-128 {
        margin-bottom: -8rem
    }

    .md\:mb-auto {
        margin-bottom: auto
    }

    .md\:ml0 {
        margin-left: 0
    }

    .md\:ml1 {
        margin-left: 1px
    }

    .md\:ml2 {
        margin-left: 2px
    }

    .md\:ml4 {
        margin-left: .25rem
    }

    .md\:ml6 {
        margin-left: .375rem
    }

    .md\:ml8 {
        margin-left: .5rem
    }

    .md\:ml10 {
        margin-left: .625rem
    }

    .md\:ml12 {
        margin-left: .75rem
    }

    .md\:ml14 {
        margin-left: .875rem
    }

    .md\:ml16 {
        margin-left: 1rem
    }

    .md\:ml20 {
        margin-left: 1.25rem
    }

    .md\:ml24 {
        margin-left: 1.5rem
    }

    .md\:ml28 {
        margin-left: 1.75rem
    }

    .md\:ml32 {
        margin-left: 2rem
    }

    .md\:ml36 {
        margin-left: 2.25rem
    }

    .md\:ml40 {
        margin-left: 2.5rem
    }

    .md\:ml44 {
        margin-left: 2.75rem
    }

    .md\:ml48 {
        margin-left: 3rem
    }

    .md\:ml56 {
        margin-left: 3.5rem
    }

    .md\:ml64 {
        margin-left: 4rem
    }

    .md\:ml72 {
        margin-left: 4.5rem
    }

    .md\:ml80 {
        margin-left: 5rem
    }

    .md\:ml88 {
        margin-left: 5.5rem
    }

    .md\:ml96 {
        margin-left: 6rem
    }

    .md\:ml104 {
        margin-left: 6.5rem
    }

    .md\:ml112 {
        margin-left: 7rem
    }

    .md\:ml120 {
        margin-left: 7.5rem
    }

    .md\:ml128 {
        margin-left: 8rem
    }

    .md\:ml-1 {
        margin-left: -1px
    }

    .md\:ml-2 {
        margin-left: -2px
    }

    .md\:ml-4 {
        margin-left: -0.25rem
    }

    .md\:ml-6 {
        margin-left: -0.375rem
    }

    .md\:ml-8 {
        margin-left: -0.5rem
    }

    .md\:ml-10 {
        margin-left: -0.625rem
    }

    .md\:ml-12 {
        margin-left: -0.75rem
    }

    .md\:ml-14 {
        margin-left: -0.875rem
    }

    .md\:ml-16 {
        margin-left: -1rem
    }

    .md\:ml-20 {
        margin-left: -1.25rem
    }

    .md\:ml-24 {
        margin-left: -1.5rem
    }

    .md\:ml-28 {
        margin-left: -1.75rem
    }

    .md\:ml-32 {
        margin-left: -2rem
    }

    .md\:ml-36 {
        margin-left: -2.25rem
    }

    .md\:ml-40 {
        margin-left: -2.5rem
    }

    .md\:ml-44 {
        margin-left: -2.75rem
    }

    .md\:ml-48 {
        margin-left: -3rem
    }

    .md\:ml-52 {
        margin-left: -3.25rem
    }

    .md\:ml-56 {
        margin-left: -3.5rem
    }

    .md\:ml-60 {
        margin-left: -3.75rem
    }

    .md\:ml-64 {
        margin-left: -4rem
    }

    .md\:ml-72 {
        margin-left: -4.5rem
    }

    .md\:ml-80 {
        margin-left: -5rem
    }

    .md\:ml-88 {
        margin-left: -5.5rem
    }

    .md\:ml-96 {
        margin-left: -6rem
    }

    .md\:ml-104 {
        margin-left: -6.5rem
    }

    .md\:ml-112 {
        margin-left: -7rem
    }

    .md\:ml-120 {
        margin-left: -7.5rem
    }

    .md\:ml-128 {
        margin-left: -8rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:gap-0 {
        --gutter-x: 0;
        --gutter-y: 0;
        gap: 0;
        grid-gap: 0
    }

    .md\:gap-1 {
        --gutter-x: 1px;
        --gutter-y: 1px;
        gap: 1px;
        grid-gap: 1px
    }

    .md\:gap-2 {
        --gutter-x: 2px;
        --gutter-y: 2px;
        gap: 2px;
        grid-gap: 2px
    }

    .md\:gap-4 {
        --gutter-x: .25rem;
        --gutter-y: .25rem;
        gap: .25rem;
        grid-gap: .25rem
    }

    .md\:gap-6 {
        --gutter-x: .375rem;
        --gutter-y: .375rem;
        gap: .375rem;
        grid-gap: .375rem
    }

    .md\:gap-8 {
        --gutter-x: .5rem;
        --gutter-y: .5rem;
        gap: .5rem;
        grid-gap: .5rem
    }

    .md\:gap-10 {
        --gutter-x: .625rem;
        --gutter-y: .625rem;
        gap: .625rem;
        grid-gap: .625rem
    }

    .md\:gap-12 {
        --gutter-x: .75rem;
        --gutter-y: .75rem;
        gap: .75rem;
        grid-gap: .75rem
    }

    .md\:gap-14 {
        --gutter-x: .875rem;
        --gutter-y: .875rem;
        gap: .875rem;
        grid-gap: .875rem
    }

    .md\:gap-16 {
        --gutter-x: 1rem;
        --gutter-y: 1rem;
        gap: 1rem;
        grid-gap: 1rem
    }

    .md\:gap-20 {
        --gutter-x: 1.25rem;
        --gutter-y: 1.25rem;
        gap: 1.25rem;
        grid-gap: 1.25rem
    }

    .md\:gap-24 {
        --gutter-x: 1.5rem;
        --gutter-y: 1.5rem;
        gap: 1.5rem;
        grid-gap: 1.5rem
    }

    .md\:gap-28 {
        --gutter-x: 1.75rem;
        --gutter-y: 1.75rem;
        gap: 1.75rem;
        grid-gap: 1.75rem
    }

    .md\:gap-32 {
        --gutter-x: 2rem;
        --gutter-y: 2rem;
        gap: 2rem;
        grid-gap: 2rem
    }

    .md\:gap-36 {
        --gutter-x: 2.25rem;
        --gutter-y: 2.25rem;
        gap: 2.25rem;
        grid-gap: 2.25rem
    }

    .md\:gap-40 {
        --gutter-x: 2.5rem;
        --gutter-y: 2.5rem;
        gap: 2.5rem;
        grid-gap: 2.5rem
    }

    .md\:gap-44 {
        --gutter-x: 2.75rem;
        --gutter-y: 2.75rem;
        gap: 2.75rem;
        grid-gap: 2.75rem
    }

    .md\:gap-48 {
        --gutter-x: 3rem;
        --gutter-y: 3rem;
        gap: 3rem;
        grid-gap: 3rem
    }

    .md\:gap-56 {
        --gutter-x: 3.5rem;
        --gutter-y: 3.5rem;
        gap: 3.5rem;
        grid-gap: 3.5rem
    }

    .md\:gap-64 {
        --gutter-x: 4rem;
        --gutter-y: 4rem;
        gap: 4rem;
        grid-gap: 4rem
    }

    .md\:gap-72 {
        --gutter-x: 4.5rem;
        --gutter-y: 4.5rem;
        gap: 4.5rem;
        grid-gap: 4.5rem
    }

    .md\:gap-80 {
        --gutter-x: 5rem;
        --gutter-y: 5rem;
        gap: 5rem;
        grid-gap: 5rem
    }

    .md\:gap-88 {
        --gutter-x: 5.5rem;
        --gutter-y: 5.5rem;
        gap: 5.5rem;
        grid-gap: 5.5rem
    }

    .md\:gap-96 {
        --gutter-x: 6rem;
        --gutter-y: 6rem;
        gap: 6rem;
        grid-gap: 6rem
    }

    .md\:gap-104 {
        --gutter-x: 6.5rem;
        --gutter-y: 6.5rem;
        gap: 6.5rem;
        grid-gap: 6.5rem
    }

    .md\:gap-112 {
        --gutter-x: 7rem;
        --gutter-y: 7rem;
        gap: 7rem;
        grid-gap: 7rem
    }

    .md\:gap-120 {
        --gutter-x: 7.5rem;
        --gutter-y: 7.5rem;
        gap: 7.5rem;
        grid-gap: 7.5rem
    }

    .md\:gap-128 {
        --gutter-x: 8rem;
        --gutter-y: 8rem;
        gap: 8rem;
        grid-gap: 8rem
    }

    .md\:gap-y-0 {
        --gutter-y: 0;
        row-gap: 0;
        grid-row-gap: 0
    }

    .md\:gap-y-1 {
        --gutter-y: 1px;
        row-gap: 1px;
        grid-row-gap: 1px
    }

    .md\:gap-y-2 {
        --gutter-y: 2px;
        row-gap: 2px;
        grid-row-gap: 2px
    }

    .md\:gap-y-4 {
        --gutter-y: .25rem;
        row-gap: .25rem;
        grid-row-gap: .25rem
    }

    .md\:gap-y-6 {
        --gutter-y: .375rem;
        row-gap: .375rem;
        grid-row-gap: .375rem
    }

    .md\:gap-y-8 {
        --gutter-y: .5rem;
        row-gap: .5rem;
        grid-row-gap: .5rem
    }

    .md\:gap-y-10 {
        --gutter-y: .625rem;
        row-gap: .625rem;
        grid-row-gap: .625rem
    }

    .md\:gap-y-12 {
        --gutter-y: .75rem;
        row-gap: .75rem;
        grid-row-gap: .75rem
    }

    .md\:gap-y-14 {
        --gutter-y: .875rem;
        row-gap: .875rem;
        grid-row-gap: .875rem
    }

    .md\:gap-y-16 {
        --gutter-y: 1rem;
        row-gap: 1rem;
        grid-row-gap: 1rem
    }

    .md\:gap-y-20 {
        --gutter-y: 1.25rem;
        row-gap: 1.25rem;
        grid-row-gap: 1.25rem
    }

    .md\:gap-y-24 {
        --gutter-y: 1.5rem;
        row-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .md\:gap-y-28 {
        --gutter-y: 1.75rem;
        row-gap: 1.75rem;
        grid-row-gap: 1.75rem
    }

    .md\:gap-y-32 {
        --gutter-y: 2rem;
        row-gap: 2rem;
        grid-row-gap: 2rem
    }

    .md\:gap-y-36 {
        --gutter-y: 2.25rem;
        row-gap: 2.25rem;
        grid-row-gap: 2.25rem
    }

    .md\:gap-y-40 {
        --gutter-y: 2.5rem;
        row-gap: 2.5rem;
        grid-row-gap: 2.5rem
    }

    .md\:gap-y-44 {
        --gutter-y: 2.75rem;
        row-gap: 2.75rem;
        grid-row-gap: 2.75rem
    }

    .md\:gap-y-48 {
        --gutter-y: 3rem;
        row-gap: 3rem;
        grid-row-gap: 3rem
    }

    .md\:gap-y-56 {
        --gutter-y: 3.5rem;
        row-gap: 3.5rem;
        grid-row-gap: 3.5rem
    }

    .md\:gap-y-64 {
        --gutter-y: 4rem;
        row-gap: 4rem;
        grid-row-gap: 4rem
    }

    .md\:gap-y-72 {
        --gutter-y: 4.5rem;
        row-gap: 4.5rem;
        grid-row-gap: 4.5rem
    }

    .md\:gap-y-80 {
        --gutter-y: 5rem;
        row-gap: 5rem;
        grid-row-gap: 5rem
    }

    .md\:gap-y-88 {
        --gutter-y: 5.5rem;
        row-gap: 5.5rem;
        grid-row-gap: 5.5rem
    }

    .md\:gap-y-96 {
        --gutter-y: 6rem;
        row-gap: 6rem;
        grid-row-gap: 6rem
    }

    .md\:gap-y-104 {
        --gutter-y: 6.5rem;
        row-gap: 6.5rem;
        grid-row-gap: 6.5rem
    }

    .md\:gap-y-112 {
        --gutter-y: 7rem;
        row-gap: 7rem;
        grid-row-gap: 7rem
    }

    .md\:gap-y-120 {
        --gutter-y: 7.5rem;
        row-gap: 7.5rem;
        grid-row-gap: 7.5rem
    }

    .md\:gap-y-128 {
        --gutter-y: 8rem;
        row-gap: 8rem;
        grid-row-gap: 8rem
    }

    .md\:gap-x-0 {
        --gutter-x: 0;
        column-gap: 0;
        grid-column-gap: 0
    }

    .md\:gap-x-1 {
        --gutter-x: 1px;
        column-gap: 1px;
        grid-column-gap: 1px
    }

    .md\:gap-x-2 {
        --gutter-x: 2px;
        column-gap: 2px;
        grid-column-gap: 2px
    }

    .md\:gap-x-4 {
        --gutter-x: .25rem;
        column-gap: .25rem;
        grid-column-gap: .25rem
    }

    .md\:gap-x-6 {
        --gutter-x: .375rem;
        column-gap: .375rem;
        grid-column-gap: .375rem
    }

    .md\:gap-x-8 {
        --gutter-x: .5rem;
        column-gap: .5rem;
        grid-column-gap: .5rem
    }

    .md\:gap-x-10 {
        --gutter-x: .625rem;
        column-gap: .625rem;
        grid-column-gap: .625rem
    }

    .md\:gap-x-12 {
        --gutter-x: .75rem;
        column-gap: .75rem;
        grid-column-gap: .75rem
    }

    .md\:gap-x-14 {
        --gutter-x: .875rem;
        column-gap: .875rem;
        grid-column-gap: .875rem
    }

    .md\:gap-x-16 {
        --gutter-x: 1rem;
        column-gap: 1rem;
        grid-column-gap: 1rem
    }

    .md\:gap-x-20 {
        --gutter-x: 1.25rem;
        column-gap: 1.25rem;
        grid-column-gap: 1.25rem
    }

    .md\:gap-x-24 {
        --gutter-x: 1.5rem;
        column-gap: 1.5rem;
        grid-column-gap: 1.5rem
    }

    .md\:gap-x-28 {
        --gutter-x: 1.75rem;
        column-gap: 1.75rem;
        grid-column-gap: 1.75rem
    }

    .md\:gap-x-32 {
        --gutter-x: 2rem;
        column-gap: 2rem;
        grid-column-gap: 2rem
    }

    .md\:gap-x-36 {
        --gutter-x: 2.25rem;
        column-gap: 2.25rem;
        grid-column-gap: 2.25rem
    }

    .md\:gap-x-40 {
        --gutter-x: 2.5rem;
        column-gap: 2.5rem;
        grid-column-gap: 2.5rem
    }

    .md\:gap-x-44 {
        --gutter-x: 2.75rem;
        column-gap: 2.75rem;
        grid-column-gap: 2.75rem
    }

    .md\:gap-x-48 {
        --gutter-x: 3rem;
        column-gap: 3rem;
        grid-column-gap: 3rem
    }

    .md\:gap-x-56 {
        --gutter-x: 3.5rem;
        column-gap: 3.5rem;
        grid-column-gap: 3.5rem
    }

    .md\:gap-x-64 {
        --gutter-x: 4rem;
        column-gap: 4rem;
        grid-column-gap: 4rem
    }

    .md\:gap-x-72 {
        --gutter-x: 4.5rem;
        column-gap: 4.5rem;
        grid-column-gap: 4.5rem
    }

    .md\:gap-x-80 {
        --gutter-x: 5rem;
        column-gap: 5rem;
        grid-column-gap: 5rem
    }

    .md\:gap-x-88 {
        --gutter-x: 5.5rem;
        column-gap: 5.5rem;
        grid-column-gap: 5.5rem
    }

    .md\:gap-x-96 {
        --gutter-x: 6rem;
        column-gap: 6rem;
        grid-column-gap: 6rem
    }

    .md\:gap-x-104 {
        --gutter-x: 6.5rem;
        column-gap: 6.5rem;
        grid-column-gap: 6.5rem
    }

    .md\:gap-x-112 {
        --gutter-x: 7rem;
        column-gap: 7rem;
        grid-column-gap: 7rem
    }

    .md\:gap-x-120 {
        --gutter-x: 7.5rem;
        column-gap: 7.5rem;
        grid-column-gap: 7.5rem
    }

    .md\:gap-x-128 {
        --gutter-x: 8rem;
        column-gap: 8rem;
        grid-column-gap: 8rem
    }
}

.page-download .searchbox-container {
    text-align: center;
    max-width: 50rem;
    margin: auto
}

.page-download .search-input::placeholder {
    font-size: .875rem
}

.page-download .searchbox-tip {
    color: #747474
}

.page-download .document {
    --padding: 3rem;
    background-color: var(--whitesmoke);
    display: flex;
    align-items: flex-start;
    padding: var(--padding);
    height: 100%
}

.page-download .document-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2rem
}

.page-download .document-cover {
    width: 46%
}

.page-download .document-info {
    padding-left: var(--padding)
}

.page-download .document-title {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

.page-download .document-link-item {
    position: relative;
    margin-top: 1rem;
    padding-left: 1.75rem
}

.page-download .document-link-item .icon {
    position: absolute;
    color: #747474;
    top: 0;
    left: 0;
    text-transform: uppercase
}

.page-download .document-link {
    color: var(--brand-color);
    word-break: break-word
}

.page-download .document--bold .document-link {
    font-weight: 700
}

@media(pointer: fine) {
    .page-download .document-link {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .page-download .document-link:hover,.page-download .document-link:focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media screen and (max-width: 1279px) {
    .page-download .document {
        flex-direction:column
    }

    .page-download .document-list {
        gap: 2rem
    }

    .page-download .document-cover {
        width:100%
    }


    .page-download .document-info {
        padding-left: 0;
        padding-top: var(--padding)
    }
}

@media screen and (max-width: 767px) {
    .page-download .searchbox-tip {
        font-size:.75rem
    }

    .page-download .searchbox-container {
        text-align: left
    }

    .page-download .document {
        --padding: 1.2rem;
        font-size: .875rem
    }

    .page-download .document-title {
		 margin-bottom: 1rem;
        font-size: 1.2rem
    }

    .page-download .document-list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.page-video-list .category {
    justify-content: flex-end
}

.page-video-list .video-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem
}

.page-video-list .video-poster-container {
    position: relative;
    padding-top: 62.5%;
    background-color: #f7f7f7
}

.page-video-list .video-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-video-list .video-title {
    font-size: 1.25rem;
    margin-top: 2rem
}

@media screen and (max-width: 1279px) {
    .page-video-list .category {
        justify-content:flex-start
    }

    .page-video-list .video-list {
        gap: 2rem
    }

    .page-video-list .video-title {
        font-size: 1.125rem;
        margin-top: 1rem
    }
}

@media screen and (max-width: 767px) {
    .page-video-list .video-list {
        grid-template-columns:repeat(1, 1fr)
    }
}

.page-sustainability .slogan {
    margin: 0 auto
}

.page-sustainability .slogan:nth-child(1n) {
    background-color: #fff2f8
}

.page-sustainability .slogan:nth-child(2n) {
    flex-direction: row-reverse;
    background-color: #edf4f5
}

.page-sustainability .slogan:nth-child(3n) {
    background-color: #eaeef7
}

.page-sustainability .slogan:nth-child(4n) {
    background-color: #efe8e1
}

.page-sustainability .slogan-image {
    object-fit: cover
}

.page-sustainability .slogan-content {
    padding: 6rem
}

.page-sustainability .slogan-content .prose {
    margin-top: 2rem
}

.page-sustainability .slogan-title {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 700
}

.page-sustainability ._footer {
    position: relative;
    height: 18.75rem
}

.page-sustainability ._footer-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-sustainability ._footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background-color: rgba(0,0,0,.2)
}

.page-sustainability ._footer-title {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center
}

.page-sustainability .aspect-container .h2 {
    text-align: center
}

.page-sustainability .aspect-row {
    margin-top: 2.5rem;
    padding: 2.5rem;
    gap: 2.5rem;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center
}

.page-sustainability .aspect-container-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: contain
}

.page-sustainability .aspect-container-bg-mobile {
    display: none
}

.page-sustainability .aspect {
    width: 100%;
    border-radius: 9999px;
    overflow: hidden;
    position: relative
}

.page-sustainability .aspect::before {
    content: "";
    display: block;
    padding-top: 100%
}

.page-sustainability .aspect:nth-child(1) {
    background-color: #fbe6ef
}

.page-sustainability .aspect:nth-child(2) {
    background-color: #edf4f5
}

.page-sustainability .aspect:nth-child(3) {
    background-color: #eceff5
}

.page-sustainability .aspect-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem
}

.page-sustainability .aspect-icon {
    height: 5rem
}

.page-sustainability .aspect-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: .5em
}

@media screen and (max-width: 1279px) {
    .page-sustainability .slogan:not(:first-child) {
        margin-top:2rem
    }

    .page-sustainability .slogan-content {
        padding: 2rem
    }

    .page-sustainability .aspect-container-bg-desktop {
        display: none
    }

    .page-sustainability .aspect-container-bg-mobile {
        display: initial
    }

    .page-sustainability .aspect-row {
        grid-template-columns: 1fr;
        padding: 1rem;
        row-gap: 1rem
    }

    .page-sustainability .aspect {
        width: 80%
    }

    .page-sustainability .aspect-overlay {
        padding: 0 3.5rem
    }

    .page-sustainability .aspect-icon {
        height: 6rem
    }

    .page-sustainability .aspect-title {
        font-size: 2rem
    }

    .page-sustainability .aspect-desc {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    .page-sustainability .h2 {
        font-size:1.25rem
    }

    .page-sustainability .slogan-title {
        font-size: 1.125rem
    }

    .page-sustainability .slogan-content {
        padding: 1.25rem
    }

    .page-sustainability .slogan-content .prose {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-top: 1rem
    }

    .page-sustainability .aspect {
        width: 100%
    }

    .page-sustainability .aspect-icon {
        height: 3rem
    }

    .page-sustainability .aspect-title {
        font-size: 1rem;
        margin: .5rem 0
    }

    .page-sustainability .aspect-desc {
        font-size: .75rem
    }

    .page-sustainability ._footer {
        height: 12rem
    }

    .page-sustainability ._footer-title {
        font-size: 1rem
    }
}

.page-news-list .banner-title {
    font-size: 2rem
}

@media screen and (max-width: 767px) {
    .page-news-list .banner-title {
        font-size:1.25rem
    }
}

.page-news-detail .article-title {
    font-size: 1rem
}

.page-news-detail ._sidebar {
    margin-top: -2rem
}

.page-news-detail ._sidebar-title {
    font-size: 2rem;
    font-weight: 700;
    padding: 2rem 0
}

.page-news-detail ._sidebar-footer {
    border-top-color: var(--default-border-color);
    border-top-width: 1px;
    margin-top: 2rem;
    padding: 2rem 0
}

.page-news-detail .news-footer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4rem;
    padding-top: 4rem;
    border-top-width: 1px;
    border-color: var(--default-border-color)
}

.page-news-detail .news-footer-break {
    display: none
}

.page-news-detail .share {
    border-radius: 2px;
    margin-left: .5rem;
    transition-property: background-color,color;
    transition-duration: .25s
}

.page-news-detail .share:hover,.page-news-detail .share:focus {
    background-color: rgba(0,0,0,.1)
}

.page-news-detail .news-footer-spacer {
    flex: 1 1 0%
}

.page-news-detail .news-footer-back {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.page-news-detail .share-label,.page-news-detail .news-footer-link {
    font-weight: 700
}

.page-news-detail .news-footer-link[disabled] {
    color: rgba(0,0,0,.25);
    cursor: not-allowed
}

.page-news-detail .news-footer-prev {
    margin-left: auto
}

.page-news-detail .news-footer-link:not([disabled]):hover,.page-news-detail .news-footer-link:not([disabled]):focus {
    color: var(--brand-color)
}

@media(hover: hover)and (pointer: fine) {
    .page-news-detail .news-footer-link:not([disabled]) {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .page-news-detail .news-footer-link:not([disabled]):hover,.page-news-detail .news-footer-link:not([disabled]):focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media screen and (min-width: 1280px) {
    .page-news-detail .article-list {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media screen and (max-width: 1279px) {
    .page-news-detail ._sidebar-footer {
        padding-bottom:0
    }

    .page-news-detail .news-footer {
        margin-top: 2rem;
        padding-top: 2rem
    }

    .page-news-detail .share {
        margin-left: .25rem
    }

    .page-news-detail .share-email {
        display: none
    }

    .page-news-detail ._sidebar {
        margin-top: 0
    }

    .page-news-detail ._sidebar-title {
        padding: 0
    }
}

@media screen and (max-width: 767px) {



}

.page-about-us .story ul,.page-about-us .story ol {
    list-style: none;
    padding-left: 0
}

.page-about-us .story li {
    border-top-width: 1px;
    border-color: rgba(0,0,0,.1);
    padding: 2rem 0 1.5rem 0
}

.page-about-us .story li:last-child {
    border-bottom-width: 1px
}

.page-about-us .story.is-playing .playbtn {
    display: none
}

.page-about-us .story-neko-values {
    margin-bottom: 0;
    flex-direction: row-reverse
}

.page-about-us .story-neko-values .story-content {
    padding-left: 0;
    padding-right: var(--padding)
}

.page-about-us .follow-header {
    max-width: 64rem;
    margin: auto;
    text-align: center
}

.page-about-us .social-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem
}

.page-about-us .social-card {
    position: relative;
    padding-top: 100%
}

.page-about-us .social-card-image,.page-about-us .social-card-overlay {
    position: absolute;
    inset: 0
}

.page-about-us .social-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-about-us .social-card-overlay {
    background-color: rgba(0,0,0,.2);
    padding: 1rem;
    color: #fff;
    text-align: center
}

.page-about-us .social-card-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden
}


.page-about-us .social-card-content .view-more{margin-left: 0;opacity: 0;transition: all .4s ease;}
.page-about-us .social-card:hover .view-more{transform: translateY(-50px);opacity: 1;}
.page-about-us .social-card-content .view-more:hover {
    color:#fff;
}
.page-about-us .social-card-content .social-card-line{opacity: 0;transition: all .4s ease;}
.page-about-us .social-card:hover .social-card-line{transform: translateY(-50px);opacity: 1;}
.page-about-us .social-card-title {
    font-size: 2.6rem;
	transition: all .4s ease;
    font-weight: 700
}
.page-about-us .social-card:hover .social-card-title{transform: translateY(-50px);opacity: 1;}
.page-about-us .social-card-name {
    font-size: 1.2rem
}

.page-about-us .social-card-line {
    width: 2rem;
    height: 1px;
    margin: .5rem auto 1.5rem auto;
    background-color: currentColor;
    flex-shrink: 0
}

@media(hover: hover)and (pointer: fine) {
    .page-about-us .social-card:hover .social-card-content::before {
        opacity:1;
        transform: none
    }
}

@media screen and (max-width: 1279px) {
    .page-about-us .follow-header {
        max-width:36rem
    }

    .page-about-us .social-card-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .page-about-us .social-card-grid {
        gap:.5rem
    }

    .page-about-us .social-card-overlay {
        padding: .5rem
    }

    .page-about-us .social-card-title {
        font-size: 1rem
    }

    .page-about-us .social-card-line {
        margin: .2rem 0 .5rem 0
    }

    .page-about-us .social-card-name {
        font-size: .75rem
    }
}

.page-project-detail .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.page-project-detail .tag {
    color: var(--brand-color);
    background-color: var(--brand-color-light);
    padding: .25rem .625rem;
    border-radius: .375em
}

.page-project-detail .tag:hover {
    color: var(--brand-color-light);
    background-color: var(--brand-color)
}

.page-project-detail .splide {
    height: 100%
}

.page-project-detail .splide-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-project-detail .project-info {
    --heading-margin-top: 2em;
    padding: 5rem;
    height: 100%;
    min-height: 43.75rem;
    background-image: var(--blackboard);
    color: #fff;
    overflow: hidden
}

.page-project-detail .project-info :is(h1,h2,h3,h4) {
    font-size: 1em;
    color: var(--brand-color);
    font-weight: 700
}

.page-project-detail .project-info :is(h1,h2,h3,h4):not(:first-child) {
    margin-top: var(--heading-margin-top)
}

.page-project-detail .project-info a:hover {
    color: var(--brand-color) !important
}

.page-project-detail .gallery-container {
    --gutter-x: 2.5rem;
    --gutter-y: var(--gutter-x);
    position: relative;
    min-height: 8rem;
    row-gap: 0
}

.page-project-detail .gallery-item {
    display: block;
    position: relative;
    margin-top: var(--gutter-y)
}

.page-project-detail .gallery-container.is-loading .gallery-item {
    display: none
}

.page-project-detail .gallery-image {
    width: 100%
}

@media(hover: hover)and (pointer: fine) {
    .page-project-detail .tag {
        transition-property:background-color,color;
        transition-timing-function: var(--default-timing-function);
        transition-duration: var(--default-duration)
    }

    .page-project-detail .project-info a {
        --underline-size: 1px;
        --underline-color: currentColor;
        text-decoration: none;
        background-image: linear-gradient(var(--underline-color), var(--underline-color));
        background-size: 0% var(--underline-size);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        transition-property: color,background-size;
        transition-duration: .25s;
        transition-timing-function: cubic-bezier(0.4, 0, 0, 1)
    }

    .page-project-detail .project-info a:hover,.page-project-detail .project-info a:focus {
        background-size: 100% var(--underline-size);
        background-position-x: 0%
    }
}

@media screen and (max-width: 1279px) {
    .page-project-detail .project-info {
        min-height:initial
    }
}

@media screen and (max-width: 767px) {
    .page-project-detail .tag-list {
        gap:.5rem
    }

    .page-project-detail .tag {
        font-size: .75rem
    }

    .page-project-detail .gallery-container {
        --gutter-x: 1rem
    }

    .page-project-detail .project-info {
        --heading-margin-top: 1em;
        padding: 2rem;
        font-size: .875rem
    }
}

.page-series-list .series-image-container {
    background-color: #efeeec
}

.page-series-list .series-category .series-image-container {
    background-color: var(--brand-color)
}

.page-series-list .series-category {
    position: relative;
    color: #fff
}

.page-series-list .series-category-title {
    position: absolute;
    top: 6rem;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 700
}

.page-series-list .series-category-subtitle {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 4rem
}

.page-series-list .series-grid .series-category {
    align-self: flex-start
}

.page-series-list ._content {
    border-bottom-width: 1px;
    border-color: rgba(112,112,112,.2)
}

.page-series-list .filter-table {
    --columns: 5
}

@media screen and (max-width: 1279px) {
    .page-series-list .series-category {
        color:#000;
        grid-column: span 2;
        padding-top: 2rem
    }

    .page-series-list .series-category .series-image-container {
        display: none
    }

    .page-series-list .series-category-title {
        position: static;
        text-align: left;
        font-size: 1.75rem;
        color: var(--brand-color)
    }

    .page-series-list .series-category-subtitle {
        position: static;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .page-series-list .series-category {
        grid-column:auto
    }
}

.page-series-detail .filter-table {
    min-width: auto
}

.page-series-detail .story {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse
}

.page-series-detail .story:nth-child(2n) {
    flex-direction: row
}

.page-series-detail .story-content {
    padding-left: 0;
    padding-right: var(--padding)
}

.page-series-detail .story:nth-child(2n) .story-content {
    padding-left: var(--padding);
    padding-right: 0
}

@media screen and (min-width: 1280px) {
    .page-series-detail .banner-title {
        font-size:3rem
    }
}

@media screen and (max-width: 1279px) {
    .page-series-detail .banner-download {
        font-size:.75rem;
        margin-top: 1rem;
        margin-right: .5rem
    }

    .page-series-detail .banner-download .icon {
        width: 1.25rem;
        height: 1.25rem
    }

    .page-series-detail .filter-table {
        --columns: 4
    }
}

@media screen and (max-width: 767px) {
    .page-series-detail .banner-overlay {
        padding:2rem 0
    }

    .page-series-detail .h1 {
        font-size: 1.5rem
    }
}

.page-home .rel {
    position: relative
}

.page-home .breadcrumb {
    display: none
}

.page-home .highlight-section .h2,.page-home .category-container .h2 {
    text-align: center
}
.page-home .highlight-section .h1,.page-home .category-container .h1 {
    text-align: center
}
.page-home .category-container .h2 {
    color: var(--brand-color)
}
.page-home .category-container .h1 {
    color: var(--brand-color)
}
.page-home .highlight-section {
    overflow: hidden
}
.page-home .banner-h{overflow: hidden;}
.page-home .splide-highlight {
    --gap: 1rem;
    --arrow-offset: -4.5rem;
    --arrow-size: 3rem
}
.page-home .banner-h {
    --gap: 1rem;
    --arrow-offset: 3rem;
    --arrow-size: 3rem
}
.page-home .splide-highlight .splide-container {
    position: relative;
    overflow: hidden
}

.page-home .splide-highlight .splide__slide {
    padding: 0 var(--gap)
}

.page-home .splide-highlight .splide__track {
    margin: 0 calc(-1*var(--gap));
    overflow: visible
}

.page-home .splide__arrow {
    position: absolute;
    width: var(--arrow-size);
    height: var(--arrow-size);
    top: 50%;
    margin-top: -1.5rem;
    color: #b9b9b9;
	z-index: 1;
    transition-property: color;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.page-home .splide__arrow:hover {
    color: inherit
}

.page-home .splide__arrow .icon {
    width: 100%;
    height: 100%
}

.page-home .splide__arrow--prev {
    left: var(--arrow-offset)
}

.page-home .splide__arrow--prev .icon,.page-home .splide__arrow--prev svg {
    transform: rotate(-180deg)
}
.page-home .banner-h .splide__arrow--prev svg,.page-home .banner-h .splide__arrow--next svg{fill:#fff}
.page-home .splide__arrow--next {
    right: var(--arrow-offset)
}

.page-home .highlight-section .splide__slide {
    height: auto
}
.footer-link{line-height: 1.8;}
.footer-sign .footer-nav-item{line-height: 1.8;}
.page-home .highlight-section .series {
    display: block;
    height: 100%;
    background-color: #f7f7f7;
	border-radius: 4px;
}
.page-home .highlight-section .splide__slide:nth-child(4n+2) .series {
    background-color: #F5F8E4
}
.page-home .highlight-section .splide__slide:nth-child(4n+3) .series {
    background-color: #EDF4F5
}
.page-home .highlight-section .splide__slide:nth-child(4n+4) .series {
    background-color: #E8E9F3
}
.page-home .highlight-section .series-content {
    position: relative;
    padding: 2rem;
    margin-top: -6rem
}
.page-home .highlight-section .series-content .series-desc p{
line-height: 1.8;
color: #333;
}
.page-home .highlight-section .series-content .series-title{margin-bottom:1rem}
.page-home .highlight-section a:hover h2{color: var(--brand-color);}

.page-home .product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem
}

.page-home .product {
    position: relative;
    overflow: hidden;
    padding-top: 92.5%;
    background-color: #f7f7f7
}

.page-home .product-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-home .product-content {
    position: absolute;
    inset: auto 0 0;
    padding: 2rem
}

.page-home .product-title {
    font-size: 1.25rem
}

.page-home .product-overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    background-color: var(--brand-color);
    color: #fff;
    padding: 3rem;
    transition-property: opacity,visibility;
    transition-duration: .5s;
    transition-timing-function: var(--default-timing-function);
    text-align: center
}

.page-home .product-overlay .product-title {
    font-size: 1.875rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 4rem;
    font-weight: 700
}

.page-home .product-overlay .product-image {
    height: auto;
    width: 80%;
    margin: auto
}

.page-home .nav-grid {
    --gap: 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap)
}

.page-home .nav {
    position: relative;
    padding-top: 120%;
    color: #fff
}


.page-home .nav-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 4px;
}

.page-home .nav-content {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3rem
}

.page-home .nav-content .btn {
    margin-top: auto
}

.page-home .nav-title {
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 700
}



@media(hover: hover)and (pointer: fine) {
    .page-home .product:hover .product-overlay {
        opacity:1;
        visibility: visible
    }
}

@media screen and (max-width: 1279px) {
    .page-home .product-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .page-home .nav-grid {
        grid-template-columns: repeat(2, 1fr)
    }

 
}

@media screen and (max-width: 767px) {
    .page-home .product-title {
        font-size:.75rem
    }

    .page-home .product-content,.page-home .product-overlay {
        padding: .5rem
    }

    .page-home .product-overlay .product-title {
        font-size: 1rem;
        line-height: 1.25rem;
        max-height: 2.5rem
    }

    .page-home .splide-highlight {
        --gap: 0.5rem;
        --arrow-offset: -1.5rem;
        --arrow-size: 2rem
    }

    .page-home .product-grid {
        gap: 1rem
    }

    .page-home .highlight-section .series-content {
        padding: .5rem;
        margin-top: -2rem
    }

    .page-home .highlight-section .series-title {
        font-size: .75rem
    }

    .page-home .highlight-section .series-desc {
        font-size: .75rem;
        margin-top: 0
    }

    .page-home .highlight-section .series--new .series-image-container::after {
        top: 1rem;
        left: 1rem;
        width: 2rem;
        height: 1rem
    }

    .page-home .nav-grid {
        --gap: 1rem
    }

    .page-home .nav-content {
        padding: 2rem
    }

    .page-home .nav .nav-title {
        font-size: 1.25rem
    }

    .page-home .nav.nav-desc {
        font-size: .75rem
    }

    .page-home .nav .nav-content {
        padding: 1rem
    }

    .page-home .nav .btn {
        width: 6.5rem;
        height: 2rem;
        font-size: .75rem
    }

    .page-home .nav .btn .icon-arrow {
        width: .75rem;
        height: .75rem;
        margin-left: .375rem
    }
}

.page-product-list .series-section {
    --section-margin-top: 5rem
}
.prp .series-section {
    --section-margin-top: 5rem
}
.page-product-list .series-section:not(:first-child) {
    margin-top: var(--section-margin-top);
    padding-top: var(--section-margin-top);
    border-top-width: 1px;
    border-color: #d3d3d3
}
.prp .series-section:not(:first-child) {
    margin-top: var(--section-margin-top);
    padding-top: var(--section-margin-top);
    border-top-width: 1px;
    border-color: #d3d3d3
}
.page-product-list .filter-table {
    min-width: 75rem
}

.page-product-list .filter-table-col {
    width: calc(12.5% - var(--column-gap, 0px)*.875)
}

.page-product-list .filter-table-col-break\@xl {
    width: calc(100% - var(--column-gap, 0px)*0)
}

.page-product-list .filter .table {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem
}

.page-product-list .filter .table-row {
    display: flex;
    gap: 1rem
}

.page-product-list .filter .table-hd {
    width: 12rem;
    font-weight: 700
}

.page-product-list .filter .table-bd {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem
}

@media screen and (max-width: 1279px) {
    .page-product-list .series-section {
        --section-margin-top: 3rem
    }
}

@media screen and (max-width: 767px) {
    .page-product-list .filter .table {
        display:none
    }
}

.page-product-detail .splide__arrow {
    --size: 2rem;
    --icon-size: 1.5rem;
    --offset: -1rem;
    width: var(--size);
    height: var(--size);
    color: #fff;
    background-color: var(--brand-color);
    border-radius: 9999px;
    position: absolute
}

.page-product-detail .splide__arrow:disabled {
    display: none
}

.page-product-detail .splide__arrows--ttb .splide__arrow {
    left: 50%;
    margin-left: calc(var(--size)*-0.5)
}

.page-product-detail .splide__arrows--ttb .splide__arrow--prev {
    top: var(--offset)
}

.page-product-detail .splide__arrows--ttb .splide__arrow--next {
    bottom: var(--offset)
}

.page-product-detail .splide__arrows--ltr .splide__arrow {
    top: 50%;
    margin-top: calc(var(--size)*-0.5)
}

.page-product-detail .splide__arrows--ltr .splide__arrow--prev {
    left: var(--offset)
}

.page-product-detail .splide__arrows--ltr .splide__arrow--next {
    right: var(--offset)
}

.page-product-detail .splide__arrow svg {
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--icon-size);
    height: var(--icon-size)
}

.page-product-detail .splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(180deg)
}

.page-product-detail .splide__arrows--ltr .splide__arrow--next svg {
    transform: rotate(-90deg)
}

.page-product-detail .splide__arrows--ltr .splide__arrow--prev svg {
    transform: rotate(90deg)
}

.page-product-detail .thumb-splide .splide__content {
    height: 100%;
    overflow: hidden
}

.page-product-detail .thumb-splide .splide__track {
    overflow: visible
}

.page-product-detail .thumb-image-container {
    position: relative
}

.page-product-detail .thumb-image-container::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    box-shadow: inset 0 0 0 2px var(--brand-color);
    transition-property: opacity;
    transition-duration: var(--default-duration);
    transition-timing-function: var(--default-timing-function)
}

.page-product-detail .thumb-image {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    background-color: #f7f7f7
}

.page-product-detail .splide__slide.is-active .thumb-image-container::after {
    opacity: 1
}

.page-product-detail .overview-container {
    row-gap: 4rem
}

.page-product-detail .overview-link {
    display: inline-flex;
    align-items: center;
    font-weight: 700
}
.page-product-detail .overview-link:hover{ color: var(--brand-color);}
.page-product-detail .overview-link svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: .5rem
}

.page-product-detail .overview-thumb-splide-container {
    --gap: 1rem;
    display: flex;
    column-gap: var(--gap);
    row-gap: 2rem
}

.page-product-detail .overview-thumb-splide {
    width: 5rem;
    aspect-ratio: .1428571429
}

.page-product-detail .overview-thumb-splide .splide__slide {
    height: auto;
    margin-bottom: 20%
}

.page-product-detail .overview-thumb-splide .thumb-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1
}

.page-product-detail .overview-gallery-splide {
    width: 35rem;
    aspect-ratio: 1
}

.page-product-detail .overview-gallery-image {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    background-color: #f7f7f7
}

.page-product-detail .thumb-splide-2 {
    --gap: 1rem
}

.page-product-detail .thumb-splide-2 .splide__slide {
    margin-right: var(--gap)
}

.page-product-detail .gallery-splide-2 img {
    width: 100%;
    aspect-ratio: 2
}

.page-product-detail .filter-table-col {
    width: calc(12.5% - var(--column-gap, 0px)*.875)
}

.page-product-detail .filter-table-col-break\@xl {
    width: calc(100% - var(--column-gap, 0px)*0)
}

.page-product-detail .overview-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 6rem;
    row-gap: 4rem
}

.page-product-detail .overview-carousel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 35rem
}

.page-product-detail .overview-carousel .f-carousel {
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: 100%;
    width: 35rem;
    height: 100%;
    background-color: var(--whitesmoke)
}

.page-product-detail .overview-carousel .f-thumbs {
    width: var(--f-thumb-width);
    margin-right: var(--f-thumb-gap)
}

.page-product-detail .overview-carousel .f-carousel img {
    object-fit: contain
}

.page-product-detail .overview-content {
    position: relative;
    padding-right: 8rem
}
.page-product-detail .overview-subtitle {
margin-top: 1.5rem;
}
.page-product-detail .overview-subtitle p{
    line-height: 1.8;color: #333;font-size: 1.2rem;
}
.page-product-detail .overview-price {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--brand-color)
}

.page-product-detail .overview-price-number {
    font-size: 1.5rem;
    font-weight: 700
}

.page-product-detail .lighting-container .f-carousel {
    aspect-ratio: 2
}

.page-product-detail .lighting-container .f-thumbs {
    margin-top: var(--f-thumb-gap)
}
.product-detail-2 h2{border-bottom: 1px solid #d3d3d3;padding-bottom: 12px;}
.product-info-content{margin-top: 1.5rem;    line-height: 1.8;}
.detail_show {margin-top:1.5rem;}
.detail_show p{margin-bottom:.5rem;}
@media screen and (max-width: 1279px) {
    .page-product-detail .overview-container {
        padding-top:2rem
    }

    .page-product-detail .overview-carousel {
        height: auto;
        padding-right: 0
    }

    .page-product-detail .overview-carousel .f-carousel,.page-product-detail .overview-carousel .f-thumbs {
        width: 100%
    }

    .page-product-detail .overview-carousel .f-carousel {
        aspect-ratio: 1
    }

    .page-product-detail .overview-carousel .f-thumbs {
        margin-right: 0;
        margin-top: var(--f-thumb-gap)
    }

    .page-product-detail .overview-content {
        padding-right: 16rem
    }

    .page-product-detail .overview-content .prose {
        font-size: 1.25rem
    }

    .page-product-detail .overview-price-number {
        font-size: 3rem
    }

    .page-product-detail .overview-price-title {
        font-size: 1.25rem
    }

    .page-product-detail .overview-subtitle {
        font-size: 1.25rem
    }

    .page-product-detail .overview-link {
        font-size: 1.25rem
    }

    .page-product-detail .overview-thumb-splide .splide__slide,.page-product-detail .thumb-splide-2 .splide__slide {
        width: 25%
    }

    .page-product-detail .splide__arrow {
        --size: 1.5rem;
        --icon-size: 1rem
    }

    .page-product-detail .overview-thumb-splide-container {
        flex-wrap: wrap-reverse
    }

    .page-product-detail .overview-thumb-splide,.page-product-detail .overview-gallery-splide {
        width: 100%
    }

    .page-product-detail .overview-thumb-splide {
        aspect-ratio: auto
    }

    .page-product-detail .overview-thumb-splide .splide__slide {
        margin-bottom: 0
    }

    .page-product-detail .thumb-splide-2 .splide__slide {
        margin-right: 0
    }

    .page-product-detail .overview-thumb-splide .splide__track,.page-product-detail .thumb-splide-2 .splide__track {
        margin: 0 calc(-0.5*var(--gap))
    }

    .page-product-detail .overview-thumb-splide .splide__slide,.page-product-detail .thumb-splide-2 .splide__slide {
        padding: 0 calc(.5*var(--gap));
        width: 16.6666666667%
    }

    .page-product-detail .thumb-splide-2 .thumb-image {
        aspect-ratio: 1;
        height: auto
    }

    .page-product-detail .table {
        font-size: .75rem
    }

    .page-product-detail .table-th-first,.page-product-detail .table-td-first {
        width: 5rem;
        padding-right: 1rem
    }

    .page-product-detail .table-td-first {
        padding-top: 1rem
    }

    .page-product-detail .table-td-first img {
        margin-bottom: 1rem
    }

    .page-product-detail .table-accordion-content {
        padding: 2rem
    }

    .page-product-detail .gallery-container {
        gap: 2rem
    }

    .page-product-detail .gallery-item-action {
        --size: 2rem
    }
}

@media screen and (max-width: 767px) {
    .page-product-detail .overview-container {
        row-gap:2rem
    }

    .page-product-detail .overview-price-title {
        font-size: 1rem
    }

    .page-product-detail .overview-price-number {
        font-size: 1.25rem
    }

    .page-product-detail .overview-subtitle {
        font-size: 1rem
    }

    .page-product-detail .overview-content {
        padding-top: 5rem;
        padding-right: 0
    }

    .page-product-detail .overview-content .prose {
        font-size: 1rem
    }

    .page-product-detail .overview-link {
        font-size: 1rem
    }

    .page-product-detail .detail-title {
        font-size: 1rem
    }

    .page-product-detail .detail-content {
        font-size: .75rem;
        margin-top: .5rem
    }

    .page-product-detail .splide {
        height: 60vw
    }

    .page-product-detail .project-info {
        min-height: auto
    }
}

.page-contact-us .distributor-container {
    border-bottom-width: 1px;
    border-bottom-color: #d3d3d3
}

.page-contact-us .map-container {
    position: relative
}

.page-contact-us .contact-form-container img {
    display: block;
    width: 100%
}

.page-project-list .collaborators {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 2.5rem
}

.page-project-list .collaborator img {
    display: block;
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1
}
.z_hz_swiper {
    margin-bottom:2rem;
}

.z_hz_swiper ul {
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear
}

.z_hz_swiper li {
    height: 8rem;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.2rem;
    overflow: hidden
}

.z_hz_swiper li:hover img {
   transform: translateY(-2px);
}

.z_hz_swiper li img {
    display: block;
    max-height: 5rem;
	transition: all .4s ease;
}
.breadcrumb-content .breadcrumb-item:last-child a{font-weight: 700;color: #fff;}
.pagination-style{margin-top:60px}
.paginations{display: flex;vertical-align: middle;justify-content: center;}
.paginations li a {
    width: 40px;
    height: 40px;
    margin: 0px 5px;
    font-size: 14px;
    color: #666666;
    transition: all .4s ease;
    border-radius: 100px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paginations li a.active,.paginations li a:hover{
    border-color: var(--brand-color);
    background-color: var(--brand-color);
    color: #fff;
}
.paginations li a i {
    font-size: 12px;
}
.paginations li.not {
    transform: rotate(180deg);
}
.paginations li:last-child {
    transform: rotate(180deg);
}
@media(max-width: 1680px) {
.z_hz_swiper li img {
    max-height: 3.75rem;
}
}
@media(max-width: 1280px) {
    .page-project-list .collaborators {
        grid-template-columns:repeat(6, 1fr)
    }
}
@media(min-width: 1200px) {
.header .hamburger {
display: none;
}

}
@media(max-width:1200px) {
.header-nav {
        display: none;
    }
    .header-logo {
        margin-right: auto;
    }	
	
}
@media(max-width: 768px) {
    .page-project-list .collaborators {
        grid-template-columns:repeat(4, 1fr)
    }
}

.page-search .searchbox-container {
    text-align: center;
    max-width: 48rem;
    margin: auto
}
@media(max-width: 767px) {
.lang-s {
    display:block;
}
.z_hz_swiper li {
    height: 4rem;
}
.z_hz_swiper {
    margin-bottom: 1rem;
}
.z_hz_swiper li img {
        max-height: 2rem;
    }
}