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

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    overflow-anchor: none
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    scroll-behavior: smooth;
    font-family: var(--font-primary);
    scrollbar-width: thin;
    scrollbar-gutter: stable
}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin-block-end:0}

ul[class],ol[class] {
    list-style: none
}

body {
    min-height: 100dvh;
    line-height: 1.15;
    color: var(--bb-neutral-850);
    background-color: var(--bb-neutral-150)
}

body * {
    transition: all .2s ease-in-out
}

dialog {
    color: var(--bb-neutral-850)
}

h1,h2,h3,h4,h5,h6 {
    margin: 0
}

h1,h2,h3 {
    font-family: var(--font-secondary)
}

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

a:active:not([class^=btn-]):not([class*=" btn-"]):not([class*=" hover-color"]):not([class*=hover-color]) {
    color: var(--bb-primary-500)
}

a:hover {
    text-decoration: none
}

a:hover:not([class^=btn-]):not([class*=" btn-"]):not([class*=" hover-color"]):not([class*=hover-color]) {
    color: var(--bb-primary-600)
}

img,picture {
    max-width: 100%;
    display: block
}

input,button,textarea,select {
    font-family: inherit;
    color: inherit
}

:target {
    scroll-margin-block: 5ex
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

[hidden] {
    display: none
}

button {
    cursor: pointer;
    background: rgba(0,0,0,0);
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

*::-webkit-scrollbar {
    width: 12px
}

*::-webkit-scrollbar-track {
    background: var(--bb-global-white);
    border-radius: 0 4px 4px 0;
    border-left: 1px solid var(--bb-neutral-400)
}

*::-webkit-scrollbar-thumb {
    background-color: var(--bb-neutral-400);
    border: 3px solid rgba(0,0,0,0);
    background-clip: content-box;
    border-radius: 24px
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--bb-neutral-400)
}

details {
    border: 0;
    padding: 0;
    margin: 0;
    background: none
}

summary {
    display: block;
    list-style: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-weight: normal
}

summary::-webkit-details-marker {
    display: none;
    appearance: none
}

summary::marker {
    display: none;
    font-size: 0;
    content: ""
}

h1 {
    letter-spacing: -0.02em
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

.section__col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.section__col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.section__col-3 {
    flex: 0 0 auto;
    width: 25%
}

.section__col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.section__col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.section__col-6 {
    flex: 0 0 auto;
    width: 50%
}

.section__col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.section__col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.section__col-9 {
    flex: 0 0 auto;
    width: 75%
}

.section__col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.section__col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.section__col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media(min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .section__col-sm {
        flex: 1 0 0%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .section__col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .section__col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .section__col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .section__col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .section__col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .section__col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .section__col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .section__col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .section__col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .section__col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .section__col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .section__col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .section__col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .section__col-md {
        flex: 1 0 0%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .section__col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .section__col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .section__col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .section__col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .section__col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .section__col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .section__col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .section__col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .section__col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .section__col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .section__col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .section__col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .section__col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .col-lg {
        flex:1 0 0%
    }

    .section__col-lg {
        flex: 1 0 0%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .section__col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .section__col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .section__col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .section__col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .section__col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .section__col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .section__col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .section__col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .section__col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .section__col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .section__col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .section__col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .section__col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 1280px) {
    .col-xl {
        flex:1 0 0%
    }

    .section__col-xl {
        flex: 1 0 0%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .section__col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .section__col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .section__col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .section__col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .section__col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .section__col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .section__col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .section__col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .section__col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .section__col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .section__col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .section__col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .section__col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width: 1470px) {
    .col-xxl {
        flex:1 0 0%
    }

    .section__col-xxl {
        flex: 1 0 0%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .section__col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .section__col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .section__col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .section__col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .section__col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .section__col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .section__col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .section__col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .section__col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .section__col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .section__col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .section__col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .section__col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.container {
    max-width: 1312px
}

@media(min-width: 1312px) {
    .container {
        margin-left:auto;
        margin-right: auto
    }
}

.Button,.ButtonBig,.ButtonXL,.ButtonMedium,.ButtonL,.ButtonM,.ButtonSmall,.ButtonS {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4375rem;
    text-decoration: none;
    text-align: center;
    border-radius: .5rem;
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16);
    cursor: pointer;
    box-sizing: border-box
}

@media(min-width: 1024px) {
    .Button,.ButtonBig,.ButtonXL,.ButtonMedium,.ButtonL,.ButtonM,.ButtonSmall,.ButtonS {
        padding:.5rem 1rem;
        box-shadow: var(--bb-elevated-desktop)
    }
}

.Button:active,.ButtonBig:active,.ButtonXL:active,.ButtonMedium:active,.ButtonL:active,.ButtonM:active,.ButtonSmall:active,.ButtonS:active {
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16)
}

@media(min-width: 1024px) {
    .Button:active,.ButtonBig:active,.ButtonXL:active,.ButtonMedium:active,.ButtonL:active,.ButtonM:active,.ButtonSmall:active,.ButtonS:active {
        box-shadow:2px 4px 4px 0 rgba(0,0,0,.16)
    }
}

.ButtonSmall,.ButtonS {
    font-weight: normal;
    font-size: .75rem;
    line-height: 1em;
    letter-spacing: 0
}

.ButtonMedium,.ButtonL,.ButtonM {
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0
}

@media(min-width: 1024px) {
    .ButtonMedium,.ButtonL,.ButtonM {
        font-size:14px;
        line-height: 1.5rem
    }
}

.ButtonM {
    justify-content: center;
    gap: .25rem;
    padding: .4375rem;
    background: var(--bb-neutral-100);
    color: var(--bb-primary-300);
    border: 1px solid var(--bb-primary-300);
    box-shadow: none;
    font-size: .75rem;
    line-height: 1em;
    font-weight: normal;
    text-align: center
}

@media(min-width: 1024px) {
    .ButtonM {
        font-size:.75rem;
        line-height: 1em
    }
}

.ButtonM:hover {
    border-color: var(--bb-primary-200);
    color: var(--bb-primary-200)
}

.ButtonM:active {
    border-color: var(--bb-primary-600);
    color: var(--bb-primary-600);
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16)
}

@media(min-width: 1024px) {
    .ButtonM:active {
        box-shadow:2px 4px 4px 0 rgba(0,0,0,.16)
    }
}

.ButtonM.Disabled {
    border-color: var(--bb-gray-medium-light);
    color: var(--bb-gray-medium-light)
}

.ButtonS {
    display: flex;
    justify-content: center;
    gap: .25rem;
    padding: .1875rem .5rem;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-primary-300);
    box-shadow: none;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: normal;
    text-align: center
}

@media(min-width: 1024px) {
    .ButtonS {
        font-size:.75rem;
        line-height: 1rem
    }
}

.ButtonS:hover {
    color: var(--bb-primary-200)
}

.ButtonS:active {
    color: var(--bb-primary-600);
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16)
}

@media(min-width: 1024px) {
    .ButtonS:active {
        box-shadow:2px 4px 4px 0 rgba(0,0,0,.16)
    }
}

.ButtonS.Disabled {
    color: var(--bb-gray-medium-light)
}

.ButtonL {
    justify-content: center;
    gap: .25rem;
    background: rgba(0,0,0,0);
    color: var(--bb-primary-300);
    border: 1px solid var(--bb-primary-300);
    box-shadow: none;
    text-align: center
}

@media(min-width: 1024px) {
    .ButtonL {
        padding:.375rem;
        border-width: .125rem
    }
}

.ButtonL:hover {
    color: var(--bb-primary-200);
    border-color: var(--bb-primary-200)
}

.ButtonL:active {
    color: var(--bb-primary-600);
    border-color: var(--bb-primary-600);
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16)
}

@media(min-width: 1024px) {
    .ButtonL:active {
        box-shadow:2px 4px 4px 0 rgba(0,0,0,.16)
    }
}

.ButtonL.Disabled {
    color: var(--bb-neutral-400);
    border-color: var(--bb-neutral-400)
}

.uba-search-bar {
    margin: 8px;
    width: 100%;
    text-align: center;
    padding: 0;
    border-radius: 16px;
    height: 38px;
    border: 1px solid var(--bb-primary-300);
    font-size: 14px;
    line-height: 16px;
    color: var(--bb-neutral-700);
    font-weight: 400
}

.uba-list .ButtonM,.uba-list .ButtonL {
    cursor: pointer
}

.uba-list .ButtonM:hover,.uba-list .ButtonL:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    transition: .3s ease all
}

.uba-list .uba-list-item {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--bb-neutral-400);
    box-shadow: 2px 4px 4px 0 rgba(0,0,0,.16);
    background: var(--bb-neutral-100);
    overflow: hidden
}

.uba-list .uba-list-item h3 {
    font-size: 14px;
    line-height: 20px;
    color: var(--bb-neutral-700);
    text-align: center;
    font-weight: 400;
    margin: 8px 0 4px
}

.uba-list .uba-list-item .uba-image {
    display: block;
    margin: 0 auto;
    border-radius: 4px
}

.uba-list .uba-list-item.uba-card-open,.uba-list .uba-list-item.VERIFIED,.uba-list .uba-list-item.NOT_VERIFIED {
    position: relative;
    display: grid;
    gap: 12px
}

.uba-list .uba-list-item.uba-card-open .uba-card-active,.uba-list .uba-list-item.VERIFIED .uba-card-active,.uba-list .uba-list-item.NOT_VERIFIED .uba-card-active {
    display: flex;
    align-items: center;
    gap: 8px
}

.uba-list .uba-list-item.uba-card-open .uba-button,.uba-list .uba-list-item.VERIFIED .uba-button,.uba-list .uba-list-item.NOT_VERIFIED .uba-button {
    display: none
}

.uba-list .uba-list-item.uba-card-open .uba-image,.uba-list .uba-list-item.VERIFIED .uba-image,.uba-list .uba-list-item.NOT_VERIFIED .uba-image {
    width: 100px;
    height: 50px;
    margin: initial
}

.uba-list .uba-list-item.uba-card-open .status-label,.uba-list .uba-list-item.VERIFIED .status-label,.uba-list .uba-list-item.NOT_VERIFIED .status-label {
    text-align: left
}

.uba-list .uba-list-item.uba-card-open .header-card {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px
}

.uba-list .uba-list-item.uba-card-open .status-label h3 {
    margin-top: 0
}

.uba-list .uba-list-item.NOT_VERIFIED .status-label,.uba-list .uba-list-item.VERIFIED .status-label {
    text-align: left
}

.uba-list .uba-list-item.NOT_VERIFIED .status-label h3,.uba-list .uba-list-item.VERIFIED .status-label h3 {
    margin-top: 0;
    text-align: left
}

.uba-list .uba-list-item.NOT_VERIFIED .card-message,.uba-list .uba-list-item.VERIFIED .card-message {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: 14px;
    line-height: 20px
}

.uba-list .uba-list-item.NOT_VERIFIED .card-message button,.uba-list .uba-list-item.VERIFIED .card-message button {
    margin-top: auto;
    width: 100%
}

.uba-list .uba-list-item.NOT_VERIFIED .card-message .uba-linked-email,.uba-list .uba-list-item.VERIFIED .card-message .uba-linked-email {
    text-align: left
}

.uba-list .uba-list-item.NOT_VERIFIED .uba-card-active,.uba-list .uba-list-item.VERIFIED .uba-card-active {
    flex-direction: column
}

.uba-list .uba-list-item.NOT_VERIFIED .uba-card-active .header-card,.uba-list .uba-list-item.VERIFIED .uba-card-active .header-card {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border-bottom: 1px solid var(--bb-neutral-400);
    padding-bottom: 12px;
    margin-bottom: 10px
}

.uba-list .uba-list-item.NOT_VERIFIED .status-label span {
    background: #f0b33d
}

.uba-list .uba-list-item.VERIFIED .status-label span {
    background: #00247D
}

.uba-list .uba-list-item .status-label {
    text-align: center
}

.uba-list .uba-list-item .status-label span {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    color: #fff;
    padding: 2px 12px;
    border-radius: 12px;
    background: #c00008
}

.uba-list .uba-list-item .verified-message {
    line-height: 20px
}

.uba-list .uba-list-item .verified-message .uba-linked-email {
    margin-bottom: 24px
}

.uba-list .uba-list-item .pending-message .uba-linked-email {
    margin-top: 12px
}

.uba-list .uba-input-label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--bb-neutral-700);
    padding: 8px 0 4px
}

.uba-list .uba-email-field {
    width: calc(100% - 32px);
    border-radius: 8px;
    border: 1px solid var(--bb-neutral-400);
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px
}

.uba-list .uba-linked-email {
    color: var(--bb-neutral-700);
    font-size: 14px;
    font-weight: 500
}

.uba-list .uba-radio-inputs-container {
    width: 100px;
    margin: 8px auto;
    display: flex;
    justify-content: space-between
}

.uba-list .uba-radio-inputs-container div {
    display: flex;
    align-items: center;
    gap: 4px
}

.uba-list .uba-radio-inputs-container div span {
    font-size: 14px;
    line-height: 16px;
    color: var(--bb-neutral-700)
}

.uba-list .uba-linked {
    font-size: 12px;
    font-weight: 500;
    color: var(--bb-primary-300);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.uba-list .uba-wizzard-question {
    min-height: 54px;
    font-size: 14px;
    color: var(--bb-gray-dark-dark);
    font-weight: 500
}

.uba-list .uba-wizzard-btn-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    position: relative
}

.uba-list .uba-wizzard-btn-container button,.uba-list .uba-wizzard-btn-container a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    height: 40px;
    padding: 12px 16px
}

.uba-list .uba-wizzard-btn-container a {
    border: 1px solid green !important;
    text-decoration: none !important
}

.uba-list .uba-wizzard-pagination {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    line-height: initial
}

.uba-list .uba-wizzard-pagination span {
    color: var(--bb-neutral-700)
}

.uba-list .uba-wizzard-pagination:not(.font-bold) {
    color: var(--bb-neutral-700)
}

.uba-list .uba-list-extended {
    grid-column: 1/-1;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--bb-neutral-400);
    display: flex;
    flex-direction: column
}

.uba-list .uba-email-input {
    flex: 1;
    color: #616971;
    border-radius: 8px;
    font-size: 14px;
    min-height: 40px;
    padding: 0 16px;
    font-weight: 500;
    border: 1px solid #dadee2;
    background: #e6e9ec;
    margin-bottom: 9px
}

.uba-list .uba-email-input.invalid {
    border: 1px #c00008 solid;
    margin-bottom: 16px;
    margin-top: -7px
}

.uba-list .uba-email-input.invalid+.inputErrorMessage {
    display: block
}

.uba-list .uba-email-input:focus-visible {
    outline: 1px solid var(--bb-primary-300)
}

.uba-list .inputErrorMessage {
    display: none;
    font-size: 12px;
    color: #da1e28;
    font-weight: 600;
    line-height: 16px;
    position: absolute;
    top: 37px
}

.uba-list .btn-cancel {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    height: 40px;
    padding: 12px 16px;
    margin-top: 4px
}

.uba-list .ButtonL {
    border-width: 1px
}

.uba-list .ButtonL.uba-button {
    width: 100%;
    margin: 17px 0 0;
    height: 40px
}

.uba-list .uba-linked {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 16px 0 6px;
    border-top: 1px solid var(---bb-neutral-400)
}

.uba-list .uba-desktop-show-more {
    margin: 1rem !important
}

@media(max-width: 1024px) {
    .uba-list {
        display:grid;
        gap: 10px;
        padding: 0
    }

    .uba-list .uba-list-item.status-verified .card-message,.uba-list .uba-list-item.status-not-verified .card-message {
        font-size: 14px;
        line-height: 20px
    }

    .uba-list .uba-list-item.status-verified .card-message .btn-cancel,.uba-list .uba-list-item.status-not-verified .card-message .btn-cancel {
        margin-top: 15px
    }

    .uba-list .uba-list-item .uba-linked-email {
        margin-top: 12px
    }
}

@media(min-width: 1025px) {
    .uba-subtitle {
        font-size:14px;
        padding: 16px
    }

    .uba-search-bar {
        width: 100%;
        text-align: left;
        padding-left: 32px
    }

    .uba-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-auto-flow: dense;
        column-gap: 16px;
        row-gap: 12px;
        padding: 16px 0
    }
}

html:has(#slotloader.open) {
    overflow: hidden
}

html:has(#slotloader.open) header {
    z-index: 30
}

#slotloader {
    display: none;
    position: fixed;
    top: 92px;
    width: 100%;
    margin-left: 0;
    height: calc(100% - 92px);
    background-color: #000;
    border-radius: 0;
    z-index: 20
}

@media(max-width: 768px) {
    #slotloader {
        top:0;
        height: 100dvh;
        width: 100dvw;
        margin-left: 0;
        left: 0
    }
}

#slotloader.open {
    display: block;
    z-index: 30000
}

#slotloader>iframe {
    margin: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px)
}

#slotloader>.CloseIcon {
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer
}

.greenSpan span {
    color: var(--bb-primary-300)
}

@media(min-width: 600px) {
    .SectionLink.DropdownTrigger {
        margin-bottom:0;
        background: rgba(0,0,0,0);
        text-transform: uppercase
    }
}

@media(min-width: 600px) {
    .SectionLink.DropdownTrigger:hover,.SectionLink.DropdownTrigger:active {
        cursor:default;
        background: rgba(0,0,0,0)
    }
}

@media(max-width: 1024px) {
    .recommendedCasinoOffers .ModalContent>div,.recommendedOffers .ModalContent>div {
        padding:16px 8px
    }
}

.recommendedCasinoOffers:has(.joinNewsletterFrom) header:not(.emptyModalTitle),.recommendedOffers:has(.joinNewsletterFrom) header:not(.emptyModalTitle) {
    display: none
}

.recommendedCasinoOffers:has(.joinNewsletterFrom) header.emptyModalTitle,.recommendedOffers:has(.joinNewsletterFrom) header.emptyModalTitle {
    display: block !important
}

@media(width > 1024px) {
    .recommendedCasinoOffers: has(.joinNewsletterFrom),.recommendedOffers:has(.joinNewsletterFrom) {
        max-width:410px !important
    }
}

@media(min-width: 1024px) {
    .recommendedCasinoOffers,.recommendedOffers {
        display:grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        overflow: auto !important
    }

    .recommendedCasinoOffers *:not(li),.recommendedOffers *:not(li) {
        grid-column: 1/3
    }

    .recommendedCasinoOffers .col-md-5,.recommendedOffers .col-md-5 {
        width: 100% !important
    }
}

@media(min-width: 1500px) {
    .recommendedCasinoOffers,.recommendedOffers {
        display:grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 16px;
        overflow: auto !important
    }

    .recommendedCasinoOffers *:not(li),.recommendedOffers *:not(li) {
        grid-column: 1/5
    }

    .recommendedCasinoOffers .col-md-5,.recommendedOffers .col-md-5 {
        width: 100% !important
    }

    .recommendedOffers .bonusItemReportAndTnc {
        flex-direction: column;
        justify-content: center
    }

    .recommendedOffers .bonusItemReportAndTnc p {
        margin: 0;
        display: flex;
        justify-content: center
    }
}

.newModalHeader {
    position: relative
}

.newModalHeader h2 {
    text-align: center
}

.newModalHeader:has(.newModalClose) h2 {
    padding: 0 32px
}

.newModalHeader .newModalClose {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 0;
    transform: translateY(-50%)
}

.general--notification {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: 300px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    font-weight: bold;
    z-index: 20000
}

.general--notification-error {
    background: red;
    color: #fff
}

.general--notification-success {
    background: green;
    color: #fff
}

.reset-logout-mobile {
    z-index: initial;
    opacity: 1;
    height: auto;
    background: initial;
    position: initial
}

.reset-logout-mobile>div {
    transform: initial
}

.scrollbar-w-none {
    scrollbar-width: none
}

.no-link .make-hover {
    background-color: var(--bb-neutral-200)
}

.has-link .make-hover:hover .team-name {
    color: var(--bb-primary-300) !important
}

.last-child-no-border:last-child {
    border-bottom: none
}

.summary-with-icons[open]>summary .arrow-summary {
    transform: rotateZ(180deg)
}

[data-filter-panel]>details[data-filter-section]:first-of-type>summary,.summary-with-icons[data-filter-section]:not([open])+.summary-with-icons[data-filter-section]>summary {
    border-top: none !important
}

[data-filter-panel]>details[data-filter-section]:last-of-type:not([open])>summary {
    border-bottom: none
}

.match-field-container-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(11, 1fr);
    gap: 0 8px;
    box-sizing: border-box;
    resize: horizontal;
    padding: 15px;
    width: 100%;
    aspect-ratio: 100/83
}

.match-field-container-grid.match-field-container-grid-ratio {
    aspect-ratio: 100/82
}

@media(min-width: 1024px) {
    .match-field-container-grid {
        gap:0 16px;
        padding: 8px 0
    }
}

.match-field-container-grid .tshirt {
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

.match-field-container-grid .tshirt .nameContainer {
    position: absolute;
    top: 100%;
    padding: 0 2px;
    max-width: calc(100% + 32px);
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 8px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .02em;
    left: 50%;
    transform: translate(-50%)
}

.match-field-container-grid .tshirt .numberContainer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--bb-neutral-100);
    border-radius: 4px;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width: 1024px) {
    .match-field-container-grid .tshirt .numberContainer {
        font-size:10px
    }
}

.match-field-container-grid .tshirt .goalsContainer {
    position: absolute;
    left: 90%;
    height: 100%;
    z-index: -1;
    bottom: 0
}

.match-field-container-grid .tshirt .cardsContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    right: 90%;
    height: 100%;
    z-index: -1;
    bottom: -4px;
    gap: 2px;
    width: 14px
}

.match-field-container-grid .tshirt .small-image-wrapper {
    background: #fff;
    padding: 2px;
    border: 1px solid var(--bb-gray-white-wtf2);
    border-radius: 4px;
    font-size: 0;
    line-height: 0
}

.match-field-container-grid.reverse {
    transform: rotate(180deg)
}

.match-field-container-grid.reverse .tshirt {
    transform: rotate(180deg)
}

@media(min-width: 1024px) {
    .match-field-container-grid-wrapper {
        display:grid;
        transform: rotate(270deg) translateX(-100%);
        transform-origin: top left;
        width: 374px;
        margin-bottom: -248px
    }

    .match-field-container-grid .tshirt {
        transform: rotate(90deg)
    }

    .match-field-container-grid.reverse .tshirt {
        transform: rotate(-90deg)
    }

    .nameContainer {
        max-width: calc(100% + 16px) !important;
        font-size: 10px !important
    }

    .field-container {
        container-type: inline-size;
        container-name: field
    }

    @container field (min-width: 621px) {
        .match-field-container-grid-wrapper {
            width: 506px;
            margin-bottom: -335px
        }
    }

    .lineups-participant-upright .field-container {
        container-type: normal
    }

    .lineups-participant-upright .match-field-container-grid-wrapper {
        transform: none;
        width: auto;
        margin-bottom: 0
    }

    .lineups-participant-upright .match-field-container-grid .tshirt,.lineups-participant-upright .match-field-container-grid.reverse .tshirt {
        transform: none
    }
}

.uba-social-tournament {
    padding: 16px
}

.uba-social-tournament .uba-list {
    padding: 0
}

.uba-social-tournament .uba-list .uba-list-item {
    padding: 0;
    border: none;
    box-shadow: none
}

.uba-social-tournament .uba-list .uba-list-item.NOT_LINKED .status-label h3,.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .status-label h3,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .status-label h3 {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important
}

.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .pending-message,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .pending-message {
    gap: 4px
}

.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .pending-message .visit-tournament-page,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .pending-message .visit-tournament-page {
    padding: .5rem .5rem
}

.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .card-message .font-bold,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .card-message .font-bold {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .card-message>span,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .card-message>span {
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .status-label span,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .status-label span {
    color: var(--neutral-90, #1E2124);
    font-size: 12px;
    font-weight: 500;
    display: block
}

@media(max-width: 1024px) {
    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .uba-linked-email,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .uba-linked-email {
        margin-bottom:40px
    }
}

.uba-social-tournament .widget-label {
    margin-bottom: 12px;
    color: var(--Neutral-10, #F7F8F9);
    font-size: 18px;
    font-weight: 600;
    line-height: 110%
}

@media(min-width: 1024px) {
    .uba-social-tournament .widget-label {
        margin-bottom:4px;
        font-size: 16px
    }

    .uba-social-tournament .uba-list {
        display: block;
        padding: 0
    }

    .uba-social-tournament .uba-list .ButtonL.uba-button {
        width: 30.33%;
        margin: 0
    }

    .uba-social-tournament .uba-list .uba-list-item .status-label {
        text-align: left;
        margin-top: 0
    }

    .uba-social-tournament .uba-list .uba-list-item .status-label h3 {
        text-align: left
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .text-email span,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .text-email span {
        color: #111;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .pending-message,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .pending-message {
        gap: 8px
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .card-message,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .card-message {
        height: auto
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .card-message button,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .card-message button {
        width: auto
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .uba-card-active,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .uba-card-active {
        flex-direction: row;
        gap: 24px
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .uba-card-active .header-card,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .uba-card-active .header-card {
        border-bottom: none;
        width: auto;
        padding-bottom: 0;
        margin-bottom: 0;
        flex: 1 0 25%
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .uba-card-active .text-email,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .uba-card-active .text-email {
        flex: 0 0 35%;
        margin-right: auto;
        margin-left: auto
    }

    .uba-social-tournament .uba-list .uba-list-item.NOT_VERIFIED .btn-cancel,.uba-social-tournament .uba-list .uba-list-item.VERIFIED .btn-cancel {
        padding: 11px 20px
    }

    .uba-social-tournament .uba-list .uba-card-active {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .uba-social-tournament .uba-list .uba-card-active .header-card {
        display: flex;
        gap: 8px
    }

    .uba-social-tournament .uba-list .uba-card-active .header-card .uba-image {
        width: 100px;
        height: 50px
    }
}

.uba-social-tournament-modal {
    box-shadow: none;
    margin: 1rem 0
}

@media(min-width: 1024px) {
    .uba-social-tournament-modal {
        margin:1rem 0 0 0
    }
}

@media(min-width: 1024px) {
    .uba-social-tournament-modal .uba-list {
        display:block;
        padding: 0
    }
}

.uba-social-tournament-modal .uba-list .uba-list-item {
    box-shadow: none;
    padding: 12px 0 0 0;
    border: none
}

@media(max-width: 1024px) {
    .uba-social-tournament-modal .uba-list .uba-list-item {
        padding:0
    }
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-list-extended {
    border-top: none;
    padding-top: 0
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .header-card:not(.last-step) {
    display: none
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .last-step {
    border-bottom: 1px solid var(--Neutral-20, #E6E9EC);
    margin-bottom: 10px
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification h3 {
    text-align: left
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification .status-label span {
    background: #f0b33d;
    color: var(--neutral-90, #1E2124);
    font-size: 12px;
    font-weight: 500
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification .visit-tournament-page {
    margin-top: 12px
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification .btn-cancel,.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification .visit-tournament-page {
    width: 100%
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-casino-account-verification) .uba-casino-account-verification .pending-message {
    font-size: 14px
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-list-extended) .header-card {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding-bottom: 12px
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-list-extended) .uba-image {
    width: 100px;
    height: 50px;
    margin: initial
}

.uba-social-tournament-modal .uba-list .uba-list-item:has(.uba-list-extended) .status-label {
    text-align: left
}

.uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .pending-message {
    gap: 4px;
    width: 100%
}

@media(max-width: 1024px) {
    .uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .pending-message {
        gap:8px
    }
}

.uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .status-label span {
    color: var(--neutral-90, #1E2124);
    font-size: 12px;
    font-weight: 500
}

.uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .visit-tournament-page {
    margin-top: 12px
}

.uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .pending-message {
    gap: 4px;
    width: 100%
}

@media(max-width: 1024px) {
    .uba-social-tournament-modal .uba-list .uba-list-item.NOT_VERIFIED .pending-message {
        gap:8px
    }
}

.uba-social-tournament-modal .uba-list .uba-description {
    color: var(--Neutral-80, #2E3338);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

@media(max-width: 1024px) {
    .uba-social-tournament-modal .uba-list {
        padding:0
    }
}

.Modals {
    display: block
}

.Modals * {
    transition: none
}

.Modals:has(.matchPageModal) *,.Modals:has(.tournamentTemplateModal) *,.Modals:has(.locationOddsModal) *,.Modals:has(.entityPageModal) * {
    transition: all .2s ease-in-out
}

.Modals:has(.Modal) {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh
}

.ModalBackdrop {
    display: none
}

.ModalBackdrop:has(.Modal) {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(1px);
    z-index: 200
}

.Modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--bb-neutral-200);
    border: none;
    z-index: 100;
    width: 100vw;
    height: 100dvh;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: .5rem
}

.Modal[open].ModalCasinoDetailList {
    width: max-content;
    max-height: 350px;
    min-width: 257px;
    background: #fff
}

.Modal.recommendedOffers,.Modal.recommendedCasinoOffers {
    gap: 16px !important;
    max-width: 1392px
}

.Modal[open] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    background: var(--bb-neutral-200);
    box-shadow: var(--bb-elevated-desktop);
    overflow-y: auto;
    height: auto;
    max-height: 100dvh;
    gap: 24px;
    padding: 16px
}

.Modal.ModalPickDetails {
    max-width: 630px;
    gap: 0;
    padding: 0;
    top: 56px;
    max-height: calc(100dvh - 60px)
}

@media(min-width: 1024px) {
    .Modal.ModalPickDetails {
        max-height:calc(100vh - 8rem)
    }
}

@supports(-webkit-hyphens: none) {
    .Modal {
        height:calc(100vh - 69px);
        bottom: auto
    }
}

@media(min-width: 600px) {
    .Modal {
        max-width:61.8vw
    }
}

.Modal.ModalCasinoDetailList {
    top: 50%;
    transform: translate(0, -50%)
}

@media(min-width: 1024px) {
    .Modal {
        height:auto;
        max-height: calc(100vh - 8rem);
        bottom: auto;
        max-width: 960px;
        border-radius: .25rem;
        top: 4rem
    }

    @supports(-webkit-hyphens: none) {
        .Modal {
            height:calc(100vh - 69px - 8rem)
        }
    }

    .Modal.ModalCasinoDetailList {
        top: 50%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%)
    }
}

body:has(.entityPageModal),body:has(.tournamentTemplateModal),body:has(.locationOddsModal),body:has(.matchPageModal),body:has(.ModalForUserMenu[open]),body:has(#modalSearch[open]) {
    overflow: hidden !important
}

.entityPageModal,.tournamentTemplateModal,.locationOddsModal,.matchPageModal {
    max-width: 1280px !important;
    height: calc(100dvh - 54px) !important;
    top: 54px !important;
    padding: 0 0 16px !important;
    overflow-x: hidden !important
}

.entityPageModal .scoreboard-container-wrapper,.tournamentTemplateModal .scoreboard-container-wrapper,.locationOddsModal .scoreboard-container-wrapper,.matchPageModal .scoreboard-container-wrapper {
    top: var(--scoreboard-modal-height) !important
}

.entityPageModal #niwMatchpageModal,.tournamentTemplateModal #niwMatchpageModal,.locationOddsModal #niwMatchpageModal,.matchPageModal #niwMatchpageModal {
    top: var(--niw-modal-height)
}

@media(min-width: 1024px) {
    .entityPageModal,.tournamentTemplateModal,.locationOddsModal,.matchPageModal {
        max-width:100dvw !important;
        padding: 0 !important;
        gap: 0 !important
    }
}

.entityPageModal>div:last-child,.matchPageModal>div:last-child {
    padding-top: 0 !important
}

.title-border-left {
    position: relative
}

.title-border-left:before {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 1em;
    background-color: var(--bb-accent-300)
}

.remove-title-border-left .title-border-left {
    padding-left: 0 !important
}

.remove-title-border-left .title-border-left:before {
    display: none
}

.wysiwyg .embeded-title {
    font-size: 18px;
    line-height: 20px;
    padding: 0
}

.wysiwyg .embeded-title:before {
    content: none
}

.title-default {
    font-size: 22px;
    line-height: 26px;
    color: var(--bb-neutral-850);
    letter-spacing: -0.02em;
    font-weight: 700
}

@media(min-width: 1024px) {
    .title-default {
        font-size:24px
    }
}

h3.title-default {
    font-size: 1.125rem;
    line-height: 1.1
}

@media(min-width: 1024px) {
    h3.title-default {
        font-size:1.25rem
    }
}

.title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: fit-content
}

.title-wrapper:has(.sidebar-title) {
    background: var(--bb-neutral-200);
    padding: 0 16px
}

.title-wrapper:has(.widget-last-updated) {
    flex-wrap: wrap;
    row-gap: 4px
}

.title-wrapper:has(.widget-last-updated):has(.title-default) .widget-last-updated {
    justify-content: flex-start
}

.widget-last-updated {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media(min-width: 1024px) {
    .widget-last-updated {
        width:auto;
        margin-left: auto
    }
}

input.invalid,#captchaToken.invalid,textarea.invalid {
    border-color: var(--bb-secondary-600) !important;
    color: var(--bb-secondary-800)
}

input.invalid+.warningMessage,#captchaToken.invalid+.warningMessage,textarea.invalid+.warningMessage {
    display: block !important;
    color: var(--bb-secondary-600)
}

textarea.invalid {
    border-color: var(--bb-secondary-600) !important
}

details[open] [data-dropdown-icon] {
    transform: rotate(180deg)
}

.code-copy {
    color: var(--bb-primary-300)
}

.code-copy use {
    fill: var(--bb-primary-300)
}

.code-copy [data-copy-text] {
    display: block
}

.code-copy [data-original-text] {
    display: none
}

.code-copy.copy-code-adblock use {
    fill: currentColor
}

[data-hidden-view] {
    display: none !important
}

.toggle-active [data-hidden-view] {
    display: block !important
}

.toggle-active [data-hidden-view] .mce-toc {
    display: none !important
}

.toggle-active [data-hidden-view-grid] {
    display: grid !important
}

.toggle-active [data-change-view-grid] {
    grid-template-columns: 1fr
}

.toggle-active [data-change-css-view] {
    border: none;
    padding-left: 0
}

.toggle-active [data-hidden-toggle-top] {
    display: none
}

.toggle-active [data-hidden-toggle-bottom] {
    display: inline
}

.toggle-active .onjn-top,.toggle-active .btn-toggle-view-top {
    display: none
}

.toggle-active .onjn-bottom,.toggle-active .btn-toggle-view-bottom {
    display: inline-flex
}

.hover-bonus-card {
    padding: 1px
}

.hover-bonus-card:hover {
    border-radius: 0 0 4px 4px
}

.hover-bonus-card::before {
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    left: -1px;
    right: 0;
    border-radius: 4px 4px 0 0;
    background-color: var(--bb-primary-300);
    transition: opacity .2s ease-in-out,width .2s ease-in-out,transform .2s ease-in-out;
    visibility: hidden
}

.hover-bonus-card:hover::before {
    width: calc(100% + 2px);
    transform: translateY(-1px);
    visibility: visible
}

.hover-bonus-card.expired-bonus::before {
    background-color: var(--bb-neutral-700)
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-1px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.special-bonus-card-top-border {
    padding: 1px;
    border-radius: 0 0 4px 4px !important
}

.special-bonus-card-top-border::before {
    content: "";
    height: 4px;
    position: absolute;
    top: -3px;
    left: -1px;
    right: 0;
    border-radius: 4px 4px 0 0;
    background-color: var(--bb-primary-300);
    transition: opacity .2s ease-in-out,width .2s ease-in-out,transform .2s ease-in-out;
    width: calc(100% + 2px);
    transform: translateY(-1px);
    visibility: visible
}

body:has(.data-bonus-feedback-modal) {
    overflow: hidden
}

body:has(.data-bonus-feedback-modal):before {
    content: "";
    position: fixed;
    width: 100dvw;
    height: 100dvh;
    background: rgba(0,0,0,.24);
    z-index: 50
}

body:has(.data-bonus-feedback-modal) .data-bonus-feedback-modal {
    z-index: 51
}

[data-sicky-niw] .ActiveItem a {
    color: var(--bb-neutral-100) !important;
    background: var(--bb-primary-300);
    font-weight: 700
}

[data-sicky-niw] .ActiveItem a:hover {
    color: var(--bb-neutral-100) !important
}

[data-sicky-niw] .ActiveItem .btn-secondary {
    background: var(--bb-neutral-700);
    color: var(--bb-neutral-100)
}

@media(min-width: 1024px) {
    .reset-bottom {
        bottom:100% !important;
        top: initial !important
    }
}

.max-h-dvh-60 {
    max-height: calc(100dvh - 60px)
}

.max-h-dvh-80 {
    max-height: calc(100dvh - 80px)
}

.Modal[open] {
    display: flex;
    flex-direction: column
}

.ModalRegister,.ModalForgotPassword,.ModalLogin,.ModalCasinoDetails,.ModalBonusDetails,.ModalTooltips,.ModalUserDashboard,.ModalSocialTnC,.recommendedOffers,.ModalTooltips,.recommendedCasinoOffers,.adblock-modal {
    max-width: 410px;
    bottom: 0;
    top: unset
}

@media(min-width: 1024px) {
    .ModalRegister,.ModalForgotPassword,.ModalLogin,.ModalCasinoDetails,.ModalBonusDetails,.ModalTooltips,.ModalUserDashboard,.ModalSocialTnC,.recommendedOffers,.ModalTooltips,.recommendedCasinoOffers,.adblock-modal {
        bottom:unset;
        top: 4rem;
        max-height: calc(100dvh - 4rem) !important
    }
}

.Modal.ModalPickAdd2 {
    padding: 0;
    min-height: 600px;
    gap: 0;
    background: var(--bb-neutral-100)
}

@media(min-width: 1024px) {
    .Modal.ModalPickAdd2[open] {
        max-height:calc(100vh - 8rem)
    }
}

.ModalPickAdd2,.ModalPickAdd {
    max-width: 630px
}

.ModalListOfSports {
    height: 70dvh !important;
    bottom: 0;
    max-width: 100dvw;
    margin-bottom: 0;
    background: #fff !important
}

.ModalAcca {
    padding: 0 !important;
    max-width: 720px !important;
    gap: 0 !important;
    background: var(--bb-neutral-150)
}

.ModalAcca>header {
    position: sticky;
    top: 0
}

@media(max-width: 1024px) {
    .ModalAcca {
        padding:0 16px 16px !important
    }
}

.inputTextPassword button {
    top: 12px;
    right: 24px
}

.inputTextPassword button img:first-of-type {
    display: none
}

.inputTextPassword button img:last-of-type {
    display: block
}

.inputTextPassword button.togglePassVisibility img:first-of-type {
    display: block
}

.inputTextPassword button.togglePassVisibility img:last-of-type {
    display: none
}

.inputTextPassword:has(input.invalid) input {
    border-color: var(--bb-secondary-600) !important;
    color: var(--bb-secondary-800)
}

.inputTextPassword:has(input.invalid) .passwordRequirements {
    color: var(--bb-secondary-600)
}

.input:has(input.invalid) .warningMessage {
    display: block !important;
    color: var(--bb-secondary-600)
}

input.invalid.invalid {
    border-color: var(--bb-secondary-600) !important
}

.notificationContainer.type__error {
    color: var(--bb-secondary-600)
}

.uba-casino-email-input:has(input.invalid) input.invalid {
    border-color: var(--bb-secondary-600) !important
}

.uba-casino-email-input:has(input.invalid)::before {
    content: attr(data-error-message);
    position: absolute;
    bottom: -16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--bb-secondary-600);
    z-index: 2
}

.home-title.home-title.home-title span {
    font-weight: 700;
    letter-spacing: -0.02em
}

.home-title.home-title.home-title span:nth-of-type(1),.home-title.home-title.home-title span:nth-of-type(3) {
    font-size: 24px;
    line-height: 36px
}

@media(min-width: 1024px) {
    .home-title.home-title.home-title span:nth-of-type(1),.home-title.home-title.home-title span:nth-of-type(3) {
        font-size:54px;
        line-height: 92px
    }
}

.home-title.home-title.home-title span:nth-of-type(2) {
    font-size: 32px;
    line-height: 36px
}

@media(min-width: 1024px) {
    .home-title.home-title.home-title span:nth-of-type(2) {
        font-size:84px;
        line-height: 92px
    }
}

.position-center-report-error {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

#mainHeader.userClicked {
    overflow: visible
}

[data-selected-filters]:not(:has(li)) {
    display: none
}

.max-h-dvh-60:has(.remove-scroll) {
    max-height: initial !important
}

.dropdown-width-adjustment-1 {
    width: calc(100% + 2px);
    margin-left: -1px
}

body:has(dialog[open][data-bonus-filter]) {
    overflow: hidden
}

.green-eclipse::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70%;
    background-color: var(--bb-primary-300);
    opacity: .79;
    border-radius: 50% 50% 0 0;
    z-index: 1;
    transform: rotate(180deg)
}

.has-gradient-bg {
    background: linear-gradient(to right, color-mix(in srgb, var(--bb-neutral-850) 90%, transparent), color-mix(in srgb, var(--bb-global-black) 40%, transparent))
}

.active-with-color {
    color: var(--bb-primary-300) !important;
    border-bottom: 2px solid var(--bb-primary-300)
}

.relative-border-bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    left: 0;
    background: var(--bb-neutral-400);
    z-index: -1
}

.hide-if-empty:empty {
    display: none
}

.btn-gradient-bg-left {
    position: relative
}

.btn-gradient-bg-left:before {
    content: "";
    width: 42px;
    height: 100%;
    background: linear-gradient(90.14deg, rgba(248, 248, 248, 0) 0.14%, #F8F8F8 99.89%);
    position: absolute;
    right: 100%;
    top: 0
}

.active-btn-dropdown {
    z-index: 1;
    position: relative;
    border: 1px solid rgba(0,0,0,0) !important;
    transform: rotate(180deg)
}

.active-btn-dropdown.btn-icon-light {
    border-color: rgba(0,0,0,0) !important
}

details[open] .arrow-down {
    transform: rotate(180deg)
}

.odds-display-type-container.Active {
    display: grid
}

.sorting-arrows:before,.sorting-arrows:after {
    width: 7px;
    height: 5px;
    position: absolute;
    left: calc(100% + 1px);
    font-size: 8px
}

.sorting-arrows:before {
    content: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99859 0.988037H1.50059C1.11859 0.988037 0.77559 1.20004 0.60559 1.54204C0.43559 1.88404 0.472589 2.28504 0.701589 2.59004L2.95059 5.57404C3.13859 5.82404 3.43759 5.97204 3.74959 5.97204C4.06159 5.97204 4.36059 5.82304 4.54859 5.57404L6.79759 2.59004C7.02659 2.28504 7.06459 1.88304 6.89359 1.54204C6.72359 1.20104 6.38059 0.988037 5.99859 0.988037Z' fill='%23999999'/%3E%3C/svg%3E%0A ");
    top: 50%
}

.sorting-arrows:after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54901 0.402082C4.17301 -0.096918 3.32701 -0.096918 2.95101 0.402082L0.702015 3.38608C0.473015 3.69108 0.435015 4.09308 0.606015 4.43408C0.776015 4.77508 1.11901 4.98808 1.50101 4.98808H5.99801C6.38001 4.98808 6.72301 4.77608 6.89301 4.43408C7.06301 4.09208 7.02601 3.69108 6.79701 3.38608L4.54901 0.402082Z' fill='%23999999'/%3E%3C/svg%3E%0A ");
    bottom: 50%
}

.sorting-arrows.ASC::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.54901 0.402082C4.17301 -0.096918 3.32701 -0.096918 2.95101 0.402082L0.702015 3.38608C0.473015 3.69108 0.435015 4.09308 0.606015 4.43408C0.776015 4.77508 1.11901 4.98808 1.50101 4.98808H5.99801C6.38001 4.98808 6.72301 4.77608 6.89301 4.43408C7.06301 4.09208 7.02601 3.69108 6.79701 3.38608L4.54901 0.402082Z' fill='%23222222'/%3E%3C/svg%3E%0A ")
}

.sorting-arrows.DESC::before {
    content: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99859 0.988037H1.50059C1.11859 0.988037 0.77559 1.20004 0.60559 1.54204C0.43559 1.88404 0.472589 2.28504 0.701589 2.59004L2.95059 5.57404C3.13859 5.82404 3.43759 5.97204 3.74959 5.97204C4.06159 5.97204 4.36059 5.82304 4.54859 5.57404L6.79759 2.59004C7.02659 2.28504 7.06459 1.88304 6.89359 1.54204C6.72359 1.20104 6.38059 0.988037 5.99859 0.988037Z' fill='%23222222'/%3E%3C/svg%3E%0A ")
}

.sorting-arrows.ev-standings:before {
    top: 43%
}

.sorting-arrows.ev-standings:after {
    bottom: 67%
}

.bb-standard-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative
}

.bb-standard-popup .item-popup {
    display: none;
    position: absolute;
    text-align: left;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.16);
    background: var(--bb-global-white);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--bb-neutral-850);
    text-transform: initial;
    z-index: 9;
    width: initial;
    max-width: 300px
}

.bb-standard-popup .item-popup:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    width: 0;
    height: 0;
    border-left: 6px solid rgba(0,0,0,0);
    border-right: 6px solid rgba(0,0,0,0);
    border-top: 6px solid var(--bb-global-white)
}

.bb-standard-popup:hover .item-popup {
    display: block
}

.btn-like-input:checked+label {
    background: var(--bb-primary-300);
    color: var(--bb-global-white) !important
}

.btn-like-input:hover+label {
    background: var(--bb-primary-300);
    color: var(--bb-global-white) !important
}

.border-left-container li .border-odds-items {
    position: relative;
    display: flex;
    gap: 16px
}

.border-left-container li .border-odds-items:before {
    content: "";
    height: 18px;
    width: 4px;
    display: block
}

.border-left-container li:nth-child(1) .border-odds-items:before {
    background-color: var(--bb-primary-100)
}

.border-left-container li:nth-child(2) .border-odds-items:before {
    background-color: var(--bb-primary-200)
}

.border-left-container li:nth-child(3) .border-odds-items:before {
    background-color: var(--bb-primary-500)
}

.border-left-container li:nth-child(4) .border-odds-items:before {
    background-color: var(--bb-primary-600)
}

.border-left-container li:nth-child(5) .border-odds-items:before {
    background-color: var(--bb-primary-800)
}

.ellipse {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--bb-global-white);
    border-radius: 50%
}

.home-sports-title.home-sports-title {
    text-align: center !important;
    color: var(--bb-global-white)
}

.home-sports-title.home-sports-title * {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    font-weight: 700;
    text-align: center !important
}

@media(min-width: 1024px) {
    .home-sports-title.home-sports-title * {
        font-size:24px;
        line-height: 36px
    }
}

.home-sports-title.home-sports-title h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--bb-global-white) !important
}

@media(min-width: 1024px) {
    .home-sports-title.home-sports-title h1 {
        font-size:54px !important;
        line-height: 54px !important
    }
}

.authors-widget-container li:nth-child(n+5) {
    display: none
}

.authors-widget-container.active li:nth-child(n+5) {
    display: grid
}

.show-children-4>*:nth-child(n+5) {
    display: none
}

.author-widget-container-wrapper:has(.authors-widget-container.active) button {
    display: none
}

.scoreboard-container-wrapper {
    max-height: 240px
}

.scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)) h1 {
    gap: 64px
}

.scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)):has(.scoreboard-match-status) h1 {
    gap: 92px !important
}

.scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)):not(:has([data-event-stadium])) h1 {
    gap: 40px
}

.scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)):not(:has([data-event-stadium])):has(.scoreboard-match-status) h1 {
    gap: 68px !important
}

.scoreboard-container-wrapper:not(:has([data-event-stadium])) h1 {
    gap: 92px
}

.scoreboard-container-wrapper.active {
    max-height: 80px;
    border-bottom: 1px solid var(--bb-neutral-400);
    border-radius: 0 !important
}

.scoreboard-container-wrapper.active .scoreboard-container {
    padding: 8px !important;
    border-radius: 0 !important
}

@media(min-width: 1024px) {
    .scoreboard-container-wrapper.active .scoreboard-container {
        padding:12px 8px !important
    }
}

.scoreboard-container-wrapper.active .scoreboard-team-details {
    gap: 4px
}

.scoreboard-container-wrapper.active .scoreboard-odds-container,.scoreboard-container-wrapper.active .scoreboard-details-container,.scoreboard-container-wrapper.active .scoreboard-formfactor-container,.scoreboard-container-wrapper.active .scoreboard-vs-container {
    max-height: 0 !important;
    opacity: 0 !important
}

.scoreboard-container-wrapper.active h1 {
    top: 48px
}

@media(min-width: 1024px) {
    .scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)) h1 {
        gap:36px
    }

    .scoreboard-container-wrapper:not(:has(.scoreboard-odds-container)):has(.scoreboard-match-status) h1 {
        gap: 66px !important
    }

    .scoreboard-container-wrapper.active .scoreboard-container {
        gap: 0 !important
    }

    .scoreboard-container-wrapper.active .scoreboard-team-details:first-of-type {
        flex-direction: row !important;
        padding-left: 24px
    }

    .scoreboard-container-wrapper.active .scoreboard-team-details:last-of-type {
        flex-direction: row-reverse !important;
        padding-right: 24px
    }

    .scoreboard-container-wrapper.active h1 {
        top: 16px;
        padding-left: 88px;
        padding-right: 88px
    }

    .scoreboard-container-wrapper.active h1>*:first-child {
        height: 48px
    }

    .scoreboard-container-wrapper.active .scoreboard-team-name:first-child {
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: flex-start
    }

    .scoreboard-container-wrapper.active .scoreboard-team-name:last-child {
        display: flex;
        align-items: center;
        text-align: right;
        justify-content: flex-end
    }

    .scoreboard-container-wrapper.active .scoreboard-vs-container:first-of-type {
        display: none
    }

    .scoreboard-container-wrapper.active .scorebooard-vs-wrapper {
        padding-top: 8px
    }
}

@media(min-width: 768px) {
    .custom-wave {
        width:185px;
        clip-path: path("M131 0C239.012 9.4427e-06 130.999 180 239.011 180C185.439 180 137.721 180 108.011 180C-0.000643782 180 108.012 9.4427e-06 0 0H131Z");
        height: 180px;
        flex-shrink: 0
    }

    .custom-wave:not(:last-child) {
        margin-right: -115px
    }

    .custom-wave:last-child {
        margin-right: -57.5px;
        clip-path: path("M194 0V180C162.372 180 135.071 180 115.547 180C7.53516 180 115.548 9.4427e-06 7.53611 0C-28.5175 6.67086e-06 69.8963 1.33965e-05 194 0Z")
    }
}

@media(min-width: 1024px) {
    .custom-wave {
        width:195px
    }
}

@media(min-width: 1280px) {
    .custom-wave {
        width:208px
    }
}

.dot {
    background-color: var(--bb-neutral-400)
}

.scoreboard-container-wrapper+.casino-sponsor-banner {
    border-radius: 0 0 4px 4px
}

.sticky-niw.fixed-niw {
    border-top: 0 !important;
    border-bottom: 1px solid var(--bb-neutral-400) !important;
    border-radius: 0
}

.sticky-niw.fixed-niw>div:first-of-type {
    padding-left: 0
}

.sticky-niw.fixed-niw>div:last-of-type {
    right: 0
}

.sticky-niw.fixed-niw ul:first-of-type {
    border: 0;
    border-radius: 0
}

.sticky-niw.fixed-niw button {
    border-radius: 0
}

.sticky-niw.fixed-niw .niw-sticky-btn-container {
    top: -1px !important
}

@media(min-width: 1024px) {
    .sticky-niw.fixed-niw {
        border-radius:0;
        border-top: 0 !important
    }
}

.sticky-niw ul[data-niw-dropdown-container] .ActiveItem a {
    background: inherit;
    color: var(--bb-neutral-850) !important;
    font-weight: 700
}

.sticky-niw ul[data-niw-dropdown-container] a {
    padding: 0;
    text-align: right
}

.grayscale-cta .btn-primary {
    background: var(--bb-neutral-600)
}

.grayscale-cta .btn-primary:hover {
    background: var(--bb-neutral-700)
}

.grayscale-cta .btn-dash {
    border-color: var(--bb-neutral-700) !important;
    color: var(--bb-neutral-700)
}

.grayscale-cta .btn-dash:hover {
    color: var(--bb-neutral-700)
}

.widget-group [data-container-to-be-replaced] .title-wrapper:nth-child(n+1) {
    display: none
}

.bg-hero-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--bb-neutral-850);
    opacity: .7
}

.highlightedParticipant {
    background: var(--bb-primary-50) !important
}

.stats-extended tr.hidden {
    display: table-row
}

.stats-extended .highlightedTeam {
    background: var(--bb-primary-50) !important
}

.stats-extended .hide-if-empty {
    display: none
}

.standings-extended .highlightedTeam {
    background: var(--bb-primary-50) !important
}

.standings-extended .hide-if-empty {
    display: none
}

@media(width < 1280px) {
    .odds-display-type-wrapper {
        padding: 0 !important
    }

    .odds-display-type-wrapper button {
        display: none !important
    }

    .odds-display-type-container {
        position: initial !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }
}

.ai-slip input[type=radio]:checked+label {
    color: var(--bb-neutral-850)
}

.ai-slip input[type=number]::-webkit-outer-spin-button,.ai-slip input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ai-slip .extended hr {
    display: block
}

.ai-slip .extended .extended-view {
    display: grid
}

.ai-slip .extended [data-to-pro-button] {
    display: none
}

.ai-slip .extended [data-to-lite-button] {
    display: flex
}

.popupContainer:hover .popupInfo {
    display: block;
    position: absolute;
    text-align: left;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border: 1px solid #89b198;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--bb-gray-dark-dark);
    width: 90%;
    z-index: 5
}

@media(min-width: 1024px) {
    .popupContainer:hover .popupInfo {
        width:266px
    }
}

.last-child-border-r-0:last-child button {
    border-right: 0
}

.last-child-border-b-0 [data-odds-anchor]:last-child button>div {
    border-bottom: 0;
    margin-bottom: 0 !important
}

.nth-child-border-r-0:nth-child(3n) button {
    border-right: 0
}

.fix-double-border-bottom:not(:last-child) {
    border-bottom: 0 !important
}

.fix-double-border-list li:last-child {
    border-bottom: 0 !important
}

.loading-spinner.loading-game img {
    filter: blur(2px)
}

.loading-spinner.loading-game .spinner {
    display: block
}

.loading-spinner.disabled-loading-game {
    pointer-events: none;
    cursor: not-allowed
}

.spinner {
    display: none;
    z-index: 1;
    width: 72px;
    height: 33px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#FFF 50px, transparent 0),linear-gradient(#FFF 50px, transparent 0),linear-gradient(#FFF 50px, transparent 0),linear-gradient(#FFF 50px, transparent 0),linear-gradient(#FFF 50px, transparent 0),linear-gradient(#FFF 50px, transparent 0);
    background-position: 0px center,15px center,30px center,45px center,60px center,75px center,90px center;
    animation: rikSpikeRoll .65s linear infinite alternate;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%)
}

@keyframes rikSpikeRoll {
    0% {
        background-size: 10px 3px
    }

    16% {
        background-size: 10px 50px,10px 3px,10px 3px,10px 3px,10px 3px,10px 3px
    }

    33% {
        background-size: 10px 30px,10px 50px,10px 3px,10px 3px,10px 3px,10px 3px
    }

    50% {
        background-size: 10px 10px,10px 30px,10px 50px,10px 3px,10px 3px,10px 3px
    }

    66% {
        background-size: 10px 3px,10px 10px,10px 30px,10px 50px,10px 3px,10px 3px
    }

    83% {
        background-size: 10px 3px,10px 3px,10px 10px,10px 30px,10px 50px,10px 3px
    }

    100% {
        background-size: 10px 3px,10px 3px,10px 3px,10px 10px,10px 30px,10px 50px
    }
}

.toggle-class-btn .less-btn {
    display: none
}

.toggle-class-btn.active .more-btn {
    display: none
}

.toggle-class-btn.active .less-btn {
    display: block
}

.toggle-class-btn.active svg {
    transform: rotateZ(180deg)
}

.gradient-after-shadow::before {
    content: "";
    width: 52px;
    height: 50px;
    position: absolute;
    top: -2px;
    left: -5px;
    background: linear-gradient(transparent 32%, var(--bb-neutral-850) 33%);
    z-index: -1;
    border-radius: 50%
}

.fixed-btn-bonus {
    border-bottom: 1px solid var(--bb-neutral-400);
    padding: 8px 16px !important
}

@media(min-width: 1024px) {
    .fixed-btn-bonus {
        padding:8px 0 !important
    }
}

.after-border-bottom {
    position: relative
}

.after-border-bottom:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--bb-neutral-400) !important;
    position: absolute;
    bottom: 0;
    z-index: -1
}

.sports-list-btn-list a.btn-secondary.active,.sports-list-btn-list div.btn-secondary.active {
    border-color: var(--bb-primary-300) !important;
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

.sports-list-btn-list a.btn-secondary.active use,.sports-list-btn-list div.btn-secondary.active use {
    fill: var(--bb-neutral-100)
}

.sports-list-dropdown-list a.active,.sports-list-dropdown-list div.active {
    color: var(--bb-primary-300)
}

.sports-list-dropdown-list a.active use,.sports-list-dropdown-list div.active use {
    fill: var(--bb-primary-300)
}

.br-hidden br {
    display: none
}

[data-niw-giants] .ActiveItem {
    border-bottom: 2px solid var(--bb-primary-300)
}

[data-niw-giants] .ActiveItem a {
    color: var(--bb-neutral-850) !important;
    padding-bottom: 12px !important
}

.ModalTooltips {
    gap: 10px !important
}

.ModalTooltips h2 {
    text-align: center;
    font-size: 24px;
    line-height: 24px
}

body:has(.body-white-bg) {
    background: #fff !important
}

body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.px-16,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-filter,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-primary,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-secondary,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-tertiary,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-quaternary,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-dash,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-danger,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-warning,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-light,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-light-danger,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-link,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-neutral,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-disabled,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.container {
    padding-top: 80px;
    padding-bottom: 80px
}

body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.px-16 .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-filter .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-primary .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-secondary .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-tertiary .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-quaternary .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-dash .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-danger .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-warning .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-light .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-light-danger .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-link .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-neutral .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.btn-disabled .wysiwyg *,body:has(.body-white-bg):has(.is-homepage) .is-homepage+.grid.gap-16.container .wysiwyg * {
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 0
}

.modal-container:has(dialog[open])::before {
    content: "";
    width: 100dvw;
    height: 100dvh;
    background: rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    left: 0
}

.sticky-bottom-contaier .ActiveTrigger .ModalTrigger div {
    color: var(--bb-primary-200)
}

.sticky-bottom-contaier .ActiveTrigger .ModalTrigger use {
    fill: var(--bb-primary-200)
}

.ModalForUserMenu,.ModalSearch {
    top: 56px !important;
    height: calc(100dvh - 56px) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    max-width: 100dvw !important;
    background: rgba(0,0,0,.24) !important;
    padding: 0 !important;
    gap: 0 !important
}

@media(min-width: 1024px) {
    .ModalForUserMenu,.ModalSearch {
        position:absolute !important;
        height: fit-content !important;
        right: 0 !important;
        top: 100% !important;
        left: unset !important;
        width: 360px !important;
        background: var(--bb-neutral-150) !important;
        border-radius: 0 0 4px 4px !important;
        border: 1px solid var(--bb-neutral-400);
        border-top: 2px solid var(--bb-primary-300)
    }
}

.grid-social-tournaments-standing {
    grid-template-columns: 50px 1fr 100px 143px
}

header:not(:has(#mainMenuToggle)) .MainMenu {
    width: 100dvw !important
}

.sticky-bottom-contaier:has(#mainMenuToggle) {
    z-index: 20 !important
}

header:has(.MainHeader.Active) {
    position: sticky !important
}

.filter-images-white-to-gray img:not([data-selected]) {
    filter: brightness(0) saturate(100%) invert(7%) sepia(0%) saturate(7500%) hue-rotate(0deg)
}

body:has(.MainHeader.Active) {
    overflow: hidden
}

body:has(.MainHeader.Active) #mainMenuToggle use:first-child {
    display: none !important
}

body:has(.MainHeader.Active) #mainMenuToggle use:last-child {
    display: block !important
}

.giants-breadcrumbs>li:first-child,.giants-breadcrumbs>li:last-child {
    flex-shrink: 1
}

.giants-breadcrumbs>li:nth-child(2):not(:last-child) {
    flex-shrink: 1000000
}

.giants-breadcrumbs>li:nth-child(3):not(:last-child) {
    flex-shrink: 5000
}

body:has([data-special-tag-filter]) .filters-header-container {
    padding-bottom: 60px
}

@media(max-width: 1024px) {
    ul[data-special-tag-filter]:has(li:nth-child(4)) {
        width:calc(100% + 32px);
        margin-left: -16px
    }

    ul[data-special-tag-filter]:has(li:nth-child(4))::-webkit-scrollbar {
        display: none
    }

    ul[data-special-tag-filter]:has(li:nth-child(4)) li {
        flex: 0 0 30%
    }
}

.center-show-more-button [data-show-more-text-button] {
    width: 100%;
    justify-content: center
}

.white-show-more-button [data-show-more-text-button] {
    color: var(--bb-neutral-100)
}

.white-show-more-button [data-show-more-text-button] use {
    fill: var(--bb-neutral-100)
}

.searchResultsContainer {
    top: calc(100% + 10px);
    max-height: calc(100dvh - 54px);
    overflow-y: auto
}

.body-breadcrumbs-3 * {
    color: var(--bb-neutral-150)
}

.body-breadcrumbs-3 a:hover {
    text-decoration: underline 1px #fff !important;
    text-underline-offset: 2px
}

body:has(.transparent-breadcrumbs) .breadcrumbs-container {
    background: rgba(0,0,0,0);
    border: none
}

body:has(.absolute-breadcrumbs) .breadcrumbs-container {
    position: absolute;
    top: 92px;
    width: 100%;
    z-index: 1;
    background: rgba(0,0,0,0);
    border: none
}

body:has(.absolute-breadcrumbs) .breadcrumbs-container * {
    color: var(--bb-neutral-100)
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    overflow: hidden
}

.breadcrumbs__sep {
    flex-grow: 0
}

.breadcrumbs__label {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.breadcrumbs--tight .breadcrumbs__label {
    word-break: normal
}

.breadcrumbs--ellipsis .breadcrumbs__item {
    flex-shrink: 1;
    min-width: 0
}

.breadcrumbs--ellipsis .breadcrumbs__link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbs--ellipsis .breadcrumbs__label {
    display: inline;
    -webkit-line-clamp: none;
    line-clamp: none;
    -webkit-box-orient: initial;
    word-break: normal;
    overflow: visible;
    text-overflow: clip
}

.rounded-scrollbar::-webkit-scrollbar-track {
    border: 1px solid var(--bb-neutral-400);
    margin-bottom: 7px;
    border-radius: 8px
}

header:has(.ModalSearch[open]) {
    z-index: 20
}

body:has(.nav-super-sticky) header:not(#titleMatchpageModal) {
    position: static
}

body:has(.nav-super-sticky) .scoreboard-container-wrapper {
    top: 36px
}

body:has(.nav-super-sticky) .sticky-niw {
    top: 116px
}

.nav-super-sticky {
    position: sticky;
    z-index: 9;
    top: 0
}

body:has([data-special-tag-filter]) .filters-header-container {
    padding-bottom: 60px
}

.center-show-more-button [data-show-more-text-button] {
    width: 100%;
    justify-content: center
}

.white-show-more-button [data-show-more-text-button] {
    color: var(--bb-neutral-100)
}

.white-show-more-button [data-show-more-text-button] use {
    fill: var(--bb-neutral-100)
}

body:has(.body-content-left-top-static) .body-content-left-top {
    position: static;
    overflow: visible
}

.right-desktop-1280-container {
    right: calc((100dvw - 1280px)/2)
}

body:has(#modalListOfSports[open]),html:has(dialog[open]),html:has(.Modals .Modal),body:has(dialog[open]),body:has(.Modals .Modal) {
    overflow: hidden
}

#modalListOfCompetitions {
    scrollbar-gutter: stable
}

#modalListOfCompetitions [data-tabs-container] {
    border-bottom: 2px solid rgba(0,0,0,0);
    color: var(--bb-neutral-700, #40464D)
}

#modalListOfCompetitions [data-tabs-container].is-active-tab {
    color: var(--bb-primary-300);
    border-bottom-color: var(--bb-primary-300)
}

dialog.MatchFiltersModal[open] {
    position: fixed;
    inset: auto;
    left: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 85vh;
    overflow-y: auto;
    margin: 0;
    padding: 16px
}

dialog.MatchFiltersModal[open]::backdrop,#modalListOfCompetitions[open]::backdrop {
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(1px)
}

@media(min-width: 1024px) {
    dialog.MatchFiltersModal[open] {
        position:absolute;
        inset: auto;
        top: 100%;
        right: 0;
        left: auto;
        transform: none;
        margin: -1px 0 0;
        z-index: 9;
        width: 284px;
        padding: 16px 12px;
        background: var(--bb-neutral-100, #fefefe);
        border: 1px solid var(--bb-neutral-400, #dddddd);
        border-radius: 4px 0 4px 4px;
        box-shadow: 0 4px 6px rgba(0,0,0,.1)
    }

    dialog.MatchFiltersModal .match-filters-apply {
        border-bottom-right-radius: 0
    }
}

.match-filter-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    background: var(--bb-neutral-100, #fefefe);
    cursor: pointer;
    position: relative
}

.match-filter-checkbox:checked {
    background: var(--bb-primary-300, #1A52B8);
    border-color: var(--bb-primary-300, #1A52B8)
}

.match-filter-checkbox:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.match-filter-trigger.is-active {
    position: relative
}

.match-filter-trigger.is-active::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--bb-primary-300, #1A52B8)
}

.fixed-height ul {
    max-height: 120px;
    overflow-y: auto;
    padding: 16px;
    display: grid;
    gap: 8px
}

.fixed-height ul a {
    padding: 0
}

.fixed-height-2 ul {
    max-height: 240px;
    overflow-y: auto;
    padding: 6px 12px
}

.svg-shrink-0 svg {
    flex-shrink: 0
}

.entityPageModal {
    scroll-padding-top: 50px
}

body:has([data-age-verifiation]) {
    overflow: hidden
}

.sentinel {
    height: 1px;
    width: 1px;
    visibility: hidden;
    pointer-events: none
}

.stickyBonusCta::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    background: var(--bb-neutral-150)
}

.stickyBonusCta.notSticky {
    border: rgba(0,0,0,0) !important
}

.stickyBonusCta.notSticky::before {
    background: rgba(0,0,0,0)
}

@media(max-width: 768px) {
    body:has(.stickyBonusCta):not(:has(.notSticky)) #vt-floating-icon {
        opacity:0;
        pointer-events: none
    }
}

.ModalBonusDetails,.ModalCasinoDetails {
    max-width: 640px;
    padding: 0 !important;
    gap: 0 !important;
    background: var(--bb-neutral-100) !important
}

.ai-slip-dates-container li:has(input:checked) {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100);
    border: 0
}

.ai-slip-dates-container li:has(input:checked) label {
    color: inherit
}

.data-ai-slip-view-toggler li.active {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

.Modal:has(.acca.thin-modal) {
    max-width: 400px !important
}

.accaContainer .modalTitle {
    display: none
}

[data-ai-slip-tournaments-selector] li:has(.btn-filter.hidden) {
    display: none
}

.remove-last-visible-child-border>details:not(.hidden):not(:has(~details:not(.hidden))) {
    border-bottom: none
}

.loading-animation {
    position: relative;
    pointer-events: none
}

.loading-animation::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(1px);
    border-radius: inherit;
    z-index: 1
}

.line-widgets-table-wrapper {
    border-radius: 4px;
    border: 1px solid var(--bb-neutral-400)
}

.line-widgets-table-wrapper table {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid var(--bb-neutral-400);
    overflow: hidden
}

.line-widgets-table-wrapper td,.line-widgets-table-wrapper th {
    border: 1px solid var(--bb-neutral-400);
    padding: 16px;
    vertical-align: middle
}

.line-widgets-table-wrapper td {
    background: var(--bb-neutral-100)
}

.line-widgets-table-wrapper th {
    background: var(--bb-neutral-200);
    text-transform: uppercase
}

.hide-svg>svg {
    display: none
}

.hide-div>div {
    display: none
}

.w-hug {
    width: 1%;
    white-space: nowrap
}

.loading-animation::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    border: 3px solid rgba(0,0,0,.15);
    border-top-color: rgba(0,0,0,.55);
    border-radius: 50%;
    animation: spin .8s linear infinite;
    z-index: 11
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

[data-acca-loading-label] {
    display: none
}

.loading-animation>[data-acca-loading-label] {
    display: block;
    position: absolute;
    top: calc(50% + 26px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    width: 80%;
    max-width: 260px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--bb-neutral-850);
    text-align: center;
    pointer-events: none
}

.bonus_card_extended:has(.pro-and-cons-section) .secondary-cta {
    display: flex
}

[data-selected-view=PRO] [data-pro-toggle-label],[data-selected-view=LITE] [data-lite-toggle-label] {
    color: var(--bb-primary-300)
}

.background-opacity-03 {
    position: relative
}

.background-opacity-03:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%)
}

dialog[data-video-popover][popover]::backdrop {
    background: rgba(0,0,0,.75)
}

.before-border-top {
    position: relative
}

.before-border-top-primary-200:before,.before-border-top-yellow-orange:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    width: 100%;
    border-radius: 4px 4px 0 0
}

.before-border-top-primary-200::before {
    background-color: var(--bb-primary-200)
}

.before-border-top-yellow-orange::before {
    background-color: var(--bb-yellow-orange, #FBBF16)
}

.info-wrapper:hover .info-item-hover {
    display: inline-block !important;
    bottom: calc(100% + 8px)
}

.info-wrapper:hover .info-item-hover:after {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -4px;
    width: 8px;
    height: 8px;
    background: var(--bb-global-white);
    border-right: 2px solid var(--bb-global-white);
    border-bottom: 2px solid var(--bb-global-white);
    transform: translateX(-50%) rotate(45deg)
}

@media(min-width: 768px) {
    .info-wrapper:hover .info-item-hover:after {
        left:50%
    }
}

main:has(.remove-available-slots) #slots,main:has(.remove-available-slots) .card-tap {
    display: none !important
}

.tips-datepicker-v2-tips-container>li {
    border-radius: 0;
    border: 0
}

.tag-remove-icon svg {
    display: none
}

.widget-label-h3-size .title-default {
    font-size: 1.25rem
}

.acca-boldness-list,.acca-picks-chips {
    list-style: none
}

.acca-picks-chips--fit {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none
}

.acca-picks-chips--fit::-webkit-scrollbar {
    display: none
}

.acca-picks-chips--fit .acca-picks-chip {
    min-width: 26px
}

@media(min-width: 1024px) {
    .acca-boldness-list {
        grid-template-columns:1fr 1fr
    }
}

.acca-boldness-price {
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.Modal.AccaModal.acca-modal-sheet {
    padding-left: 0;
    padding-right: 0
}

.acca-modal-sheet .acca-pmodal {
    display: flex;
    flex-direction: column;
    max-height: 86vh;
    overflow: hidden auto;
    margin: -0.5rem 0;
    border-radius: inherit
}

@media(min-width: 1024px) {
    .acca-modal-sheet .acca-pmodal {
        max-width:640px
    }
}

.acca-phead {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--bb-neutral-200, #F4F4F4);
    border-bottom: 1px solid var(--bb-neutral-400)
}

.acca-psec {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    background: var(--bb-neutral-100, #FEFEFE)
}

.acca-pfoot {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    background: var(--bb-neutral-200, #F4F4F4);
    border-top: 1px solid var(--bb-neutral-400)
}

.acca-psec--ok {
    gap: 16px
}

.Modal:has(.acca-psec--ok),.acca-pmodal:has(.acca-psec--ok),.acca-pmodal:has(.acca-psec--ok) .acca-phead,.acca-pmodal:has(.acca-psec--ok) .acca-pfoot {
    background: var(--bb-neutral-100, #FEFEFE)
}

.acca-pblock {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.acca-okwrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 8px 0 4px;
    text-align: center
}

.acca-okring {
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: 50%;
    background: var(--bb-primary-300, #1A52B8);
    border: 12px solid var(--bb-primary-100, #E8EEF8);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box
}

.acca-okring svg {
    color: var(--bb-neutral-100, #FEFEFE);
    fill: currentColor
}

.acca-oktxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.acca-oktitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.36px;
    color: var(--bb-neutral-850, #111111)
}

.acca-oksub {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-700, #444444)
}

.acca-okbox {
    width: 100%;
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400, #DDDDDD);
    border-radius: 4px;
    overflow: hidden
}

.acca-okrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bb-neutral-400, #DDDDDD)
}

.acca-okrow:last-child {
    border-bottom: 0
}

.acca-okrow-k {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.26px;
    color: rgba(18,49,30,.7)
}

.acca-okrow-v {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: var(--bb-primary-800, #001240)
}

.acca-okrow--hl {
    background: var(--bb-primary-100, #E8EEF8)
}

.acca-pcard {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400, #DDDDDD);
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease,border-color .15s ease
}

.acca-pcard:has(:checked) {
    background: var(--bb-primary-100, #E8EEF8);
    border-color: var(--bb-primary-300, #1A52B8)
}

.acca-pcard[aria-busy=true] {
    opacity: .6;
    pointer-events: none
}

.acca-pcard:focus-within {
    outline: 2px solid var(--bb-primary-300, #1A52B8);
    outline-offset: 2px
}

.acca-pcard:active {
    filter: brightness(0.96)
}

.acca-pname {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-900, #010101)
}

.acca-pcard:has(:checked) .acca-pname {
    color: var(--bb-primary-800, #001240)
}

.acca-rowbtns {
    display: flex;
    gap: 9px
}

.acca-rowbtns>* {
    flex: 1;
    min-width: 0;
    justify-content: center
}

@media(min-width: 1024px) {
    .acca-okrow-k {
        font-size:14px
    }
}

@media(hover: hover) {
    .acca-pcard:hover {
        border-color:var(--bb-neutral-750, #333333)
    }

    .acca-pcard:has(:checked):hover {
        border-color: var(--bb-primary-300, #1A52B8);
        filter: brightness(0.98)
    }
}

.acca-lgtabs {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: none;
    padding: 0 2px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--bb-neutral-400);
    scrollbar-width: none;
    -ms-overflow-style: none
}

.acca-lgtabs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.acca-lgtabs>span {
    position: relative;
    flex: none;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-700, #40464D);
    white-space: nowrap;
    cursor: pointer
}

.acca-lgtabs>span.active {
    color: var(--bb-primary-300, #1A52B8);
    font-weight: 700
}

.acca-lgtabs>span.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--bb-primary-300, #1A52B8)
}

.acca-lgsum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.acca-lgsum .acca-lgsum-t {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: var(--bb-neutral-700, #40464D)
}

.acca-lgsum .acca-clr {
    flex: none;
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
    color: var(--bb-primary-500, #00247D);
    cursor: pointer
}

.acca-lglist {
    display: flex;
    flex-direction: column
}

.acca-lgrow {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 2px;
    border-bottom: 1px solid var(--bb-neutral-300, var(--bb-neutral-400));
    cursor: pointer
}

.acca-lgrow:last-child {
    border-bottom: 0
}

.acca-lgrow .acca-lgrow-ico {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none
}

.acca-lgrow .acca-lgrow-nm {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-850);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.acca-lgrow .acca-lgrow-nm small {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-700, #40464D)
}

.acca-lgrow .acca-lgrow-cb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: none;
    border: 1px solid var(--bb-neutral-450);
    border-radius: 4px;
    background: var(--bb-neutral-100)
}

.acca-lgrow .acca-lgrow-cb svg {
    visibility: hidden
}

.acca-lgrow.active .acca-lgrow-nm {
    color: var(--bb-primary-600, #00247D)
}

.acca-lgrow.active .acca-lgrow-cb {
    background: var(--bb-primary-300, #1A52B8);
    border-color: var(--bb-primary-300, #1A52B8)
}

.acca-lgrow.active .acca-lgrow-cb svg {
    visibility: visible
}

@media(min-width: 1024px) {
    .acca-lgrow .acca-lgrow-nm {
        font-size:16px
    }

    .acca-lgrow .acca-lgrow-nm small {
        font-size: 13px
    }
}

.acca-grp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bb-neutral-700, #40464D);
    cursor: pointer;
    user-select: none
}

.acca-grp .acca-sw {
    position: relative;
    width: 34px;
    height: 20px;
    flex: none;
    border-radius: 10px;
    background: var(--bb-neutral-450);
    transition: background .18s
}

.acca-grp .acca-sw::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--bb-neutral-100, #FEFEFE);
    transition: transform .18s
}

.acca-grp.active {
    color: var(--bb-primary-600, #00247D)
}

.acca-grp.active .acca-sw {
    background: var(--bb-primary-300, #1A52B8)
}

.acca-grp.active .acca-sw::after {
    transform: translateX(14px)
}

.acca-v5 .match-filter-checkbox:indeterminate {
    background: var(--bb-neutral-100, #FEFEFE);
    border-color: var(--bb-primary-300, #1A52B8);
    position: relative
}

.acca-v5 .match-filter-checkbox:indeterminate::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 6px;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    background: var(--bb-primary-300, #1A52B8);
    border: 0;
    transform: none
}

.acca-lgrow--part .acca-lgrow-nm {
    color: var(--bb-primary-600, #00247D)
}

.acca-v5 .popupContainer {
    position: relative
}

.acca-v5 .popupContainer:hover .popupInfo {
    width: max-content;
    max-width: min(266px,100vw - 32px)
}

.acca-subseg {
    align-self: center;
    background: var(--bb-neutral-100)
}

.acca-subseg li {
    height: 26px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: var(--bb-neutral-850)
}

.acca-subseg li.active {
    background: var(--bb-primary-100, #E8EEF8);
    color: var(--bb-primary-800, #001240)
}

@media(min-width: 1024px) {
    .acca-subseg li {
        height:30px;
        padding: 0 18px;
        font-size: 13px
    }
}

.acca-oddhead {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--bb-neutral-700, #40464D)
}

@media(min-width: 1024px) {
    .acca-oddhead {
        font-size:14px
    }
}

.acca-odds-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.acca-odds-grid>* {
    min-width: 0
}

.acca-odds-grid button.fs-24 {
    font-size: 18px;
    color: var(--bb-neutral-700)
}

.acca-odds-grid input {
    font-variant-numeric: tabular-nums
}

@media(min-width: 1024px) {
    .acca-cta-foot.sticky {
        position:static;
        bottom: auto
    }
}

.acca-card-top {
    flex-wrap: wrap
}

.acca-card-top>.title-wrapper {
    flex: 1 1 auto;
    min-width: 0
}

.acca-mode-seg {
    background: var(--bb-neutral-100)
}

.acca-mode-seg li {
    height: 32px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 1
}

.acca-mode-seg li:not(.active) {
    font-weight: 500
}

.acca-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bb-neutral-850);
    color: var(--bb-neutral-100);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums
}

.acca-badge {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 5px;
    border-radius: 2px;
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: 1px
}

.acca-boldness-card {
    padding: 12px 16px;
    border-radius: 4px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400)
}

.acca-boldness-card.active {
    background: var(--bb-primary-100);
    border-color: var(--bb-primary-300)
}

@media(hover: hover) {
    .acca-picks-chip:not(.active):hover {
        border-color:var(--bb-neutral-750, #333333);
        background: var(--bb-neutral-150, #F8F8F8)
    }
}

.acca-picks-chip:active,.acca-summary-row:active,.acca-pkbtn:active,.acca-lgrow:active {
    filter: brightness(0.96)
}

.acca-bars {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: none
}

.acca-bars i {
    display: block;
    width: 4px;
    height: 16px;
    background: var(--bb-neutral-450)
}

.acca-bars[data-level=LOW] i.on {
    background: var(--bb-primary-200, #3D73C7)
}

.acca-bars[data-level=MED] i.on {
    background: var(--bb-primary-300, #1A52B8)
}

.acca-bars[data-level=HIGH] i.on {
    background: var(--bb-global-error-800, #9E211B)
}

.acca-bars[data-level=HUGE] i.on {
    background: var(--bb-global-error-500, #FE0101)
}

.acca-picks-chip.active .acca-bars i {
    background: rgba(255,255,255,.4)
}

.acca-picks-chip.active .acca-bars[data-level=LOW] i.on,.acca-picks-chip.active .acca-bars[data-level=MED] i.on,.acca-picks-chip.active .acca-bars[data-level=HIGH] i.on,.acca-picks-chip.active .acca-bars[data-level=HUGE] i.on {
    background: var(--bb-neutral-100, #FEFEFE)
}

.acca-bars--risk i {
    width: 3px;
    height: 13px
}

.acca-picks-chip {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    height: 44px;
    gap: 3px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    color: var(--bb-neutral-750)
}

.acca-picks-chip.active {
    background: var(--bb-primary-300);
    border-color: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

.acca-picks-chip.is-disabled {
    color: var(--bb-neutral-450);
    cursor: not-allowed;
    pointer-events: none
}

.acca-day-strip-item {
    transition: background-color .15s ease,color .15s ease,border-color .15s ease
}

.Modal.AccaModal {
    max-width: 480px
}

@media(max-width: 1024px) {
    .Modal.AccaModal {
        max-width:410px;
        bottom: 0;
        top: unset
    }
}

.Modal.ModalAcca:has(.acca-slip-v5) {
    max-height: calc(100dvh - 5rem)
}

@media(max-width: 1024px) {
    .Modal.ModalAcca:has(.acca-slip-v5):has(.acca-editset) {
        padding:0 !important
    }

    .Modal.ModalAcca:has(.acca-slip-v5):has(.acca-editset)>header {
        display: none
    }
}

@media(max-width: 1024px) {
    .Modal.ModalAcca:has(.acca-slip-v5) {
        bottom:0;
        top: unset
    }
}

dialog.AccaModal[open]::backdrop {
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(1px)
}

.acca-summary-row {
    transition: border-color .15s ease,background-color .15s ease
}

.acca-summary-row:focus-visible {
    outline: 2px solid var(--bb-primary-300, #1A52B8);
    outline-offset: 2px
}

.acca-summary-row:active {
    background: var(--bb-neutral-200)
}

@media(hover: hover) {
    .acca-summary-row:hover {
        border-color:var(--bb-neutral-450, #CCCCCC);
        background: var(--bb-neutral-150, #F8F8F8)
    }

    .acca-summary-row:hover .acca-edit-link {
        text-decoration: underline
    }
}

.acca-slip-v5 .acca-sliptag {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-700);
    white-space: nowrap
}

.acca-slip-v5 .acca-lockhint {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.26px;
    color: var(--bb-primary-800, #001240);
    padding: 0 18px 10px
}

@media(max-width: 1024px) {
    .acca-slip-v5 .acca-lockhint {
        display:none
    }
}

.acca-slip-v5 .acca-lockhint-mini {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: var(--bb-neutral-700);
    color: var(--bb-neutral-100, #FEFEFE)
}

.acca-slip-v5 .betting-slip-modal-container {
    grid-template-columns: minmax(0, 1fr)
}

.acca-slip-v5 .acca-slip-scroll {
    display: contents
}

.acca-slip-v5 .acca-wager-amt {
    width: 0
}

.acca-slip-v5 .acca-slip-list {
    display: flex;
    flex-direction: column
}

.ModalAcca .acca-slip-v5 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0
}

.ModalAcca .acca-slip-v5 .betting-slip-modal-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0
}

.ModalAcca .acca-slip-v5 .acca-slip-scroll {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable
}

.ModalAcca .acca-slip-v5 .acca-slip-list {
    margin: 0 16px;
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400, #DDDDDD);
    border-left: 0;
    border-radius: 4px;
    overflow: hidden
}

.ModalAcca .acca-slip-v5 .acca-editset {
    align-self: flex-start;
    margin: -4px 16px 12px;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.26px;
    color: var(--bb-primary-500, #00247D);
    cursor: pointer
}

.ModalAcca .acca-slip-v5 .acca-editset:hover {
    text-decoration: underline
}

@media(min-width: 1024px) {
    .ModalAcca .acca-slip-v5 .acca-editset {
        display:none
    }
}

.acca-slip-v5 .acca-pick {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px;
    border-left: 2px solid var(--bb-neutral-600, #888888)
}

.acca-slip-v5 .acca-pick+.acca-pick {
    border-top: 1px solid var(--bb-neutral-400)
}

.acca-slip-v5 .acca-pick[data-locked=true] {
    border-left-color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-pick[data-locked][data-settlement=LOST] {
    border-left-color: var(--bb-global-error-800, #9E211B)
}

.acca-slip-v5 .acca-pick[data-locked][data-settlement=HALF_LOST] {
    border-left-color: var(--bb-global-error-900, #520400)
}

.acca-slip-v5 .acca-pick-top {
    display: flex;
    align-items: center;
    gap: 8px
}

.acca-slip-v5 .acca-pkbtn {
    position: relative;
    width: 28px;
    height: 28px;
    flex: none;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--bb-neutral-700);
    color: var(--bb-neutral-100, #FEFEFE);
    fill: var(--bb-neutral-100, #FEFEFE)
}

.acca-slip-v5 .acca-pkbtn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%)
}

.acca-slip-v5 .acca-pkbtn:hover {
    opacity: .85
}

.acca-slip-v5 .acca-pick[data-locked=true] .acca-pkbtn-swap,.acca-slip-v5 .acca-pick[data-locked=false] .acca-pkbtn-locked {
    display: none
}

.acca-slip-v5 .acca-pick[data-locked=false] .acca-pkbtn {
    background: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-pick--regen {
    opacity: .55
}

@media(prefers-reduced-motion: no-preference) {
    .acca-slip-v5 .acca-pick--regen {
        opacity: 1;
        animation: acca-regen-pulse .5s ease infinite
    }
}

.acca-slip-v5 .acca-pick-teams {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    color: inherit;
    text-decoration: none
}

.acca-slip-v5 .acca-tm {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    line-height: 1.3;
    color: var(--bb-neutral-800, #222222)
}

.acca-slip-v5 .acca-vs {
    flex: none;
    font-size: 12px;
    font-weight: 400;
    color: var(--bb-neutral-700);
    text-transform: lowercase
}

.acca-slip-v5 .acca-pick-odds {
    flex: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.32px;
    color: var(--bb-neutral-800, #222222);
    text-align: right
}

.acca-slip-v5 .acca-pick-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    line-height: 1.3;
    letter-spacing: -0.24px;
    font-size: 12px;
    color: var(--bb-neutral-700)
}

.acca-slip-v5 .acca-pick-mk {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-700)
}

.acca-slip-v5 .acca-pick-mk>svg {
    width: 16px;
    height: 16px;
    flex: none
}

.acca-slip-v5 .acca-mkn {
    min-width: 0
}

.acca-slip-v5 .acca-ko,.acca-slip-v5 .acca-score {
    flex: none;
    white-space: nowrap
}

.acca-slip-v5 .acca-ko {
    margin-left: auto
}

.acca-slip-v5 .acca-aitag {
    display: inline-flex;
    align-items: center;
    flex: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--bb-neutral-100, #FEFEFE);
    background: var(--bb-primary-300, #1A52B8);
    border-radius: 3px 0 6px 0;
    padding: 2px 5px
}

.acca-slip-v5 .acca-seewhy,.acca-slip-v5 .acca-pvclose {
    display: inline-flex;
    align-items: center;
    flex: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.24px;
    color: var(--bb-primary-500, #00247D);
    cursor: pointer;
    white-space: nowrap
}

.acca-slip-v5 .acca-seewhy {
    gap: 6px
}

.acca-slip-v5 .acca-pvclose {
    gap: 3px;
    margin-left: auto
}

.acca-slip-v5 .acca-seewhy-row {
    display: flex;
    align-items: center;
    margin-top: -1px
}

.acca-slip-v5 .acca-seewhy {
    transition: none
}

.acca-slip-v5 .acca-pick--open .acca-seewhy-row {
    display: none
}

.acca-slip-v5 .acca-seewhy-chev {
    transition: transform .15s ease
}

.acca-slip-v5 .acca-pick--open .acca-seewhy-chev {
    transform: rotate(180deg)
}

.acca-slip-v5 .acca-aiprev {
    display: none;
    margin-top: 4px;
    background: var(--bb-neutral-150, var(--bb-neutral-200));
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 10px 12px;
    flex-direction: column;
    gap: 7px
}

.acca-slip-v5 .acca-pick--open .acca-aiprev {
    display: flex
}

.acca-slip-v5 .acca-aiprev-head {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.22px;
    color: var(--bb-neutral-850)
}

.acca-slip-v5 .acca-aiprev ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.acca-slip-v5 .acca-aiprev li {
    position: relative;
    padding-left: 12px;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-700)
}

.acca-slip-v5 .acca-aiprev li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    background: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-slip-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 20px 18px;
    border-top: 1px solid var(--bb-neutral-400)
}

.acca-slip-v5 .acca-wager {
    display: flex;
    align-items: center;
    gap: 16px
}

.acca-slip-v5 .acca-wager-lbl {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    color: var(--bb-neutral-700);
    flex: none
}

.acca-slip-v5 .acca-wager-fld {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 12px;
    cursor: text
}

.acca-slip-v5 .acca-wager-fld:focus-within {
    border-color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-wager-cur {
    font-size: 16px;
    letter-spacing: -0.32px;
    color: var(--bb-neutral-700);
    flex: none
}

.acca-slip-v5 .acca-wager-amt {
    border: 0;
    outline: 0;
    background: rgba(0,0,0,0);
    text-align: right;
    min-width: 0;
    flex: 1;
    padding: 0;
    margin-left: 8px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    color: var(--bb-neutral-900, var(--bb-neutral-850));
    -moz-appearance: textfield;
    appearance: textfield
}

.acca-slip-v5 .acca-wager-amt::-webkit-outer-spin-button,.acca-slip-v5 .acca-wager-amt::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.acca-slip-v5 .acca-bookies {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none
}

.acca-slip-v5 .acca-bookie {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    background: var(--bb-neutral-200);
    border: 1px solid rgba(0,0,0,0)
}

.acca-slip-v5 .acca-bookie:hover {
    background: var(--bb-neutral-200)
}

.acca-slip-v5 .acca-bookie--best {
    background: var(--bb-primary-50, var(--bb-primary-100));
    border-color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-bookie-logo {
    width: 57px;
    height: 24px;
    flex: none;
    border-radius: 4px;
    object-fit: cover
}

.acca-slip-v5 .acca-bookie-pay {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
    text-align: left
}

.acca-slip-v5 .acca-bookie-nameline {
    display: flex;
    align-items: center;
    min-width: 0
}

.acca-slip-v5 .acca-bookie-name {
    min-width: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: var(--bb-primary-800, #001240);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.acca-slip-v5 .acca-bookie-amt {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.24px;
    color: rgba(18,49,30,.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.acca-slip-v5 .acca-bookie-odds {
    flex: none;
    width: 54px;
    align-self: stretch;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--bb-neutral-400);
    background: var(--bb-neutral-100);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: var(--bb-neutral-850)
}

.acca-slip-v5 .acca-bookie--best .acca-bookie-odds {
    border-bottom: 4px solid var(--bb-primary-300, #1A52B8);
    color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-morelink {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.28px;
    color: var(--bb-primary-300, #1A52B8);
    cursor: pointer
}

.acca-slip-v5 .acca-morelink:hover {
    text-decoration: underline
}

.acca-slip-v5 .acca-bookies-block {
    display: flex;
    flex-direction: column
}

.acca-slip-v5 .acca-bookies-block,.acca-slip-v5 .acca-bookies,.acca-slip-v5 .acca-bookies>li,.acca-slip-v5 .acca-morelink {
    transition: none
}

.acca-slip-v5 .acca-bookies:not(.is-open) .acca-bookie-row--more {
    display: none
}

.acca-slip-v5 .acca-bookie-row--more .acca-bookie-odds {
    border: 0
}

.acca-slip-v5 .acca-bookie--nologo {
    background: var(--bb-primary-50, var(--bb-primary-100));
    border-color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-bookie--nologo .acca-bookie-amt {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: normal;
    color: var(--bb-neutral-850)
}

.acca-slip-v5 .acca-slip-bar {
    position: sticky;
    bottom: 0;
    z-index: 5;
    background: var(--bb-neutral-100)
}

.acca-slip-v5 .acca-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding: 12px 16px;
    background: var(--bb-neutral-150, var(--bb-neutral-200));
    border-top: 1px solid var(--bb-neutral-400)
}

.acca-slip-v5 .acca-total-col {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    min-width: 0
}

.acca-slip-v5 .acca-total-col--ret {
    justify-content: flex-end;
    text-align: right
}

.acca-slip-v5 .acca-total-k {
    flex: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: var(--bb-neutral-700)
}

.acca-slip-v5 .acca-total-v {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.44px;
    line-height: 1;
    color: var(--bb-neutral-850);
    overflow-wrap: anywhere
}

.acca-slip-v5 .acca-total-col--ret .acca-total-v {
    color: var(--bb-primary-300, #1A52B8)
}

.acca-slip-v5 .acca-slip-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px 18px
}

@media(min-width: 1024px) {
    .acca-slip-v5 .acca-slip-actions {
        padding-top:16px
    }
}

.acca-slip-v5 .acca-place {
    flex: 1
}

.acca-slip-v5 .acca-regen {
    flex: none
}

.acca-slip-v5 .acca-regen-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    padding: 2px 5px;
    border-radius: 4px;
    background: var(--bb-neutral-750, #333333);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.acca-slip-v5 .acca-alllocked {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 18px 16px;
    font-size: 12px;
    line-height: 16px;
    color: var(--bb-neutral-700)
}

.acca-slip-v5 .acca-alllocked.hidden {
    display: none
}

@media(min-width: 1024px) {
    .acca-slip-v5 .acca-tm {
        font-size:16px
    }

    .acca-slip-v5 .acca-pick-odds {
        font-size: 18px
    }

    .acca-slip-v5 .acca-seewhy,.acca-slip-v5 .acca-pvclose,.acca-slip-v5 .acca-sliptag,.acca-slip-v5 .acca-lockhint,.acca-slip-v5 .acca-aiprev-head,.acca-slip-v5 .acca-aiprev li {
        font-size: 13px
    }

    .acca-slip-v5 .acca-pick-meta,.acca-slip-v5 .acca-pick-mk {
        font-size: 13px
    }

    .acca-slip-v5 .acca-pick {
        padding: 14px 16px
    }

    .acca-slip-v5 .acca-pick-top {
        gap: 10px
    }

    .acca-slip-v5 .acca-wager-lbl {
        font-size: 14px
    }

    .acca-slip-v5 .acca-morelink {
        font-size: 14px
    }

    .acca-slip-v5 .acca-bookie-name {
        font-size: 16px;
        letter-spacing: -0.32px
    }

    .acca-slip-v5 .acca-bookie-amt {
        font-size: 13px;
        letter-spacing: -0.26px
    }

    .acca-slip-v5 .acca-total {
        padding: 18px
    }

    .acca-slip-v5 .acca-total-v {
        font-size: 28px;
        letter-spacing: -0.56px
    }

    .acca-slip-v5 .acca-total-k {
        font-size: 12px
    }

    .acca-v5 .acca-summary-row .acca-sum-line:first-child {
        font-size: 16px
    }

    .acca-v5 .acca-summary-row .acca-sum-line:last-child:not(:first-child) {
        font-size: 14px
    }

    .acca-v5 .acca-edit-link {
        font-size: 14px
    }

    .acca-v5 .acca-summary-row {
        padding: 12px 14px
    }

    .acca-v5 .acca-step-meta {
        font-size: 13px
    }

    .acca-v5 .acca-picks-chip {
        height: 48px
    }

    .acca-v5 .acca-boldness-card>span>span:first-child {
        font-size: 16px
    }

    .acca-v5 .acca-boldness-card .acca-sum-line {
        font-size: 14px
    }

    .acca-v5 .acca-odds-grid button.fs-24 {
        font-size: 22px
    }
}

.acca-cta-hint--blocked {
    color: var(--bb-global-error-800, #9E211B);
    font-weight: 600
}

@keyframes acca-regen-pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .35
    }
}

.acca-gen {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 28px 22px;
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400, #DDDDDD);
    border-radius: 4px
}

.acca-gen-ring {
    position: relative;
    width: 96px;
    height: 96px;
    flex: none
}

.acca-gen-ring-base,.acca-gen-ring-arc,.acca-gen-ring-dash,.acca-gen-ring-core {
    position: absolute;
    border-radius: 50%
}

.acca-gen-ring-base {
    inset: 0;
    border: 5px solid var(--bb-neutral-300, #E8E8E8)
}

.acca-gen-ring-arc {
    inset: 0;
    border: 5px solid rgba(0,0,0,0);
    border-top-color: var(--bb-primary-300, #1A52B8);
    border-right-color: var(--bb-primary-300, #1A52B8);
    animation: spin 1.1s linear infinite
}

.acca-gen-ring-dash {
    inset: 16px;
    border: 1px dashed var(--bb-primary-100, #E8EEF8);
    animation: spin 6s linear infinite reverse
}

.acca-gen-ring-core {
    inset: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.acca-gen-ring-ai {
    padding: 3px 8px;
    border-radius: 4px;
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

.acca-gen-ring-lbl {
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    color: var(--bb-neutral-600, #888888)
}

.acca-gen-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none
}

.acca-gen-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-600, #888888)
}

.acca-gen-step.is-done {
    color: var(--bb-primary-500, #00247D)
}

.acca-gen-step.is-now {
    color: var(--bb-neutral-700, #444444)
}

.acca-gen-step-mark {
    width: 10px;
    flex: none;
    text-align: center
}

.acca-gen-bar {
    width: 100%
}

.acca-gen-track {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: var(--bb-neutral-300, #E8E8E8);
    overflow: hidden
}

.acca-gen-fill {
    width: 0;
    height: 100%;
    border-radius: 3px;
    background: var(--bb-primary-300, #1A52B8);
    transition: width .3s linear
}

.acca-gen-meta {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    font-size: 12px;
    letter-spacing: -0.22px;
    color: var(--bb-neutral-600, #888888)
}

.ai-slip:has(>.acca-gen-overlay) {
    position: relative
}

.acca-gen-overlay {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(1px);
    border-radius: inherit
}

.acca-gen-overlay>.acca-gen {
    max-width: 340px;
    max-height: 100%;
    overflow: auto
}

.acca-side {
    padding: 20px;
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400, #DDDDDD);
    border-radius: 4px
}

.acca-side-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
    color: var(--bb-neutral-850, #111111)
}

.acca-side-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 18px
}

.acca-side-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--bb-neutral-300, #E8E8E8)
}

.acca-side-row:last-child {
    border-bottom: 0
}

.acca-side-k {
    flex: none;
    padding-top: 1px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-700, #444444)
}

.acca-side-v {
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.26px;
    color: var(--bb-neutral-850, #111111);
    text-align: right
}

.acca-side-note {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.26px;
    color: var(--bb-neutral-700, #444444)
}

.acca-step-stack {
    gap: 26px
}

.acca-step-block {
    gap: 9px
}

.acca-rowic {
    width: 24px;
    height: 24px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.acca-rowic svg {
    display: block
}

.acca-sport-ava {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 38px;
    flex: none
}

.acca-sport-ava>.acca-sav,.acca-sport-ava>.acca-sav-more {
    width: 22px;
    height: 22px;
    margin: -2px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--bb-neutral-100);
    border-radius: 50%;
    background: var(--bb-neutral-100)
}

.acca-sport-ava>.acca-sav.hidden,.acca-sport-ava>.acca-sav-more.hidden {
    display: none
}

.acca-sport-ava>.acca-sav-more {
    background: var(--bb-neutral-300, var(--bb-neutral-400));
    color: var(--bb-neutral-700);
    font-size: 10px;
    font-weight: 700;
    line-height: 1
}

.acca-sum-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-league-selection-widened-notice] {
    color: var(--bb-secondary-600)
}

.Button,.ButtonBig,.ButtonXL,.ButtonSmall,.ButtonMedium,.ButtonM,.ButtonS,.ButtonL {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4375rem;
    text-decoration: none;
    text-align: center;
    border-radius: .5rem;
    box-shadow: var(--bb-elevated);
    cursor: pointer;
    box-sizing: border-box
}

@media(min-width: 1024px) {
    .Button,.ButtonBig,.ButtonXL,.ButtonSmall,.ButtonMedium,.ButtonM,.ButtonS,.ButtonL {
        padding:.5rem 1rem;
        box-shadow: var(--bb-elevated-desktop)
    }
}

.Button:active,.ButtonBig:active,.ButtonXL:active,.ButtonSmall:active,.ButtonMedium:active,.ButtonM:active,.ButtonS:active,.ButtonL:active {
    box-shadow: var(--bb-inset)
}

@media(min-width: 1024px) {
    .Button:active,.ButtonBig:active,.ButtonXL:active,.ButtonSmall:active,.ButtonMedium:active,.ButtonM:active,.ButtonS:active,.ButtonL:active {
        box-shadow:var(--bb-inset-desktop)
    }
}

.ButtonBig,.ButtonXL {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5rem;
    letter-spacing: -0.02rem
}

@media(min-width: 1024px) {
    .ButtonBig,.ButtonXL {
        font-size:1.5rem;
        line-height: 1em
    }
}

.ButtonXL {
    gap: .5rem;
    padding: .5rem;
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100);
    border: none;
    box-shadow: var(--bb-elevated-desktop);
    text-shadow: none;
    width: 100%
}

@media(min-width: 1024px) {
    .ButtonXL {
        padding:1rem
    }
}

.ButtonXL:hover,a:hover .ButtonXL {
    background: var(--bb-primary-200);
    color: var(--bb-neutral-100)
}

.sr-only,.Legend {
    display: inline;
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    max-width: 1px;
    box-sizing: content-box
}

.sr-only.focusable:active,.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto
}

.font-bold {
    font-weight: 700 !important
}

[data-filter-item][data-collapsed] {
    display: none
}

[data-filter-item][data-search-hidden] {
    display: none
}

.bb-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    border: 1px solid var(--bb-primary-300, #00247D);
    background: rgba(0,0,0,0);
    color: var(--bb-primary-300, #00247D);
    transition: all .15s ease
}

.bb-chip:hover {
    background: var(--bb-primary-50, #e6f4ea)
}

.bb-chip--active {
    background: var(--bb-primary-300, #00247D);
    color: #fff;
    border-color: var(--bb-primary-300, #00247D)
}

.bb-chip--active:hover {
    background: var(--bb-primary-400, #15682d)
}

.bb-chip--active svg use {
    fill: #fff
}

.bb-chip--icon-only {
    padding: 8px
}

.bb-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,0);
    transition: all .15s ease
}

.bb-btn--primary {
    background: var(--bb-primary-300, #00247D);
    color: #fff;
    border-color: var(--bb-primary-300, #00247D)
}

.bb-btn--primary:hover {
    background: var(--bb-primary-400, #15682d)
}

.bb-btn--outline {
    background: rgba(0,0,0,0);
    color: var(--bb-neutral-850, #1a1a1a);
    border-color: var(--bb-neutral-400, #ccc)
}

.bb-btn--outline:hover {
    background: var(--bb-neutral-200, #f0f0f0)
}

.details:not([open])>:not(.summary) {
    display: none
}

.details[open]>.summary .arrow-summary {
    transform: rotate(180deg)
}

details[data-tournament-id][open]>.tournament-summary {
    background: var(--bb-primary-800) !important
}

details[data-tournament-id][open]>.tournament-summary span {
    color: var(--bb-neutral-100) !important
}

details[data-tournament-id][open]>.tournament-summary svg use {
    fill: var(--bb-neutral-100) !important
}

.tips-with-filters-match-panel .details:not(:last-child),.tips-with-filters-match-panel .details[open] .summary,.tips-with-filters-match-panel .tips-datepicker-v2-tips-container>li:not(:last-child) {
    border-bottom: 1px solid var(--bb-neutral-400)
}

#mainHeader {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    z-index: 20;
    color: var(--bb-primary-500);
    overflow: hidden
}

@media(min-width: 1280px) {
    #mainHeader {
        overflow:visible;
        align-items: stretch
    }
}

#mainHeader #mainMenuToggle svg.close-menu {
    display: none
}

@media(max-width: 1024px) {
    #mainHeader .MainMenu * {
        transition:all .1s ease-in-out
    }
}

#mainHeader.Active {
    overflow: visible
}

@media(max-width: 1024px) {
    #mainHeader.Active:after {
        content:"";
        position: fixed;
        top: 57px;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.7);
        z-index: -1
    }
}

#mainHeader.Active .MainMenu {
    visibility: visible;
    display: flex;
    width: 100%;
    opacity: 1
}

@media(max-width: 1024px) {
    #mainHeader.Active .MainMenu {
        height:100dvh;
        width: calc(100% - 84px)
    }
}

#mainHeader.Active .top-nav-menu-wrapper {
    transform: translate3d(0, 0, 0);
    background: var(--bb-neutral-150)
}

@media(max-width: 1024px) {
    #mainHeader.Active .top-nav-menu-wrapper {
        height:calc(100% - 60px);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        overflow-y: auto
    }
}

@media(max-width: 1024px) {
    #mainHeader.Active #mainMenuToggle svg {
        display:none
    }

    #mainHeader.Active #mainMenuToggle svg.close-menu {
        display: block
    }
}

body:has([data-sticky-footer-nav]) .top-nav-menu-wrapper {
    padding-bottom: 76px
}

.top-nav-menu-wrapper {
    transition: transform .3s ease-in-out
}

@media(max-width: 1024px) {
    .top-nav-menu-wrapper {
        transform:translate3d(100%, 0, 0)
    }
}

@media(max-width: 1024px) {
    .MainMenuList:has(.MainMenuItem.Expanded) .MainMenuItem:not(.Expanded) {
        display:none
    }

    .MainMenuList:has(.MainMenuSublink.Expanded) .MainMenuItem.Expanded .MainMenuLink.DropdownTrigger {
        display: none
    }
}

.MainMenuSublist:has(.MainMenuSublink.Expanded) {
    border-top: none
}

.MainMenuSublist:has(.MainMenuSublink.Expanded) .MainMenuSubitem {
    display: none
}

.MainMenuSublist:has(.MainMenuSublink.Expanded) .MainMenuLeaflist {
    display: block
}

.MainMenuSublist .MainMenuSubitem:has(.MainMenuSublink.Expanded) {
    display: block !important
}

.MainMenuList {
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style-type: none
}

@media(min-width: 1024px) {
    .MainMenuList {
        flex-direction:row;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        max-height: unset;
        overflow: visible;
        font-size: .75rem;
        line-height: 1rem;
        height: 100%
    }
}

.MainMenuItem {
    display: block
}

@media(max-width: 1280px) {
    .MainMenuItem.NEW .MainMenuLink .label-new {
        right:initial !important;
        top: 5px;
        left: 15px
    }
}

@media(min-width: 1024px) {
    .MainMenuItem {
        position:relative
    }

    .MainMenuItem:has(.has-level3) {
        position: initial
    }

    .MainMenuItem.NEW .MainMenuLink {
        position: relative
    }

    .MainMenuItem.NEW .MainMenuLink:has(.icon-arrow-down) .label-new {
        right: 20px
    }

    .MainMenuItem.NEW.Expanded .label-new {
        background: var(--bb-neutral-150);
        color: var(--bb-primary-300)
    }
}

.MainMenuItem.Expanded>button:first-child {
    position: sticky;
    top: 0
}

@media(max-width: 1024px) {
    .MainMenuItem.Expanded .MainMenuLink.DropdownTrigger {
        padding:0 1rem 0 0;
        flex-direction: row-reverse
    }

    .MainMenuItem.Expanded .MainMenuLink.DropdownTrigger .icon-back {
        background: var(--bb-primary-500);
        line-height: 0;
        padding: 12px;
        margin: 0
    }

    .MainMenuItem.Expanded .MainMenuLink.DropdownTrigger .icon-back svg {
        transform: scaleX(-1)
    }
}

.MainMenuLink {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .75rem 1rem;
    color: var(--bb-neutral-850);
    text-transform: uppercase;
    text-align: left;
    background: var(--bb-neutral-150);
    border-radius: 0;
    border-bottom: 1px solid var(--bb-neutral-400);
    box-shadow: none;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    gap: .625rem
}

@media(min-width: 1024px) {
    .MainMenuLink {
        font-size:13px;
        line-height: 1em
    }
}

@media(min-width: 1024px) {
    .MainMenuLink {
        justify-content:center;
        gap: .3125rem;
        height: 100%;
        color: var(--bb-neutral-850);
        font-size: 13px;
        font-weight: 600;
        border: none;
        padding: .75rem;
        background: rgba(0,0,0,0)
    }
}

.MainMenuLink.DropdownTrigger {
    width: 100%
}

.MainMenuLink.DropdownTrigger .icon-back {
    padding: 12px;
    margin: -12px
}

.Expanded>.MainMenuLink {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100) !important
}

.Expanded>.MainMenuLink svg use {
    fill: var(--bb-neutral-100)
}

.Expanded>.MainMenuLink img {
    filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(346deg) brightness(1000%) contrast(100%)
}

@media(min-width: 1280px) {
    .Expanded>.MainMenuLink {
        background:var(--bb-primary-300);
        color: var(--bb-neutral-100) !important
    }
}

.MainMenuLink .ButtonText {
    display: block;
    line-height: 1.5rem
}

@media(min-width: 1280px) {
    .MainMenuLink .ButtonText {
        font-size:13px;
        font-weight: 700
    }
}

.SubList {
    display: none
}

.MainMenuList .SubList {
    background: var(--bb-primary-500)
}

@media(min-width: 1024px) {
    .MainMenuList .SubList {
        position:absolute;
        width: 12.5rem
    }

    .MainMenuList .SubList:has(.has-level3) {
        width: 100%
    }
}

.SublistContainer {
    flex-direction: column;
    box-shadow: var(--bb-elevated)
}

@media(min-width: 1024px) {
    .SublistContainer {
        border-radius:0
    }
}

.Expanded .SubList {
    display: flex
}

@media(min-width: 1024px) {
    .Expanded .SubList {
        left:0;
        right: auto;
        overflow-y: auto;
        max-height: calc(100dvh - 80px);
        border-radius: 0 0 4px 4px
    }

    .Expanded .SubList .MainMenuSublist {
        border-bottom: 1px solid var(--bb-neutral-400);
        border-left: 1px solid var(--bb-neutral-400);
        border-right: 1px solid var(--bb-neutral-400)
    }
}

@media(min-width: 1280px) {
    .Expanded .SubList {
        border-top:2px solid var(--bb-primary-300)
    }
}

@media(min-width: 500px) {
    .Expanded .MainMenuSublist {
        display:grid
    }
}

@media(min-width: 1024px) {
    .Expanded .MainMenuSublist:has(.has-level3) {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .Expanded .MainMenuSublist:has(.has-level3) .MainMenuSubitem {
        flex-grow: 1;
        flex-basis: 180px
    }

    .Expanded .MainMenuSublist:has(.has-level3) .MainMenuSubitem:nth-child(n+8) {
        border-top: 1px solid var(--bb-neutral-400)
    }
}

@media(min-width: 1024px)and (min-width: 500px) {
    .Expanded .MainMenuSublist:has(.has-level3) .MainMenuSubitem:not(:nth-child(8n)):not(:last-child) {
        border-right:1px solid var(--bb-neutral-200)
    }
}

.MainMenuSublist {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: var(--bb-neutral-200);
    border-top: 1px solid var(--bb-neutral-100)
}

@media(min-width: 1024px) {
    .MainMenuSublist {
        background:var(--bb-neutral-100)
    }
}

.MainMenuSubitem {
    display: block
}

@media(min-width: 1024px) {
    .MainMenuSubitem:not(:has(.has-level3)):last-child .MainMenuSublink {
        border-bottom:none
    }
}

.MainMenuSublink {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .625rem;
    padding: .625rem 1rem;
    color: var(--bb-neutral-850) !important;
    background: var(--bb-neutral-150);
    border-bottom: 1px solid var(--bb-neutral-400);
    text-align: left;
    line-height: 1rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .75rem
}

.MainMenuSublink:hover {
    color: var(--bb-neutral-850)
}

@media(min-width: 1300px) {
    .MainMenuSublink {
        padding:1rem;
        background: var(--bb-neutral-100)
    }
}

@media(min-width: 1024px) {
    .MainMenuSublink {
        gap:.5rem
    }

    .MainMenuSublink:hover {
        color: var(--bb-primary-300) !important
    }

    .MainMenuSublink:hover svg use {
        fill: var(--bb-primary-300)
    }
}

.MainMenuSublink .icon-back.DropdownTrigger {
    padding: 12px;
    margin: -12px
}

.MainMenuSublink .icon-back.DropdownTrigger:active {
    background: var(--bb-neutral-400)
}

@media(max-width: 1024px) {
    .MainMenuSublink.Expanded {
        padding:0 1rem 0 0;
        flex-direction: row-reverse;
        background: var(--bb-primary-300);
        color: var(--bb-neutral-100) !important
    }

    .MainMenuSublink.Expanded svg use {
        fill: var(--bb-neutral-100)
    }

    .MainMenuSublink.Expanded img {
        filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(346deg) brightness(1000%) contrast(100%)
    }

    .MainMenuSublink.Expanded .icon-back {
        background: var(--bb-primary-500);
        margin: 0;
        line-height: 0;
        padding: 12px
    }

    .MainMenuSublink.Expanded .icon-back svg {
        transform: scaleX(-1)
    }
}

.AllSportsItem .MainMenuSublink {
    font-weight: bold
}

@media(min-width: 500px) {
    .AllSportsItem .MainMenuSublink {
        font-size:14px;
        line-height: 1rem
    }
}

.MainMenuLeaflist {
    display: block;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media(max-width: 1024px) {
    .MainMenuLeaflist {
        display:none
    }
}

.MainMenuLeafitem {
    display: block
}

.MainMenuLeaflink {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1rem;
    color: var(--bb-neutral-850);
    background: var(--bb-neutral-150);
    border-bottom: 1px solid var(--bb-neutral-400);
    text-align: left;
    line-height: 1rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .75rem
}

@media(min-width: 1024px) {
    .MainMenuLeaflink {
        padding:1rem;
        background: var(--bb-neutral-100);
        border-bottom: none;
        font-weight: 400
    }
}

button.MainMenuLeaflink {
    width: 100%
}

.MainMenu {
    flex-direction: column;
    flex-grow: 1;
    position: absolute;
    top: 57px;
    right: 0;
    width: 100%;
    background: var(--bb-neutral-100);
    color: var(--bb-primary-500);
    border-radius: 0 0 1rem 1rem;
    box-shadow: var(--bb-elevated);
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transition: opacity .3s ease-in-out
}

@media(min-width: 1024px) {
    .MainMenu {
        overflow:visible;
        visibility: visible;
        opacity: 1;
        display: flex;
        top: 60px;
        width: 100dvw;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 1280px) {
    .MainMenu {
        flex-direction:row-reverse;
        position: initial;
        background: rgba(0,0,0,0);
        border: none;
        border-radius: 0;
        transform: none;
        box-shadow: none;
        align-items: center
    }
}

@media(min-width: 1280px) {
    .menu-border-left {
        border-left:1px solid var(--bb-neutral-400);
        padding-left: 24px
    }

    .menu-border-right {
        border-right: 1px solid var(--bb-neutral-400);
        padding-right: 24px
    }
}

@media(max-width: 1024px) {
    .body-top-menu-2 .MainMenuList {
        flex-direction:row !important;
        overflow-x: auto
    }

    .body-top-menu-2 a.MainMenuLink {
        font-size: 13px !important;
        padding: 12px !important;
        border: 0
    }

    .body-top-menu-2 a.MainMenuLink .ButtonText {
        line-height: 1 !important;
        white-space: nowrap
    }

    .body-top-menu-2 button.MainMenuLink {
        font-size: 13px !important;
        padding: 10px !important;
        border: 0
    }

    .body-top-menu-2 button.MainMenuLink .ButtonText {
        line-height: 1 !important;
        white-space: nowrap
    }

    .body-top-menu-2 .MainMenuItem {
        display: block !important
    }

    .body-top-menu-2 .MainMenuItem:last-child .SublistContainer {
        right: 0
    }

    .body-top-menu-2 .MainMenuItem.Expanded .SublistContainer {
        position: absolute
    }

    .body-top-menu-2 .MainMenuLeaflist {
        display: block
    }

    .body-top-menu-2 .MainMenuSublist {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        background: var(--bb-neutral-100)
    }

    .body-top-menu-2 .MainMenuLeaflink {
        background: var(--bb-neutral-100)
    }

    .body-top-menu-2 .MainMenuSubitem {
        flex-grow: 1;
        flex-basis: 180px
    }
}

.odds-container {
    display: flex;
    gap: .625rem;
    margin-left: .5rem
}

@media(min-width: 1024px) {
    .odds-container {
        margin-left:1rem
    }
}

.odds-container li {
    flex-grow: 1;
    overflow: hidden;
    border-radius: .25rem
}

.odds-container button {
    padding: 0;
    width: 100%;
    border: 1px solid var(--bb-neutral-400);
    border-radius: .25rem;
    overflow: hidden
}

.odds-container .odds-value {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: .75rem;
    line-height: 1rem;
    padding: 2px;
    color: var(--bb-neutral-850);
    background: var(--bb-neutral-200)
}

.odds-container .odds-value:hover {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

@media(min-width: 1024px) {
    .odds-container .odds-value {
        font-size:.875rem;
        line-height: 1rem
    }
}

.odds-container img {
    object-fit: fill;
    width: 100%
}

.filter-option-row {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    line-height: 1rem;
    letter-spacing: -0.02em;
    font-weight: 400;
    cursor: pointer
}

.filter-option-row:hover {
    color: var(--bb-primary-300);
    font-weight: 700
}

.filter-option-row:has(input:checked) {
    font-weight: 700
}

.niw-participant [data-internal-widgets-item].ActiveItem>a {
    background-color: var(--bb-primary-300)
}

.niw-participant li:not(.ActiveItem) a:hover {
    color: var(--bb-primary-300) !important
}

.niw-participant.fixed-niw {
    border-top: 1px solid var(--bb-neutral-150)
}

.predictor-tournaments-list {
    display: grid;
    gap: 20px
}

.predictor-tournaments-list__cards {
    display: grid;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.predictor-card {
    display: flex;
    flex-direction: column;
    background-color: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    overflow: hidden;
    min-width: 0;
    max-width: 100%
}

.predictor-card__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 20px 12px;
    background-color: var(--bb-primary-800);
    color: var(--bb-neutral-100)
}

.predictor-card__header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0
}

.predictor-card__header-main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1 0 0
}

.predictor-card__name {
    margin: 0;
    color: var(--bb-neutral-100);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    overflow-wrap: anywhere;
    word-break: break-word
}

.predictor-card__meta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.predictor-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 18px;
    padding: 2px 4px;
    border-radius: 4px;
    color: var(--bb-neutral-100);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    white-space: nowrap
}

.predictor-card__badge svg {
    display: block;
    flex-shrink: 0
}

.predictor-card__geo-badge {
    flex-shrink: 0
}

.predictor-card__period {
    color: var(--bb-secondary-500, #fbbf16);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    white-space: nowrap
}

.predictor-card__sponsor {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.predictor-card__sponsor-label {
    color: var(--bb-neutral-100);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    white-space: nowrap
}

.predictor-card__sponsor-link {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer
}

.predictor-card__sponsor-link img {
    display: block;
    height: 52px;
    width: auto;
    max-width: 120px;
    padding: 4px 8px;
    object-fit: contain;
    background-color: var(--bb-neutral-100);
    border-radius: 4px
}

.predictor-card__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 12px
}

.predictor-card__bottom-row {
    display: flex;
    align-items: stretch;
    gap: 20px
}

.predictor-card__premii {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 44px;
    padding: 8px 12px;
    background-color: var(--bb-primary-100, #E8EEF8);
    border: 1px dashed var(--bb-primary-500, #00247D);
    border-radius: 4px;
    flex-shrink: 0
}

.predictor-card__premii-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--bb-neutral-850);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    white-space: nowrap
}

.predictor-card__premii-title svg {
    display: block;
    flex-shrink: 0
}

.predictor-card__premii-icon {
    display: block
}

.predictor-card__premii-value {
    margin: 0;
    color: var(--bb-primary-500, #00247D);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    white-space: nowrap
}

.predictor-card__stats {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0
}

.predictor-card__stat {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 44px;
    padding: 4px 8px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    text-align: center
}

.predictor-card__stat-value {
    color: var(--bb-primary-500, #00247D);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.predictor-card__stat-label {
    color: var(--bb-neutral-850);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.predictor-card__cta-wrap {
    display: flex;
    align-items: stretch;
    flex-shrink: 0
}

.predictor-card__cta-wrap>* {
    display: flex;
    align-items: center
}

.predictor-card__description {
    margin: 0;
    color: var(--bb-neutral-850);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em
}

.predictor-card--ended {
    background-color: var(--bb-neutral-150)
}

.predictor-card--ended .predictor-card__header::before {
    display: none
}

.predictor-card--ended .predictor-card__premii {
    background-color: rgba(0,0,0,0)
}

@media(max-width: 1023px) {
    .predictor-tournaments-list {
        padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))
    }

    .predictor-card__header {
        flex-direction: column;
        align-items: stretch;
        gap: 16px
    }

    .predictor-card__name {
        font-size: 20px
    }

    .predictor-card__sponsor {
        justify-content: flex-start;
        align-self: stretch
    }

    .predictor-card__sponsor-link img {
        height: 38px
    }

    .predictor-card__bottom-row {
        flex-direction: column;
        align-items: stretch;
        gap: 16px
    }

    .predictor-card__stats {
        flex-wrap: wrap;
        gap: 12px
    }

    .predictor-card__stat {
        flex: 1 1 calc(33.333% - 8px);
        min-width: 80px
    }

    .predictor-card__cta-wrap {
        display: block
    }

    .predictor-card__cta-wrap>* {
        width: 100%;
        display: flex
    }
}

.predictor-card--upcoming .predictor-card__cta-wrap>* {
    opacity: .6;
    cursor: not-allowed
}

.predictor-tournament-widget--hidden {
    display: none !important
}

.predictor-tournament .is-hidden,[data-progress-group] .is-hidden,.predictor-tournament-pool-card .is-hidden {
    display: none !important
}

.predictor-tournament-tabs {
    display: block;
    position: relative;
    overflow: visible
}

@media(max-width: 1023px) {
    .predictor-tournament-tabs::after {
        content:"";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 32px;
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        background: linear-gradient(to right, rgba(18, 49, 30, 0) 0%, var(--bb-primary-800, #001240) 100%)
    }

    .predictor-tournament-tabs::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 32px;
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        background: linear-gradient(to left, rgba(18, 49, 30, 0) 0%, var(--bb-primary-800, #001240) 100%)
    }

    .predictor-tournament-tabs[data-can-scroll-right="1"]::after {
        opacity: 1
    }

    .predictor-tournament-tabs[data-can-scroll-left="1"]::before {
        opacity: 1
    }
}

@media(max-width: 1023px)and (prefers-reduced-motion: no-preference) {
    .predictor-tournament-tabs::after,.predictor-tournament-tabs::before {
        transition:opacity .2s ease
    }
}

.predictor-tournament-widget--refreshing {
    position: relative;
    opacity: .6;
    pointer-events: none;
    transition: opacity .15s ease
}

.predictor-tournament-widget--refreshing::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(100deg, rgba(16, 137, 56, 0) 30%, rgba(16, 137, 56, 0.18) 50%, rgba(16, 137, 56, 0) 70%);
    background-size: 200% 100%;
    background-position: 150% 0
}

@media(prefers-reduced-motion: no-preference) {
    .predictor-tournament-widget--refreshing {
        animation: predictor-tournament-refresh-pulse 1.4s ease-in-out infinite
    }

    .predictor-tournament-widget--refreshing::after {
        animation: predictor-tournament-refresh-shimmer 1.4s linear infinite
    }

    @keyframes predictor-tournament-refresh-pulse {
        0%,100% {
            opacity: .6
        }

        50% {
            opacity: .85
        }
    }

    @keyframes predictor-tournament-refresh-shimmer {
        from {
            background-position: 150% 0
        }

        to {
            background-position: -50% 0
        }
    }
}

.predictor-tournament-pools-list {
    display: block
}

.predictor-tournament-pools-list__banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-left: 4px solid #f64a00;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 16px;
    color: var(--bb-neutral-850, #111111);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.32px
}

.predictor-tournament-pools-list__cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0
}

.predictor-tournament-pools-list--history {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0
}

.predictor-tournament-pool-card {
    position: relative;
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    background-color: var(--bb-neutral-100, #fefefe);
    overflow: hidden;
    transition: border-color .15s ease
}

.predictor-tournament-pool-card__header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    cursor: default
}

.predictor-tournament-pool-card__title-row {
    display: flex;
    align-items: center;
    gap: 8px
}

.predictor-tournament-pool-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--bb-neutral-850, #111111);
    flex-shrink: 0
}

.predictor-tournament-pool-card__name {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.32px;
    flex: 1;
    min-width: 0
}

.predictor-tournament-pool-card__toggle {
    margin-left: auto;
    background: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--bb-neutral-850, #111111);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit
}

.predictor-tournament-pool-card__toggle:hover,.predictor-tournament-pool-card__toggle:focus-visible {
    background-color: var(--bb-neutral-200, #f4f4f4);
    outline: none
}

.predictor-tournament-pool-card__chevron {
    transition: transform .2s ease;
    color: currentColor
}

.predictor-tournament-pool-card--expanded .predictor-tournament-pool-card__chevron {
    transform: rotate(180deg)
}

.predictor-tournament-pool-card__meta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-pool-card__sep {
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    font-size: 14px;
    line-height: 1.1;
    user-select: none
}

.predictor-tournament-pool-card__progress-group {
    display: inline-flex;
    align-items: center;
    gap: 12px
}

.predictor-tournament-pool-card__progress-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 18px;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.24px;
    white-space: nowrap
}

.predictor-tournament-pool-card__progress-icon {
    flex-shrink: 0
}

.predictor-tournament-pool-card__progress-badge--complete {
    background-color: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-pool-card__progress-badge--complete .predictor-tournament-pool-card__progress-icon {
    fill: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-pool-card__progress-badge--partial {
    background-color: var(--bb-secondary-500, #fbbf16);
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-pool-card__progress-badge--partial .predictor-tournament-pool-card__progress-icon {
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-pool-card__pick-count {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: var(--bb-neutral-850, #111111);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.28px
}

.predictor-tournament-pool-card__footer-count {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.predictor-tournament-pool-card__pick-count-label {
    font-weight: 600
}

.predictor-tournament-pool-card__pick-count-empty {
    font-weight: 600
}

.predictor-tournament-pool-card__max-points {
    font-weight: 600;
    color: var(--bb-primary-500, #00247D);
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.28px
}

.predictor-tournament-pool-card__bonus-points {
    color: var(--bb-primary-500, #00247D);
    font-weight: 600;
    margin-left: 4px
}

.predictor-tournament-pool-card__lock-countdown {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.28px;
    font-variant-numeric: tabular-nums
}

.predictor-tournament-pool-card__lock-icon {
    flex-shrink: 0;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-pool-card__questions {
    display: none;
    grid-template-columns: minmax(0, 1fr);
    list-style: none;
    margin: 0;
    padding: 0 12px 12px;
    gap: 12px;
    background-color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-pool-card--expanded .predictor-tournament-pool-card__questions {
    display: grid
}

.predictor-tournament-question {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    background-color: var(--bb-neutral-200, #f4f4f4);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px
}

.predictor-tournament-question--SETTLED {
    background-color: #fafafa
}

.predictor-tournament-question--result-won {
    box-shadow: inset 4px 0 0 0 var(--bb-primary-500, #00247D)
}

.predictor-tournament-question--result-lost {
    box-shadow: inset 4px 0 0 0 var(--bb-error-800, #9e211b)
}

.predictor-tournament-question--LOCKED {
    filter: grayscale(1)
}

.predictor-tournament-question__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%
}

.predictor-tournament-question__header-left {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.predictor-tournament-question__header-right {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.predictor-tournament-question__sport-icon {
    flex-shrink: 0;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-question__number {
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-question__header-sep {
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    font-size: 14px;
    line-height: 1.1
}

.predictor-tournament-question__bonus-tag {
    font-weight: 700;
    color: var(--bb-global-warning-600, #f64a00);
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-question__info-icon {
    background-color: var(--bb-primary-300, #1A52B8);
    border: none;
    cursor: pointer;
    padding: 0;
    width: 16px;
    height: 16px;
    color: var(--bb-neutral-100, #fefefe);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background-color .15s ease,transform .05s ease
}

.predictor-tournament-question__info-icon svg {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.predictor-tournament-question__info-icon:hover,.predictor-tournament-question__info-icon:focus-visible {
    background-color: var(--bb-primary-500, #00247D);
    outline: none
}

.predictor-tournament-question__info-icon:active {
    transform: scale(0.96)
}

.predictor-tournament-question__lock-time {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px;
    font-variant-numeric: tabular-nums
}

.predictor-tournament-question__lock-state {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px
}

.predictor-tournament-question__lock-icon {
    flex-shrink: 0;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-question__lock-icon--clock {
    color: var(--bb-neutral-850, #111111)
}

.is-lock-soon .predictor-tournament-question__lock-icon--clock {
    color: var(--bb-secondary-500, #fbbf16)
}

.is-lock-imminent .predictor-tournament-question__lock-icon--clock {
    color: var(--bb-error-500, #fe0101)
}

.predictor-tournament-question__text {
    flex: 1;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-question__teams {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.4px;
    text-decoration: none;
    border: 0;
    background: rgba(0,0,0,0);
    padding: 0;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none
}

.predictor-tournament-question__teams:is(a,button) {
    cursor: pointer
}

.predictor-tournament-question__team {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: capitalize;
    min-width: 0
}

.predictor-tournament-question__team-logo {
    display: inline-block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0
}

.predictor-tournament-question__team-name {
    color: var(--bb-neutral-850, #111111);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.predictor-tournament-question__vs {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-question__points-pill {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 2px 4px;
    background-color: var(--bb-neutral-400, #dddddd);
    color: var(--bb-neutral-850, #111111);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.28px;
    text-transform: none;
    white-space: nowrap
}

.predictor-tournament-question__points-pill--earned {
    background-color: var(--bb-primary-100, #E8EEF8);
    color: var(--bb-primary-800, #001240)
}

.predictor-tournament-question__points-pill--zero {
    background-color: var(--bb-error-100, #ffd4d4);
    color: var(--bb-error-800, #9e211b)
}

.predictor-tournament-question__divider {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--bb-neutral-400, #dddddd);
    width: 100%;
    height: 0
}

.predictor-tournament-question__market {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.28px;
    text-transform: none
}

.predictor-tournament-question__settlement-note {
    font-size: 12px;
    color: var(--bb-neutral-700, #6b6b6b);
    font-style: italic;
    margin: 0
}

.predictor-tournament-question__options {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch
}

.predictor-tournament-question__option {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.28px;
    font-family: inherit;
    cursor: pointer;
    transition: background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;
    appearance: none;
    -webkit-appearance: none;
    min-height: 42px
}

.predictor-tournament-question__option:hover:not([disabled]):not(.is-picked):not(.is-correct):not(.is-user-wrong) {
    border-color: var(--bb-primary-500, #00247D);
    background-color: #f3faf5;
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-question__option:focus-visible {
    outline: 2px solid rgba(27,109,44,.45);
    outline-offset: 2px
}

.predictor-tournament-question__option:active:not([disabled]) {
    transform: translateY(1px)
}

.predictor-tournament-question__option[disabled],.predictor-tournament-question__option[aria-disabled=true] {
    cursor: not-allowed;
    opacity: .85
}

.predictor-tournament-question__option.is-picked {
    background-color: var(--bb-primary-500, #00247D);
    border-color: var(--bb-primary-500, #00247D);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-question__option.is-picked[disabled] {
    opacity: .85
}

.predictor-tournament-question__option.is-correct {
    border-color: var(--bb-primary-500, #00247D);
    background-color: #e7f7eb;
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-question__option.is-correct.is-picked {
    background-color: var(--bb-primary-500, #00247D);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-question__option.is-user-wrong {
    background-color: var(--bb-error-800, #9e211b);
    border-color: rgba(0,0,0,0);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-question__option.is-picked.is-correct::before,.predictor-tournament-question__option.is-picked.is-user-wrong::before,.predictor-tournament-question__option.is-correct:not(.is-picked)::before {
    content: attr(data-badge);
    position: absolute;
    top: -6px;
    left: -1px;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    color: var(--bb-neutral-100, #fefefe);
    white-space: nowrap;
    pointer-events: none;
    z-index: 1
}

.predictor-tournament-question__option.is-picked.is-correct::before,.predictor-tournament-question__option.is-correct:not(.is-picked)::before {
    background-color: var(--bb-primary-300, #1A52B8)
}

.predictor-tournament-question__option.is-picked.is-user-wrong::before {
    background-color: var(--bb-error-600, #de0c0a)
}

.predictor-tournament-question__option.is-saving {
    opacity: .6;
    cursor: progress;
    pointer-events: none
}

.predictor-tournament-question__option.is-just-saved {
    position: relative
}

@media(prefers-reduced-motion: no-preference) {
    .predictor-tournament-question__option.is-just-saved {
        animation: predictor-pick-saved-pop .45s ease;
        overflow: visible
    }

    .predictor-tournament-question__option.is-just-saved::after {
        content: "";
        position: absolute;
        top: -8px;
        right: -8px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: var(--bb-global-success-500, #00247D);
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
        background-size: 11px 11px;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 0 0 2px var(--bb-neutral-100, #fefefe);
        transform: scale(0.4);
        opacity: 0;
        animation: predictor-pick-saved-check-corner .9s ease forwards;
        pointer-events: none
    }
}

.predictor-tournament-question__option-label {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    min-width: 0;
    white-space: normal;
    font-size: 14px
}

.predictor-tournament-question__option-logo {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    object-fit: contain
}

.predictor-tournament-question__option-icon {
    flex-shrink: 0
}

.predictor-tournament-question__option-icon--correct {
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-question__option-icon--wrong {
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-question__option.is-correct:not(.is-picked) .predictor-tournament-question__option-icon--correct {
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-question__option.is-correct:not(.is-picked) .predictor-tournament-question__option-label {
    color: var(--bb-neutral-850, #111111)
}

@media(prefers-reduced-motion: no-preference) {
    @keyframes predictor-pick-saved-pop {
        0% {
            transform: scale(1)
        }

        40% {
            transform: scale(1.05)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes predictor-pick-saved-check-corner {
        0% {
            opacity: 0;
            transform: scale(0.4)
        }

        20% {
            opacity: 1;
            transform: scale(1.15)
        }

        35% {
            transform: scale(1)
        }

        70% {
            opacity: 1;
            transform: scale(1)
        }

        100% {
            opacity: 0;
            transform: scale(0.9)
        }
    }
}

.predictor-tournament-history-pools {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px
}

.predictor-tournament-history-pool {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0
}

.predictor-tournament-history-pool__header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.predictor-tournament-history-pool__name {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    letter-spacing: -0.32px;
    line-height: 1.1;
    flex-basis: 100%
}

.predictor-tournament-history-pool__picked-count {
    font-size: 14px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 600;
    letter-spacing: -0.28px
}

.predictor-tournament-history-pool__earned-pill {
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px
}

.predictor-tournament-history-pool__earned-pill--positive {
    background-color: #d6f0e0;
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-history-pool__earned-pill--zero {
    background-color: var(--bb-neutral-400, #dddddd);
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-history-pool__table-wrap {
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    overflow-x: auto;
    background-color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-history-pool__table {
    width: 100%;
    border-collapse: collapse
}

.predictor-tournament-history-pool__table th,.predictor-tournament-history-pool__table td {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid var(--bb-neutral-200, #f4f4f4);
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.3
}

.predictor-tournament-history-pool__table th {
    font-size: 12px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em
}

.predictor-tournament-history-pool__table tbody tr:last-child td {
    border-bottom: none
}

.predictor-tournament-history-pool__table tbody tr:hover td {
    background-color: #fafafa
}

.icon-restricted--inverted {
    --icon-restricted-bg: #fff;
    --icon-restricted-x: #da1e28
}

.predictor-tournament-history-row__number {
    width: 36px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-history-row__question {
    font-weight: 600;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-history-row__your-pick {
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-history-row__correct {
    color: var(--bb-neutral-850, #111111);
    font-weight: 600
}

.predictor-tournament-history-row__result-icon {
    width: 40px
}

.predictor-tournament-history-row--CORRECT .predictor-tournament-history-row__result-icon {
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-history-row--WRONG .predictor-tournament-history-row__result-icon {
    color: var(--bb-error-500, #fe0101)
}

.predictor-tournament-history-row--PENDING .predictor-tournament-history-row__result-icon {
    color: var(--bb-global-warning-600, #f64a00)
}

.predictor-tournament-history-row__points {
    width: 80px
}

.predictor-tournament-history-row__points-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    background-color: var(--bb-neutral-400, #dddddd);
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-history-row--CORRECT .predictor-tournament-history-row__points-pill {
    background-color: #d6f0e0;
    color: var(--bb-primary-500, #00247D)
}

.predictor-tournament-history-row--WRONG .predictor-tournament-history-row__points-pill {
    background-color: var(--bb-error-100, #ffd4d4);
    color: var(--bb-error-500, #fe0101)
}

@media(max-width: 1023px) {
    .predictor-tournament-pool-card__header {
        padding:12px;
        gap: 8px;
        cursor: pointer
    }

    .predictor-tournament-pool-card__name {
        font-size: 16px;
        letter-spacing: -0.32px
    }

    .predictor-tournament-pool-card__meta-row {
        gap: 6px 12px;
        font-size: 14px;
        letter-spacing: -0.28px
    }

    .predictor-tournament-pool-card__pick-count,.predictor-tournament-pool-card__max-points,.predictor-tournament-pool-card__lock-countdown {
        font-size: 14px;
        letter-spacing: -0.28px
    }

    .predictor-tournament-pool-card__sep {
        font-size: 14px
    }

    .predictor-tournament-pool-card__progress-group+.predictor-tournament-pool-card__sep {
        flex: 0 0 100%;
        height: 0;
        margin: 0;
        overflow: hidden;
        visibility: hidden
    }

    .predictor-tournament-question {
        padding: 12px;
        gap: 10px
    }

    .predictor-tournament-question__info-icon {
        box-sizing: content-box;
        padding: 14px;
        margin: -14px
    }

    .predictor-tournament-question__header {
        flex-wrap: wrap
    }

    .predictor-tournament-question__header-left {
        min-width: 0;
        flex-wrap: wrap
    }

    .predictor-tournament-question__header-right {
        flex-shrink: 0
    }

    .predictor-tournament-question__market {
        font-size: 13px
    }

    .predictor-tournament-question__text {
        font-size: 16px
    }

    .predictor-tournament-question__teams {
        font-size: 16px;
        gap: 10px
    }

    .predictor-tournament-question__team-logo {
        width: 16px;
        height: 16px
    }

    .predictor-tournament-question__vs {
        font-size: 13px
    }

    .predictor-tournament-question__options {
        gap: 8px
    }

    .predictor-tournament-question__option {
        min-height: 42px;
        min-width: 88px;
        gap: 4px
    }

    .predictor-tournament-question__option-label {
        font-size: 12px
    }

    .predictor-tournament-question__option-icon {
        display: none
    }

    .predictor-tournament-history-pool__header {
        gap: 8px
    }

    .predictor-tournament-history-pool__name {
        font-size: 14px
    }

    .predictor-tournament-history-pool__table {
        min-width: 520px
    }

    .predictor-tournament-history-pool__table th,.predictor-tournament-history-pool__table td {
        padding: 8px 10px;
        font-size: 12px
    }

    .predictor-tournament-history-pool__table th:first-child,.predictor-tournament-history-pool__table td:first-child {
        display: none
    }

    .predictor-tournament-history-row__result-icon {
        width: 28px
    }

    .predictor-tournament-history-row__points {
        width: 60px
    }
}

.general--notification.predictor-pool-completed-toast {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border-radius: 4px;
    background: var(--bb-primary-800, #001240);
    font-weight: 400
}

.predictor-pool-completed-toast__title-row {
    display: flex;
    align-items: center;
    gap: 8px
}

.predictor-pool-completed-toast__icon {
    flex-shrink: 0;
    fill: var(--bb-primary-200, #3D73C7)
}

.predictor-pool-completed-toast__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--bb-primary-200, #3D73C7)
}

.predictor-pool-completed-toast__text {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-100, #fefefe)
}

@media(max-width: 1023px) {
    .general--notification.predictor-pool-completed-toast {
        left:12px;
        right: 12px;
        top: 12px;
        width: auto;
        max-width: none
    }
}

.predictor-tournament-full-stats__card {
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd)
}

.predictor-tournament-full-stats__card--full {
    background-color: #E8EEF8;
    border-color: #00247D
}

.predictor-tournament-full-stats__card--partial {
    background-color: #fff4e9;
    border-color: #fbbf16
}

.predictor-tournament-full-stats__card--unanswered {
    background-color: #ffd4d4;
    border-color: #fe0101
}

.predictor-tournament-full-stats__value {
    font-variant-numeric: tabular-nums
}

.predictor-tournament-full-stats__value .predictor-stat-value__of {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.28px
}

.predictor-stat-value__of {
    color: var(--bb-neutral-700, #6b6b6b);
    font-weight: 400
}

.predictor-tournament-leaderboard {
    display: block;
    margin-bottom: 24px
}

.predictor-tournament-leaderboard>.title-wrapper {
    margin-bottom: 12px
}

.predictor-tournament-leaderboard__table-card {
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    overflow: hidden
}

.predictor-tournament-leaderboard__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.predictor-tournament-leaderboard__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.predictor-tournament-leaderboard__table th,.predictor-tournament-leaderboard__table td {
    padding: 8px 16px;
    text-align: left;
    border-bottom: 1px solid var(--bb-neutral-400, #dddddd);
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.28px
}

.predictor-tournament-leaderboard__table th {
    font-size: 12px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 700;
    letter-spacing: -0.24px;
    background-color: var(--bb-neutral-200, #f4f4f4);
    padding: 12px 16px
}

.predictor-tournament-leaderboard__table tbody tr:last-child td {
    border-bottom: none
}

.predictor-tournament-leaderboard__col-rank {
    width: 64px
}

.predictor-tournament-leaderboard__col-user {
    width: auto
}

.predictor-tournament-leaderboard__col-country {
    width: 92px
}

.predictor-tournament-leaderboard__col-points {
    width: 80px
}

.predictor-tournament-leaderboard__col-stat {
    width: 78px
}

.predictor-tournament-leaderboard__col-prize {
    width: 120px
}

.predictor-tournament-leaderboard__table .predictor-tournament-leaderboard__col-stat,.predictor-tournament-leaderboard__table .predictor-tournament-leaderboard__stat {
    text-align: center;
    padding-left: 6px;
    padding-right: 6px
}

.predictor-tournament-leaderboard__table .predictor-tournament-leaderboard__col-stat {
    font-size: 12px;
    white-space: normal
}

.predictor-tournament-leaderboard__table .predictor-tournament-leaderboard__stat {
    font-weight: 600;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.28px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-leaderboard__row--current {
    background-color: var(--bb-primary-100, #E8EEF8)
}

.predictor-tournament-leaderboard__row--current .predictor-tournament-leaderboard__rank-number {
    background-color: var(--bb-primary-800, #001240);
    border-color: var(--bb-primary-800, #001240);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-leaderboard__rank {
    font-weight: 700
}

.predictor-tournament-leaderboard__rank-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    color: var(--bb-neutral-850, #111111);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    font-variant-numeric: tabular-nums
}

.predictor-tournament-leaderboard__crown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-leaderboard__crown svg {
    display: block;
    width: 20px;
    height: 20px
}

.predictor-tournament-leaderboard__crown--gold {
    background-color: var(--bb-secondary-500, #fbbf16)
}

.predictor-tournament-leaderboard__crown--silver {
    background-color: #b8c0ca
}

.predictor-tournament-leaderboard__crown--bronze {
    background-color: #d8946a
}

.predictor-tournament-leaderboard__user {
    white-space: nowrap;
    min-width: 0;
    max-width: 0;
    overflow: hidden
}

.predictor-tournament-leaderboard__avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--bb-neutral-200, #f4f4f4);
    vertical-align: middle;
    margin-right: 12px
}

.predictor-tournament-leaderboard__username,.predictor-tournament-leaderboard__username-link {
    display: inline-block;
    max-width: calc(100% - 52px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bb-neutral-850, #111111);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.28px;
    vertical-align: middle
}

.predictor-tournament-leaderboard__username-link:hover,.predictor-tournament-leaderboard__username-link:focus-visible {
    color: var(--bb-primary-500, #00247D);
    text-decoration: underline;
    outline: none
}

.predictor-tournament-leaderboard__country {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: var(--bb-neutral-850, #111111);
    letter-spacing: -0.28px
}

.predictor-tournament-leaderboard__flag {
    display: inline-block;
    width: 14px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 8px
}

.predictor-tournament-leaderboard__country-code {
    vertical-align: middle
}

.predictor-tournament-leaderboard__points {
    font-weight: 700;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.28px
}

.predictor-tournament-leaderboard__prize-text {
    font-weight: 700;
    color: var(--bb-primary-500, #00247D);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.26px
}

.predictor-tournament-leaderboard__prize-empty {
    color: var(--bb-neutral-850, #111111);
    font-weight: 600;
    opacity: .5
}

.predictor-tournament-leaderboard__refresh-note {
    margin: 0;
    padding: 10px 16px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--bb-neutral-850, #111111);
    opacity: .6;
    border-top: 1px solid var(--bb-neutral-400, #dddddd);
    letter-spacing: -0.24px
}

.predictor-tournament-leaderboard__separator {
    background-color: var(--bb-neutral-200, #f4f4f4);
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    letter-spacing: -0.24px;
    border-radius: 4px
}

.predictor-tournament-leaderboard__separator td {
    text-align: left;
    color: var(--bb-neutral-850, #111111);
    font-size: 12px;
    font-weight: 700;
    padding: 10px 16px;
    letter-spacing: -0.24px
}

.predictor-tournament-leaderboard--cards {
    border: 0;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    overflow: visible
}

.predictor-tournament-leaderboard__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.predictor-tournament-leaderboard__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px
}

.predictor-tournament-leaderboard__card--current {
    background-color: var(--bb-primary-100, #E8EEF8)
}

.predictor-tournament-leaderboard__card--current .predictor-tournament-leaderboard__rank-number {
    background-color: var(--bb-primary-800, #001240);
    border-color: var(--bb-primary-800, #001240);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-leaderboard__card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__avatar {
    width: 40px;
    height: 40px;
    margin-right: 0;
    flex-shrink: 0
}

.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__crown {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__crown svg {
    width: 20px;
    height: 20px
}

.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__rank-number {
    min-width: 40px;
    height: 40px;
    font-size: 16px;
    flex-shrink: 0
}

.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__username,.predictor-tournament-leaderboard__card-top .predictor-tournament-leaderboard__username-link {
    flex: 1;
    min-width: 0;
    max-width: 100%;
    font-size: 16px
}

.predictor-tournament-leaderboard__card-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    row-gap: 16px
}

.predictor-tournament-leaderboard__meta-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.predictor-tournament-leaderboard__meta-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-neutral-700, #6b6b6b);
    letter-spacing: -0.24px
}

.predictor-tournament-leaderboard__meta-value {
    display: flex;
    align-items: center;
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    letter-spacing: -0.28px;
    white-space: nowrap;
    overflow: hidden
}

.predictor-tournament-leaderboard__meta-value .predictor-tournament-leaderboard__country-code,.predictor-tournament-leaderboard__meta-value .predictor-tournament-leaderboard__prize-text {
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width: 1023px) {
    .predictor-tournament-leaderboard__table {
        min-width:0
    }

    .predictor-tournament-leaderboard__table th,.predictor-tournament-leaderboard__table td {
        padding: 10px 8px;
        font-size: 12px;
        letter-spacing: -0.24px
    }

    .predictor-tournament-leaderboard__col-rank {
        width: 44px
    }

    .predictor-tournament-leaderboard__col-points {
        width: 64px
    }

    .predictor-tournament-leaderboard__col-prize {
        width: 92px
    }

    .predictor-tournament-leaderboard__col-country,.predictor-tournament-leaderboard__country,.predictor-tournament-leaderboard__col-stat,.predictor-tournament-leaderboard__stat {
        display: none
    }

    .predictor-tournament-leaderboard__avatar {
        width: 28px;
        height: 28px;
        margin-right: 8px
    }

    .predictor-tournament-leaderboard__username,.predictor-tournament-leaderboard__username-link {
        max-width: calc(100% - 36px);
        font-size: 14px
    }

    .predictor-tournament-leaderboard__rank-number {
        min-width: 24px;
        height: 24px;
        font-size: 12px
    }

    .predictor-tournament-leaderboard__crown {
        width: 24px;
        height: 24px
    }

    .predictor-tournament-leaderboard__crown svg {
        width: 14px;
        height: 14px
    }

    .predictor-tournament-leaderboard__points {
        font-size: 13px
    }

    .predictor-tournament-leaderboard__prize {
        white-space: normal
    }

    .predictor-tournament-leaderboard__prize-text {
        font-size: 12px
    }
}

.predictor-tournament-eod {
    margin-bottom: 24px
}

.predictor-tournament-eod>.title-wrapper {
    margin-bottom: 12px
}

.predictor-tournament-eod__card {
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-eod__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    background-color: var(--bb-primary-800, #001240);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-tournament-eod__day-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-eod__day-icon {
    color: var(--bb-neutral-100, #fefefe);
    flex-shrink: 0
}

.predictor-tournament-eod__date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.28px;
    font-variant-numeric: tabular-nums
}

.predictor-tournament-eod__mood {
    padding: 16px 16px 12px;
    font-size: 20px;
    font-weight: 700;
    color: var(--bb-neutral-850, #111111);
    line-height: 1.1;
    letter-spacing: -0.4px
}

.predictor-tournament-eod__mood--NO_PICKS {
    opacity: .65
}

.predictor-tournament-eod__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 12px 16px 16px;
    margin: 0;
    list-style: none;
    border-top: 1px solid var(--bb-neutral-400, #dddddd)
}

.predictor-tournament-eod__stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0
}

.predictor-tournament-eod__stat-label {
    font-size: 12px;
    color: var(--bb-neutral-850, #111111);
    font-weight: 700;
    letter-spacing: -0.24px;
    line-height: 1.3
}

.predictor-tournament-eod__stat-value {
    font-size: 18px;
    font-weight: 700;
    color: var(--bb-primary-300, #1A52B8);
    line-height: 1.1;
    letter-spacing: -0.36px;
    font-variant-numeric: tabular-nums
}

.predictor-tournament-eod__rank-delta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--bb-neutral-400, #dddddd);
    background-color: var(--bb-neutral-100, #fefefe);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.28px
}

.predictor-tournament-eod__rank-delta--positive {
    color: var(--bb-primary-300, #1A52B8)
}

.predictor-tournament-eod__rank-delta--positive .predictor-tournament-eod__rank-delta-icon {
    color: var(--bb-primary-300, #1A52B8)
}

.predictor-tournament-eod__rank-delta--negative {
    color: var(--bb-error-500, #fe0101)
}

.predictor-tournament-eod__rank-delta--negative .predictor-tournament-eod__rank-delta-icon {
    color: var(--bb-error-500, #fe0101)
}

.predictor-tournament-eod__rank-delta--stable {
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-eod__rank-delta--stable .predictor-tournament-eod__rank-delta-icon {
    color: var(--bb-neutral-850, #111111)
}

.predictor-tournament-eod__rank-delta-icon {
    flex-shrink: 0
}

.predictor-tournament-eod__rank-delta-text {
    font-variant-numeric: tabular-nums
}

@media(max-width: 1023px) {
    .predictor-tournament-eod__header {
        padding:12px
    }

    .predictor-tournament-eod__day-label {
        font-size: 14px;
        letter-spacing: -0.28px
    }

    .predictor-tournament-eod__date {
        font-size: 14px;
        letter-spacing: -0.28px
    }

    .predictor-tournament-eod__mood {
        padding: 12px 12px 12px;
        font-size: 18px;
        letter-spacing: -0.36px
    }

    .predictor-tournament-eod__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 12px;
        gap: 16px 12px
    }

    .predictor-tournament-eod__stat-label {
        font-size: 11px
    }

    .predictor-tournament-eod__stat-value {
        font-size: 16px;
        letter-spacing: -0.32px
    }

    .predictor-tournament-eod__rank-delta {
        padding: 12px;
        font-size: 14px;
        letter-spacing: -0.28px
    }
}

.predictor-tournament-info-popup {
    position: absolute;
    z-index: 10000;
    max-width: 280px;
    padding: 12px;
    background-color: var(--bb-neutral-850, #111111);
    color: var(--bb-neutral-100, #fefefe);
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.tournament-sponsored-by {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    background-color: var(--bb-neutral-100, #fefefe);
    border-radius: 4px;
    padding: 12px
}

.tournament-sponsored-by__title {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    background-color: var(--bb-primary-800, #001240);
    border-radius: 4px;
    overflow: hidden;
    padding-left: 12px;
    min-height: 32px;
    width: 100%;
    box-sizing: border-box
}

.tournament-sponsored-by__title-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bb-neutral-100, #fefefe);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -0.32px;
    margin: 0
}

.tournament-sponsored-by__logo-img {
    flex: 0 0 auto;
    min-height: 44px;
    height: 44px;
    width: 102px;
    padding: 3px 5px;
    box-sizing: border-box;
    object-fit: contain;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    background-color: var(--bb-global-card-top-background);
    border-top: 1px solid var(--bb-neutral-400, #dddddd);
    border-right: 1px solid var(--bb-neutral-400, #dddddd);
    border-bottom: 1px solid var(--bb-neutral-400, #dddddd)
}

.tournament-sponsored-by__ctas {
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: 100%
}

@media(max-width: 1023px) {
    .tournament-sponsored-by {
        border:1px solid var(--bb-neutral-400)
    }

    .tournament-sponsored-by__ctas {
        display: grid
    }
}

.predictor-recap-card {
    --recap-accent: var(--bb-primary-500, #00247D);
    --recap-accent-soft: rgba(27, 109, 44, 0.08);
    --recap-fill: 0;
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 60;
    width: calc(100% - 32px);
    max-width: 360px;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-left: 4px solid var(--recap-accent);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    padding: 16px
}

.predictor-recap-card.is-hidden {
    display: none
}

.predictor-recap-card--perfect_day {
    --recap-accent: var(--bb-primary-300, #1A52B8);
    --recap-accent-soft: rgba(16, 137, 56, 0.10)
}

.predictor-recap-card--solid {
    --recap-accent: var(--bb-primary-500, #00247D);
    --recap-accent-soft: rgba(27, 109, 44, 0.08)
}

.predictor-recap-card--rough {
    --recap-accent: #8a5a00;
    --recap-accent-soft: rgba(138, 90, 0, 0.08)
}

.predictor-recap-card--wipeout {
    --recap-accent: #b1141b;
    --recap-accent-soft: rgba(177, 20, 27, 0.08)
}

.predictor-recap-card--streak_milestone {
    --recap-accent: var(--bb-secondary-500, #fbbf16);
    --recap-accent-soft: rgba(251, 191, 22, 0.14)
}

.predictor-recap-card--comeback {
    --recap-accent: var(--bb-primary-300, #1A52B8);
    --recap-accent-soft: rgba(16, 137, 56, 0.10)
}

.predictor-recap-card__top-actions {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 2px;
    z-index: 1
}

.predictor-recap-card__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
    color: var(--bb-neutral-850, #111111);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: background-color .15s ease,color .15s ease
}

.predictor-recap-card__icon-btn:hover,.predictor-recap-card__icon-btn:focus-visible {
    background-color: var(--bb-neutral-200, #f4f4f4)
}

.predictor-recap-card__icon-btn--share {
    color: var(--recap-accent)
}

.predictor-recap-card__icon-btn-icon {
    flex-shrink: 0
}

.predictor-recap-card__header {
    padding-right: 64px;
    margin-bottom: 12px
}

.predictor-recap-card__day-label {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--recap-accent)
}

.predictor-recap-card__body {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.predictor-recap-card__score {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background-color: var(--recap-accent-soft);
    border: 3px solid var(--recap-accent-soft);
    align-self: center
}

.predictor-recap-card__score-ring {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    pointer-events: none;
    background: conic-gradient(from -90deg, var(--recap-accent) calc(var(--recap-fill) * 3.6deg), var(--recap-accent-soft) 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 6px))
}

.predictor-recap-card__score-value {
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.44px;
    color: var(--recap-accent);
    font-variant-numeric: tabular-nums;
    text-align: center
}

.predictor-recap-card__score-label {
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--bb-neutral-850, #111111);
    opacity: .7;
    text-align: center
}

.predictor-recap-card__copy {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.predictor-recap-card__copy-text {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-recap-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.predictor-recap-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.12px;
    background-color: var(--bb-neutral-200, #f4f4f4);
    color: var(--bb-neutral-850, #111111);
    font-variant-numeric: tabular-nums
}

.predictor-recap-card__badge--streak {
    background-color: var(--recap-accent-soft);
    color: var(--recap-accent)
}

.predictor-recap-card__badge--rank {
    background-color: var(--bb-neutral-200, #f4f4f4)
}

.predictor-recap-card__badge--points {
    background-color: var(--recap-accent);
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-recap-card__badge-icon {
    flex-shrink: 0;
    color: currentColor
}

.predictor-recap-card__confetti {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 2
}

.predictor-recap-card__confetti-piece {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 -3px;
    border-radius: 1px;
    opacity: 0;
    background-color: var(--recap-accent)
}

.predictor-recap-card__confetti-piece:nth-child(3n) {
    background-color: var(--bb-secondary-500, #fbbf16)
}

.predictor-recap-card__confetti-piece:nth-child(3n+1) {
    background-color: var(--bb-primary-300, #1A52B8)
}

@media(prefers-reduced-motion: no-preference) {
    .predictor-recap-card.is-revealed .predictor-recap-card__badge {
        animation: predictor-recap-badge-pop .4s cubic-bezier(0.34, 1.56, 0.64, 1) both
    }

    .predictor-recap-card.is-revealed .predictor-recap-card__badge:nth-child(1) {
        animation-delay: .1s
    }

    .predictor-recap-card.is-revealed .predictor-recap-card__badge:nth-child(2) {
        animation-delay: .18s
    }

    .predictor-recap-card.is-revealed .predictor-recap-card__badge:nth-child(3) {
        animation-delay: .26s
    }

    .predictor-recap-card.is-revealed .predictor-recap-card__confetti-piece {
        animation: predictor-recap-confetti .9s ease-out var(--cf-delay, 0ms) forwards
    }
}

@property --recap-fill {
    syntax: "<number>";
    inherits: true;
    initial-value: 0
}

@keyframes predictor-recap-badge-pop {
    from {
        transform: scale(0.85)
    }

    to {
        transform: scale(1)
    }
}

@keyframes predictor-recap-confetti {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0deg)
    }

    100% {
        opacity: 0;
        transform: translate3d(var(--cf-x, 0), var(--cf-y, 0), 0) rotate(var(--cf-rot, 180deg))
    }
}

@media(min-width: 1024px) {
    .predictor-recap-card__body {
        flex-direction:row;
        align-items: flex-start;
        gap: 24px
    }

    .predictor-recap-card__score {
        align-self: flex-start
    }

    .predictor-recap-card__copy {
        flex: 1 1 auto
    }

    .predictor-recap-card__copy-text {
        font-size: 18px
    }
}

.predictor-promo {
    width: 100%;
    align-self: start;
    display: grid;
    gap: 16px
}

.predictor-promo__card {
    background: var(--bb-neutral-100, #fefefe);
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    overflow: hidden
}

.predictor-promo__item {
    display: none
}

.predictor-promo__item.is-active {
    display: block
}

.predictor-promo__pool-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 40px;
    padding: 8px 12px;
    background: var(--bb-primary-800, #001240);
    color: var(--bb-neutral-100, #fefefe);
    text-decoration: none;
    transition: color .15s ease
}

.predictor-promo__pool-header:hover,.predictor-promo__pool-header:focus-visible {
    color: var(--bb-primary-200) !important;
    text-decoration: none
}

.predictor-promo__pool-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.predictor-promo__pool-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px
}

.predictor-promo__pool-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1
}

.predictor-promo__pool-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.predictor-promo__pool-emblem {
    flex: 0 0 auto
}

.predictor-promo__pool-lock {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    font-size: 14px;
    white-space: nowrap
}

.predictor-promo__pool-lock-icon {
    fill: currentColor
}

.predictor-promo__card-wrap {
    list-style: none;
    margin: 0;
    padding: 0
}

.predictor-promo__card-wrap .predictor-tournament-question {
    border: 0
}

.predictor-promo__card-wrap .predictor-tournament-question__teams {
    row-gap: 8px
}

.predictor-promo__card-wrap .predictor-tournament-question__team {
    min-width: 0;
    font-size: 16px
}

.predictor-promo__card-wrap .predictor-tournament-question__team-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.predictor-promo__card-wrap .predictor-tournament-question__text {
    font-size: 16px
}

.predictor-promo__card-wrap .predictor-tournament-question__team-logo {
    width: 16px;
    height: 16px
}

.predictor-promo__card-wrap .predictor-tournament-question__vs {
    flex-shrink: 0
}

.predictor-promo__card-wrap .predictor-tournament-question__options {
    flex-wrap: nowrap;
    gap: 8px
}

.predictor-promo__card-wrap .predictor-tournament-question__option {
    min-width: 0;
    gap: 4px
}

.predictor-promo__card-wrap .predictor-tournament-question__option-label {
    overflow: hidden
}

.predictor-promo__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-top: 1px solid var(--bb-neutral-400, #dddddd)
}

.predictor-promo__nav-btn {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 4px;
    background: var(--bb-neutral-100, #fefefe);
    color: var(--bb-neutral-850, #111111);
    cursor: pointer
}

.predictor-promo__nav-btn svg {
    fill: currentColor
}

.predictor-promo__nav-btn:hover {
    border-color: var(--bb-primary-500, #00247D);
    background-color: var(--bb-primary-500, #00247D);
    color: var(--bb-neutral-100, #f3faf5)
}

.predictor-promo__nav-btn:disabled {
    opacity: .4;
    cursor: default
}

.predictor-promo__progress {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto
}

.predictor-promo__progress-text {
    font-size: 14px;
    color: var(--bb-neutral-850, #111111);
    text-align: center
}

.predictor-promo__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px
}

.predictor-promo__dot {
    width: 18px;
    height: 6px;
    border-radius: 4px;
    background: var(--bb-neutral-400, #dddddd)
}

.predictor-promo__dot.is-active {
    background: var(--bb-primary-300, #1A52B8)
}

.predictor-promo__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px
}

.predictor-promo__stats {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-weight: 700;
    font-size: 14px
}

.predictor-promo__stats--final {
    margin-top: 4px
}

.predictor-promo__stat {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.predictor-promo__stat-label {
    color: var(--bb-neutral-850, #111111)
}

.predictor-promo__stat-value {
    color: var(--bb-primary-500, #00247D)
}

.predictor-promo__sponsor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 32px;
    padding-left: 12px;
    background: var(--bb-primary-800, #001240);
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none
}

.predictor-promo__sponsor--static {
    margin: 0 12px 12px
}

.predictor-promo__sponsor.is-nolink {
    cursor: default
}

.predictor-promo__sponsor-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bb-neutral-100, #fefefe);
    font-weight: 700;
    font-size: 14px
}

.predictor-promo__sponsor-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 74px;
    min-height: 32px;
    padding: 0 8px;
    background: #d32123;
    color: var(--bb-global-white, #ffffff);
    font-weight: 700;
    font-size: 13px
}

.predictor-promo__sponsor-logo {
    flex: 0 0 auto;
    display: block;
    min-width: 74px;
    height: 32px;
    padding: 4px 10px;
    object-fit: contain;
    background: var(--bb-neutral-200, #f4f4f4);
    border-top: 1px solid var(--bb-neutral-400, #dddddd);
    border-right: 1px solid var(--bb-neutral-400, #dddddd);
    border-bottom: 1px solid var(--bb-neutral-400, #dddddd)
}

.predictor-promo__final-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px 12px;
    text-align: center
}

.predictor-promo__final-title {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-promo__final-subtitle {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-promo__final-text {
    margin: 0;
    font-size: 14px;
    color: var(--bb-neutral-850, #111111)
}

.predictor-promo__final-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--bb-primary-500, #00247D);
    color: var(--bb-neutral-100, #fefefe) !important;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none
}

.predictor-promo__final-cta:hover {
    color: var(--bb-neutral-100, #fefefe)
}

.predictor-promo__final-cta svg {
    fill: currentColor
}

body:has(.tiny-mce-container-init) {
    font-family: var(--font-primary) !important
}

.admin--edit-article-page__article-content>div:only-child h2 {
    position: relative
}

.admin--edit-article-page__article-content>div:only-child h2:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 20px;
    background-color: var(--bb-primary-300)
}

.admin--edit-article-page__article-content>div .mce-toc h2 {
    padding: 10px 16px
}

.admin--edit-article-page__article-content>div .mce-toc h2:before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22summary%22%3E%3Cg%20id%3D%22Vector%22%3E%3Cpath%20d%3D%22M0.00292969%201C0.00292969%200.447715%200.450645%200%201.00293%200H13.0029C13.5552%200%2014.0029%200.447715%2014.0029%201C14.0029%201.55228%2013.5552%202%2013.0029%202H1.00293C0.450645%202%200.00292969%201.55228%200.00292969%201Z%22%20fill%3D%22%23222222%22/%3E%3Cpath%20d%3D%22M0.00292969%205C0.00292969%204.44772%200.450645%204%201.00293%204H13.0029C13.5552%204%2014.0029%204.44772%2014.0029%205C14.0029%205.55228%2013.5552%206%2013.0029%206H1.00293C0.450645%206%200.00292969%205.55228%200.00292969%205Z%22%20fill%3D%22%23222222%22/%3E%3Cpath%20d%3D%22M0.00292969%209C0.00292969%208.44772%200.450645%208%201.00293%208H6.00293C6.55521%208%207.00293%208.44772%207.00293%209C7.00293%209.55228%206.55521%2010%206.00293%2010H1.00293C0.450645%2010%200.00292969%209.55228%200.00292969%209Z%22%20fill%3D%22%23222222%22/%3E%3Cpath%20d%3D%22M15.5049%2010.6706L13.3737%209.60019L12.3081%207.45928C12.0033%206.84691%2011.0025%206.84691%2010.6977%207.45928L9.63213%209.60019L7.50093%2010.6706C7.19613%2010.8237%207.00293%2011.1372%207.00293%2011.4795C7.00293%2011.8219%207.19613%2012.1353%207.50093%2012.2884L9.63213%2013.3588L10.6977%2015.4997C10.8501%2015.8059%2011.1621%2016%2011.5029%2016C11.8437%2016%2012.1557%2015.8059%2012.3081%2015.4997L13.3737%2013.3588L15.5049%2012.2884C15.8097%2012.1353%2016.0029%2011.8219%2016.0029%2011.4795C16.0029%2011.1372%2015.8097%2010.8237%2015.5049%2010.6706Z%22%20fill%3D%22%23222222%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background: none;
    position: initial;
    width: initial;
    height: initial;
    margin-right: 7px;
    vertical-align: middle
}

.tiny-mce-container-init {
    background-color: var(--bb-neutral-200);
    font-family: var(--font-primary) !important;
    font-size: 14px;
    line-height: 18px
}

.tiny-mce-container-init span span,.tiny-mce-container-init span strong,.tiny-mce-container-init span p,.tiny-mce-container-init span div,.tiny-mce-container-init strong span,.tiny-mce-container-init strong strong,.tiny-mce-container-init strong p,.tiny-mce-container-init strong div,.tiny-mce-container-init p span,.tiny-mce-container-init p strong,.tiny-mce-container-init p p,.tiny-mce-container-init p div,.tiny-mce-container-init div span,.tiny-mce-container-init div strong,.tiny-mce-container-init div p,.tiny-mce-container-init div div {
    font-size: 100%
}

.tiny-mce-container-init p,.tiny-mce-container-init h1,.tiny-mce-container-init h2,.tiny-mce-container-init h3,.tiny-mce-container-init h4,.tiny-mce-container-init h5,.tiny-mce-container-init h6,.tiny-mce-container-init div,.tiny-mce-container-init span,.tiny-mce-container-init a,.tiny-mce-container-init li,.tiny-mce-container-init strong,.tiny-mce-container-init em,.tiny-mce-container-init i,.tiny-mce-container-init b,.tiny-mce-container-init u,.tiny-mce-container-init small,.tiny-mce-container-init label,.tiny-mce-container-init textarea,.tiny-mce-container-init button,.tiny-mce-container-init input,.tiny-mce-container-init blockquote,.tiny-mce-container-init q,.tiny-mce-container-init cite,.tiny-mce-container-init pre,.tiny-mce-container-init code,.tiny-mce-container-init dt,.tiny-mce-container-init dd,.tiny-mce-container-init figcaption,.tiny-mce-container-init caption,.tiny-mce-container-init th,.tiny-mce-container-init td,.tiny-mce-container-init legend {
    font-family: var(--font-primary) !important
}

.wysiwyg {
    color: var(--bb-neutral-850);
    font-family: var(--font-primary) !important
}

.wysiwyg .not-wysiwyg {
    all: revert
}

.wysiwyg :where(strong):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-weight: bold
}

.wysiwyg :where(a):not(.not-wysiwyg):not(.not-wysiwyg *) {
    text-decoration: underline
}

.wysiwyg :where(span,strong,p,div):not(.not-wysiwyg):not(.not-wysiwyg *) span,.wysiwyg :where(span,strong,p,div):not(.not-wysiwyg):not(.not-wysiwyg *) strong,.wysiwyg :where(span,strong,p,div):not(.not-wysiwyg):not(.not-wysiwyg *) p,.wysiwyg :where(span,strong,p,div):not(.not-wysiwyg):not(.not-wysiwyg *) div {
    font-size: 100%
}

.wysiwyg :where(blockquote):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-style: italic;
    text-align: left;
    background: var(--bb-neutral-100);
    border-left: 5px solid var(--bb-primary-300);
    padding: 15px;
    border-radius: 5px;
    margin: 10px 0
}

.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) {
    align-self: stretch;
    color: var(--bb-neutral-850);
    margin: 10px 0;
    font-weight: bold;
    text-align: left;
    font-family: var(--font-secondary)
}

.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) span,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) strong,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) p,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) div,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) em,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) i,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) small,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) label,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) textarea,.wysiwyg :where(h1,h2,h3,h4,h5,h6):not(.not-wysiwyg):not(.not-wysiwyg *) input {
    font-size: 100%
}

.wysiwyg :where(h1):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-weight: bold
}

@media(min-width: 1024px) {
    .wysiwyg :where(h1):not(.not-wysiwyg):not(.not-wysiwyg *) {
        font-size:40px;
        font-weight: 700;
        letter-spacing: -0.125rem
    }
}

.wysiwyg :where(h2):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-size: 24px;
    line-height: 32px;
    position: relative;
    letter-spacing: -0.02em;
    padding-left: 1rem;
    padding: 20px;
}

.wysiwyg :where(h2):not(.not-wysiwyg):not(.not-wysiwyg *):before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 6px;
    height: 1em;
    background-color: var(--bb-accent-300)
}

.wysiwyg :where(h3):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.02em
}

.wysiwyg :where(h4):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.02em
}

.wysiwyg :where(h5):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.02em
}

.wysiwyg :where(h6):not(.not-wysiwyg):not(.not-wysiwyg *) {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.02em
}

.wysiwyg :where(p,p span,td,td span):not(.not-wysiwyg):not(.not-wysiwyg *) {
    margin: 0 0 5px 0;
    line-height: 1.3
}

.wysiwyg :where(ul,ol):not(.not-wysiwyg):not(.not-wysiwyg *) {
    margin-block-start:10px;margin-block-end:10px;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px;list-style-type: initial
}

.wysiwyg :where(ul,ol):not(.not-wysiwyg):not(.not-wysiwyg *) li {
    white-space: normal;
    font-weight: normal;
    text-align: left
}

.wysiwyg :where(ul,ol):not(.not-wysiwyg):not(.not-wysiwyg *) p {
    margin: 0
}

.wysiwyg :where(ol):not(.not-wysiwyg):not(.not-wysiwyg *) {
    list-style-type: decimal
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) {
    width: 100% !important;
    border-radius: 4px !important;
    border: 1px solid var(--bb-neutral-400) !important;
    border-spacing: 0 !important;
    border-collapse: unset !important;
    margin: 15px 0 !important;
    overflow-x: auto !important
}

@media(max-width: 768px) {
    .wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) {
        display:block;
        height: initial !important
    }
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tbody {
    border-collapse: collapse
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) td>p {
    margin: 0 !important;
    text-align: left
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) td {
    border: none !important;
    border-left: 1px solid var(--bb-neutral-400) !important;
    border-right: 1px solid var(--bb-neutral-400) !important
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tr:nth-child(2n) {
    background-color: var(--bb-neutral-200) !important
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tr:nth-child(2n+1) {
    background-color: var(--bb-neutral-150) !important
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tr:first-of-type {
    background-color: var(--bb-neutral-400) !important
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tr:first-of-type td {
    padding: 12px 16px !important
}

.wysiwyg :where(table):not(.not-wysiwyg):not(.not-wysiwyg *) tr:first-of-type td p span {
    font-weight: 700 !important
}

.wysiwyg.wysiwyg .key-facts {
    margin-bottom: 16px;
    border: 1px solid var(--bb-neutral-400, #ddd);
    border-radius: 4px;
    overflow: hidden
}

.wysiwyg.wysiwyg .key-facts>summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px;
    background-color: var(--bb-neutral-200, #f4f4f4);
    color: var(--bb-neutral-850, #111);
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.02em;
    cursor: pointer;
    list-style: none
}

.wysiwyg.wysiwyg .key-facts>summary::-webkit-details-marker {
    display: none
}

.wysiwyg.wysiwyg .key-facts>summary::after {
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .15s ease
}

.wysiwyg.wysiwyg .key-facts[open]>summary::after {
    transform: rotate(-135deg)
}

.wysiwyg.wysiwyg .key-facts>ul {
    margin: 0;
    padding: 12px 12px 12px 28px;
    display: grid;
    border-top: 1px solid var(--bb-neutral-400, #ddd);
    list-style: disc;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850, #111)
}

.wysiwyg.wysiwyg .key-facts>ul strong {
    font-weight: 600
}

.wysiwyg.wysiwyg img.max-600,.wysiwyg.wysiwyg img.max-800,.wysiwyg.wysiwyg img.max-1000 {
    display: block;
    width: 100%;
    height: auto
}

.wysiwyg.wysiwyg img.max-600 {
    max-width: 600px
}

.wysiwyg.wysiwyg img.max-800 {
    max-width: 800px
}

.wysiwyg.wysiwyg img.max-1000 {
    max-width: 1000px
}

.wysiwyg.wysiwyg .mce-toc {
    border: 1px solid var(--bb-neutral-400);
    border-top: 4px solid var(--bb-neutral-400);
    border-radius: 4px;
    background-color: var(--bb-neutral-100);
    margin-bottom: 16px
}

.wysiwyg.wysiwyg .mce-toc>div {
    display: none !important
}

.wysiwyg.wysiwyg .mce-toc h2 {
    background-color: var(--bb-neutral-200);
    margin: 0;
    padding: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.02em;
    border-bottom: 1px solid var(--bb-neutral-400);
    cursor: pointer;
    pointer-events: none
}

.wysiwyg.wysiwyg .mce-toc h2:before {
    width: 0;
    content: "";
    display: inline-block;
    background: none;
    position: initial;
    height: initial;
    margin-right: 7px;
    vertical-align: middle
}

.wysiwyg.wysiwyg .mce-toc>ul {
    list-style-type: none !important;
    max-height: 352px;
    overflow-x: auto;
    display: grid;
    margin: 0;
    padding: 8px 16px
}

.wysiwyg.wysiwyg .mce-toc>ul li {
    list-style-type: none !important
}

.wysiwyg.wysiwyg .mce-toc>ul a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    text-decoration: none;
    padding: 8px 0;
    display: block
}

.wysiwyg.wysiwyg .mce-toc>ul a:hover {
    color: var(--bb-primary-300)
}

.wysiwyg.wysiwyg .mce-toc>ul ul {
    margin: 0;
    padding-inline-start:0}

.wysiwyg.wysiwyg .flex-column,.wysiwyg.wysiwyg .flex-col {
    flex-direction: column
}

.wysiwyg.wysiwyg .p-0-important {
    padding: 0 !important
}

.wysiwyg.wysiwyg .gap-20 {
    gap: 20px
}

.wysiwyg.wysiwyg .border-solid,.wysiwyg.wysiwyg .btn-filter,.wysiwyg.wysiwyg .btn-quaternary,.wysiwyg.wysiwyg .btn-tertiary,.wysiwyg.wysiwyg .border-solid-1,.wysiwyg.wysiwyg input[type=checkbox],.wysiwyg.wysiwyg input[type=radio],.wysiwyg.wysiwyg input[type=text],.wysiwyg.wysiwyg input[type=password],.wysiwyg.wysiwyg input[type=url],.wysiwyg.wysiwyg input[type=tel],.wysiwyg.wysiwyg input[type=search],.wysiwyg.wysiwyg input[type=number],.wysiwyg.wysiwyg input[type*=date],.wysiwyg.wysiwyg input[type=email],.wysiwyg.wysiwyg textarea,.wysiwyg.wysiwyg .btn-only-icon,.wysiwyg.wysiwyg .btn-only-icon-s,.wysiwyg.wysiwyg .btn-only-icon-m,.wysiwyg.wysiwyg .btn-icon-light,.wysiwyg.wysiwyg .btn-secondary {
    border-style: solid
}

.wysiwyg.wysiwyg .border-1,.wysiwyg.wysiwyg .btn-filter,.wysiwyg.wysiwyg .btn-dash,.wysiwyg.wysiwyg .btn-quaternary,.wysiwyg.wysiwyg .btn-tertiary,.wysiwyg.wysiwyg .border-solid-1,.wysiwyg.wysiwyg input[type=checkbox],.wysiwyg.wysiwyg input[type=radio],.wysiwyg.wysiwyg input[type=text],.wysiwyg.wysiwyg input[type=password],.wysiwyg.wysiwyg input[type=url],.wysiwyg.wysiwyg input[type=tel],.wysiwyg.wysiwyg input[type=search],.wysiwyg.wysiwyg input[type=number],.wysiwyg.wysiwyg input[type*=date],.wysiwyg.wysiwyg input[type=email],.wysiwyg.wysiwyg textarea,.wysiwyg.wysiwyg .btn-only-icon,.wysiwyg.wysiwyg .btn-only-icon-s,.wysiwyg.wysiwyg .btn-only-icon-m,.wysiwyg.wysiwyg .btn-icon-light,.wysiwyg.wysiwyg .btn-secondary {
    border-width: 1px
}

.wysiwyg.wysiwyg .border-bb-neutral-400,.wysiwyg.wysiwyg input[type=checkbox],.wysiwyg.wysiwyg input[type=radio],.wysiwyg.wysiwyg input[type=text],.wysiwyg.wysiwyg input[type=password],.wysiwyg.wysiwyg input[type=url],.wysiwyg.wysiwyg input[type=tel],.wysiwyg.wysiwyg input[type=search],.wysiwyg.wysiwyg input[type=number],.wysiwyg.wysiwyg input[type*=date],.wysiwyg.wysiwyg input[type=email],.wysiwyg.wysiwyg textarea,.wysiwyg.wysiwyg .btn-filter,.wysiwyg.wysiwyg .btn-icon-light,.wysiwyg.wysiwyg .btn-tertiary,.wysiwyg.wysiwyg .hover-border-bb-neutral-400:hover {
    border-color: var(--bb-neutral-400)
}

.wysiwyg.wysiwyg .br-4,.wysiwyg.wysiwyg input[type=checkbox],.wysiwyg.wysiwyg input[type=text],.wysiwyg.wysiwyg input[type=password],.wysiwyg.wysiwyg input[type=url],.wysiwyg.wysiwyg input[type=tel],.wysiwyg.wysiwyg input[type=search],.wysiwyg.wysiwyg input[type=number],.wysiwyg.wysiwyg input[type*=date],.wysiwyg.wysiwyg input[type=email],.wysiwyg.wysiwyg textarea,.wysiwyg.wysiwyg .btn-only-icon,.wysiwyg.wysiwyg .btn-only-icon-s,.wysiwyg.wysiwyg .btn-only-icon-m,.wysiwyg.wysiwyg .btn-filter,.wysiwyg.wysiwyg .btn-icon-light,.wysiwyg.wysiwyg .btn,.wysiwyg.wysiwyg .btn-primary,.wysiwyg.wysiwyg .btn-secondary,.wysiwyg.wysiwyg .btn-tertiary,.wysiwyg.wysiwyg .btn-quaternary,.wysiwyg.wysiwyg .btn-dash,.wysiwyg.wysiwyg .btn-danger,.wysiwyg.wysiwyg .btn-warning,.wysiwyg.wysiwyg .btn-light,.wysiwyg.wysiwyg .btn-light-danger,.wysiwyg.wysiwyg .btn-link,.wysiwyg.wysiwyg .btn-neutral,.wysiwyg.wysiwyg .btn-disabled {
    border-radius: 4px
}

.wysiwyg.wysiwyg .p-20 {
    padding: 20px
}

.wysiwyg.wysiwyg .two-column-text {
    display: grid !important;
    row-gap: 16px;
    column-gap: 30px;
    align-self: self-start
}

.wysiwyg.wysiwyg .two-column-text ul,.wysiwyg.wysiwyg .two-column-text ol {
    margin: 0
}

.wysiwyg.wysiwyg .two-column-text ul li,.wysiwyg.wysiwyg .two-column-text ol li {
    line-height: 24px
}

.wysiwyg.wysiwyg .two-column-text p {
    margin-bottom: 0 !important
}

@media(min-width: 1024px) {
    .wysiwyg.wysiwyg .two-column-text {
        flex-wrap:wrap;
        display: flex !important
    }

    .wysiwyg.wysiwyg .two-column-text .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .wysiwyg.wysiwyg .two-column-text .grow {
        flex-grow: 1
    }

    .wysiwyg.wysiwyg .two-column-text h2 {
        width: 100%
    }
}

.wysiwyg.wysiwyg .two-column-text.with-titles>div,.wysiwyg.wysiwyg .two-column-text.with-image>div {
    gap: 16px;
    display: grid;
    align-self: self-start
}

.wysiwyg.wysiwyg .two-column-text.with-titles>div>*:not(ul),.wysiwyg.wysiwyg .two-column-text.with-image>div>*:not(ul) {
    width: 100%;
    margin: 0
}

.wysiwyg.wysiwyg .two-column-text.with-titles a[href^="mailto:"],.wysiwyg.wysiwyg .two-column-text.with-image a[href^="mailto:"] {
    font-size: 16px;
    border-radius: 4px;
    height: 40px;
    font-weight: 600;
    border: 1px solid var(--bb-primary-300);
    color: var(--bb-primary-300);
    padding: 12px 24px;
    margin: 8px 0;
    width: fit-content !important;
    align-items: center
}

.wysiwyg.wysiwyg .two-column-text.with-cards {
    gap: 0
}

@media(min-width: 1024px) {
    .wysiwyg.wysiwyg .two-column-text.with-cards {
        gap:30px
    }
}

.wysiwyg.wysiwyg .two-column-text.with-cards>div {
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin: 15px 0
}

.wysiwyg.wysiwyg .two-column-text.with-cards .gap-16 {
    gap: 16px
}

.wysiwyg.wysiwyg .two-column-text.with-cards .align-center,.wysiwyg.wysiwyg .two-column-text.with-cards .btn-load-more,.wysiwyg.wysiwyg .two-column-text.with-cards .btn-filter,.wysiwyg.wysiwyg .two-column-text.with-cards .btn-dash {
    align-items: center
}

.wysiwyg.wysiwyg .two-column-text.with-cards img {
    width: 32px !important;
    height: 32px !important
}

.wysiwyg.wysiwyg .two-column-text.with-cards>div {
    border: 1px solid var(--bb-neutral-400);
    border-radius: 8px;
    padding: 32px;
    align-self: auto !important
}

.wysiwyg.wysiwyg .insert-template-title {
    margin: 20px 0
}

.wysiwyg.wysiwyg .pro-and-cons-section {
    border-radius: 4px;
    display: grid;
    margin: 15px auto;
    gap: 20px
}

@media(min-width: 768px) {
    .wysiwyg.wysiwyg .pro-and-cons-section {
        grid-template-columns:repeat(2, 1fr)
    }
}

.wysiwyg.wysiwyg .pro-and-cons-section table {
    display: inline-block;
    margin: 0 !important;
    border-radius: 4px !important;
    align-self: flex-start;
    border: 1px solid var(--bb-neutral-400) !important;
    overflow: hidden
}

.wysiwyg.wysiwyg .pro-and-cons-section table:nth-child(odd) {
    border-top: 4px solid var(--bb-primary-300) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table:nth-child(even) {
    border-top: 4px solid var(--bb-secondary-600) !important
}

@media(max-width: 768px) {
    .wysiwyg.wysiwyg .pro-and-cons-section table {
        width:initial !important;
        background-color: #fff
    }
}

.wysiwyg.wysiwyg .pro-and-cons-section table td {
    font-weight: initial
}

@media(max-width: 768px) {
    .wysiwyg.wysiwyg .pro-and-cons-section table {
        margin:0 !important;
        display: table
    }

    .wysiwyg.wysiwyg .pro-and-cons-section table tr {
        display: table-row
    }

    .wysiwyg.wysiwyg .pro-and-cons-section table td {
        display: table-cell
    }
}

.wysiwyg.wysiwyg .pro-and-cons-section table thead {
    background-color: var(--bb-neutral-200) !important;
    padding: 16px;
    display: block;
    border-bottom: 1px solid var(--bb-neutral-400)
}

.wysiwyg.wysiwyg .pro-and-cons-section table thead .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px
}

.wysiwyg.wysiwyg .pro-and-cons-section table thead .title:before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.wysiwyg.wysiwyg .pro-and-cons-section table thead .title.pros:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.589 0 0 3.589 0 8C0 12.411 3.589 16 8 16C12.411 16 16 12.411 16 8C16 3.589 12.411 0 8 0ZM12.284 5.621L7.534 11.621C7.351 11.852 7.076 11.991 6.781 12C6.771 12 6.76 12 6.75 12C6.467 12 6.196 11.88 6.007 11.669L3.757 9.169C3.388 8.758 3.421 8.126 3.831 7.757C4.241 7.387 4.873 7.421 5.243 7.831L6.701 9.451L10.716 4.38C11.059 3.948 11.687 3.874 12.121 4.216C12.554 4.559 12.627 5.188 12.284 5.621Z' fill='%231B9E4B'/%3E%3C/svg%3E")
}

.wysiwyg.wysiwyg .pro-and-cons-section table thead .title.cons:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6607 2.34053C10.54 -0.780177 5.46124 -0.780177 2.34053 2.34053C-0.780177 5.46124 -0.780177 10.539 2.34053 13.6597C3.90138 15.2206 5.9505 16 8.00063 16C10.0507 16 12.1009 15.2196 13.6607 13.6597C16.7814 10.539 16.7814 5.46124 13.6607 2.34053ZM11.7097 10.2949C12.1009 10.6861 12.1009 11.3184 11.7097 11.7097C11.5145 11.9048 11.2584 12.0028 11.0023 12.0028C10.7461 12.0028 10.49 11.9048 10.2949 11.7097L8.00063 9.4154L5.70637 11.7097C5.51126 11.9048 5.25512 12.0028 4.99898 12.0028C4.74284 12.0028 4.4867 11.9048 4.2916 11.7097C3.90038 11.3184 3.90038 10.6861 4.2916 10.2949L6.58585 8.00063L4.2916 5.70637C3.90038 5.31516 3.90038 4.68281 4.2916 4.2916C4.68281 3.90038 5.31516 3.90038 5.70637 4.2916L8.00063 6.58585L10.2949 4.2916C10.6861 3.90038 11.3184 3.90038 11.7097 4.2916C12.1009 4.68281 12.1009 5.31516 11.7097 5.70637L9.4154 8.00063L11.7097 10.2949Z' fill='%23FE0101'/%3E%3C/svg%3E")
}

.wysiwyg.wysiwyg .pro-and-cons-section table tbody {
    width: 100%;
    display: block;
    padding: 16px;
    background-color: var(--bb-neutral-100)
}

.wysiwyg.wysiwyg .pro-and-cons-section table tbody tr {
    display: block
}

.wysiwyg.wysiwyg .pro-and-cons-section table tbody tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px
}

.wysiwyg.wysiwyg .pro-and-cons-section table tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--bb-neutral-400) !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr {
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr:first-of-type {
    width: 100% !important;
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr:first-of-type td {
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr:nth-child(2n) {
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr:nth-child(2n+1) {
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .pro-and-cons-section table tr td {
    border: none !important
}

@media(max-width: 768px) {
    .wysiwyg.wysiwyg .pro-and-cons-section table tr td,.wysiwyg.wysiwyg .pro-and-cons-section table tr th {
        white-space:initial !important
    }
}

.wysiwyg.wysiwyg .pro-and-cons-section table.table-cons tbody td:before,.wysiwyg.wysiwyg .pro-and-cons-section table.table-pros tbody td:before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0
}

.wysiwyg.wysiwyg .pro-and-cons-section table.table-pros tbody td:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.589 0 0 3.589 0 8C0 12.411 3.589 16 8 16C12.411 16 16 12.411 16 8C16 3.589 12.411 0 8 0ZM12.284 5.621L7.534 11.621C7.351 11.852 7.076 11.991 6.781 12C6.771 12 6.76 12 6.75 12C6.467 12 6.196 11.88 6.007 11.669L3.757 9.169C3.388 8.758 3.421 8.126 3.831 7.757C4.241 7.387 4.873 7.421 5.243 7.831L6.701 9.451L10.716 4.38C11.059 3.948 11.687 3.874 12.121 4.216C12.554 4.559 12.627 5.188 12.284 5.621Z' fill='%231B9E4B'/%3E%3C/svg%3E")
}

.wysiwyg.wysiwyg .pro-and-cons-section table.table-cons tbody td:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6607 2.34053C10.54 -0.780177 5.46124 -0.780177 2.34053 2.34053C-0.780177 5.46124 -0.780177 10.539 2.34053 13.6597C3.90138 15.2206 5.9505 16 8.00063 16C10.0507 16 12.1009 15.2196 13.6607 13.6597C16.7814 10.539 16.7814 5.46124 13.6607 2.34053ZM11.7097 10.2949C12.1009 10.6861 12.1009 11.3184 11.7097 11.7097C11.5145 11.9048 11.2584 12.0028 11.0023 12.0028C10.7461 12.0028 10.49 11.9048 10.2949 11.7097L8.00063 9.4154L5.70637 11.7097C5.51126 11.9048 5.25512 12.0028 4.99898 12.0028C4.74284 12.0028 4.4867 11.9048 4.2916 11.7097C3.90038 11.3184 3.90038 10.6861 4.2916 10.2949L6.58585 8.00063L4.2916 5.70637C3.90038 5.31516 3.90038 4.68281 4.2916 4.2916C4.68281 3.90038 5.31516 3.90038 5.70637 4.2916L8.00063 6.58585L10.2949 4.2916C10.6861 3.90038 11.3184 3.90038 11.7097 4.2916C12.1009 4.68281 12.1009 5.31516 11.7097 5.70637L9.4154 8.00063L11.7097 10.2949Z' fill='%23FE0101'/%3E%3C/svg%3E")
}

.wysiwyg.wysiwyg .claim-bonus-section {
    position: relative;
    padding: 24px 0
}

.wysiwyg.wysiwyg .claim-bonus-section .insert-template-title+p {
    margin-bottom: 20px
}

.wysiwyg.wysiwyg .claim-bonus-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: counter;
    display: grid;
    gap: 16px
}

.wysiwyg.wysiwyg .claim-bonus-section ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 8px;
    border: 1px solid var(--bb-neutral-400);
    background: #fff;
    padding: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px
}

.wysiwyg.wysiwyg .claim-bonus-section ul li:before {
    counter-increment: counter;
    content: counter(counter);
    background: var(--bb-primary-100);
    display: inline-flex;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid var(--bb-primary-300);
    flex-shrink: 0
}

.wysiwyg.wysiwyg .experience-bonus-section table {
    display: table !important;
    border: none !important
}

.wysiwyg.wysiwyg .experience-bonus-section table tr {
    background-color: rgba(0,0,0,0) !important
}

.wysiwyg.wysiwyg .experience-bonus-section table tr td {
    background: rgba(0,0,0,0) !important;
    border-bottom: 1px solid var(--bb-neutral-400) !important;
    border-right: 1px solid var(--bb-neutral-400) !important
}

.wysiwyg.wysiwyg .experience-bonus-section table tr td:first-of-type {
    border-left: 1px solid var(--bb-neutral-400) !important
}

.wysiwyg.wysiwyg .experience-bonus-section table tr td:last-child {
    border-left: none !important
}

.wysiwyg.wysiwyg .experience-bonus-section table thead {
    padding: 16px
}

.wysiwyg.wysiwyg .experience-bonus-section table thead tr td {
    font-weight: 700;
    border-radius: 4px 0 0 0;
    background: var(--bb-neutral-200) !important;
    padding: 16px;
    border-top: 1px solid var(--bb-neutral-400) !important
}

.wysiwyg.wysiwyg .experience-bonus-section table tbody {
    width: 100%;
    padding: 16px;
    background-color: #fff
}

.wysiwyg.wysiwyg .experience-bonus-section table tbody tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    align-items: center;
    margin: 0;
    padding: 8px 12px
}

.wysiwyg.wysiwyg .match-preview-v2 h2 {
    font-size: 18px;
    line-height: 18px;
    padding-left: 0
}

.wysiwyg.wysiwyg .match-preview-v2 h2::before {
    content: none
}

.giants-css hr {
    border-top: 1px solid var(--bb-neutral-400);
    margin: 40px 0
}

.smooth-carousel-wrapper {
    --items-per-screen: 1;
    --slider-index: 1;
    --slider-gap: 0px;
    overflow: hidden
}

.smooth-carousel-wrapper .smooth-carousel-container {
    transform: translateX(calc((var(--slider-index) - 1) * -100% - (var(--slider-index) - 1) * var(--slider-gap)));
    transition: transform 250ms ease-in-out;
    max-width: min(1280px,100dvw)
}

.smooth-carousel-wrapper .smooth-carousel-container>li {
    flex: 0 0 calc((100% - (var(--items-per-screen) - 1)*var(--slider-gap))/var(--items-per-screen));
    max-width: calc((100% - (var(--items-per-screen) - 1))/var(--items-per-screen))
}

@media(width > 1024px) {
    .smooth-carousel-wrapper {
        --slider-gap: 32px;
        --items-per-screen: 3
    }
}

.smooth-carousel-wrapper.menu {
    --slider-gap: 16px;
    --items-per-screen: 2
}

[data-carousel-swipe] {
    touch-action: pan-y;
    transition: all .5s !important;
    user-select: none
}

[data-carousel-swipe] a,[data-carousel-swipe] img {
    -webkit-user-drag: none
}

.standard-nav {
    display: grid;
    position: relative
}

.standard-nav>ul {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    touch-action: pan-x;
    padding-bottom: 2px;
    box-shadow: inset 0 -2px 0 var(--bb-neutral-400)
}

.standard-nav>ul::-webkit-scrollbar {
    display: none
}

.standard-nav>ul a,.standard-nav>ul button {
    padding: 8px;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    color: var(--bb-neutral-700);
    background: rgba(0,0,0,0);
    border: 0;
    cursor: pointer
}

@media(min-width: 1024px) {
    .standard-nav>ul a,.standard-nav>ul button {
        font-size:14px;
        line-height: 18px;
        padding: 12px
    }
}

.standard-nav>ul a:hover,.standard-nav>ul button:hover {
    background: var(--bb-neutral-200)
}

.standard-nav>ul a.active,.standard-nav>ul button.active {
    background: var(--bb-primary-500);
    color: var(--bb-neutral-100)
}

.standard-nav>ul a.active::after,.standard-nav>ul button.active::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 100%;
    left: 0;
    background: var(--bb-primary-500)
}

.standard-nav [data-scroller-left],.standard-nav [data-scroller-right] {
    top: 0;
    position: absolute;
    height: 100%;
    width: 32px;
    z-index: 1;
    background: var(--bb-neutral-150);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    opacity: 0;
    border: 0;
    cursor: pointer
}

.standard-nav [data-scroller-left] svg,.standard-nav [data-scroller-right] svg {
    border-radius: 4px;
    border: 1px solid var(--bb-neutral-400);
    background: var(--bb-neutral-150)
}

.standard-nav [data-scroller-left]::after,.standard-nav [data-scroller-right]::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 32px;
    pointer-events: none
}

.standard-nav [data-scroller-left] {
    rotate: 180deg
}

.standard-nav [data-scroller-left]::after {
    right: 100%;
    background: linear-gradient(to left, var(--bb-neutral-150), rgba(255, 255, 255, 0))
}

.standard-nav [data-scroller-right] {
    right: 0
}

.standard-nav [data-scroller-right]::after {
    right: 100%;
    background: linear-gradient(to left, var(--bb-neutral-150), rgba(255, 255, 255, 0))
}

.standard-nav.can-scroll-left [data-scroller-left],.standard-nav.can-scroll-right [data-scroller-right] {
    transform: scale(1);
    opacity: 1
}

.standard-nav-2 {
    background-color: var(--bb-primary-800);
    overflow: hidden
}

.standard-nav-2>ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    list-style: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    min-width: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
}

.standard-nav-2>ul::-webkit-scrollbar {
    display: none
}

.standard-nav-2>ul>li {
    display: flex;
    flex-shrink: 0;
    scroll-snap-align: start
}

.standard-nav-2>ul a,.standard-nav-2>ul button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 12px;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    color: var(--bb-neutral-100);
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease
}

@media(max-width: 1023px) {
    .standard-nav-2>ul a,.standard-nav-2>ul button {
        height:36px;
        font-size: 12px
    }
}

.standard-nav-2>ul a:hover,.standard-nav-2>ul button:hover {
    background-color: var(--bb-primary-700)
}

.standard-nav-2>ul a:focus-visible,.standard-nav-2>ul button:focus-visible {
    background-color: var(--bb-primary-700);
    outline: 2px solid var(--bb-neutral-100);
    outline-offset: -2px
}

.standard-nav-2>ul a.active,.standard-nav-2>ul button.active {
    background-color: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

.standard-nav-2>ul a.active:hover,.standard-nav-2>ul a.active:focus-visible,.standard-nav-2>ul button.active:hover,.standard-nav-2>ul button.active:focus-visible {
    background-color: var(--bb-primary-300)
}

.standard-nav-2>ul a.active .badge,.standard-nav-2>ul button.active .badge {
    background-color: var(--bb-neutral-100);
    color: var(--bb-neutral-850)
}

.standard-nav-2>ul a .badge,.standard-nav-2>ul button .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12px;
    height: 12px;
    padding: 2px 4px;
    background-color: var(--bb-primary-300);
    border-radius: 4px;
    color: var(--bb-neutral-100);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase
}

.input-slider-reset {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: #ddd;
    outline: none
}

.input-slider-reset::-webkit-slider-thumb {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: none
}

.input-slider-2-handles-container .sliders_control {
    position: relative;
    min-height: 16px
}

.input-slider-2-handles-container input[type=range] {
    width: 100%;
    position: absolute;
    pointer-events: none
}

@-moz-document url-prefix() {
    .input-slider-2-handles-container input[type=range] {
        pointer-events: initial
    }
}

.input-slider-2-handles-container input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 12px;
    height: 12px;
    background-color: var(--bb-primary-300);
    border-radius: 50%;
    margin-left: 4px
}

.input-slider-2-handles-container input[type=number] {
    width: 100%;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    display: inline;
    -moz-appearance: textfield
}

.input-slider-2-handles-container input[type=number]::-webkit-inner-spin-button,.input-slider-2-handles-container input[type=number]::-webkit-outer-spin-button {
    display: none
}

.input-slider-2-handles-container [data-from-slider] {
    height: 0;
    z-index: 1
}

.input-slider-2-handles-container [data-from-slider]::-webkit-slider-thumb {
    margin-top: 6px;
    margin-left: -4px !important
}

.input-slider-2-handles-container .form_control {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.input-slider-custom-1::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background: radial-gradient(var(--input-slider-custom-1) 4px, white 2px);
    border: 2px solid var(--input-slider-custom-1)
}

.input-slider-custom-2::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background: radial-gradient(var(--input-slider-custom-2) 4px, white 2px);
    border: 2px solid var(--input-slider-custom-2)
}

.input-slider-custom-3::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background: radial-gradient(var(--input-slider-custom-3) 4px, white 2px);
    border: 2px solid var(--input-slider-custom-3)
}

.input-slider-custom-3.show-full {
    pointer-events: none;
    background: var(--bb-primary-300);
    transform: rotate(180deg)
}

.input-slider-2-handles-container.show-full {
    pointer-events: none
}

.input-slider-2-handles-container.show-full .sliders_control input[type=range] {
    background: var(--bb-primary-300) !important
}

.input-slider-2-handles-container.show-full .sliders_control input[type=range]::-webkit-slider-thumb {
    visibility: hidden
}

.input-slider-2-handles-container.show-full .sliders_control input[type=range]::-moz-range-thumb {
    visibility: hidden
}

.bb-standard-new-dropdown {
    position: relative;
    width: 100%;
    z-index: 5;
    height: 36px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.02em
}

@media(min-width: 1024px) {
    .bb-standard-new-dropdown {
        font-weight:500;
        height: 40px
    }
}

.bb-standard-new-dropdown img {
    flex-shrink: 0
}

.bb-standard-new-dropdown>button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
    color: var(--bb-neutral-850);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.02em;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--bb-neutral-400)
}

@media(min-width: 1024px) {
    .bb-standard-new-dropdown>button {
        padding:12px
    }
}

.bb-standard-new-dropdown>button img:last-of-type,.bb-standard-new-dropdown>button .arrow-down-icon {
    margin-left: auto
}

.bb-standard-new-dropdown ul {
    display: none
}

.bb-standard-new-dropdown>ul {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    overflow-y: auto;
    max-height: 450px;
    border-left: 1px solid var(--bb-neutral-400);
    border-right: 1px solid var(--bb-neutral-400);
    border-bottom: 1px solid var(--bb-neutral-400)
}

.bb-standard-new-dropdown>ul li {
    padding: 12px;
    display: flex;
    gap: 8px;
    border-top: 1px solid #efefef;
    color: var(--bb-neutral-700)
}

.bb-standard-new-dropdown>ul li img:last-child {
    margin-left: auto
}

.bb-standard-new-dropdown>ul li.bg-green {
    background-color: #f0faf4
}

.bb-standard-new-dropdown.active>button {
    border-radius: 4px 4px 0 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.bb-standard-new-dropdown.active ul {
    display: block
}

.bb-standard-new-dropdown.active>button img:last-of-type,.bb-standard-new-dropdown.active button .arrow-down-icon {
    transform: rotate(180deg)
}

.bb-standard-dropdown-container .bb-standard-new-dropdown.active>button {
    background: #fff
}

.bb-standard-dropdown-container .bb-standard-new-dropdown.active ul li:first-child {
    border-top: none
}

.bb-standard-new-dropdown.post-tip>ul {
    max-height: 200px
}

.bb-standard-new-dropdown.post-tip.invalid>button {
    border-color: var(--bb-secondary-600)
}

.bb-standard-new-dropdown.accumulator {
    height: 44px
}

.bb-standard-new-dropdown.accumulator li {
    cursor: pointer
}

.bb-standard-new-dropdown.accumulator li.active {
    background: var(--bb-primary-50)
}

.switch {
    position: relative;
    display: block;
    width: 42px;
    height: 24px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 22px
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    background-color: var(--bb-neutral-400);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

input:checked+.slider::before {
    background-color: var(--bb-primary-300)
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

.switch.alwaysOn {
    width: 32px;
    height: 10px
}

.switch.alwaysOn .slider {
    height: 10px;
    top: 0;
    border-radius: 5px
}

.switch.alwaysOn .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0;
    top: -4px;
    background-color: var(--bb-primary-300);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.switch.compact {
    width: 32px;
    height: 16px
}

.switch.compact .slider {
    background-color: var(--bb-neutral-400);
    border: 0;
    border-radius: 8px
}

.switch.compact .slider:before {
    height: 14px;
    width: 14px;
    left: 1px;
    top: 1px;
    background-color: #fff
}

.switch.compact input:checked+.slider {
    background-color: var(--bb-primary-300)
}

.switch.compact input:checked+.slider::before,.switch.compact input:checked+.slider:before {
    background-color: #fff;
    transform: translateX(16px)
}

.gap-1 {
    gap: 0.0625rem
}

.gap-x-1 {
    column-gap: 0.0625rem
}

.gap-y-1 {
    row-gap: 0.0625rem
}

.gap-2 {
    gap: 0.125rem
}

.gap-x-2 {
    column-gap: 0.125rem
}

.gap-y-2 {
    row-gap: 0.125rem
}

.gap-4 {
    gap: 0.25rem
}

.gap-x-4 {
    column-gap: 0.25rem
}

.gap-y-4 {
    row-gap: 0.25rem
}

.gap-5 {
    gap: 0.3125rem
}

.gap-x-5 {
    column-gap: 0.3125rem
}

.gap-y-5 {
    row-gap: 0.3125rem
}

.gap-6 {
    gap: 0.375rem
}

.gap-x-6 {
    column-gap: 0.375rem
}

.gap-y-6 {
    row-gap: 0.375rem
}

.gap-8,.btn-load-more,.btn-filter,.btn-quaternary,.btn-tertiary {
    gap: 0.5rem
}

.gap-x-8 {
    column-gap: 0.5rem
}

.gap-y-8 {
    row-gap: 0.5rem
}

.gap-9 {
    gap: 0.5625rem
}

.gap-x-9 {
    column-gap: 0.5625rem
}

.gap-y-9 {
    row-gap: 0.5625rem
}

.gap-10,.btn-icon,.btn-load-more,.btn-icon-light,.btn-dash {
    gap: 0.625rem
}

.gap-x-10 {
    column-gap: 0.625rem
}

.gap-y-10 {
    row-gap: 0.625rem
}

.gap-12 {
    gap: 0.75rem
}

.gap-x-12 {
    column-gap: 0.75rem
}

.gap-y-12 {
    row-gap: 0.75rem
}

.gap-15 {
    gap: 0.9375rem
}

.gap-x-15 {
    column-gap: 0.9375rem
}

.gap-y-15 {
    row-gap: 0.9375rem
}

.gap-16 {
    gap: 1rem
}

.gap-x-16 {
    column-gap: 1rem
}

.gap-y-16 {
    row-gap: 1rem
}

.gap-20 {
    gap: 1.25rem
}

.gap-x-20 {
    column-gap: 1.25rem
}

.gap-y-20 {
    row-gap: 1.25rem
}

.gap-24 {
    gap: 1.5rem
}

.gap-x-24 {
    column-gap: 1.5rem
}

.gap-y-24 {
    row-gap: 1.5rem
}

.gap-30 {
    gap: 1.875rem
}

.gap-x-30 {
    column-gap: 1.875rem
}

.gap-y-30 {
    row-gap: 1.875rem
}

.gap-32 {
    gap: 2rem
}

.gap-x-32 {
    column-gap: 2rem
}

.gap-y-32 {
    row-gap: 2rem
}

.gap-40 {
    gap: 2.5rem
}

.gap-x-40 {
    column-gap: 2.5rem
}

.gap-y-40 {
    row-gap: 2.5rem
}

.gap-48 {
    gap: 3rem
}

.gap-x-48 {
    column-gap: 3rem
}

.gap-y-48 {
    row-gap: 3rem
}

.gap-50 {
    gap: 3.125rem
}

.gap-x-50 {
    column-gap: 3.125rem
}

.gap-y-50 {
    row-gap: 3.125rem
}

.gap-56 {
    gap: 3.5rem
}

.gap-x-56 {
    column-gap: 3.5rem
}

.gap-y-56 {
    row-gap: 3.5rem
}

.gap-60 {
    gap: 3.75rem
}

.gap-x-60 {
    column-gap: 3.75rem
}

.gap-y-60 {
    row-gap: 3.75rem
}

.gap-90 {
    gap: 5.625rem
}

.gap-x-90 {
    column-gap: 5.625rem
}

.gap-y-90 {
    row-gap: 5.625rem
}

.gap-92 {
    gap: 5.75rem
}

.gap-x-92 {
    column-gap: 5.75rem
}

.gap-y-92 {
    row-gap: 5.75rem
}

.gap-110 {
    gap: 6.875rem
}

.gap-x-110 {
    column-gap: 6.875rem
}

.gap-y-110 {
    row-gap: 6.875rem
}

.gap-116 {
    gap: 7.25rem
}

.gap-x-116 {
    column-gap: 7.25rem
}

.gap-y-116 {
    row-gap: 7.25rem
}

.gap-0 {
    gap: 0rem
}

.gap-x-0 {
    column-gap: 0rem
}

.gap-y-0 {
    row-gap: 0rem
}

.gap-0-important {
    gap: 0 !important
}

@media(min-width: 576px) {
    .gap-sm-1 {
        gap:0.0625rem
    }

    .gap-x-sm-1 {
        column-gap: 0.0625rem
    }

    .gap-y-sm-1 {
        row-gap: 0.0625rem
    }

    .gap-sm-2 {
        gap: 0.125rem
    }

    .gap-x-sm-2 {
        column-gap: 0.125rem
    }

    .gap-y-sm-2 {
        row-gap: 0.125rem
    }

    .gap-sm-4 {
        gap: 0.25rem
    }

    .gap-x-sm-4 {
        column-gap: 0.25rem
    }

    .gap-y-sm-4 {
        row-gap: 0.25rem
    }

    .gap-sm-5 {
        gap: 0.3125rem
    }

    .gap-x-sm-5 {
        column-gap: 0.3125rem
    }

    .gap-y-sm-5 {
        row-gap: 0.3125rem
    }

    .gap-sm-6 {
        gap: 0.375rem
    }

    .gap-x-sm-6 {
        column-gap: 0.375rem
    }

    .gap-y-sm-6 {
        row-gap: 0.375rem
    }

    .gap-sm-8 {
        gap: 0.5rem
    }

    .gap-x-sm-8 {
        column-gap: 0.5rem
    }

    .gap-y-sm-8 {
        row-gap: 0.5rem
    }

    .gap-sm-9 {
        gap: 0.5625rem
    }

    .gap-x-sm-9 {
        column-gap: 0.5625rem
    }

    .gap-y-sm-9 {
        row-gap: 0.5625rem
    }

    .gap-sm-10 {
        gap: 0.625rem
    }

    .gap-x-sm-10 {
        column-gap: 0.625rem
    }

    .gap-y-sm-10 {
        row-gap: 0.625rem
    }

    .gap-sm-12 {
        gap: 0.75rem
    }

    .gap-x-sm-12 {
        column-gap: 0.75rem
    }

    .gap-y-sm-12 {
        row-gap: 0.75rem
    }

    .gap-sm-15 {
        gap: 0.9375rem
    }

    .gap-x-sm-15 {
        column-gap: 0.9375rem
    }

    .gap-y-sm-15 {
        row-gap: 0.9375rem
    }

    .gap-sm-16 {
        gap: 1rem
    }

    .gap-x-sm-16 {
        column-gap: 1rem
    }

    .gap-y-sm-16 {
        row-gap: 1rem
    }

    .gap-sm-20 {
        gap: 1.25rem
    }

    .gap-x-sm-20 {
        column-gap: 1.25rem
    }

    .gap-y-sm-20 {
        row-gap: 1.25rem
    }

    .gap-sm-24 {
        gap: 1.5rem
    }

    .gap-x-sm-24 {
        column-gap: 1.5rem
    }

    .gap-y-sm-24 {
        row-gap: 1.5rem
    }

    .gap-sm-30 {
        gap: 1.875rem
    }

    .gap-x-sm-30 {
        column-gap: 1.875rem
    }

    .gap-y-sm-30 {
        row-gap: 1.875rem
    }

    .gap-sm-32 {
        gap: 2rem
    }

    .gap-x-sm-32 {
        column-gap: 2rem
    }

    .gap-y-sm-32 {
        row-gap: 2rem
    }

    .gap-sm-40 {
        gap: 2.5rem
    }

    .gap-x-sm-40 {
        column-gap: 2.5rem
    }

    .gap-y-sm-40 {
        row-gap: 2.5rem
    }

    .gap-sm-48 {
        gap: 3rem
    }

    .gap-x-sm-48 {
        column-gap: 3rem
    }

    .gap-y-sm-48 {
        row-gap: 3rem
    }

    .gap-sm-50 {
        gap: 3.125rem
    }

    .gap-x-sm-50 {
        column-gap: 3.125rem
    }

    .gap-y-sm-50 {
        row-gap: 3.125rem
    }

    .gap-sm-56 {
        gap: 3.5rem
    }

    .gap-x-sm-56 {
        column-gap: 3.5rem
    }

    .gap-y-sm-56 {
        row-gap: 3.5rem
    }

    .gap-sm-60 {
        gap: 3.75rem
    }

    .gap-x-sm-60 {
        column-gap: 3.75rem
    }

    .gap-y-sm-60 {
        row-gap: 3.75rem
    }

    .gap-sm-90 {
        gap: 5.625rem
    }

    .gap-x-sm-90 {
        column-gap: 5.625rem
    }

    .gap-y-sm-90 {
        row-gap: 5.625rem
    }

    .gap-sm-92 {
        gap: 5.75rem
    }

    .gap-x-sm-92 {
        column-gap: 5.75rem
    }

    .gap-y-sm-92 {
        row-gap: 5.75rem
    }

    .gap-sm-110 {
        gap: 6.875rem
    }

    .gap-x-sm-110 {
        column-gap: 6.875rem
    }

    .gap-y-sm-110 {
        row-gap: 6.875rem
    }

    .gap-sm-116 {
        gap: 7.25rem
    }

    .gap-x-sm-116 {
        column-gap: 7.25rem
    }

    .gap-y-sm-116 {
        row-gap: 7.25rem
    }

    .gap-sm-0 {
        gap: 0rem
    }

    .gap-x-sm-0 {
        column-gap: 0rem
    }

    .gap-y-sm-0 {
        row-gap: 0rem
    }
}

@media(min-width: 768px) {
    .gap-md-1 {
        gap:0.0625rem
    }

    .gap-x-md-1 {
        column-gap: 0.0625rem
    }

    .gap-y-md-1 {
        row-gap: 0.0625rem
    }

    .gap-md-2 {
        gap: 0.125rem
    }

    .gap-x-md-2 {
        column-gap: 0.125rem
    }

    .gap-y-md-2 {
        row-gap: 0.125rem
    }

    .gap-md-4 {
        gap: 0.25rem
    }

    .gap-x-md-4 {
        column-gap: 0.25rem
    }

    .gap-y-md-4 {
        row-gap: 0.25rem
    }

    .gap-md-5 {
        gap: 0.3125rem
    }

    .gap-x-md-5 {
        column-gap: 0.3125rem
    }

    .gap-y-md-5 {
        row-gap: 0.3125rem
    }

    .gap-md-6 {
        gap: 0.375rem
    }

    .gap-x-md-6 {
        column-gap: 0.375rem
    }

    .gap-y-md-6 {
        row-gap: 0.375rem
    }

    .gap-md-8 {
        gap: 0.5rem
    }

    .gap-x-md-8 {
        column-gap: 0.5rem
    }

    .gap-y-md-8 {
        row-gap: 0.5rem
    }

    .gap-md-9 {
        gap: 0.5625rem
    }

    .gap-x-md-9 {
        column-gap: 0.5625rem
    }

    .gap-y-md-9 {
        row-gap: 0.5625rem
    }

    .gap-md-10 {
        gap: 0.625rem
    }

    .gap-x-md-10 {
        column-gap: 0.625rem
    }

    .gap-y-md-10 {
        row-gap: 0.625rem
    }

    .gap-md-12 {
        gap: 0.75rem
    }

    .gap-x-md-12 {
        column-gap: 0.75rem
    }

    .gap-y-md-12 {
        row-gap: 0.75rem
    }

    .gap-md-15 {
        gap: 0.9375rem
    }

    .gap-x-md-15 {
        column-gap: 0.9375rem
    }

    .gap-y-md-15 {
        row-gap: 0.9375rem
    }

    .gap-md-16 {
        gap: 1rem
    }

    .gap-x-md-16 {
        column-gap: 1rem
    }

    .gap-y-md-16 {
        row-gap: 1rem
    }

    .gap-md-20 {
        gap: 1.25rem
    }

    .gap-x-md-20 {
        column-gap: 1.25rem
    }

    .gap-y-md-20 {
        row-gap: 1.25rem
    }

    .gap-md-24 {
        gap: 1.5rem
    }

    .gap-x-md-24 {
        column-gap: 1.5rem
    }

    .gap-y-md-24 {
        row-gap: 1.5rem
    }

    .gap-md-30 {
        gap: 1.875rem
    }

    .gap-x-md-30 {
        column-gap: 1.875rem
    }

    .gap-y-md-30 {
        row-gap: 1.875rem
    }

    .gap-md-32 {
        gap: 2rem
    }

    .gap-x-md-32 {
        column-gap: 2rem
    }

    .gap-y-md-32 {
        row-gap: 2rem
    }

    .gap-md-40 {
        gap: 2.5rem
    }

    .gap-x-md-40 {
        column-gap: 2.5rem
    }

    .gap-y-md-40 {
        row-gap: 2.5rem
    }

    .gap-md-48 {
        gap: 3rem
    }

    .gap-x-md-48 {
        column-gap: 3rem
    }

    .gap-y-md-48 {
        row-gap: 3rem
    }

    .gap-md-50 {
        gap: 3.125rem
    }

    .gap-x-md-50 {
        column-gap: 3.125rem
    }

    .gap-y-md-50 {
        row-gap: 3.125rem
    }

    .gap-md-56 {
        gap: 3.5rem
    }

    .gap-x-md-56 {
        column-gap: 3.5rem
    }

    .gap-y-md-56 {
        row-gap: 3.5rem
    }

    .gap-md-60 {
        gap: 3.75rem
    }

    .gap-x-md-60 {
        column-gap: 3.75rem
    }

    .gap-y-md-60 {
        row-gap: 3.75rem
    }

    .gap-md-90 {
        gap: 5.625rem
    }

    .gap-x-md-90 {
        column-gap: 5.625rem
    }

    .gap-y-md-90 {
        row-gap: 5.625rem
    }

    .gap-md-92 {
        gap: 5.75rem
    }

    .gap-x-md-92 {
        column-gap: 5.75rem
    }

    .gap-y-md-92 {
        row-gap: 5.75rem
    }

    .gap-md-110 {
        gap: 6.875rem
    }

    .gap-x-md-110 {
        column-gap: 6.875rem
    }

    .gap-y-md-110 {
        row-gap: 6.875rem
    }

    .gap-md-116 {
        gap: 7.25rem
    }

    .gap-x-md-116 {
        column-gap: 7.25rem
    }

    .gap-y-md-116 {
        row-gap: 7.25rem
    }

    .gap-md-0 {
        gap: 0rem
    }

    .gap-x-md-0 {
        column-gap: 0rem
    }

    .gap-y-md-0 {
        row-gap: 0rem
    }
}

@media(min-width: 1024px) {
    .gap-lg-1 {
        gap:0.0625rem
    }

    .gap-x-lg-1 {
        column-gap: 0.0625rem
    }

    .gap-y-lg-1 {
        row-gap: 0.0625rem
    }

    .gap-lg-2 {
        gap: 0.125rem
    }

    .gap-x-lg-2 {
        column-gap: 0.125rem
    }

    .gap-y-lg-2 {
        row-gap: 0.125rem
    }

    .gap-lg-4 {
        gap: 0.25rem
    }

    .gap-x-lg-4 {
        column-gap: 0.25rem
    }

    .gap-y-lg-4 {
        row-gap: 0.25rem
    }

    .gap-lg-5 {
        gap: 0.3125rem
    }

    .gap-x-lg-5 {
        column-gap: 0.3125rem
    }

    .gap-y-lg-5 {
        row-gap: 0.3125rem
    }

    .gap-lg-6 {
        gap: 0.375rem
    }

    .gap-x-lg-6 {
        column-gap: 0.375rem
    }

    .gap-y-lg-6 {
        row-gap: 0.375rem
    }

    .gap-lg-8 {
        gap: 0.5rem
    }

    .gap-x-lg-8 {
        column-gap: 0.5rem
    }

    .gap-y-lg-8 {
        row-gap: 0.5rem
    }

    .gap-lg-9 {
        gap: 0.5625rem
    }

    .gap-x-lg-9 {
        column-gap: 0.5625rem
    }

    .gap-y-lg-9 {
        row-gap: 0.5625rem
    }

    .gap-lg-10 {
        gap: 0.625rem
    }

    .gap-x-lg-10 {
        column-gap: 0.625rem
    }

    .gap-y-lg-10 {
        row-gap: 0.625rem
    }

    .gap-lg-12 {
        gap: 0.75rem
    }

    .gap-x-lg-12 {
        column-gap: 0.75rem
    }

    .gap-y-lg-12 {
        row-gap: 0.75rem
    }

    .gap-lg-15 {
        gap: 0.9375rem
    }

    .gap-x-lg-15 {
        column-gap: 0.9375rem
    }

    .gap-y-lg-15 {
        row-gap: 0.9375rem
    }

    .gap-lg-16 {
        gap: 1rem
    }

    .gap-x-lg-16 {
        column-gap: 1rem
    }

    .gap-y-lg-16 {
        row-gap: 1rem
    }

    .gap-lg-20 {
        gap: 1.25rem
    }

    .gap-x-lg-20 {
        column-gap: 1.25rem
    }

    .gap-y-lg-20 {
        row-gap: 1.25rem
    }

    .gap-lg-24 {
        gap: 1.5rem
    }

    .gap-x-lg-24 {
        column-gap: 1.5rem
    }

    .gap-y-lg-24 {
        row-gap: 1.5rem
    }

    .gap-lg-30 {
        gap: 1.875rem
    }

    .gap-x-lg-30 {
        column-gap: 1.875rem
    }

    .gap-y-lg-30 {
        row-gap: 1.875rem
    }

    .gap-lg-32 {
        gap: 2rem
    }

    .gap-x-lg-32 {
        column-gap: 2rem
    }

    .gap-y-lg-32 {
        row-gap: 2rem
    }

    .gap-lg-40 {
        gap: 2.5rem
    }

    .gap-x-lg-40 {
        column-gap: 2.5rem
    }

    .gap-y-lg-40 {
        row-gap: 2.5rem
    }

    .gap-lg-48 {
        gap: 3rem
    }

    .gap-x-lg-48 {
        column-gap: 3rem
    }

    .gap-y-lg-48 {
        row-gap: 3rem
    }

    .gap-lg-50 {
        gap: 3.125rem
    }

    .gap-x-lg-50 {
        column-gap: 3.125rem
    }

    .gap-y-lg-50 {
        row-gap: 3.125rem
    }

    .gap-lg-56 {
        gap: 3.5rem
    }

    .gap-x-lg-56 {
        column-gap: 3.5rem
    }

    .gap-y-lg-56 {
        row-gap: 3.5rem
    }

    .gap-lg-60 {
        gap: 3.75rem
    }

    .gap-x-lg-60 {
        column-gap: 3.75rem
    }

    .gap-y-lg-60 {
        row-gap: 3.75rem
    }

    .gap-lg-90 {
        gap: 5.625rem
    }

    .gap-x-lg-90 {
        column-gap: 5.625rem
    }

    .gap-y-lg-90 {
        row-gap: 5.625rem
    }

    .gap-lg-92 {
        gap: 5.75rem
    }

    .gap-x-lg-92 {
        column-gap: 5.75rem
    }

    .gap-y-lg-92 {
        row-gap: 5.75rem
    }

    .gap-lg-110 {
        gap: 6.875rem
    }

    .gap-x-lg-110 {
        column-gap: 6.875rem
    }

    .gap-y-lg-110 {
        row-gap: 6.875rem
    }

    .gap-lg-116 {
        gap: 7.25rem
    }

    .gap-x-lg-116 {
        column-gap: 7.25rem
    }

    .gap-y-lg-116 {
        row-gap: 7.25rem
    }

    .gap-lg-0 {
        gap: 0rem
    }

    .gap-x-lg-0 {
        column-gap: 0rem
    }

    .gap-y-lg-0 {
        row-gap: 0rem
    }
}

@media(min-width: 1280px) {
    .gap-xl-1 {
        gap:0.0625rem
    }

    .gap-x-xl-1 {
        column-gap: 0.0625rem
    }

    .gap-y-xl-1 {
        row-gap: 0.0625rem
    }

    .gap-xl-2 {
        gap: 0.125rem
    }

    .gap-x-xl-2 {
        column-gap: 0.125rem
    }

    .gap-y-xl-2 {
        row-gap: 0.125rem
    }

    .gap-xl-4 {
        gap: 0.25rem
    }

    .gap-x-xl-4 {
        column-gap: 0.25rem
    }

    .gap-y-xl-4 {
        row-gap: 0.25rem
    }

    .gap-xl-5 {
        gap: 0.3125rem
    }

    .gap-x-xl-5 {
        column-gap: 0.3125rem
    }

    .gap-y-xl-5 {
        row-gap: 0.3125rem
    }

    .gap-xl-6 {
        gap: 0.375rem
    }

    .gap-x-xl-6 {
        column-gap: 0.375rem
    }

    .gap-y-xl-6 {
        row-gap: 0.375rem
    }

    .gap-xl-8 {
        gap: 0.5rem
    }

    .gap-x-xl-8 {
        column-gap: 0.5rem
    }

    .gap-y-xl-8 {
        row-gap: 0.5rem
    }

    .gap-xl-9 {
        gap: 0.5625rem
    }

    .gap-x-xl-9 {
        column-gap: 0.5625rem
    }

    .gap-y-xl-9 {
        row-gap: 0.5625rem
    }

    .gap-xl-10 {
        gap: 0.625rem
    }

    .gap-x-xl-10 {
        column-gap: 0.625rem
    }

    .gap-y-xl-10 {
        row-gap: 0.625rem
    }

    .gap-xl-12 {
        gap: 0.75rem
    }

    .gap-x-xl-12 {
        column-gap: 0.75rem
    }

    .gap-y-xl-12 {
        row-gap: 0.75rem
    }

    .gap-xl-15 {
        gap: 0.9375rem
    }

    .gap-x-xl-15 {
        column-gap: 0.9375rem
    }

    .gap-y-xl-15 {
        row-gap: 0.9375rem
    }

    .gap-xl-16 {
        gap: 1rem
    }

    .gap-x-xl-16 {
        column-gap: 1rem
    }

    .gap-y-xl-16 {
        row-gap: 1rem
    }

    .gap-xl-20 {
        gap: 1.25rem
    }

    .gap-x-xl-20 {
        column-gap: 1.25rem
    }

    .gap-y-xl-20 {
        row-gap: 1.25rem
    }

    .gap-xl-24 {
        gap: 1.5rem
    }

    .gap-x-xl-24 {
        column-gap: 1.5rem
    }

    .gap-y-xl-24 {
        row-gap: 1.5rem
    }

    .gap-xl-30 {
        gap: 1.875rem
    }

    .gap-x-xl-30 {
        column-gap: 1.875rem
    }

    .gap-y-xl-30 {
        row-gap: 1.875rem
    }

    .gap-xl-32 {
        gap: 2rem
    }

    .gap-x-xl-32 {
        column-gap: 2rem
    }

    .gap-y-xl-32 {
        row-gap: 2rem
    }

    .gap-xl-40 {
        gap: 2.5rem
    }

    .gap-x-xl-40 {
        column-gap: 2.5rem
    }

    .gap-y-xl-40 {
        row-gap: 2.5rem
    }

    .gap-xl-48 {
        gap: 3rem
    }

    .gap-x-xl-48 {
        column-gap: 3rem
    }

    .gap-y-xl-48 {
        row-gap: 3rem
    }

    .gap-xl-50 {
        gap: 3.125rem
    }

    .gap-x-xl-50 {
        column-gap: 3.125rem
    }

    .gap-y-xl-50 {
        row-gap: 3.125rem
    }

    .gap-xl-56 {
        gap: 3.5rem
    }

    .gap-x-xl-56 {
        column-gap: 3.5rem
    }

    .gap-y-xl-56 {
        row-gap: 3.5rem
    }

    .gap-xl-60 {
        gap: 3.75rem
    }

    .gap-x-xl-60 {
        column-gap: 3.75rem
    }

    .gap-y-xl-60 {
        row-gap: 3.75rem
    }

    .gap-xl-90 {
        gap: 5.625rem
    }

    .gap-x-xl-90 {
        column-gap: 5.625rem
    }

    .gap-y-xl-90 {
        row-gap: 5.625rem
    }

    .gap-xl-92 {
        gap: 5.75rem
    }

    .gap-x-xl-92 {
        column-gap: 5.75rem
    }

    .gap-y-xl-92 {
        row-gap: 5.75rem
    }

    .gap-xl-110 {
        gap: 6.875rem
    }

    .gap-x-xl-110 {
        column-gap: 6.875rem
    }

    .gap-y-xl-110 {
        row-gap: 6.875rem
    }

    .gap-xl-116 {
        gap: 7.25rem
    }

    .gap-x-xl-116 {
        column-gap: 7.25rem
    }

    .gap-y-xl-116 {
        row-gap: 7.25rem
    }

    .gap-xl-0 {
        gap: 0rem
    }

    .gap-x-xl-0 {
        column-gap: 0rem
    }

    .gap-y-xl-0 {
        row-gap: 0rem
    }
}

@media(min-width: 1470px) {
    .gap-xxl-1 {
        gap:0.0625rem
    }

    .gap-x-xxl-1 {
        column-gap: 0.0625rem
    }

    .gap-y-xxl-1 {
        row-gap: 0.0625rem
    }

    .gap-xxl-2 {
        gap: 0.125rem
    }

    .gap-x-xxl-2 {
        column-gap: 0.125rem
    }

    .gap-y-xxl-2 {
        row-gap: 0.125rem
    }

    .gap-xxl-4 {
        gap: 0.25rem
    }

    .gap-x-xxl-4 {
        column-gap: 0.25rem
    }

    .gap-y-xxl-4 {
        row-gap: 0.25rem
    }

    .gap-xxl-5 {
        gap: 0.3125rem
    }

    .gap-x-xxl-5 {
        column-gap: 0.3125rem
    }

    .gap-y-xxl-5 {
        row-gap: 0.3125rem
    }

    .gap-xxl-6 {
        gap: 0.375rem
    }

    .gap-x-xxl-6 {
        column-gap: 0.375rem
    }

    .gap-y-xxl-6 {
        row-gap: 0.375rem
    }

    .gap-xxl-8 {
        gap: 0.5rem
    }

    .gap-x-xxl-8 {
        column-gap: 0.5rem
    }

    .gap-y-xxl-8 {
        row-gap: 0.5rem
    }

    .gap-xxl-9 {
        gap: 0.5625rem
    }

    .gap-x-xxl-9 {
        column-gap: 0.5625rem
    }

    .gap-y-xxl-9 {
        row-gap: 0.5625rem
    }

    .gap-xxl-10 {
        gap: 0.625rem
    }

    .gap-x-xxl-10 {
        column-gap: 0.625rem
    }

    .gap-y-xxl-10 {
        row-gap: 0.625rem
    }

    .gap-xxl-12 {
        gap: 0.75rem
    }

    .gap-x-xxl-12 {
        column-gap: 0.75rem
    }

    .gap-y-xxl-12 {
        row-gap: 0.75rem
    }

    .gap-xxl-15 {
        gap: 0.9375rem
    }

    .gap-x-xxl-15 {
        column-gap: 0.9375rem
    }

    .gap-y-xxl-15 {
        row-gap: 0.9375rem
    }

    .gap-xxl-16 {
        gap: 1rem
    }

    .gap-x-xxl-16 {
        column-gap: 1rem
    }

    .gap-y-xxl-16 {
        row-gap: 1rem
    }

    .gap-xxl-20 {
        gap: 1.25rem
    }

    .gap-x-xxl-20 {
        column-gap: 1.25rem
    }

    .gap-y-xxl-20 {
        row-gap: 1.25rem
    }

    .gap-xxl-24 {
        gap: 1.5rem
    }

    .gap-x-xxl-24 {
        column-gap: 1.5rem
    }

    .gap-y-xxl-24 {
        row-gap: 1.5rem
    }

    .gap-xxl-30 {
        gap: 1.875rem
    }

    .gap-x-xxl-30 {
        column-gap: 1.875rem
    }

    .gap-y-xxl-30 {
        row-gap: 1.875rem
    }

    .gap-xxl-32 {
        gap: 2rem
    }

    .gap-x-xxl-32 {
        column-gap: 2rem
    }

    .gap-y-xxl-32 {
        row-gap: 2rem
    }

    .gap-xxl-40 {
        gap: 2.5rem
    }

    .gap-x-xxl-40 {
        column-gap: 2.5rem
    }

    .gap-y-xxl-40 {
        row-gap: 2.5rem
    }

    .gap-xxl-48 {
        gap: 3rem
    }

    .gap-x-xxl-48 {
        column-gap: 3rem
    }

    .gap-y-xxl-48 {
        row-gap: 3rem
    }

    .gap-xxl-50 {
        gap: 3.125rem
    }

    .gap-x-xxl-50 {
        column-gap: 3.125rem
    }

    .gap-y-xxl-50 {
        row-gap: 3.125rem
    }

    .gap-xxl-56 {
        gap: 3.5rem
    }

    .gap-x-xxl-56 {
        column-gap: 3.5rem
    }

    .gap-y-xxl-56 {
        row-gap: 3.5rem
    }

    .gap-xxl-60 {
        gap: 3.75rem
    }

    .gap-x-xxl-60 {
        column-gap: 3.75rem
    }

    .gap-y-xxl-60 {
        row-gap: 3.75rem
    }

    .gap-xxl-90 {
        gap: 5.625rem
    }

    .gap-x-xxl-90 {
        column-gap: 5.625rem
    }

    .gap-y-xxl-90 {
        row-gap: 5.625rem
    }

    .gap-xxl-92 {
        gap: 5.75rem
    }

    .gap-x-xxl-92 {
        column-gap: 5.75rem
    }

    .gap-y-xxl-92 {
        row-gap: 5.75rem
    }

    .gap-xxl-110 {
        gap: 6.875rem
    }

    .gap-x-xxl-110 {
        column-gap: 6.875rem
    }

    .gap-y-xxl-110 {
        row-gap: 6.875rem
    }

    .gap-xxl-116 {
        gap: 7.25rem
    }

    .gap-x-xxl-116 {
        column-gap: 7.25rem
    }

    .gap-y-xxl-116 {
        row-gap: 7.25rem
    }

    .gap-xxl-0 {
        gap: 0rem
    }

    .gap-x-xxl-0 {
        column-gap: 0rem
    }

    .gap-y-xxl-0 {
        row-gap: 0rem
    }
}

.order--2 {
    order: -2
}

.order--1 {
    order: -1
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid-cols-300-1fr {
    grid-template-columns: 300px 1fr
}

.grid-cols-1fr-300 {
    grid-template-columns: 1fr 300px
}

.grid-cols-190-1fr {
    grid-template-columns: 190px 1fr
}

.grid-cols-1fr-410 {
    grid-template-columns: 1fr 410px
}

.grid-cols-1fr-540 {
    grid-template-columns: 1fr 540px
}

.grid-cols-repeat-130-1fr {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr))
}

.grid-cols-repeat-150-1fr {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
}

.d-flex,.flex,.btn-load-more,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-filter,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.d-grid,.grid {
    display: grid
}

.inline-grid,input[type=radio],input[type=checkbox] {
    display: inline-grid
}

.d-block,.block {
    display: block
}

.inline-block {
    display: inline-block
}

.table {
    display: table
}

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

.flex-row {
    flex-direction: row
}

.flex-row-important {
    flex-direction: row !important
}

.flex-column,.flex-col {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-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
}

.flex-2 {
    flex: 2
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.grow-0-important {
    flex-grow: 0 !important
}

.shrink,.flex-shrink-1 {
    flex-shrink: 1
}

.shrink-0,.flex-shrink-0 {
    flex-shrink: 0
}

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

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

.items-center,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled,.align-center,.btn-load-more,.btn-filter {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.items-initial {
    align-items: initial
}

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

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

.content-center {
    align-content: center
}

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

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

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

.content-baseline {
    align-content: baseline
}

.content-normal {
    align-content: normal
}

.self-auto {
    align-self: auto
}

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

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

.self-center {
    align-self: center
}

.self-stretch,.align-self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

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

.justify-start-important {
    justify-content: flex-start !important
}

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

.justify-center,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    justify-content: center
}

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

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

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

.justify-stretch {
    justify-content: stretch
}

.justify-normal {
    justify-content: normal
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.sticky {
    position: sticky
}

.relative {
    position: relative
}

.static {
    position: static
}

@media(min-width: 1024px) {
    .static-lg {
        position:static
    }
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.overflow-initial {
    overflow: initial
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-auto-important {
    overflow-y: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.place-content-center,input[type=radio],input[type=checkbox] {
    place-content: center
}

.w100 {
    width: 100%
}

.w-screen {
    width: 100vw
}

.w-dvw {
    width: 100dvw
}

.w-dvh {
    width: 100dvh
}

.max-1280 {
    max-width: 1280px
}

.max-1304 {
    max-width: 1304px
}

.max-1024 {
    max-width: 1024px
}

.max-900 {
    max-width: 900px
}

.max-600 {
    max-width: 600px
}

.max-dvw {
    max-width: 100dvw
}

.max-dvw-32 {
    max-width: calc(100dvw - 32px)
}

.max100 {
    max-width: 100%
}

.max-w-90vw {
    max-width: 90vw
}

.h100 {
    height: 100%
}

.h-dvh {
    height: 100dvh
}

.h-auto {
    height: auto
}

.border-collapse {
    border-collapse: collapse
}

.align-middle {
    vertical-align: middle
}

.table-align-middle * {
    vertical-align: middle
}

.invisibile {
    visibility: hidden
}

.self-stretch {
    align-self: stretch
}

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

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

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-none {
    object-fit: none
}

.object-scale-down {
    object-fit: scale-down
}

.hidden,.Hidden,[hidden] {
    display: none
}

.hidden-important {
    display: none !important
}

@media(width < 768px) {
    .hidden-under-md {
        display: none
    }

    .float-under-right {
        float: right
    }

    .float-under-left {
        float: left
    }
}

@media(width > 768px) {
    .hidden-over-md {
        display: none
    }
}

@media(width < 1024px) {
    .hidden-under-lg {
        display: none
    }
}

@media(width >= 1024px) {
    .hidden-over-lg {
        display: none
    }
}

@media(width >= 1280px) {
    .hidden-over-xl {
        display: none
    }
}

@media(min-width: 1024px) {
    .justify-lg-center {
        justify-content:center
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .align-lg-center {
        align-items: center !important
    }

    .align-lg-start {
        align-items: flex-start !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .h-lg-auto {
        height: auto !important
    }
}

@media(min-width: 768px) {
    .d-md-flex,.flex-md {
        display:flex
    }

    .d-md-grid,.grid-md {
        display: grid
    }

    .flex-md-1 {
        flex: 1
    }

    .grow-md {
        flex-grow: 1
    }

    .grow-md-0 {
        flex-grow: 0
    }

    .shrink-md,.flex-shrink-md-0 {
        flex-shrink: 1
    }

    .shrink-0,.flex-shrink-md-1 {
        flex-shrink: 0
    }

    .justify-md-center {
        justify-content: center
    }

    .justify-md-start {
        justify-content: start
    }

    .justify-md-end {
        justify-content: end
    }

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

    .flex-md-row {
        flex-direction: row
    }

    .flex-md-column {
        flex-direction: column
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse
    }

    .items-md-end,.align-md-end {
        align-items: flex-end
    }

    .items-md-center,.align-md-center {
        align-items: center
    }

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

    .h100-md {
        height: 100%
    }

    .max-md-unset {
        max-width: unset
    }

    .max-md-344 {
        max-width: 344px
    }

    .max-md-360 {
        max-width: 360px
    }
}

@media(min-width: 576px) {
    .align-sm-center {
        align-items:center
    }

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

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

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

    .flex-column-sm,.flex-column-min-sm {
        flex-direction: column
    }
}

.columns-2 {
    column-count: 2
}

.invisible {
    visibility: hidden
}

.basis-0 {
    flex-basis: 0
}

.basis40 {
    flex-basis: 40%
}

.basis100 {
    flex-basis: 100%
}

.basis-80 {
    flex-basis: 80px
}

.basis-102 {
    flex-basis: 102px
}

.basis-120 {
    flex-basis: 120px
}

.basis-200 {
    flex-basis: 200px
}

.absolute-center {
    left: 50% !important;
    transform: translateX(-50%)
}

.absolute-center-all {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%)
}

.aspect-16-10 {
    aspect-ratio: 16/10
}

.t--3 {
    top: -3px
}

.l--3 {
    left: -3px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-99999 {
    z-index: 99999
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.flex-cols-0 {
    flex-basis: calc(100% / 12 * 0)
}

@media(min-width: 576px) {
    .flex-cols-sm-0 {
        flex-basis:calc(100% / 12 * 0)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-0 {
        flex-basis:calc(100% / 12 * 0)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-0 {
        flex-basis:calc(100% / 12 * 0)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-0 {
        flex-basis:calc(100% / 12 * 0)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-0 {
        flex-basis:calc(100% / 12 * 0)
    }
}

.flex-cols-1 {
    flex-basis: calc(100% / 12 * 1)
}

@media(min-width: 576px) {
    .flex-cols-sm-1 {
        flex-basis:calc(100% / 12 * 1)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-1 {
        flex-basis:calc(100% / 12 * 1)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-1 {
        flex-basis:calc(100% / 12 * 1)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-1 {
        flex-basis:calc(100% / 12 * 1)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-1 {
        flex-basis:calc(100% / 12 * 1)
    }
}

.flex-cols-2 {
    flex-basis: calc(100% / 12 * 2)
}

@media(min-width: 576px) {
    .flex-cols-sm-2 {
        flex-basis:calc(100% / 12 * 2)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-2 {
        flex-basis:calc(100% / 12 * 2)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-2 {
        flex-basis:calc(100% / 12 * 2)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-2 {
        flex-basis:calc(100% / 12 * 2)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-2 {
        flex-basis:calc(100% / 12 * 2)
    }
}

.flex-cols-3 {
    flex-basis: calc(100% / 12 * 3)
}

@media(min-width: 576px) {
    .flex-cols-sm-3 {
        flex-basis:calc(100% / 12 * 3)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-3 {
        flex-basis:calc(100% / 12 * 3)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-3 {
        flex-basis:calc(100% / 12 * 3)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-3 {
        flex-basis:calc(100% / 12 * 3)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-3 {
        flex-basis:calc(100% / 12 * 3)
    }
}

.flex-cols-4 {
    flex-basis: calc(100% / 12 * 4)
}

@media(min-width: 576px) {
    .flex-cols-sm-4 {
        flex-basis:calc(100% / 12 * 4)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-4 {
        flex-basis:calc(100% / 12 * 4)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-4 {
        flex-basis:calc(100% / 12 * 4)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-4 {
        flex-basis:calc(100% / 12 * 4)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-4 {
        flex-basis:calc(100% / 12 * 4)
    }
}

.flex-cols-5 {
    flex-basis: calc(100% / 12 * 5)
}

@media(min-width: 576px) {
    .flex-cols-sm-5 {
        flex-basis:calc(100% / 12 * 5)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-5 {
        flex-basis:calc(100% / 12 * 5)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-5 {
        flex-basis:calc(100% / 12 * 5)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-5 {
        flex-basis:calc(100% / 12 * 5)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-5 {
        flex-basis:calc(100% / 12 * 5)
    }
}

.flex-cols-6 {
    flex-basis: calc(100% / 12 * 6)
}

@media(min-width: 576px) {
    .flex-cols-sm-6 {
        flex-basis:calc(100% / 12 * 6)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-6 {
        flex-basis:calc(100% / 12 * 6)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-6 {
        flex-basis:calc(100% / 12 * 6)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-6 {
        flex-basis:calc(100% / 12 * 6)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-6 {
        flex-basis:calc(100% / 12 * 6)
    }
}

.flex-cols-7 {
    flex-basis: calc(100% / 12 * 7)
}

@media(min-width: 576px) {
    .flex-cols-sm-7 {
        flex-basis:calc(100% / 12 * 7)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-7 {
        flex-basis:calc(100% / 12 * 7)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-7 {
        flex-basis:calc(100% / 12 * 7)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-7 {
        flex-basis:calc(100% / 12 * 7)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-7 {
        flex-basis:calc(100% / 12 * 7)
    }
}

.flex-cols-8 {
    flex-basis: calc(100% / 12 * 8)
}

@media(min-width: 576px) {
    .flex-cols-sm-8 {
        flex-basis:calc(100% / 12 * 8)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-8 {
        flex-basis:calc(100% / 12 * 8)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-8 {
        flex-basis:calc(100% / 12 * 8)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-8 {
        flex-basis:calc(100% / 12 * 8)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-8 {
        flex-basis:calc(100% / 12 * 8)
    }
}

.flex-cols-9 {
    flex-basis: calc(100% / 12 * 9)
}

@media(min-width: 576px) {
    .flex-cols-sm-9 {
        flex-basis:calc(100% / 12 * 9)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-9 {
        flex-basis:calc(100% / 12 * 9)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-9 {
        flex-basis:calc(100% / 12 * 9)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-9 {
        flex-basis:calc(100% / 12 * 9)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-9 {
        flex-basis:calc(100% / 12 * 9)
    }
}

.flex-cols-10 {
    flex-basis: calc(100% / 12 * 10)
}

@media(min-width: 576px) {
    .flex-cols-sm-10 {
        flex-basis:calc(100% / 12 * 10)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-10 {
        flex-basis:calc(100% / 12 * 10)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-10 {
        flex-basis:calc(100% / 12 * 10)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-10 {
        flex-basis:calc(100% / 12 * 10)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-10 {
        flex-basis:calc(100% / 12 * 10)
    }
}

.flex-cols-11 {
    flex-basis: calc(100% / 12 * 11)
}

@media(min-width: 576px) {
    .flex-cols-sm-11 {
        flex-basis:calc(100% / 12 * 11)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-11 {
        flex-basis:calc(100% / 12 * 11)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-11 {
        flex-basis:calc(100% / 12 * 11)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-11 {
        flex-basis:calc(100% / 12 * 11)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-11 {
        flex-basis:calc(100% / 12 * 11)
    }
}

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

@media(min-width: 576px) {
    .flex-cols-sm-12 {
        flex-basis:calc(100% / 12 * 12)
    }
}

@media(min-width: 768px) {
    .flex-cols-md-12 {
        flex-basis:calc(100% / 12 * 12)
    }
}

@media(min-width: 1024px) {
    .flex-cols-lg-12 {
        flex-basis:calc(100% / 12 * 12)
    }
}

@media(min-width: 1280px) {
    .flex-cols-xl-12 {
        flex-basis:calc(100% / 12 * 12)
    }
}

@media(min-width: 1470px) {
    .flex-cols-xxl-12 {
        flex-basis:calc(100% / 12 * 12)
    }
}

.order--1 {
    order: -1
}

.order--2 {
    order: -2
}

.min-w-960 {
    width: min(960px,95vw)
}

.m-1 {
    margin: 0.0625rem
}

.mx-1 {
    margin-left: 0.0625rem;
    margin-right: 0.0625rem
}

.mx--1 {
    margin-left: -0.0625rem;
    margin-right: -0.0625rem
}

.my-1 {
    margin-top: 0.0625rem;
    margin-bottom: 0.0625rem
}

.ml-1 {
    margin-left: 0.0625rem
}

.ml--1 {
    margin-left: -0.0625rem
}

.mr-1 {
    margin-right: 0.0625rem
}

.mb-1 {
    margin-bottom: 0.0625rem
}

.mb--1 {
    margin-bottom: -0.0625rem
}

.mt-1 {
    margin-top: 0.0625rem
}

.mt--1 {
    margin-top: -0.0625rem
}

.p-1 {
    padding: 0.0625rem
}

.p-1-important {
    padding: 0.0625rem !important
}

.px-1 {
    padding-left: 0.0625rem;
    padding-right: 0.0625rem
}

.py-1 {
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem
}

.pl-1 {
    padding-left: 0.0625rem
}

.pr-1 {
    padding-right: 0.0625rem
}

.pb-1 {
    padding-bottom: 0.0625rem
}

.pt-1 {
    padding-top: 0.0625rem
}

.m-2 {
    margin: 0.125rem
}

.mx-2 {
    margin-left: 0.125rem;
    margin-right: 0.125rem
}

.mx--2 {
    margin-left: -0.125rem;
    margin-right: -0.125rem
}

.my-2 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem
}

.ml-2 {
    margin-left: 0.125rem
}

.ml--2 {
    margin-left: -0.125rem
}

.mr-2 {
    margin-right: 0.125rem
}

.mb-2 {
    margin-bottom: 0.125rem
}

.mb--2 {
    margin-bottom: -0.125rem
}

.mt-2 {
    margin-top: 0.125rem
}

.mt--2 {
    margin-top: -0.125rem
}

.p-2 {
    padding: 0.125rem
}

.p-2-important {
    padding: 0.125rem !important
}

.px-2 {
    padding-left: 0.125rem;
    padding-right: 0.125rem
}

.py-2 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}

.pl-2 {
    padding-left: 0.125rem
}

.pr-2 {
    padding-right: 0.125rem
}

.pb-2 {
    padding-bottom: 0.125rem
}

.pt-2 {
    padding-top: 0.125rem
}

.m-3 {
    margin: 0.1875rem
}

.mx-3 {
    margin-left: 0.1875rem;
    margin-right: 0.1875rem
}

.mx--3 {
    margin-left: -0.1875rem;
    margin-right: -0.1875rem
}

.my-3 {
    margin-top: 0.1875rem;
    margin-bottom: 0.1875rem
}

.ml-3 {
    margin-left: 0.1875rem
}

.ml--3 {
    margin-left: -0.1875rem
}

.mr-3 {
    margin-right: 0.1875rem
}

.mb-3 {
    margin-bottom: 0.1875rem
}

.mb--3 {
    margin-bottom: -0.1875rem
}

.mt-3 {
    margin-top: 0.1875rem
}

.mt--3 {
    margin-top: -0.1875rem
}

.p-3 {
    padding: 0.1875rem
}

.p-3-important {
    padding: 0.1875rem !important
}

.px-3 {
    padding-left: 0.1875rem;
    padding-right: 0.1875rem
}

.py-3 {
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem
}

.pl-3 {
    padding-left: 0.1875rem
}

.pr-3 {
    padding-right: 0.1875rem
}

.pb-3 {
    padding-bottom: 0.1875rem
}

.pt-3 {
    padding-top: 0.1875rem
}

.m-4 {
    margin: 0.25rem
}

.mx-4 {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}

.mx--4 {
    margin-left: -0.25rem;
    margin-right: -0.25rem
}

.my-4 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}

.ml-4 {
    margin-left: 0.25rem
}

.ml--4 {
    margin-left: -0.25rem
}

.mr-4 {
    margin-right: 0.25rem
}

.mb-4 {
    margin-bottom: 0.25rem
}

.mb--4 {
    margin-bottom: -0.25rem
}

.mt-4 {
    margin-top: 0.25rem
}

.mt--4 {
    margin-top: -0.25rem
}

.p-4 {
    padding: 0.25rem
}

.p-4-important {
    padding: 0.25rem !important
}

.px-4 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}

.py-4 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}

.pl-4 {
    padding-left: 0.25rem
}

.pr-4 {
    padding-right: 0.25rem
}

.pb-4 {
    padding-bottom: 0.25rem
}

.pt-4 {
    padding-top: 0.25rem
}

.m-6 {
    margin: 0.375rem
}

.mx-6 {
    margin-left: 0.375rem;
    margin-right: 0.375rem
}

.mx--6 {
    margin-left: -0.375rem;
    margin-right: -0.375rem
}

.my-6 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem
}

.ml-6 {
    margin-left: 0.375rem
}

.ml--6 {
    margin-left: -0.375rem
}

.mr-6 {
    margin-right: 0.375rem
}

.mb-6 {
    margin-bottom: 0.375rem
}

.mb--6 {
    margin-bottom: -0.375rem
}

.mt-6 {
    margin-top: 0.375rem
}

.mt--6 {
    margin-top: -0.375rem
}

.p-6 {
    padding: 0.375rem
}

.p-6-important {
    padding: 0.375rem !important
}

.px-6 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}

.py-6 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}

.pl-6 {
    padding-left: 0.375rem
}

.pr-6 {
    padding-right: 0.375rem
}

.pb-6 {
    padding-bottom: 0.375rem
}

.pt-6 {
    padding-top: 0.375rem
}

.m-8 {
    margin: 0.5rem
}

.mx-8 {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

.mx--8 {
    margin-left: -0.5rem;
    margin-right: -0.5rem
}

.my-8 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.ml-8 {
    margin-left: 0.5rem
}

.ml--8 {
    margin-left: -0.5rem
}

.mr-8 {
    margin-right: 0.5rem
}

.mb-8 {
    margin-bottom: 0.5rem
}

.mb--8 {
    margin-bottom: -0.5rem
}

.mt-8 {
    margin-top: 0.5rem
}

.mt--8 {
    margin-top: -0.5rem
}

.p-8,textarea {
    padding: 0.5rem
}

.p-8-important {
    padding: 0.5rem !important
}

.px-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.py-8,.btn-filter {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.pl-8 {
    padding-left: 0.5rem
}

.pr-8 {
    padding-right: 0.5rem
}

.pb-8 {
    padding-bottom: 0.5rem
}

.pt-8 {
    padding-top: 0.5rem
}

.m-10 {
    margin: 0.625rem
}

.mx-10 {
    margin-left: 0.625rem;
    margin-right: 0.625rem
}

.mx--10 {
    margin-left: -0.625rem;
    margin-right: -0.625rem
}

.my-10 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}

.ml-10 {
    margin-left: 0.625rem
}

.ml--10 {
    margin-left: -0.625rem
}

.mr-10 {
    margin-right: 0.625rem
}

.mb-10 {
    margin-bottom: 0.625rem
}

.mb--10 {
    margin-bottom: -0.625rem
}

.mt-10 {
    margin-top: 0.625rem
}

.mt--10 {
    margin-top: -0.625rem
}

.p-10 {
    padding: 0.625rem
}

.p-10-important {
    padding: 0.625rem !important
}

.px-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}

.py-10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}

.pl-10 {
    padding-left: 0.625rem
}

.pr-10 {
    padding-right: 0.625rem
}

.pb-10 {
    padding-bottom: 0.625rem
}

.pt-10 {
    padding-top: 0.625rem
}

.m-11 {
    margin: 0.6875rem
}

.mx-11 {
    margin-left: 0.6875rem;
    margin-right: 0.6875rem
}

.mx--11 {
    margin-left: -0.6875rem;
    margin-right: -0.6875rem
}

.my-11 {
    margin-top: 0.6875rem;
    margin-bottom: 0.6875rem
}

.ml-11 {
    margin-left: 0.6875rem
}

.ml--11 {
    margin-left: -0.6875rem
}

.mr-11 {
    margin-right: 0.6875rem
}

.mb-11 {
    margin-bottom: 0.6875rem
}

.mb--11 {
    margin-bottom: -0.6875rem
}

.mt-11 {
    margin-top: 0.6875rem
}

.mt--11 {
    margin-top: -0.6875rem
}

.p-11 {
    padding: 0.6875rem
}

.p-11-important {
    padding: 0.6875rem !important
}

.px-11 {
    padding-left: 0.6875rem;
    padding-right: 0.6875rem
}

.py-11 {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem
}

.pl-11 {
    padding-left: 0.6875rem
}

.pr-11 {
    padding-right: 0.6875rem
}

.pb-11 {
    padding-bottom: 0.6875rem
}

.pt-11 {
    padding-top: 0.6875rem
}

.m-12 {
    margin: 0.75rem
}

.mx-12 {
    margin-left: 0.75rem;
    margin-right: 0.75rem
}

.mx--12 {
    margin-left: -0.75rem;
    margin-right: -0.75rem
}

.my-12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}

.ml-12 {
    margin-left: 0.75rem
}

.ml--12 {
    margin-left: -0.75rem
}

.mr-12 {
    margin-right: 0.75rem
}

.mb-12 {
    margin-bottom: 0.75rem
}

.mb--12 {
    margin-bottom: -0.75rem
}

.mt-12 {
    margin-top: 0.75rem
}

.mt--12 {
    margin-top: -0.75rem
}

.p-12 {
    padding: 0.75rem
}

.p-12-important {
    padding: 0.75rem !important
}

.px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.py-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.pl-12 {
    padding-left: 0.75rem
}

.pr-12 {
    padding-right: 0.75rem
}

.pb-12 {
    padding-bottom: 0.75rem
}

.pt-12 {
    padding-top: 0.75rem
}

.m-14 {
    margin: 0.875rem
}

.mx-14 {
    margin-left: 0.875rem;
    margin-right: 0.875rem
}

.mx--14 {
    margin-left: -0.875rem;
    margin-right: -0.875rem
}

.my-14 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem
}

.ml-14 {
    margin-left: 0.875rem
}

.ml--14 {
    margin-left: -0.875rem
}

.mr-14 {
    margin-right: 0.875rem
}

.mb-14 {
    margin-bottom: 0.875rem
}

.mb--14 {
    margin-bottom: -0.875rem
}

.mt-14 {
    margin-top: 0.875rem
}

.mt--14 {
    margin-top: -0.875rem
}

.p-14 {
    padding: 0.875rem
}

.p-14-important {
    padding: 0.875rem !important
}

.px-14 {
    padding-left: 0.875rem;
    padding-right: 0.875rem
}

.py-14 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem
}

.pl-14 {
    padding-left: 0.875rem
}

.pr-14 {
    padding-right: 0.875rem
}

.pb-14 {
    padding-bottom: 0.875rem
}

.pt-14 {
    padding-top: 0.875rem
}

.m-15 {
    margin: 0.9375rem
}

.mx-15 {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem
}

.mx--15 {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem
}

.my-15 {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem
}

.ml-15 {
    margin-left: 0.9375rem
}

.ml--15 {
    margin-left: -0.9375rem
}

.mr-15 {
    margin-right: 0.9375rem
}

.mb-15 {
    margin-bottom: 0.9375rem
}

.mb--15 {
    margin-bottom: -0.9375rem
}

.mt-15 {
    margin-top: 0.9375rem
}

.mt--15 {
    margin-top: -0.9375rem
}

.p-15 {
    padding: 0.9375rem
}

.p-15-important {
    padding: 0.9375rem !important
}

.px-15 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem
}

.py-15 {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem
}

.pl-15 {
    padding-left: 0.9375rem
}

.pr-15 {
    padding-right: 0.9375rem
}

.pb-15 {
    padding-bottom: 0.9375rem
}

.pt-15 {
    padding-top: 0.9375rem
}

.m-16 {
    margin: 1rem
}

.mx-16 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx--16 {
    margin-left: -1rem;
    margin-right: -1rem
}

.my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.ml-16 {
    margin-left: 1rem
}

.ml--16 {
    margin-left: -1rem
}

.mr-16 {
    margin-right: 1rem
}

.mb-16 {
    margin-bottom: 1rem
}

.mb--16 {
    margin-bottom: -1rem
}

.mt-16 {
    margin-top: 1rem
}

.mt--16 {
    margin-top: -1rem
}

.p-16 {
    padding: 1rem
}

.p-16-important {
    padding: 1rem !important
}

.px-16,.btn-filter,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled,.container {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pl-16 {
    padding-left: 1rem
}

.pr-16 {
    padding-right: 1rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pt-16 {
    padding-top: 1rem
}

.m-18 {
    margin: 1.125rem
}

.mx-18 {
    margin-left: 1.125rem;
    margin-right: 1.125rem
}

.mx--18 {
    margin-left: -1.125rem;
    margin-right: -1.125rem
}

.my-18 {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem
}

.ml-18 {
    margin-left: 1.125rem
}

.ml--18 {
    margin-left: -1.125rem
}

.mr-18 {
    margin-right: 1.125rem
}

.mb-18 {
    margin-bottom: 1.125rem
}

.mb--18 {
    margin-bottom: -1.125rem
}

.mt-18 {
    margin-top: 1.125rem
}

.mt--18 {
    margin-top: -1.125rem
}

.p-18 {
    padding: 1.125rem
}

.p-18-important {
    padding: 1.125rem !important
}

.px-18 {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.py-18 {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.pl-18 {
    padding-left: 1.125rem
}

.pr-18 {
    padding-right: 1.125rem
}

.pb-18 {
    padding-bottom: 1.125rem
}

.pt-18 {
    padding-top: 1.125rem
}

.m-20 {
    margin: 1.25rem
}

.mx-20 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx--20 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.ml-20 {
    margin-left: 1.25rem
}

.ml--20 {
    margin-left: -1.25rem
}

.mr-20 {
    margin-right: 1.25rem
}

.mb-20 {
    margin-bottom: 1.25rem
}

.mb--20 {
    margin-bottom: -1.25rem
}

.mt-20 {
    margin-top: 1.25rem
}

.mt--20 {
    margin-top: -1.25rem
}

.p-20 {
    padding: 1.25rem
}

.p-20-important {
    padding: 1.25rem !important
}

.px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.pl-20 {
    padding-left: 1.25rem
}

.pr-20 {
    padding-right: 1.25rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pt-20 {
    padding-top: 1.25rem
}

.m-22 {
    margin: 1.375rem
}

.mx-22 {
    margin-left: 1.375rem;
    margin-right: 1.375rem
}

.mx--22 {
    margin-left: -1.375rem;
    margin-right: -1.375rem
}

.my-22 {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem
}

.ml-22 {
    margin-left: 1.375rem
}

.ml--22 {
    margin-left: -1.375rem
}

.mr-22 {
    margin-right: 1.375rem
}

.mb-22 {
    margin-bottom: 1.375rem
}

.mb--22 {
    margin-bottom: -1.375rem
}

.mt-22 {
    margin-top: 1.375rem
}

.mt--22 {
    margin-top: -1.375rem
}

.p-22 {
    padding: 1.375rem
}

.p-22-important {
    padding: 1.375rem !important
}

.px-22 {
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.py-22 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.pl-22 {
    padding-left: 1.375rem
}

.pr-22 {
    padding-right: 1.375rem
}

.pb-22 {
    padding-bottom: 1.375rem
}

.pt-22 {
    padding-top: 1.375rem
}

.m-24 {
    margin: 1.5rem
}

.mx-24 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx--24 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.ml-24 {
    margin-left: 1.5rem
}

.ml--24 {
    margin-left: -1.5rem
}

.mr-24 {
    margin-right: 1.5rem
}

.mb-24 {
    margin-bottom: 1.5rem
}

.mb--24 {
    margin-bottom: -1.5rem
}

.mt-24 {
    margin-top: 1.5rem
}

.mt--24 {
    margin-top: -1.5rem
}

.p-24 {
    padding: 1.5rem
}

.p-24-important {
    padding: 1.5rem !important
}

.px-24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pt-24 {
    padding-top: 1.5rem
}

.m-28 {
    margin: 1.75rem
}

.mx-28 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.mx--28 {
    margin-left: -1.75rem;
    margin-right: -1.75rem
}

.my-28 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.ml-28 {
    margin-left: 1.75rem
}

.ml--28 {
    margin-left: -1.75rem
}

.mr-28 {
    margin-right: 1.75rem
}

.mb-28 {
    margin-bottom: 1.75rem
}

.mb--28 {
    margin-bottom: -1.75rem
}

.mt-28 {
    margin-top: 1.75rem
}

.mt--28 {
    margin-top: -1.75rem
}

.p-28 {
    padding: 1.75rem
}

.p-28-important {
    padding: 1.75rem !important
}

.px-28 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-28 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.pl-28 {
    padding-left: 1.75rem
}

.pr-28 {
    padding-right: 1.75rem
}

.pb-28 {
    padding-bottom: 1.75rem
}

.pt-28 {
    padding-top: 1.75rem
}

.m-32 {
    margin: 2rem
}

.mx-32 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx--32 {
    margin-left: -2rem;
    margin-right: -2rem
}

.my-32 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ml-32 {
    margin-left: 2rem
}

.ml--32 {
    margin-left: -2rem
}

.mr-32 {
    margin-right: 2rem
}

.mb-32 {
    margin-bottom: 2rem
}

.mb--32 {
    margin-bottom: -2rem
}

.mt-32 {
    margin-top: 2rem
}

.mt--32 {
    margin-top: -2rem
}

.p-32 {
    padding: 2rem
}

.p-32-important {
    padding: 2rem !important
}

.px-32 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pl-32 {
    padding-left: 2rem
}

.pr-32 {
    padding-right: 2rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pt-32 {
    padding-top: 2rem
}

.m-30 {
    margin: 1.875rem
}

.mx-30 {
    margin-left: 1.875rem;
    margin-right: 1.875rem
}

.mx--30 {
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

.my-30 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.ml-30 {
    margin-left: 1.875rem
}

.ml--30 {
    margin-left: -1.875rem
}

.mr-30 {
    margin-right: 1.875rem
}

.mb-30 {
    margin-bottom: 1.875rem
}

.mb--30 {
    margin-bottom: -1.875rem
}

.mt-30 {
    margin-top: 1.875rem
}

.mt--30 {
    margin-top: -1.875rem
}

.p-30 {
    padding: 1.875rem
}

.p-30-important {
    padding: 1.875rem !important
}

.px-30 {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.py-30 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.pl-30 {
    padding-left: 1.875rem
}

.pr-30 {
    padding-right: 1.875rem
}

.pb-30 {
    padding-bottom: 1.875rem
}

.pt-30 {
    padding-top: 1.875rem
}

.m-34 {
    margin: 2.125rem
}

.mx-34 {
    margin-left: 2.125rem;
    margin-right: 2.125rem
}

.mx--34 {
    margin-left: -2.125rem;
    margin-right: -2.125rem
}

.my-34 {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem
}

.ml-34 {
    margin-left: 2.125rem
}

.ml--34 {
    margin-left: -2.125rem
}

.mr-34 {
    margin-right: 2.125rem
}

.mb-34 {
    margin-bottom: 2.125rem
}

.mb--34 {
    margin-bottom: -2.125rem
}

.mt-34 {
    margin-top: 2.125rem
}

.mt--34 {
    margin-top: -2.125rem
}

.p-34 {
    padding: 2.125rem
}

.p-34-important {
    padding: 2.125rem !important
}

.px-34 {
    padding-left: 2.125rem;
    padding-right: 2.125rem
}

.py-34 {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem
}

.pl-34 {
    padding-left: 2.125rem
}

.pr-34 {
    padding-right: 2.125rem
}

.pb-34 {
    padding-bottom: 2.125rem
}

.pt-34 {
    padding-top: 2.125rem
}

.m-36 {
    margin: 2.25rem
}

.mx-36 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.mx--36 {
    margin-left: -2.25rem;
    margin-right: -2.25rem
}

.my-36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.ml-36 {
    margin-left: 2.25rem
}

.ml--36 {
    margin-left: -2.25rem
}

.mr-36 {
    margin-right: 2.25rem
}

.mb-36 {
    margin-bottom: 2.25rem
}

.mb--36 {
    margin-bottom: -2.25rem
}

.mt-36 {
    margin-top: 2.25rem
}

.mt--36 {
    margin-top: -2.25rem
}

.p-36 {
    padding: 2.25rem
}

.p-36-important {
    padding: 2.25rem !important
}

.px-36 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.pl-36 {
    padding-left: 2.25rem
}

.pr-36 {
    padding-right: 2.25rem
}

.pb-36 {
    padding-bottom: 2.25rem
}

.pt-36 {
    padding-top: 2.25rem
}

.m-38 {
    margin: 2.375rem
}

.mx-38 {
    margin-left: 2.375rem;
    margin-right: 2.375rem
}

.mx--38 {
    margin-left: -2.375rem;
    margin-right: -2.375rem
}

.my-38 {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem
}

.ml-38 {
    margin-left: 2.375rem
}

.ml--38 {
    margin-left: -2.375rem
}

.mr-38 {
    margin-right: 2.375rem
}

.mb-38 {
    margin-bottom: 2.375rem
}

.mb--38 {
    margin-bottom: -2.375rem
}

.mt-38 {
    margin-top: 2.375rem
}

.mt--38 {
    margin-top: -2.375rem
}

.p-38 {
    padding: 2.375rem
}

.p-38-important {
    padding: 2.375rem !important
}

.px-38 {
    padding-left: 2.375rem;
    padding-right: 2.375rem
}

.py-38 {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem
}

.pl-38 {
    padding-left: 2.375rem
}

.pr-38 {
    padding-right: 2.375rem
}

.pb-38 {
    padding-bottom: 2.375rem
}

.pt-38 {
    padding-top: 2.375rem
}

.m-40 {
    margin: 2.5rem
}

.mx-40 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx--40 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.my-40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.ml-40 {
    margin-left: 2.5rem
}

.ml--40 {
    margin-left: -2.5rem
}

.mr-40 {
    margin-right: 2.5rem
}

.mb-40 {
    margin-bottom: 2.5rem
}

.mb--40 {
    margin-bottom: -2.5rem
}

.mt-40 {
    margin-top: 2.5rem
}

.mt--40 {
    margin-top: -2.5rem
}

.p-40 {
    padding: 2.5rem
}

.p-40-important {
    padding: 2.5rem !important
}

.px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pb-40 {
    padding-bottom: 2.5rem
}

.pt-40 {
    padding-top: 2.5rem
}

.m-42 {
    margin: 2.625rem
}

.mx-42 {
    margin-left: 2.625rem;
    margin-right: 2.625rem
}

.mx--42 {
    margin-left: -2.625rem;
    margin-right: -2.625rem
}

.my-42 {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem
}

.ml-42 {
    margin-left: 2.625rem
}

.ml--42 {
    margin-left: -2.625rem
}

.mr-42 {
    margin-right: 2.625rem
}

.mb-42 {
    margin-bottom: 2.625rem
}

.mb--42 {
    margin-bottom: -2.625rem
}

.mt-42 {
    margin-top: 2.625rem
}

.mt--42 {
    margin-top: -2.625rem
}

.p-42 {
    padding: 2.625rem
}

.p-42-important {
    padding: 2.625rem !important
}

.px-42 {
    padding-left: 2.625rem;
    padding-right: 2.625rem
}

.py-42 {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem
}

.pl-42 {
    padding-left: 2.625rem
}

.pr-42 {
    padding-right: 2.625rem
}

.pb-42 {
    padding-bottom: 2.625rem
}

.pt-42 {
    padding-top: 2.625rem
}

.m-44 {
    margin: 2.75rem
}

.mx-44 {
    margin-left: 2.75rem;
    margin-right: 2.75rem
}

.mx--44 {
    margin-left: -2.75rem;
    margin-right: -2.75rem
}

.my-44 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.ml-44 {
    margin-left: 2.75rem
}

.ml--44 {
    margin-left: -2.75rem
}

.mr-44 {
    margin-right: 2.75rem
}

.mb-44 {
    margin-bottom: 2.75rem
}

.mb--44 {
    margin-bottom: -2.75rem
}

.mt-44 {
    margin-top: 2.75rem
}

.mt--44 {
    margin-top: -2.75rem
}

.p-44 {
    padding: 2.75rem
}

.p-44-important {
    padding: 2.75rem !important
}

.px-44 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.py-44 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.pl-44 {
    padding-left: 2.75rem
}

.pr-44 {
    padding-right: 2.75rem
}

.pb-44 {
    padding-bottom: 2.75rem
}

.pt-44 {
    padding-top: 2.75rem
}

.m-46 {
    margin: 2.875rem
}

.mx-46 {
    margin-left: 2.875rem;
    margin-right: 2.875rem
}

.mx--46 {
    margin-left: -2.875rem;
    margin-right: -2.875rem
}

.my-46 {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem
}

.ml-46 {
    margin-left: 2.875rem
}

.ml--46 {
    margin-left: -2.875rem
}

.mr-46 {
    margin-right: 2.875rem
}

.mb-46 {
    margin-bottom: 2.875rem
}

.mb--46 {
    margin-bottom: -2.875rem
}

.mt-46 {
    margin-top: 2.875rem
}

.mt--46 {
    margin-top: -2.875rem
}

.p-46 {
    padding: 2.875rem
}

.p-46-important {
    padding: 2.875rem !important
}

.px-46 {
    padding-left: 2.875rem;
    padding-right: 2.875rem
}

.py-46 {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem
}

.pl-46 {
    padding-left: 2.875rem
}

.pr-46 {
    padding-right: 2.875rem
}

.pb-46 {
    padding-bottom: 2.875rem
}

.pt-46 {
    padding-top: 2.875rem
}

.m-48 {
    margin: 3rem
}

.mx-48 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mx--48 {
    margin-left: -3rem;
    margin-right: -3rem
}

.my-48 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.ml-48 {
    margin-left: 3rem
}

.ml--48 {
    margin-left: -3rem
}

.mr-48 {
    margin-right: 3rem
}

.mb-48 {
    margin-bottom: 3rem
}

.mb--48 {
    margin-bottom: -3rem
}

.mt-48 {
    margin-top: 3rem
}

.mt--48 {
    margin-top: -3rem
}

.p-48 {
    padding: 3rem
}

.p-48-important {
    padding: 3rem !important
}

.px-48 {
    padding-left: 3rem;
    padding-right: 3rem
}

.py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.pl-48 {
    padding-left: 3rem
}

.pr-48 {
    padding-right: 3rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pt-48 {
    padding-top: 3rem
}

.m-50 {
    margin: 3.125rem
}

.mx-50 {
    margin-left: 3.125rem;
    margin-right: 3.125rem
}

.mx--50 {
    margin-left: -3.125rem;
    margin-right: -3.125rem
}

.my-50 {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.ml-50 {
    margin-left: 3.125rem
}

.ml--50 {
    margin-left: -3.125rem
}

.mr-50 {
    margin-right: 3.125rem
}

.mb-50 {
    margin-bottom: 3.125rem
}

.mb--50 {
    margin-bottom: -3.125rem
}

.mt-50 {
    margin-top: 3.125rem
}

.mt--50 {
    margin-top: -3.125rem
}

.p-50 {
    padding: 3.125rem
}

.p-50-important {
    padding: 3.125rem !important
}

.px-50 {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

.py-50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.pl-50 {
    padding-left: 3.125rem
}

.pr-50 {
    padding-right: 3.125rem
}

.pb-50 {
    padding-bottom: 3.125rem
}

.pt-50 {
    padding-top: 3.125rem
}

.m-55 {
    margin: 3.4375rem
}

.mx-55 {
    margin-left: 3.4375rem;
    margin-right: 3.4375rem
}

.mx--55 {
    margin-left: -3.4375rem;
    margin-right: -3.4375rem
}

.my-55 {
    margin-top: 3.4375rem;
    margin-bottom: 3.4375rem
}

.ml-55 {
    margin-left: 3.4375rem
}

.ml--55 {
    margin-left: -3.4375rem
}

.mr-55 {
    margin-right: 3.4375rem
}

.mb-55 {
    margin-bottom: 3.4375rem
}

.mb--55 {
    margin-bottom: -3.4375rem
}

.mt-55 {
    margin-top: 3.4375rem
}

.mt--55 {
    margin-top: -3.4375rem
}

.p-55 {
    padding: 3.4375rem
}

.p-55-important {
    padding: 3.4375rem !important
}

.px-55 {
    padding-left: 3.4375rem;
    padding-right: 3.4375rem
}

.py-55 {
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem
}

.pl-55 {
    padding-left: 3.4375rem
}

.pr-55 {
    padding-right: 3.4375rem
}

.pb-55 {
    padding-bottom: 3.4375rem
}

.pt-55 {
    padding-top: 3.4375rem
}

.m-56 {
    margin: 3.5rem
}

.mx-56 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

.mx--56 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

.my-56 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.ml-56 {
    margin-left: 3.5rem
}

.ml--56 {
    margin-left: -3.5rem
}

.mr-56 {
    margin-right: 3.5rem
}

.mb-56 {
    margin-bottom: 3.5rem
}

.mb--56 {
    margin-bottom: -3.5rem
}

.mt-56 {
    margin-top: 3.5rem
}

.mt--56 {
    margin-top: -3.5rem
}

.p-56 {
    padding: 3.5rem
}

.p-56-important {
    padding: 3.5rem !important
}

.px-56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.py-56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.pl-56 {
    padding-left: 3.5rem
}

.pr-56 {
    padding-right: 3.5rem
}

.pb-56 {
    padding-bottom: 3.5rem
}

.pt-56 {
    padding-top: 3.5rem
}

.m-60 {
    margin: 3.75rem
}

.mx-60 {
    margin-left: 3.75rem;
    margin-right: 3.75rem
}

.mx--60 {
    margin-left: -3.75rem;
    margin-right: -3.75rem
}

.my-60 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.ml-60 {
    margin-left: 3.75rem
}

.ml--60 {
    margin-left: -3.75rem
}

.mr-60 {
    margin-right: 3.75rem
}

.mb-60 {
    margin-bottom: 3.75rem
}

.mb--60 {
    margin-bottom: -3.75rem
}

.mt-60 {
    margin-top: 3.75rem
}

.mt--60 {
    margin-top: -3.75rem
}

.p-60 {
    padding: 3.75rem
}

.p-60-important {
    padding: 3.75rem !important
}

.px-60 {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

.py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.pl-60 {
    padding-left: 3.75rem
}

.pr-60 {
    padding-right: 3.75rem
}

.pb-60 {
    padding-bottom: 3.75rem
}

.pt-60 {
    padding-top: 3.75rem
}

.m-64 {
    margin: 4rem
}

.mx-64 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mx--64 {
    margin-left: -4rem;
    margin-right: -4rem
}

.my-64 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.ml-64 {
    margin-left: 4rem
}

.ml--64 {
    margin-left: -4rem
}

.mr-64 {
    margin-right: 4rem
}

.mb-64 {
    margin-bottom: 4rem
}

.mb--64 {
    margin-bottom: -4rem
}

.mt-64 {
    margin-top: 4rem
}

.mt--64 {
    margin-top: -4rem
}

.p-64 {
    padding: 4rem
}

.p-64-important {
    padding: 4rem !important
}

.px-64 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.pl-64 {
    padding-left: 4rem
}

.pr-64 {
    padding-right: 4rem
}

.pb-64 {
    padding-bottom: 4rem
}

.pt-64 {
    padding-top: 4rem
}

.m-70 {
    margin: 4.375rem
}

.mx-70 {
    margin-left: 4.375rem;
    margin-right: 4.375rem
}

.mx--70 {
    margin-left: -4.375rem;
    margin-right: -4.375rem
}

.my-70 {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem
}

.ml-70 {
    margin-left: 4.375rem
}

.ml--70 {
    margin-left: -4.375rem
}

.mr-70 {
    margin-right: 4.375rem
}

.mb-70 {
    margin-bottom: 4.375rem
}

.mb--70 {
    margin-bottom: -4.375rem
}

.mt-70 {
    margin-top: 4.375rem
}

.mt--70 {
    margin-top: -4.375rem
}

.p-70 {
    padding: 4.375rem
}

.p-70-important {
    padding: 4.375rem !important
}

.px-70 {
    padding-left: 4.375rem;
    padding-right: 4.375rem
}

.py-70 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem
}

.pl-70 {
    padding-left: 4.375rem
}

.pr-70 {
    padding-right: 4.375rem
}

.pb-70 {
    padding-bottom: 4.375rem
}

.pt-70 {
    padding-top: 4.375rem
}

.m-72 {
    margin: 4.5rem
}

.mx-72 {
    margin-left: 4.5rem;
    margin-right: 4.5rem
}

.mx--72 {
    margin-left: -4.5rem;
    margin-right: -4.5rem
}

.my-72 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.ml-72 {
    margin-left: 4.5rem
}

.ml--72 {
    margin-left: -4.5rem
}

.mr-72 {
    margin-right: 4.5rem
}

.mb-72 {
    margin-bottom: 4.5rem
}

.mb--72 {
    margin-bottom: -4.5rem
}

.mt-72 {
    margin-top: 4.5rem
}

.mt--72 {
    margin-top: -4.5rem
}

.p-72 {
    padding: 4.5rem
}

.p-72-important {
    padding: 4.5rem !important
}

.px-72 {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.py-72 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.pl-72 {
    padding-left: 4.5rem
}

.pr-72 {
    padding-right: 4.5rem
}

.pb-72 {
    padding-bottom: 4.5rem
}

.pt-72 {
    padding-top: 4.5rem
}

.m-80 {
    margin: 5rem
}

.mx-80 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mx--80 {
    margin-left: -5rem;
    margin-right: -5rem
}

.my-80 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.ml-80 {
    margin-left: 5rem
}

.ml--80 {
    margin-left: -5rem
}

.mr-80 {
    margin-right: 5rem
}

.mb-80 {
    margin-bottom: 5rem
}

.mb--80 {
    margin-bottom: -5rem
}

.mt-80 {
    margin-top: 5rem
}

.mt--80 {
    margin-top: -5rem
}

.p-80 {
    padding: 5rem
}

.p-80-important {
    padding: 5rem !important
}

.px-80 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.pl-80 {
    padding-left: 5rem
}

.pr-80 {
    padding-right: 5rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pt-80 {
    padding-top: 5rem
}

.m-88 {
    margin: 5.5rem
}

.mx-88 {
    margin-left: 5.5rem;
    margin-right: 5.5rem
}

.mx--88 {
    margin-left: -5.5rem;
    margin-right: -5.5rem
}

.my-88 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem
}

.ml-88 {
    margin-left: 5.5rem
}

.ml--88 {
    margin-left: -5.5rem
}

.mr-88 {
    margin-right: 5.5rem
}

.mb-88 {
    margin-bottom: 5.5rem
}

.mb--88 {
    margin-bottom: -5.5rem
}

.mt-88 {
    margin-top: 5.5rem
}

.mt--88 {
    margin-top: -5.5rem
}

.p-88 {
    padding: 5.5rem
}

.p-88-important {
    padding: 5.5rem !important
}

.px-88 {
    padding-left: 5.5rem;
    padding-right: 5.5rem
}

.py-88 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem
}

.pl-88 {
    padding-left: 5.5rem
}

.pr-88 {
    padding-right: 5.5rem
}

.pb-88 {
    padding-bottom: 5.5rem
}

.pt-88 {
    padding-top: 5.5rem
}

.m-0,input[type=radio],input[type=checkbox] {
    margin: 0rem
}

.mx-0 {
    margin-left: 0rem;
    margin-right: 0rem
}

.mx--0 {
    margin-left: -0rem;
    margin-right: -0rem
}

.my-0 {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.ml-0 {
    margin-left: 0rem
}

.ml--0 {
    margin-left: -0rem
}

.mr-0 {
    margin-right: 0rem
}

.mb-0 {
    margin-bottom: 0rem
}

.mb--0 {
    margin-bottom: -0rem
}

.mt-0 {
    margin-top: 0rem
}

.mt--0 {
    margin-top: -0rem
}

.p-0 {
    padding: 0rem
}

.p-0-important {
    padding: 0rem !important
}

.px-0 {
    padding-left: 0rem;
    padding-right: 0rem
}

.py-0 {
    padding-top: 0rem;
    padding-bottom: 0rem
}

.pl-0 {
    padding-left: 0rem
}

.pr-0 {
    padding-right: 0rem
}

.pb-0 {
    padding-bottom: 0rem
}

.pt-0 {
    padding-top: 0rem
}

.margin-lastchild-none>*:last-child {
    margin: 0 !important
}

.padding-lastchild-none>*:last-child {
    padding: 0 !important
}

@media(min-width: 576px) {
    .m-sm-1 {
        margin:0.0625rem
    }

    .mx-sm-1 {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem
    }

    .my-sm-1 {
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem
    }

    .ml-sm-1 {
        margin-left: 0.0625rem
    }

    .mr-sm-1 {
        margin-right: 0.0625rem
    }

    .mb-sm-1 {
        margin-bottom: 0.0625rem
    }

    .mt-sm-1 {
        margin-top: 0.0625rem
    }

    .mt-sm-1-important {
        margin-top: 0.0625rem !important
    }

    .p-sm-1 {
        padding: 0.0625rem
    }

    .px-sm-1 {
        padding-left: 0.0625rem;
        padding-right: 0.0625rem
    }

    .px-sm-1-important {
        padding-left: 0.0625rem !important;
        padding-right: 0.0625rem !important
    }

    .py-sm-1 {
        padding-top: 0.0625rem;
        padding-bottom: 0.0625rem
    }

    .pl-sm-1 {
        padding-left: 0.0625rem
    }

    .pr-sm-1 {
        padding-right: 0.0625rem
    }

    .pb-sm-1 {
        padding-bottom: 0.0625rem
    }

    .pt-sm-1 {
        padding-top: 0.0625rem
    }

    .m-sm-2 {
        margin: 0.125rem
    }

    .mx-sm-2 {
        margin-left: 0.125rem;
        margin-right: 0.125rem
    }

    .my-sm-2 {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem
    }

    .ml-sm-2 {
        margin-left: 0.125rem
    }

    .mr-sm-2 {
        margin-right: 0.125rem
    }

    .mb-sm-2 {
        margin-bottom: 0.125rem
    }

    .mt-sm-2 {
        margin-top: 0.125rem
    }

    .mt-sm-2-important {
        margin-top: 0.125rem !important
    }

    .p-sm-2 {
        padding: 0.125rem
    }

    .px-sm-2 {
        padding-left: 0.125rem;
        padding-right: 0.125rem
    }

    .px-sm-2-important {
        padding-left: 0.125rem !important;
        padding-right: 0.125rem !important
    }

    .py-sm-2 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem
    }

    .pl-sm-2 {
        padding-left: 0.125rem
    }

    .pr-sm-2 {
        padding-right: 0.125rem
    }

    .pb-sm-2 {
        padding-bottom: 0.125rem
    }

    .pt-sm-2 {
        padding-top: 0.125rem
    }

    .m-sm-3 {
        margin: 0.1875rem
    }

    .mx-sm-3 {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem
    }

    .my-sm-3 {
        margin-top: 0.1875rem;
        margin-bottom: 0.1875rem
    }

    .ml-sm-3 {
        margin-left: 0.1875rem
    }

    .mr-sm-3 {
        margin-right: 0.1875rem
    }

    .mb-sm-3 {
        margin-bottom: 0.1875rem
    }

    .mt-sm-3 {
        margin-top: 0.1875rem
    }

    .mt-sm-3-important {
        margin-top: 0.1875rem !important
    }

    .p-sm-3 {
        padding: 0.1875rem
    }

    .px-sm-3 {
        padding-left: 0.1875rem;
        padding-right: 0.1875rem
    }

    .px-sm-3-important {
        padding-left: 0.1875rem !important;
        padding-right: 0.1875rem !important
    }

    .py-sm-3 {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem
    }

    .pl-sm-3 {
        padding-left: 0.1875rem
    }

    .pr-sm-3 {
        padding-right: 0.1875rem
    }

    .pb-sm-3 {
        padding-bottom: 0.1875rem
    }

    .pt-sm-3 {
        padding-top: 0.1875rem
    }

    .m-sm-4 {
        margin: 0.25rem
    }

    .mx-sm-4 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }

    .my-sm-4 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .ml-sm-4 {
        margin-left: 0.25rem
    }

    .mr-sm-4 {
        margin-right: 0.25rem
    }

    .mb-sm-4 {
        margin-bottom: 0.25rem
    }

    .mt-sm-4 {
        margin-top: 0.25rem
    }

    .mt-sm-4-important {
        margin-top: 0.25rem !important
    }

    .p-sm-4 {
        padding: 0.25rem
    }

    .px-sm-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }

    .px-sm-4-important {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

    .py-sm-4 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .pl-sm-4 {
        padding-left: 0.25rem
    }

    .pr-sm-4 {
        padding-right: 0.25rem
    }

    .pb-sm-4 {
        padding-bottom: 0.25rem
    }

    .pt-sm-4 {
        padding-top: 0.25rem
    }

    .m-sm-6 {
        margin: 0.375rem
    }

    .mx-sm-6 {
        margin-left: 0.375rem;
        margin-right: 0.375rem
    }

    .my-sm-6 {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem
    }

    .ml-sm-6 {
        margin-left: 0.375rem
    }

    .mr-sm-6 {
        margin-right: 0.375rem
    }

    .mb-sm-6 {
        margin-bottom: 0.375rem
    }

    .mt-sm-6 {
        margin-top: 0.375rem
    }

    .mt-sm-6-important {
        margin-top: 0.375rem !important
    }

    .p-sm-6 {
        padding: 0.375rem
    }

    .px-sm-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem
    }

    .px-sm-6-important {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important
    }

    .py-sm-6 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }

    .pl-sm-6 {
        padding-left: 0.375rem
    }

    .pr-sm-6 {
        padding-right: 0.375rem
    }

    .pb-sm-6 {
        padding-bottom: 0.375rem
    }

    .pt-sm-6 {
        padding-top: 0.375rem
    }

    .m-sm-8 {
        margin: 0.5rem
    }

    .mx-sm-8 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }

    .my-sm-8 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .ml-sm-8 {
        margin-left: 0.5rem
    }

    .mr-sm-8 {
        margin-right: 0.5rem
    }

    .mb-sm-8 {
        margin-bottom: 0.5rem
    }

    .mt-sm-8 {
        margin-top: 0.5rem
    }

    .mt-sm-8-important {
        margin-top: 0.5rem !important
    }

    .p-sm-8 {
        padding: 0.5rem
    }

    .px-sm-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .px-sm-8-important {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }

    .py-sm-8 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .pl-sm-8 {
        padding-left: 0.5rem
    }

    .pr-sm-8 {
        padding-right: 0.5rem
    }

    .pb-sm-8 {
        padding-bottom: 0.5rem
    }

    .pt-sm-8 {
        padding-top: 0.5rem
    }

    .m-sm-10 {
        margin: 0.625rem
    }

    .mx-sm-10 {
        margin-left: 0.625rem;
        margin-right: 0.625rem
    }

    .my-sm-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem
    }

    .ml-sm-10 {
        margin-left: 0.625rem
    }

    .mr-sm-10 {
        margin-right: 0.625rem
    }

    .mb-sm-10 {
        margin-bottom: 0.625rem
    }

    .mt-sm-10 {
        margin-top: 0.625rem
    }

    .mt-sm-10-important {
        margin-top: 0.625rem !important
    }

    .p-sm-10 {
        padding: 0.625rem
    }

    .px-sm-10 {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }

    .px-sm-10-important {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important
    }

    .py-sm-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }

    .pl-sm-10 {
        padding-left: 0.625rem
    }

    .pr-sm-10 {
        padding-right: 0.625rem
    }

    .pb-sm-10 {
        padding-bottom: 0.625rem
    }

    .pt-sm-10 {
        padding-top: 0.625rem
    }

    .m-sm-11 {
        margin: 0.6875rem
    }

    .mx-sm-11 {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem
    }

    .my-sm-11 {
        margin-top: 0.6875rem;
        margin-bottom: 0.6875rem
    }

    .ml-sm-11 {
        margin-left: 0.6875rem
    }

    .mr-sm-11 {
        margin-right: 0.6875rem
    }

    .mb-sm-11 {
        margin-bottom: 0.6875rem
    }

    .mt-sm-11 {
        margin-top: 0.6875rem
    }

    .mt-sm-11-important {
        margin-top: 0.6875rem !important
    }

    .p-sm-11 {
        padding: 0.6875rem
    }

    .px-sm-11 {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem
    }

    .px-sm-11-important {
        padding-left: 0.6875rem !important;
        padding-right: 0.6875rem !important
    }

    .py-sm-11 {
        padding-top: 0.6875rem;
        padding-bottom: 0.6875rem
    }

    .pl-sm-11 {
        padding-left: 0.6875rem
    }

    .pr-sm-11 {
        padding-right: 0.6875rem
    }

    .pb-sm-11 {
        padding-bottom: 0.6875rem
    }

    .pt-sm-11 {
        padding-top: 0.6875rem
    }

    .m-sm-12 {
        margin: 0.75rem
    }

    .mx-sm-12 {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }

    .my-sm-12 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .ml-sm-12 {
        margin-left: 0.75rem
    }

    .mr-sm-12 {
        margin-right: 0.75rem
    }

    .mb-sm-12 {
        margin-bottom: 0.75rem
    }

    .mt-sm-12 {
        margin-top: 0.75rem
    }

    .mt-sm-12-important {
        margin-top: 0.75rem !important
    }

    .p-sm-12 {
        padding: 0.75rem
    }

    .px-sm-12 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .px-sm-12-important {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important
    }

    .py-sm-12 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .pl-sm-12 {
        padding-left: 0.75rem
    }

    .pr-sm-12 {
        padding-right: 0.75rem
    }

    .pb-sm-12 {
        padding-bottom: 0.75rem
    }

    .pt-sm-12 {
        padding-top: 0.75rem
    }

    .m-sm-14 {
        margin: 0.875rem
    }

    .mx-sm-14 {
        margin-left: 0.875rem;
        margin-right: 0.875rem
    }

    .my-sm-14 {
        margin-top: 0.875rem;
        margin-bottom: 0.875rem
    }

    .ml-sm-14 {
        margin-left: 0.875rem
    }

    .mr-sm-14 {
        margin-right: 0.875rem
    }

    .mb-sm-14 {
        margin-bottom: 0.875rem
    }

    .mt-sm-14 {
        margin-top: 0.875rem
    }

    .mt-sm-14-important {
        margin-top: 0.875rem !important
    }

    .p-sm-14 {
        padding: 0.875rem
    }

    .px-sm-14 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }

    .px-sm-14-important {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important
    }

    .py-sm-14 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem
    }

    .pl-sm-14 {
        padding-left: 0.875rem
    }

    .pr-sm-14 {
        padding-right: 0.875rem
    }

    .pb-sm-14 {
        padding-bottom: 0.875rem
    }

    .pt-sm-14 {
        padding-top: 0.875rem
    }

    .m-sm-15 {
        margin: 0.9375rem
    }

    .mx-sm-15 {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }

    .my-sm-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .ml-sm-15 {
        margin-left: 0.9375rem
    }

    .mr-sm-15 {
        margin-right: 0.9375rem
    }

    .mb-sm-15 {
        margin-bottom: 0.9375rem
    }

    .mt-sm-15 {
        margin-top: 0.9375rem
    }

    .mt-sm-15-important {
        margin-top: 0.9375rem !important
    }

    .p-sm-15 {
        padding: 0.9375rem
    }

    .px-sm-15 {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }

    .px-sm-15-important {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important
    }

    .py-sm-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }

    .pl-sm-15 {
        padding-left: 0.9375rem
    }

    .pr-sm-15 {
        padding-right: 0.9375rem
    }

    .pb-sm-15 {
        padding-bottom: 0.9375rem
    }

    .pt-sm-15 {
        padding-top: 0.9375rem
    }

    .m-sm-16 {
        margin: 1rem
    }

    .mx-sm-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my-sm-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .ml-sm-16 {
        margin-left: 1rem
    }

    .mr-sm-16 {
        margin-right: 1rem
    }

    .mb-sm-16 {
        margin-bottom: 1rem
    }

    .mt-sm-16 {
        margin-top: 1rem
    }

    .mt-sm-16-important {
        margin-top: 1rem !important
    }

    .p-sm-16 {
        padding: 1rem
    }

    .px-sm-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-sm-16-important {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .py-sm-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pl-sm-16 {
        padding-left: 1rem
    }

    .pr-sm-16 {
        padding-right: 1rem
    }

    .pb-sm-16 {
        padding-bottom: 1rem
    }

    .pt-sm-16 {
        padding-top: 1rem
    }

    .m-sm-18 {
        margin: 1.125rem
    }

    .mx-sm-18 {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    .my-sm-18 {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    .ml-sm-18 {
        margin-left: 1.125rem
    }

    .mr-sm-18 {
        margin-right: 1.125rem
    }

    .mb-sm-18 {
        margin-bottom: 1.125rem
    }

    .mt-sm-18 {
        margin-top: 1.125rem
    }

    .mt-sm-18-important {
        margin-top: 1.125rem !important
    }

    .p-sm-18 {
        padding: 1.125rem
    }

    .px-sm-18 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .px-sm-18-important {
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .py-sm-18 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .pl-sm-18 {
        padding-left: 1.125rem
    }

    .pr-sm-18 {
        padding-right: 1.125rem
    }

    .pb-sm-18 {
        padding-bottom: 1.125rem
    }

    .pt-sm-18 {
        padding-top: 1.125rem
    }

    .m-sm-20 {
        margin: 1.25rem
    }

    .mx-sm-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .my-sm-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .ml-sm-20 {
        margin-left: 1.25rem
    }

    .mr-sm-20 {
        margin-right: 1.25rem
    }

    .mb-sm-20 {
        margin-bottom: 1.25rem
    }

    .mt-sm-20 {
        margin-top: 1.25rem
    }

    .mt-sm-20-important {
        margin-top: 1.25rem !important
    }

    .p-sm-20 {
        padding: 1.25rem
    }

    .px-sm-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-sm-20-important {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .py-sm-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pl-sm-20 {
        padding-left: 1.25rem
    }

    .pr-sm-20 {
        padding-right: 1.25rem
    }

    .pb-sm-20 {
        padding-bottom: 1.25rem
    }

    .pt-sm-20 {
        padding-top: 1.25rem
    }

    .m-sm-22 {
        margin: 1.375rem
    }

    .mx-sm-22 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .my-sm-22 {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem
    }

    .ml-sm-22 {
        margin-left: 1.375rem
    }

    .mr-sm-22 {
        margin-right: 1.375rem
    }

    .mb-sm-22 {
        margin-bottom: 1.375rem
    }

    .mt-sm-22 {
        margin-top: 1.375rem
    }

    .mt-sm-22-important {
        margin-top: 1.375rem !important
    }

    .p-sm-22 {
        padding: 1.375rem
    }

    .px-sm-22 {
        padding-left: 1.375rem;
        padding-right: 1.375rem
    }

    .px-sm-22-important {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important
    }

    .py-sm-22 {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem
    }

    .pl-sm-22 {
        padding-left: 1.375rem
    }

    .pr-sm-22 {
        padding-right: 1.375rem
    }

    .pb-sm-22 {
        padding-bottom: 1.375rem
    }

    .pt-sm-22 {
        padding-top: 1.375rem
    }

    .m-sm-24 {
        margin: 1.5rem
    }

    .mx-sm-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .my-sm-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ml-sm-24 {
        margin-left: 1.5rem
    }

    .mr-sm-24 {
        margin-right: 1.5rem
    }

    .mb-sm-24 {
        margin-bottom: 1.5rem
    }

    .mt-sm-24 {
        margin-top: 1.5rem
    }

    .mt-sm-24-important {
        margin-top: 1.5rem !important
    }

    .p-sm-24 {
        padding: 1.5rem
    }

    .px-sm-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-sm-24-important {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-sm-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pl-sm-24 {
        padding-left: 1.5rem
    }

    .pr-sm-24 {
        padding-right: 1.5rem
    }

    .pb-sm-24 {
        padding-bottom: 1.5rem
    }

    .pt-sm-24 {
        padding-top: 1.5rem
    }

    .m-sm-28 {
        margin: 1.75rem
    }

    .mx-sm-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .my-sm-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .ml-sm-28 {
        margin-left: 1.75rem
    }

    .mr-sm-28 {
        margin-right: 1.75rem
    }

    .mb-sm-28 {
        margin-bottom: 1.75rem
    }

    .mt-sm-28 {
        margin-top: 1.75rem
    }

    .mt-sm-28-important {
        margin-top: 1.75rem !important
    }

    .p-sm-28 {
        padding: 1.75rem
    }

    .px-sm-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .px-sm-28-important {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .py-sm-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .pl-sm-28 {
        padding-left: 1.75rem
    }

    .pr-sm-28 {
        padding-right: 1.75rem
    }

    .pb-sm-28 {
        padding-bottom: 1.75rem
    }

    .pt-sm-28 {
        padding-top: 1.75rem
    }

    .m-sm-32 {
        margin: 2rem
    }

    .mx-sm-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my-sm-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ml-sm-32 {
        margin-left: 2rem
    }

    .mr-sm-32 {
        margin-right: 2rem
    }

    .mb-sm-32 {
        margin-bottom: 2rem
    }

    .mt-sm-32 {
        margin-top: 2rem
    }

    .mt-sm-32-important {
        margin-top: 2rem !important
    }

    .p-sm-32 {
        padding: 2rem
    }

    .px-sm-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-sm-32-important {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .py-sm-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pl-sm-32 {
        padding-left: 2rem
    }

    .pr-sm-32 {
        padding-right: 2rem
    }

    .pb-sm-32 {
        padding-bottom: 2rem
    }

    .pt-sm-32 {
        padding-top: 2rem
    }

    .m-sm-30 {
        margin: 1.875rem
    }

    .mx-sm-30 {
        margin-left: 1.875rem;
        margin-right: 1.875rem
    }

    .my-sm-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .ml-sm-30 {
        margin-left: 1.875rem
    }

    .mr-sm-30 {
        margin-right: 1.875rem
    }

    .mb-sm-30 {
        margin-bottom: 1.875rem
    }

    .mt-sm-30 {
        margin-top: 1.875rem
    }

    .mt-sm-30-important {
        margin-top: 1.875rem !important
    }

    .p-sm-30 {
        padding: 1.875rem
    }

    .px-sm-30 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .px-sm-30-important {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .py-sm-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .pl-sm-30 {
        padding-left: 1.875rem
    }

    .pr-sm-30 {
        padding-right: 1.875rem
    }

    .pb-sm-30 {
        padding-bottom: 1.875rem
    }

    .pt-sm-30 {
        padding-top: 1.875rem
    }

    .m-sm-34 {
        margin: 2.125rem
    }

    .mx-sm-34 {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

    .my-sm-34 {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem
    }

    .ml-sm-34 {
        margin-left: 2.125rem
    }

    .mr-sm-34 {
        margin-right: 2.125rem
    }

    .mb-sm-34 {
        margin-bottom: 2.125rem
    }

    .mt-sm-34 {
        margin-top: 2.125rem
    }

    .mt-sm-34-important {
        margin-top: 2.125rem !important
    }

    .p-sm-34 {
        padding: 2.125rem
    }

    .px-sm-34 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .px-sm-34-important {
        padding-left: 2.125rem !important;
        padding-right: 2.125rem !important
    }

    .py-sm-34 {
        padding-top: 2.125rem;
        padding-bottom: 2.125rem
    }

    .pl-sm-34 {
        padding-left: 2.125rem
    }

    .pr-sm-34 {
        padding-right: 2.125rem
    }

    .pb-sm-34 {
        padding-bottom: 2.125rem
    }

    .pt-sm-34 {
        padding-top: 2.125rem
    }

    .m-sm-36 {
        margin: 2.25rem
    }

    .mx-sm-36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .my-sm-36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .ml-sm-36 {
        margin-left: 2.25rem
    }

    .mr-sm-36 {
        margin-right: 2.25rem
    }

    .mb-sm-36 {
        margin-bottom: 2.25rem
    }

    .mt-sm-36 {
        margin-top: 2.25rem
    }

    .mt-sm-36-important {
        margin-top: 2.25rem !important
    }

    .p-sm-36 {
        padding: 2.25rem
    }

    .px-sm-36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-sm-36-important {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .py-sm-36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .pl-sm-36 {
        padding-left: 2.25rem
    }

    .pr-sm-36 {
        padding-right: 2.25rem
    }

    .pb-sm-36 {
        padding-bottom: 2.25rem
    }

    .pt-sm-36 {
        padding-top: 2.25rem
    }

    .m-sm-38 {
        margin: 2.375rem
    }

    .mx-sm-38 {
        margin-left: 2.375rem;
        margin-right: 2.375rem
    }

    .my-sm-38 {
        margin-top: 2.375rem;
        margin-bottom: 2.375rem
    }

    .ml-sm-38 {
        margin-left: 2.375rem
    }

    .mr-sm-38 {
        margin-right: 2.375rem
    }

    .mb-sm-38 {
        margin-bottom: 2.375rem
    }

    .mt-sm-38 {
        margin-top: 2.375rem
    }

    .mt-sm-38-important {
        margin-top: 2.375rem !important
    }

    .p-sm-38 {
        padding: 2.375rem
    }

    .px-sm-38 {
        padding-left: 2.375rem;
        padding-right: 2.375rem
    }

    .px-sm-38-important {
        padding-left: 2.375rem !important;
        padding-right: 2.375rem !important
    }

    .py-sm-38 {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem
    }

    .pl-sm-38 {
        padding-left: 2.375rem
    }

    .pr-sm-38 {
        padding-right: 2.375rem
    }

    .pb-sm-38 {
        padding-bottom: 2.375rem
    }

    .pt-sm-38 {
        padding-top: 2.375rem
    }

    .m-sm-40 {
        margin: 2.5rem
    }

    .mx-sm-40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .my-sm-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .ml-sm-40 {
        margin-left: 2.5rem
    }

    .mr-sm-40 {
        margin-right: 2.5rem
    }

    .mb-sm-40 {
        margin-bottom: 2.5rem
    }

    .mt-sm-40 {
        margin-top: 2.5rem
    }

    .mt-sm-40-important {
        margin-top: 2.5rem !important
    }

    .p-sm-40 {
        padding: 2.5rem
    }

    .px-sm-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-sm-40-important {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-sm-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pl-sm-40 {
        padding-left: 2.5rem
    }

    .pr-sm-40 {
        padding-right: 2.5rem
    }

    .pb-sm-40 {
        padding-bottom: 2.5rem
    }

    .pt-sm-40 {
        padding-top: 2.5rem
    }

    .m-sm-42 {
        margin: 2.625rem
    }

    .mx-sm-42 {
        margin-left: 2.625rem;
        margin-right: 2.625rem
    }

    .my-sm-42 {
        margin-top: 2.625rem;
        margin-bottom: 2.625rem
    }

    .ml-sm-42 {
        margin-left: 2.625rem
    }

    .mr-sm-42 {
        margin-right: 2.625rem
    }

    .mb-sm-42 {
        margin-bottom: 2.625rem
    }

    .mt-sm-42 {
        margin-top: 2.625rem
    }

    .mt-sm-42-important {
        margin-top: 2.625rem !important
    }

    .p-sm-42 {
        padding: 2.625rem
    }

    .px-sm-42 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .px-sm-42-important {
        padding-left: 2.625rem !important;
        padding-right: 2.625rem !important
    }

    .py-sm-42 {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem
    }

    .pl-sm-42 {
        padding-left: 2.625rem
    }

    .pr-sm-42 {
        padding-right: 2.625rem
    }

    .pb-sm-42 {
        padding-bottom: 2.625rem
    }

    .pt-sm-42 {
        padding-top: 2.625rem
    }

    .m-sm-44 {
        margin: 2.75rem
    }

    .mx-sm-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .my-sm-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .ml-sm-44 {
        margin-left: 2.75rem
    }

    .mr-sm-44 {
        margin-right: 2.75rem
    }

    .mb-sm-44 {
        margin-bottom: 2.75rem
    }

    .mt-sm-44 {
        margin-top: 2.75rem
    }

    .mt-sm-44-important {
        margin-top: 2.75rem !important
    }

    .p-sm-44 {
        padding: 2.75rem
    }

    .px-sm-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .px-sm-44-important {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .py-sm-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .pl-sm-44 {
        padding-left: 2.75rem
    }

    .pr-sm-44 {
        padding-right: 2.75rem
    }

    .pb-sm-44 {
        padding-bottom: 2.75rem
    }

    .pt-sm-44 {
        padding-top: 2.75rem
    }

    .m-sm-46 {
        margin: 2.875rem
    }

    .mx-sm-46 {
        margin-left: 2.875rem;
        margin-right: 2.875rem
    }

    .my-sm-46 {
        margin-top: 2.875rem;
        margin-bottom: 2.875rem
    }

    .ml-sm-46 {
        margin-left: 2.875rem
    }

    .mr-sm-46 {
        margin-right: 2.875rem
    }

    .mb-sm-46 {
        margin-bottom: 2.875rem
    }

    .mt-sm-46 {
        margin-top: 2.875rem
    }

    .mt-sm-46-important {
        margin-top: 2.875rem !important
    }

    .p-sm-46 {
        padding: 2.875rem
    }

    .px-sm-46 {
        padding-left: 2.875rem;
        padding-right: 2.875rem
    }

    .px-sm-46-important {
        padding-left: 2.875rem !important;
        padding-right: 2.875rem !important
    }

    .py-sm-46 {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .pl-sm-46 {
        padding-left: 2.875rem
    }

    .pr-sm-46 {
        padding-right: 2.875rem
    }

    .pb-sm-46 {
        padding-bottom: 2.875rem
    }

    .pt-sm-46 {
        padding-top: 2.875rem
    }

    .m-sm-48 {
        margin: 3rem
    }

    .mx-sm-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .my-sm-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .ml-sm-48 {
        margin-left: 3rem
    }

    .mr-sm-48 {
        margin-right: 3rem
    }

    .mb-sm-48 {
        margin-bottom: 3rem
    }

    .mt-sm-48 {
        margin-top: 3rem
    }

    .mt-sm-48-important {
        margin-top: 3rem !important
    }

    .p-sm-48 {
        padding: 3rem
    }

    .px-sm-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-sm-48-important {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-sm-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pl-sm-48 {
        padding-left: 3rem
    }

    .pr-sm-48 {
        padding-right: 3rem
    }

    .pb-sm-48 {
        padding-bottom: 3rem
    }

    .pt-sm-48 {
        padding-top: 3rem
    }

    .m-sm-50 {
        margin: 3.125rem
    }

    .mx-sm-50 {
        margin-left: 3.125rem;
        margin-right: 3.125rem
    }

    .my-sm-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .ml-sm-50 {
        margin-left: 3.125rem
    }

    .mr-sm-50 {
        margin-right: 3.125rem
    }

    .mb-sm-50 {
        margin-bottom: 3.125rem
    }

    .mt-sm-50 {
        margin-top: 3.125rem
    }

    .mt-sm-50-important {
        margin-top: 3.125rem !important
    }

    .p-sm-50 {
        padding: 3.125rem
    }

    .px-sm-50 {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }

    .px-sm-50-important {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important
    }

    .py-sm-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .pl-sm-50 {
        padding-left: 3.125rem
    }

    .pr-sm-50 {
        padding-right: 3.125rem
    }

    .pb-sm-50 {
        padding-bottom: 3.125rem
    }

    .pt-sm-50 {
        padding-top: 3.125rem
    }

    .m-sm-55 {
        margin: 3.4375rem
    }

    .mx-sm-55 {
        margin-left: 3.4375rem;
        margin-right: 3.4375rem
    }

    .my-sm-55 {
        margin-top: 3.4375rem;
        margin-bottom: 3.4375rem
    }

    .ml-sm-55 {
        margin-left: 3.4375rem
    }

    .mr-sm-55 {
        margin-right: 3.4375rem
    }

    .mb-sm-55 {
        margin-bottom: 3.4375rem
    }

    .mt-sm-55 {
        margin-top: 3.4375rem
    }

    .mt-sm-55-important {
        margin-top: 3.4375rem !important
    }

    .p-sm-55 {
        padding: 3.4375rem
    }

    .px-sm-55 {
        padding-left: 3.4375rem;
        padding-right: 3.4375rem
    }

    .px-sm-55-important {
        padding-left: 3.4375rem !important;
        padding-right: 3.4375rem !important
    }

    .py-sm-55 {
        padding-top: 3.4375rem;
        padding-bottom: 3.4375rem
    }

    .pl-sm-55 {
        padding-left: 3.4375rem
    }

    .pr-sm-55 {
        padding-right: 3.4375rem
    }

    .pb-sm-55 {
        padding-bottom: 3.4375rem
    }

    .pt-sm-55 {
        padding-top: 3.4375rem
    }

    .m-sm-56 {
        margin: 3.5rem
    }

    .mx-sm-56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .my-sm-56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .ml-sm-56 {
        margin-left: 3.5rem
    }

    .mr-sm-56 {
        margin-right: 3.5rem
    }

    .mb-sm-56 {
        margin-bottom: 3.5rem
    }

    .mt-sm-56 {
        margin-top: 3.5rem
    }

    .mt-sm-56-important {
        margin-top: 3.5rem !important
    }

    .p-sm-56 {
        padding: 3.5rem
    }

    .px-sm-56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .px-sm-56-important {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .py-sm-56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .pl-sm-56 {
        padding-left: 3.5rem
    }

    .pr-sm-56 {
        padding-right: 3.5rem
    }

    .pb-sm-56 {
        padding-bottom: 3.5rem
    }

    .pt-sm-56 {
        padding-top: 3.5rem
    }

    .m-sm-60 {
        margin: 3.75rem
    }

    .mx-sm-60 {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }

    .my-sm-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .ml-sm-60 {
        margin-left: 3.75rem
    }

    .mr-sm-60 {
        margin-right: 3.75rem
    }

    .mb-sm-60 {
        margin-bottom: 3.75rem
    }

    .mt-sm-60 {
        margin-top: 3.75rem
    }

    .mt-sm-60-important {
        margin-top: 3.75rem !important
    }

    .p-sm-60 {
        padding: 3.75rem
    }

    .px-sm-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .px-sm-60-important {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }

    .py-sm-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .pl-sm-60 {
        padding-left: 3.75rem
    }

    .pr-sm-60 {
        padding-right: 3.75rem
    }

    .pb-sm-60 {
        padding-bottom: 3.75rem
    }

    .pt-sm-60 {
        padding-top: 3.75rem
    }

    .m-sm-64 {
        margin: 4rem
    }

    .mx-sm-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my-sm-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .ml-sm-64 {
        margin-left: 4rem
    }

    .mr-sm-64 {
        margin-right: 4rem
    }

    .mb-sm-64 {
        margin-bottom: 4rem
    }

    .mt-sm-64 {
        margin-top: 4rem
    }

    .mt-sm-64-important {
        margin-top: 4rem !important
    }

    .p-sm-64 {
        padding: 4rem
    }

    .px-sm-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .px-sm-64-important {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .py-sm-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pl-sm-64 {
        padding-left: 4rem
    }

    .pr-sm-64 {
        padding-right: 4rem
    }

    .pb-sm-64 {
        padding-bottom: 4rem
    }

    .pt-sm-64 {
        padding-top: 4rem
    }

    .m-sm-70 {
        margin: 4.375rem
    }

    .mx-sm-70 {
        margin-left: 4.375rem;
        margin-right: 4.375rem
    }

    .my-sm-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem
    }

    .ml-sm-70 {
        margin-left: 4.375rem
    }

    .mr-sm-70 {
        margin-right: 4.375rem
    }

    .mb-sm-70 {
        margin-bottom: 4.375rem
    }

    .mt-sm-70 {
        margin-top: 4.375rem
    }

    .mt-sm-70-important {
        margin-top: 4.375rem !important
    }

    .p-sm-70 {
        padding: 4.375rem
    }

    .px-sm-70 {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }

    .px-sm-70-important {
        padding-left: 4.375rem !important;
        padding-right: 4.375rem !important
    }

    .py-sm-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .pl-sm-70 {
        padding-left: 4.375rem
    }

    .pr-sm-70 {
        padding-right: 4.375rem
    }

    .pb-sm-70 {
        padding-bottom: 4.375rem
    }

    .pt-sm-70 {
        padding-top: 4.375rem
    }

    .m-sm-72 {
        margin: 4.5rem
    }

    .mx-sm-72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .my-sm-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .ml-sm-72 {
        margin-left: 4.5rem
    }

    .mr-sm-72 {
        margin-right: 4.5rem
    }

    .mb-sm-72 {
        margin-bottom: 4.5rem
    }

    .mt-sm-72 {
        margin-top: 4.5rem
    }

    .mt-sm-72-important {
        margin-top: 4.5rem !important
    }

    .p-sm-72 {
        padding: 4.5rem
    }

    .px-sm-72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .px-sm-72-important {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-sm-72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .pl-sm-72 {
        padding-left: 4.5rem
    }

    .pr-sm-72 {
        padding-right: 4.5rem
    }

    .pb-sm-72 {
        padding-bottom: 4.5rem
    }

    .pt-sm-72 {
        padding-top: 4.5rem
    }

    .m-sm-80 {
        margin: 5rem
    }

    .mx-sm-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .my-sm-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .ml-sm-80 {
        margin-left: 5rem
    }

    .mr-sm-80 {
        margin-right: 5rem
    }

    .mb-sm-80 {
        margin-bottom: 5rem
    }

    .mt-sm-80 {
        margin-top: 5rem
    }

    .mt-sm-80-important {
        margin-top: 5rem !important
    }

    .p-sm-80 {
        padding: 5rem
    }

    .px-sm-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .px-sm-80-important {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .py-sm-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .pl-sm-80 {
        padding-left: 5rem
    }

    .pr-sm-80 {
        padding-right: 5rem
    }

    .pb-sm-80 {
        padding-bottom: 5rem
    }

    .pt-sm-80 {
        padding-top: 5rem
    }

    .m-sm-88 {
        margin: 5.5rem
    }

    .mx-sm-88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .my-sm-88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .ml-sm-88 {
        margin-left: 5.5rem
    }

    .mr-sm-88 {
        margin-right: 5.5rem
    }

    .mb-sm-88 {
        margin-bottom: 5.5rem
    }

    .mt-sm-88 {
        margin-top: 5.5rem
    }

    .mt-sm-88-important {
        margin-top: 5.5rem !important
    }

    .p-sm-88 {
        padding: 5.5rem
    }

    .px-sm-88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .px-sm-88-important {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }

    .py-sm-88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .pl-sm-88 {
        padding-left: 5.5rem
    }

    .pr-sm-88 {
        padding-right: 5.5rem
    }

    .pb-sm-88 {
        padding-bottom: 5.5rem
    }

    .pt-sm-88 {
        padding-top: 5.5rem
    }

    .m-sm-0 {
        margin: 0rem
    }

    .mx-sm-0 {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .my-sm-0 {
        margin-top: 0rem;
        margin-bottom: 0rem
    }

    .ml-sm-0 {
        margin-left: 0rem
    }

    .mr-sm-0 {
        margin-right: 0rem
    }

    .mb-sm-0 {
        margin-bottom: 0rem
    }

    .mt-sm-0 {
        margin-top: 0rem
    }

    .mt-sm-0-important {
        margin-top: 0rem !important
    }

    .p-sm-0 {
        padding: 0rem
    }

    .px-sm-0 {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .px-sm-0-important {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .py-sm-0 {
        padding-top: 0rem;
        padding-bottom: 0rem
    }

    .pl-sm-0 {
        padding-left: 0rem
    }

    .pr-sm-0 {
        padding-right: 0rem
    }

    .pb-sm-0 {
        padding-bottom: 0rem
    }

    .pt-sm-0 {
        padding-top: 0rem
    }
}

@media(min-width: 768px) {
    .m-md-1 {
        margin:0.0625rem
    }

    .mx-md-1 {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem
    }

    .my-md-1 {
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem
    }

    .ml-md-1 {
        margin-left: 0.0625rem
    }

    .mr-md-1 {
        margin-right: 0.0625rem
    }

    .mb-md-1 {
        margin-bottom: 0.0625rem
    }

    .mt-md-1 {
        margin-top: 0.0625rem
    }

    .mt-md-1-important {
        margin-top: 0.0625rem !important
    }

    .p-md-1 {
        padding: 0.0625rem
    }

    .px-md-1 {
        padding-left: 0.0625rem;
        padding-right: 0.0625rem
    }

    .px-md-1-important {
        padding-left: 0.0625rem !important;
        padding-right: 0.0625rem !important
    }

    .py-md-1 {
        padding-top: 0.0625rem;
        padding-bottom: 0.0625rem
    }

    .pl-md-1 {
        padding-left: 0.0625rem
    }

    .pr-md-1 {
        padding-right: 0.0625rem
    }

    .pb-md-1 {
        padding-bottom: 0.0625rem
    }

    .pt-md-1 {
        padding-top: 0.0625rem
    }

    .m-md-2 {
        margin: 0.125rem
    }

    .mx-md-2 {
        margin-left: 0.125rem;
        margin-right: 0.125rem
    }

    .my-md-2 {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem
    }

    .ml-md-2 {
        margin-left: 0.125rem
    }

    .mr-md-2 {
        margin-right: 0.125rem
    }

    .mb-md-2 {
        margin-bottom: 0.125rem
    }

    .mt-md-2 {
        margin-top: 0.125rem
    }

    .mt-md-2-important {
        margin-top: 0.125rem !important
    }

    .p-md-2 {
        padding: 0.125rem
    }

    .px-md-2 {
        padding-left: 0.125rem;
        padding-right: 0.125rem
    }

    .px-md-2-important {
        padding-left: 0.125rem !important;
        padding-right: 0.125rem !important
    }

    .py-md-2 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem
    }

    .pl-md-2 {
        padding-left: 0.125rem
    }

    .pr-md-2 {
        padding-right: 0.125rem
    }

    .pb-md-2 {
        padding-bottom: 0.125rem
    }

    .pt-md-2 {
        padding-top: 0.125rem
    }

    .m-md-3 {
        margin: 0.1875rem
    }

    .mx-md-3 {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem
    }

    .my-md-3 {
        margin-top: 0.1875rem;
        margin-bottom: 0.1875rem
    }

    .ml-md-3 {
        margin-left: 0.1875rem
    }

    .mr-md-3 {
        margin-right: 0.1875rem
    }

    .mb-md-3 {
        margin-bottom: 0.1875rem
    }

    .mt-md-3 {
        margin-top: 0.1875rem
    }

    .mt-md-3-important {
        margin-top: 0.1875rem !important
    }

    .p-md-3 {
        padding: 0.1875rem
    }

    .px-md-3 {
        padding-left: 0.1875rem;
        padding-right: 0.1875rem
    }

    .px-md-3-important {
        padding-left: 0.1875rem !important;
        padding-right: 0.1875rem !important
    }

    .py-md-3 {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem
    }

    .pl-md-3 {
        padding-left: 0.1875rem
    }

    .pr-md-3 {
        padding-right: 0.1875rem
    }

    .pb-md-3 {
        padding-bottom: 0.1875rem
    }

    .pt-md-3 {
        padding-top: 0.1875rem
    }

    .m-md-4 {
        margin: 0.25rem
    }

    .mx-md-4 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }

    .my-md-4 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .ml-md-4 {
        margin-left: 0.25rem
    }

    .mr-md-4 {
        margin-right: 0.25rem
    }

    .mb-md-4 {
        margin-bottom: 0.25rem
    }

    .mt-md-4 {
        margin-top: 0.25rem
    }

    .mt-md-4-important {
        margin-top: 0.25rem !important
    }

    .p-md-4 {
        padding: 0.25rem
    }

    .px-md-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }

    .px-md-4-important {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

    .py-md-4 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .pl-md-4 {
        padding-left: 0.25rem
    }

    .pr-md-4 {
        padding-right: 0.25rem
    }

    .pb-md-4 {
        padding-bottom: 0.25rem
    }

    .pt-md-4 {
        padding-top: 0.25rem
    }

    .m-md-6 {
        margin: 0.375rem
    }

    .mx-md-6 {
        margin-left: 0.375rem;
        margin-right: 0.375rem
    }

    .my-md-6 {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem
    }

    .ml-md-6 {
        margin-left: 0.375rem
    }

    .mr-md-6 {
        margin-right: 0.375rem
    }

    .mb-md-6 {
        margin-bottom: 0.375rem
    }

    .mt-md-6 {
        margin-top: 0.375rem
    }

    .mt-md-6-important {
        margin-top: 0.375rem !important
    }

    .p-md-6 {
        padding: 0.375rem
    }

    .px-md-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem
    }

    .px-md-6-important {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important
    }

    .py-md-6 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }

    .pl-md-6 {
        padding-left: 0.375rem
    }

    .pr-md-6 {
        padding-right: 0.375rem
    }

    .pb-md-6 {
        padding-bottom: 0.375rem
    }

    .pt-md-6 {
        padding-top: 0.375rem
    }

    .m-md-8 {
        margin: 0.5rem
    }

    .mx-md-8 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }

    .my-md-8 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .ml-md-8 {
        margin-left: 0.5rem
    }

    .mr-md-8 {
        margin-right: 0.5rem
    }

    .mb-md-8 {
        margin-bottom: 0.5rem
    }

    .mt-md-8 {
        margin-top: 0.5rem
    }

    .mt-md-8-important {
        margin-top: 0.5rem !important
    }

    .p-md-8 {
        padding: 0.5rem
    }

    .px-md-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .px-md-8-important {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }

    .py-md-8 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .pl-md-8 {
        padding-left: 0.5rem
    }

    .pr-md-8 {
        padding-right: 0.5rem
    }

    .pb-md-8 {
        padding-bottom: 0.5rem
    }

    .pt-md-8 {
        padding-top: 0.5rem
    }

    .m-md-10 {
        margin: 0.625rem
    }

    .mx-md-10 {
        margin-left: 0.625rem;
        margin-right: 0.625rem
    }

    .my-md-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem
    }

    .ml-md-10 {
        margin-left: 0.625rem
    }

    .mr-md-10 {
        margin-right: 0.625rem
    }

    .mb-md-10 {
        margin-bottom: 0.625rem
    }

    .mt-md-10 {
        margin-top: 0.625rem
    }

    .mt-md-10-important {
        margin-top: 0.625rem !important
    }

    .p-md-10 {
        padding: 0.625rem
    }

    .px-md-10 {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }

    .px-md-10-important {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important
    }

    .py-md-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }

    .pl-md-10 {
        padding-left: 0.625rem
    }

    .pr-md-10 {
        padding-right: 0.625rem
    }

    .pb-md-10 {
        padding-bottom: 0.625rem
    }

    .pt-md-10 {
        padding-top: 0.625rem
    }

    .m-md-11 {
        margin: 0.6875rem
    }

    .mx-md-11 {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem
    }

    .my-md-11 {
        margin-top: 0.6875rem;
        margin-bottom: 0.6875rem
    }

    .ml-md-11 {
        margin-left: 0.6875rem
    }

    .mr-md-11 {
        margin-right: 0.6875rem
    }

    .mb-md-11 {
        margin-bottom: 0.6875rem
    }

    .mt-md-11 {
        margin-top: 0.6875rem
    }

    .mt-md-11-important {
        margin-top: 0.6875rem !important
    }

    .p-md-11 {
        padding: 0.6875rem
    }

    .px-md-11 {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem
    }

    .px-md-11-important {
        padding-left: 0.6875rem !important;
        padding-right: 0.6875rem !important
    }

    .py-md-11 {
        padding-top: 0.6875rem;
        padding-bottom: 0.6875rem
    }

    .pl-md-11 {
        padding-left: 0.6875rem
    }

    .pr-md-11 {
        padding-right: 0.6875rem
    }

    .pb-md-11 {
        padding-bottom: 0.6875rem
    }

    .pt-md-11 {
        padding-top: 0.6875rem
    }

    .m-md-12 {
        margin: 0.75rem
    }

    .mx-md-12 {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }

    .my-md-12 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .ml-md-12 {
        margin-left: 0.75rem
    }

    .mr-md-12 {
        margin-right: 0.75rem
    }

    .mb-md-12 {
        margin-bottom: 0.75rem
    }

    .mt-md-12 {
        margin-top: 0.75rem
    }

    .mt-md-12-important {
        margin-top: 0.75rem !important
    }

    .p-md-12 {
        padding: 0.75rem
    }

    .px-md-12 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .px-md-12-important {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important
    }

    .py-md-12 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .pl-md-12 {
        padding-left: 0.75rem
    }

    .pr-md-12 {
        padding-right: 0.75rem
    }

    .pb-md-12 {
        padding-bottom: 0.75rem
    }

    .pt-md-12 {
        padding-top: 0.75rem
    }

    .m-md-14 {
        margin: 0.875rem
    }

    .mx-md-14 {
        margin-left: 0.875rem;
        margin-right: 0.875rem
    }

    .my-md-14 {
        margin-top: 0.875rem;
        margin-bottom: 0.875rem
    }

    .ml-md-14 {
        margin-left: 0.875rem
    }

    .mr-md-14 {
        margin-right: 0.875rem
    }

    .mb-md-14 {
        margin-bottom: 0.875rem
    }

    .mt-md-14 {
        margin-top: 0.875rem
    }

    .mt-md-14-important {
        margin-top: 0.875rem !important
    }

    .p-md-14 {
        padding: 0.875rem
    }

    .px-md-14 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }

    .px-md-14-important {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important
    }

    .py-md-14 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem
    }

    .pl-md-14 {
        padding-left: 0.875rem
    }

    .pr-md-14 {
        padding-right: 0.875rem
    }

    .pb-md-14 {
        padding-bottom: 0.875rem
    }

    .pt-md-14 {
        padding-top: 0.875rem
    }

    .m-md-15 {
        margin: 0.9375rem
    }

    .mx-md-15 {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }

    .my-md-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .ml-md-15 {
        margin-left: 0.9375rem
    }

    .mr-md-15 {
        margin-right: 0.9375rem
    }

    .mb-md-15 {
        margin-bottom: 0.9375rem
    }

    .mt-md-15 {
        margin-top: 0.9375rem
    }

    .mt-md-15-important {
        margin-top: 0.9375rem !important
    }

    .p-md-15 {
        padding: 0.9375rem
    }

    .px-md-15 {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }

    .px-md-15-important {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important
    }

    .py-md-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }

    .pl-md-15 {
        padding-left: 0.9375rem
    }

    .pr-md-15 {
        padding-right: 0.9375rem
    }

    .pb-md-15 {
        padding-bottom: 0.9375rem
    }

    .pt-md-15 {
        padding-top: 0.9375rem
    }

    .m-md-16 {
        margin: 1rem
    }

    .mx-md-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my-md-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .ml-md-16 {
        margin-left: 1rem
    }

    .mr-md-16 {
        margin-right: 1rem
    }

    .mb-md-16 {
        margin-bottom: 1rem
    }

    .mt-md-16 {
        margin-top: 1rem
    }

    .mt-md-16-important {
        margin-top: 1rem !important
    }

    .p-md-16 {
        padding: 1rem
    }

    .px-md-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-md-16-important {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .py-md-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pl-md-16 {
        padding-left: 1rem
    }

    .pr-md-16 {
        padding-right: 1rem
    }

    .pb-md-16 {
        padding-bottom: 1rem
    }

    .pt-md-16 {
        padding-top: 1rem
    }

    .m-md-18 {
        margin: 1.125rem
    }

    .mx-md-18 {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    .my-md-18 {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    .ml-md-18 {
        margin-left: 1.125rem
    }

    .mr-md-18 {
        margin-right: 1.125rem
    }

    .mb-md-18 {
        margin-bottom: 1.125rem
    }

    .mt-md-18 {
        margin-top: 1.125rem
    }

    .mt-md-18-important {
        margin-top: 1.125rem !important
    }

    .p-md-18 {
        padding: 1.125rem
    }

    .px-md-18 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .px-md-18-important {
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .py-md-18 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .pl-md-18 {
        padding-left: 1.125rem
    }

    .pr-md-18 {
        padding-right: 1.125rem
    }

    .pb-md-18 {
        padding-bottom: 1.125rem
    }

    .pt-md-18 {
        padding-top: 1.125rem
    }

    .m-md-20 {
        margin: 1.25rem
    }

    .mx-md-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .my-md-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .ml-md-20 {
        margin-left: 1.25rem
    }

    .mr-md-20 {
        margin-right: 1.25rem
    }

    .mb-md-20 {
        margin-bottom: 1.25rem
    }

    .mt-md-20 {
        margin-top: 1.25rem
    }

    .mt-md-20-important {
        margin-top: 1.25rem !important
    }

    .p-md-20 {
        padding: 1.25rem
    }

    .px-md-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-md-20-important {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .py-md-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pl-md-20 {
        padding-left: 1.25rem
    }

    .pr-md-20 {
        padding-right: 1.25rem
    }

    .pb-md-20 {
        padding-bottom: 1.25rem
    }

    .pt-md-20 {
        padding-top: 1.25rem
    }

    .m-md-22 {
        margin: 1.375rem
    }

    .mx-md-22 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .my-md-22 {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem
    }

    .ml-md-22 {
        margin-left: 1.375rem
    }

    .mr-md-22 {
        margin-right: 1.375rem
    }

    .mb-md-22 {
        margin-bottom: 1.375rem
    }

    .mt-md-22 {
        margin-top: 1.375rem
    }

    .mt-md-22-important {
        margin-top: 1.375rem !important
    }

    .p-md-22 {
        padding: 1.375rem
    }

    .px-md-22 {
        padding-left: 1.375rem;
        padding-right: 1.375rem
    }

    .px-md-22-important {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important
    }

    .py-md-22 {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem
    }

    .pl-md-22 {
        padding-left: 1.375rem
    }

    .pr-md-22 {
        padding-right: 1.375rem
    }

    .pb-md-22 {
        padding-bottom: 1.375rem
    }

    .pt-md-22 {
        padding-top: 1.375rem
    }

    .m-md-24 {
        margin: 1.5rem
    }

    .mx-md-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .my-md-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ml-md-24 {
        margin-left: 1.5rem
    }

    .mr-md-24 {
        margin-right: 1.5rem
    }

    .mb-md-24 {
        margin-bottom: 1.5rem
    }

    .mt-md-24 {
        margin-top: 1.5rem
    }

    .mt-md-24-important {
        margin-top: 1.5rem !important
    }

    .p-md-24 {
        padding: 1.5rem
    }

    .px-md-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-md-24-important {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-md-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pl-md-24 {
        padding-left: 1.5rem
    }

    .pr-md-24 {
        padding-right: 1.5rem
    }

    .pb-md-24 {
        padding-bottom: 1.5rem
    }

    .pt-md-24 {
        padding-top: 1.5rem
    }

    .m-md-28 {
        margin: 1.75rem
    }

    .mx-md-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .my-md-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .ml-md-28 {
        margin-left: 1.75rem
    }

    .mr-md-28 {
        margin-right: 1.75rem
    }

    .mb-md-28 {
        margin-bottom: 1.75rem
    }

    .mt-md-28 {
        margin-top: 1.75rem
    }

    .mt-md-28-important {
        margin-top: 1.75rem !important
    }

    .p-md-28 {
        padding: 1.75rem
    }

    .px-md-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .px-md-28-important {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .py-md-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .pl-md-28 {
        padding-left: 1.75rem
    }

    .pr-md-28 {
        padding-right: 1.75rem
    }

    .pb-md-28 {
        padding-bottom: 1.75rem
    }

    .pt-md-28 {
        padding-top: 1.75rem
    }

    .m-md-32 {
        margin: 2rem
    }

    .mx-md-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my-md-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ml-md-32 {
        margin-left: 2rem
    }

    .mr-md-32 {
        margin-right: 2rem
    }

    .mb-md-32 {
        margin-bottom: 2rem
    }

    .mt-md-32 {
        margin-top: 2rem
    }

    .mt-md-32-important {
        margin-top: 2rem !important
    }

    .p-md-32 {
        padding: 2rem
    }

    .px-md-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-md-32-important {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .py-md-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pl-md-32 {
        padding-left: 2rem
    }

    .pr-md-32 {
        padding-right: 2rem
    }

    .pb-md-32 {
        padding-bottom: 2rem
    }

    .pt-md-32 {
        padding-top: 2rem
    }

    .m-md-30 {
        margin: 1.875rem
    }

    .mx-md-30 {
        margin-left: 1.875rem;
        margin-right: 1.875rem
    }

    .my-md-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .ml-md-30 {
        margin-left: 1.875rem
    }

    .mr-md-30 {
        margin-right: 1.875rem
    }

    .mb-md-30 {
        margin-bottom: 1.875rem
    }

    .mt-md-30 {
        margin-top: 1.875rem
    }

    .mt-md-30-important {
        margin-top: 1.875rem !important
    }

    .p-md-30 {
        padding: 1.875rem
    }

    .px-md-30 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .px-md-30-important {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .py-md-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .pl-md-30 {
        padding-left: 1.875rem
    }

    .pr-md-30 {
        padding-right: 1.875rem
    }

    .pb-md-30 {
        padding-bottom: 1.875rem
    }

    .pt-md-30 {
        padding-top: 1.875rem
    }

    .m-md-34 {
        margin: 2.125rem
    }

    .mx-md-34 {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

    .my-md-34 {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem
    }

    .ml-md-34 {
        margin-left: 2.125rem
    }

    .mr-md-34 {
        margin-right: 2.125rem
    }

    .mb-md-34 {
        margin-bottom: 2.125rem
    }

    .mt-md-34 {
        margin-top: 2.125rem
    }

    .mt-md-34-important {
        margin-top: 2.125rem !important
    }

    .p-md-34 {
        padding: 2.125rem
    }

    .px-md-34 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .px-md-34-important {
        padding-left: 2.125rem !important;
        padding-right: 2.125rem !important
    }

    .py-md-34 {
        padding-top: 2.125rem;
        padding-bottom: 2.125rem
    }

    .pl-md-34 {
        padding-left: 2.125rem
    }

    .pr-md-34 {
        padding-right: 2.125rem
    }

    .pb-md-34 {
        padding-bottom: 2.125rem
    }

    .pt-md-34 {
        padding-top: 2.125rem
    }

    .m-md-36 {
        margin: 2.25rem
    }

    .mx-md-36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .my-md-36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .ml-md-36 {
        margin-left: 2.25rem
    }

    .mr-md-36 {
        margin-right: 2.25rem
    }

    .mb-md-36 {
        margin-bottom: 2.25rem
    }

    .mt-md-36 {
        margin-top: 2.25rem
    }

    .mt-md-36-important {
        margin-top: 2.25rem !important
    }

    .p-md-36 {
        padding: 2.25rem
    }

    .px-md-36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-md-36-important {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .py-md-36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .pl-md-36 {
        padding-left: 2.25rem
    }

    .pr-md-36 {
        padding-right: 2.25rem
    }

    .pb-md-36 {
        padding-bottom: 2.25rem
    }

    .pt-md-36 {
        padding-top: 2.25rem
    }

    .m-md-38 {
        margin: 2.375rem
    }

    .mx-md-38 {
        margin-left: 2.375rem;
        margin-right: 2.375rem
    }

    .my-md-38 {
        margin-top: 2.375rem;
        margin-bottom: 2.375rem
    }

    .ml-md-38 {
        margin-left: 2.375rem
    }

    .mr-md-38 {
        margin-right: 2.375rem
    }

    .mb-md-38 {
        margin-bottom: 2.375rem
    }

    .mt-md-38 {
        margin-top: 2.375rem
    }

    .mt-md-38-important {
        margin-top: 2.375rem !important
    }

    .p-md-38 {
        padding: 2.375rem
    }

    .px-md-38 {
        padding-left: 2.375rem;
        padding-right: 2.375rem
    }

    .px-md-38-important {
        padding-left: 2.375rem !important;
        padding-right: 2.375rem !important
    }

    .py-md-38 {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem
    }

    .pl-md-38 {
        padding-left: 2.375rem
    }

    .pr-md-38 {
        padding-right: 2.375rem
    }

    .pb-md-38 {
        padding-bottom: 2.375rem
    }

    .pt-md-38 {
        padding-top: 2.375rem
    }

    .m-md-40 {
        margin: 2.5rem
    }

    .mx-md-40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .my-md-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .ml-md-40 {
        margin-left: 2.5rem
    }

    .mr-md-40 {
        margin-right: 2.5rem
    }

    .mb-md-40 {
        margin-bottom: 2.5rem
    }

    .mt-md-40 {
        margin-top: 2.5rem
    }

    .mt-md-40-important {
        margin-top: 2.5rem !important
    }

    .p-md-40 {
        padding: 2.5rem
    }

    .px-md-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-md-40-important {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-md-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pl-md-40 {
        padding-left: 2.5rem
    }

    .pr-md-40 {
        padding-right: 2.5rem
    }

    .pb-md-40 {
        padding-bottom: 2.5rem
    }

    .pt-md-40 {
        padding-top: 2.5rem
    }

    .m-md-42 {
        margin: 2.625rem
    }

    .mx-md-42 {
        margin-left: 2.625rem;
        margin-right: 2.625rem
    }

    .my-md-42 {
        margin-top: 2.625rem;
        margin-bottom: 2.625rem
    }

    .ml-md-42 {
        margin-left: 2.625rem
    }

    .mr-md-42 {
        margin-right: 2.625rem
    }

    .mb-md-42 {
        margin-bottom: 2.625rem
    }

    .mt-md-42 {
        margin-top: 2.625rem
    }

    .mt-md-42-important {
        margin-top: 2.625rem !important
    }

    .p-md-42 {
        padding: 2.625rem
    }

    .px-md-42 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .px-md-42-important {
        padding-left: 2.625rem !important;
        padding-right: 2.625rem !important
    }

    .py-md-42 {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem
    }

    .pl-md-42 {
        padding-left: 2.625rem
    }

    .pr-md-42 {
        padding-right: 2.625rem
    }

    .pb-md-42 {
        padding-bottom: 2.625rem
    }

    .pt-md-42 {
        padding-top: 2.625rem
    }

    .m-md-44 {
        margin: 2.75rem
    }

    .mx-md-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .my-md-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .ml-md-44 {
        margin-left: 2.75rem
    }

    .mr-md-44 {
        margin-right: 2.75rem
    }

    .mb-md-44 {
        margin-bottom: 2.75rem
    }

    .mt-md-44 {
        margin-top: 2.75rem
    }

    .mt-md-44-important {
        margin-top: 2.75rem !important
    }

    .p-md-44 {
        padding: 2.75rem
    }

    .px-md-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .px-md-44-important {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .py-md-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .pl-md-44 {
        padding-left: 2.75rem
    }

    .pr-md-44 {
        padding-right: 2.75rem
    }

    .pb-md-44 {
        padding-bottom: 2.75rem
    }

    .pt-md-44 {
        padding-top: 2.75rem
    }

    .m-md-46 {
        margin: 2.875rem
    }

    .mx-md-46 {
        margin-left: 2.875rem;
        margin-right: 2.875rem
    }

    .my-md-46 {
        margin-top: 2.875rem;
        margin-bottom: 2.875rem
    }

    .ml-md-46 {
        margin-left: 2.875rem
    }

    .mr-md-46 {
        margin-right: 2.875rem
    }

    .mb-md-46 {
        margin-bottom: 2.875rem
    }

    .mt-md-46 {
        margin-top: 2.875rem
    }

    .mt-md-46-important {
        margin-top: 2.875rem !important
    }

    .p-md-46 {
        padding: 2.875rem
    }

    .px-md-46 {
        padding-left: 2.875rem;
        padding-right: 2.875rem
    }

    .px-md-46-important {
        padding-left: 2.875rem !important;
        padding-right: 2.875rem !important
    }

    .py-md-46 {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .pl-md-46 {
        padding-left: 2.875rem
    }

    .pr-md-46 {
        padding-right: 2.875rem
    }

    .pb-md-46 {
        padding-bottom: 2.875rem
    }

    .pt-md-46 {
        padding-top: 2.875rem
    }

    .m-md-48 {
        margin: 3rem
    }

    .mx-md-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .my-md-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .ml-md-48 {
        margin-left: 3rem
    }

    .mr-md-48 {
        margin-right: 3rem
    }

    .mb-md-48 {
        margin-bottom: 3rem
    }

    .mt-md-48 {
        margin-top: 3rem
    }

    .mt-md-48-important {
        margin-top: 3rem !important
    }

    .p-md-48 {
        padding: 3rem
    }

    .px-md-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-md-48-important {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-md-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pl-md-48 {
        padding-left: 3rem
    }

    .pr-md-48 {
        padding-right: 3rem
    }

    .pb-md-48 {
        padding-bottom: 3rem
    }

    .pt-md-48 {
        padding-top: 3rem
    }

    .m-md-50 {
        margin: 3.125rem
    }

    .mx-md-50 {
        margin-left: 3.125rem;
        margin-right: 3.125rem
    }

    .my-md-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .ml-md-50 {
        margin-left: 3.125rem
    }

    .mr-md-50 {
        margin-right: 3.125rem
    }

    .mb-md-50 {
        margin-bottom: 3.125rem
    }

    .mt-md-50 {
        margin-top: 3.125rem
    }

    .mt-md-50-important {
        margin-top: 3.125rem !important
    }

    .p-md-50 {
        padding: 3.125rem
    }

    .px-md-50 {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }

    .px-md-50-important {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important
    }

    .py-md-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .pl-md-50 {
        padding-left: 3.125rem
    }

    .pr-md-50 {
        padding-right: 3.125rem
    }

    .pb-md-50 {
        padding-bottom: 3.125rem
    }

    .pt-md-50 {
        padding-top: 3.125rem
    }

    .m-md-55 {
        margin: 3.4375rem
    }

    .mx-md-55 {
        margin-left: 3.4375rem;
        margin-right: 3.4375rem
    }

    .my-md-55 {
        margin-top: 3.4375rem;
        margin-bottom: 3.4375rem
    }

    .ml-md-55 {
        margin-left: 3.4375rem
    }

    .mr-md-55 {
        margin-right: 3.4375rem
    }

    .mb-md-55 {
        margin-bottom: 3.4375rem
    }

    .mt-md-55 {
        margin-top: 3.4375rem
    }

    .mt-md-55-important {
        margin-top: 3.4375rem !important
    }

    .p-md-55 {
        padding: 3.4375rem
    }

    .px-md-55 {
        padding-left: 3.4375rem;
        padding-right: 3.4375rem
    }

    .px-md-55-important {
        padding-left: 3.4375rem !important;
        padding-right: 3.4375rem !important
    }

    .py-md-55 {
        padding-top: 3.4375rem;
        padding-bottom: 3.4375rem
    }

    .pl-md-55 {
        padding-left: 3.4375rem
    }

    .pr-md-55 {
        padding-right: 3.4375rem
    }

    .pb-md-55 {
        padding-bottom: 3.4375rem
    }

    .pt-md-55 {
        padding-top: 3.4375rem
    }

    .m-md-56 {
        margin: 3.5rem
    }

    .mx-md-56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .my-md-56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .ml-md-56 {
        margin-left: 3.5rem
    }

    .mr-md-56 {
        margin-right: 3.5rem
    }

    .mb-md-56 {
        margin-bottom: 3.5rem
    }

    .mt-md-56 {
        margin-top: 3.5rem
    }

    .mt-md-56-important {
        margin-top: 3.5rem !important
    }

    .p-md-56 {
        padding: 3.5rem
    }

    .px-md-56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .px-md-56-important {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .py-md-56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .pl-md-56 {
        padding-left: 3.5rem
    }

    .pr-md-56 {
        padding-right: 3.5rem
    }

    .pb-md-56 {
        padding-bottom: 3.5rem
    }

    .pt-md-56 {
        padding-top: 3.5rem
    }

    .m-md-60 {
        margin: 3.75rem
    }

    .mx-md-60 {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }

    .my-md-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .ml-md-60 {
        margin-left: 3.75rem
    }

    .mr-md-60 {
        margin-right: 3.75rem
    }

    .mb-md-60 {
        margin-bottom: 3.75rem
    }

    .mt-md-60 {
        margin-top: 3.75rem
    }

    .mt-md-60-important {
        margin-top: 3.75rem !important
    }

    .p-md-60 {
        padding: 3.75rem
    }

    .px-md-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .px-md-60-important {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }

    .py-md-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .pl-md-60 {
        padding-left: 3.75rem
    }

    .pr-md-60 {
        padding-right: 3.75rem
    }

    .pb-md-60 {
        padding-bottom: 3.75rem
    }

    .pt-md-60 {
        padding-top: 3.75rem
    }

    .m-md-64 {
        margin: 4rem
    }

    .mx-md-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my-md-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .ml-md-64 {
        margin-left: 4rem
    }

    .mr-md-64 {
        margin-right: 4rem
    }

    .mb-md-64 {
        margin-bottom: 4rem
    }

    .mt-md-64 {
        margin-top: 4rem
    }

    .mt-md-64-important {
        margin-top: 4rem !important
    }

    .p-md-64 {
        padding: 4rem
    }

    .px-md-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .px-md-64-important {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .py-md-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pl-md-64 {
        padding-left: 4rem
    }

    .pr-md-64 {
        padding-right: 4rem
    }

    .pb-md-64 {
        padding-bottom: 4rem
    }

    .pt-md-64 {
        padding-top: 4rem
    }

    .m-md-70 {
        margin: 4.375rem
    }

    .mx-md-70 {
        margin-left: 4.375rem;
        margin-right: 4.375rem
    }

    .my-md-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem
    }

    .ml-md-70 {
        margin-left: 4.375rem
    }

    .mr-md-70 {
        margin-right: 4.375rem
    }

    .mb-md-70 {
        margin-bottom: 4.375rem
    }

    .mt-md-70 {
        margin-top: 4.375rem
    }

    .mt-md-70-important {
        margin-top: 4.375rem !important
    }

    .p-md-70 {
        padding: 4.375rem
    }

    .px-md-70 {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }

    .px-md-70-important {
        padding-left: 4.375rem !important;
        padding-right: 4.375rem !important
    }

    .py-md-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .pl-md-70 {
        padding-left: 4.375rem
    }

    .pr-md-70 {
        padding-right: 4.375rem
    }

    .pb-md-70 {
        padding-bottom: 4.375rem
    }

    .pt-md-70 {
        padding-top: 4.375rem
    }

    .m-md-72 {
        margin: 4.5rem
    }

    .mx-md-72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .my-md-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .ml-md-72 {
        margin-left: 4.5rem
    }

    .mr-md-72 {
        margin-right: 4.5rem
    }

    .mb-md-72 {
        margin-bottom: 4.5rem
    }

    .mt-md-72 {
        margin-top: 4.5rem
    }

    .mt-md-72-important {
        margin-top: 4.5rem !important
    }

    .p-md-72 {
        padding: 4.5rem
    }

    .px-md-72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .px-md-72-important {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-md-72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .pl-md-72 {
        padding-left: 4.5rem
    }

    .pr-md-72 {
        padding-right: 4.5rem
    }

    .pb-md-72 {
        padding-bottom: 4.5rem
    }

    .pt-md-72 {
        padding-top: 4.5rem
    }

    .m-md-80 {
        margin: 5rem
    }

    .mx-md-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .my-md-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .ml-md-80 {
        margin-left: 5rem
    }

    .mr-md-80 {
        margin-right: 5rem
    }

    .mb-md-80 {
        margin-bottom: 5rem
    }

    .mt-md-80 {
        margin-top: 5rem
    }

    .mt-md-80-important {
        margin-top: 5rem !important
    }

    .p-md-80 {
        padding: 5rem
    }

    .px-md-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .px-md-80-important {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .py-md-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .pl-md-80 {
        padding-left: 5rem
    }

    .pr-md-80 {
        padding-right: 5rem
    }

    .pb-md-80 {
        padding-bottom: 5rem
    }

    .pt-md-80 {
        padding-top: 5rem
    }

    .m-md-88 {
        margin: 5.5rem
    }

    .mx-md-88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .my-md-88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .ml-md-88 {
        margin-left: 5.5rem
    }

    .mr-md-88 {
        margin-right: 5.5rem
    }

    .mb-md-88 {
        margin-bottom: 5.5rem
    }

    .mt-md-88 {
        margin-top: 5.5rem
    }

    .mt-md-88-important {
        margin-top: 5.5rem !important
    }

    .p-md-88 {
        padding: 5.5rem
    }

    .px-md-88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .px-md-88-important {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }

    .py-md-88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .pl-md-88 {
        padding-left: 5.5rem
    }

    .pr-md-88 {
        padding-right: 5.5rem
    }

    .pb-md-88 {
        padding-bottom: 5.5rem
    }

    .pt-md-88 {
        padding-top: 5.5rem
    }

    .m-md-0 {
        margin: 0rem
    }

    .mx-md-0 {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .my-md-0 {
        margin-top: 0rem;
        margin-bottom: 0rem
    }

    .ml-md-0 {
        margin-left: 0rem
    }

    .mr-md-0 {
        margin-right: 0rem
    }

    .mb-md-0 {
        margin-bottom: 0rem
    }

    .mt-md-0 {
        margin-top: 0rem
    }

    .mt-md-0-important {
        margin-top: 0rem !important
    }

    .p-md-0 {
        padding: 0rem
    }

    .px-md-0 {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .px-md-0-important {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .py-md-0 {
        padding-top: 0rem;
        padding-bottom: 0rem
    }

    .pl-md-0 {
        padding-left: 0rem
    }

    .pr-md-0 {
        padding-right: 0rem
    }

    .pb-md-0 {
        padding-bottom: 0rem
    }

    .pt-md-0 {
        padding-top: 0rem
    }
}

@media(min-width: 1024px) {
    .m-lg-1 {
        margin:0.0625rem
    }

    .mx-lg-1 {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem
    }

    .my-lg-1 {
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem
    }

    .ml-lg-1 {
        margin-left: 0.0625rem
    }

    .mr-lg-1 {
        margin-right: 0.0625rem
    }

    .mb-lg-1 {
        margin-bottom: 0.0625rem
    }

    .mt-lg-1 {
        margin-top: 0.0625rem
    }

    .mt-lg-1-important {
        margin-top: 0.0625rem !important
    }

    .p-lg-1 {
        padding: 0.0625rem
    }

    .px-lg-1 {
        padding-left: 0.0625rem;
        padding-right: 0.0625rem
    }

    .px-lg-1-important {
        padding-left: 0.0625rem !important;
        padding-right: 0.0625rem !important
    }

    .py-lg-1 {
        padding-top: 0.0625rem;
        padding-bottom: 0.0625rem
    }

    .pl-lg-1 {
        padding-left: 0.0625rem
    }

    .pr-lg-1 {
        padding-right: 0.0625rem
    }

    .pb-lg-1 {
        padding-bottom: 0.0625rem
    }

    .pt-lg-1 {
        padding-top: 0.0625rem
    }

    .m-lg-2 {
        margin: 0.125rem
    }

    .mx-lg-2 {
        margin-left: 0.125rem;
        margin-right: 0.125rem
    }

    .my-lg-2 {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem
    }

    .ml-lg-2 {
        margin-left: 0.125rem
    }

    .mr-lg-2 {
        margin-right: 0.125rem
    }

    .mb-lg-2 {
        margin-bottom: 0.125rem
    }

    .mt-lg-2 {
        margin-top: 0.125rem
    }

    .mt-lg-2-important {
        margin-top: 0.125rem !important
    }

    .p-lg-2 {
        padding: 0.125rem
    }

    .px-lg-2 {
        padding-left: 0.125rem;
        padding-right: 0.125rem
    }

    .px-lg-2-important {
        padding-left: 0.125rem !important;
        padding-right: 0.125rem !important
    }

    .py-lg-2 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem
    }

    .pl-lg-2 {
        padding-left: 0.125rem
    }

    .pr-lg-2 {
        padding-right: 0.125rem
    }

    .pb-lg-2 {
        padding-bottom: 0.125rem
    }

    .pt-lg-2 {
        padding-top: 0.125rem
    }

    .m-lg-3 {
        margin: 0.1875rem
    }

    .mx-lg-3 {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem
    }

    .my-lg-3 {
        margin-top: 0.1875rem;
        margin-bottom: 0.1875rem
    }

    .ml-lg-3 {
        margin-left: 0.1875rem
    }

    .mr-lg-3 {
        margin-right: 0.1875rem
    }

    .mb-lg-3 {
        margin-bottom: 0.1875rem
    }

    .mt-lg-3 {
        margin-top: 0.1875rem
    }

    .mt-lg-3-important {
        margin-top: 0.1875rem !important
    }

    .p-lg-3 {
        padding: 0.1875rem
    }

    .px-lg-3 {
        padding-left: 0.1875rem;
        padding-right: 0.1875rem
    }

    .px-lg-3-important {
        padding-left: 0.1875rem !important;
        padding-right: 0.1875rem !important
    }

    .py-lg-3 {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem
    }

    .pl-lg-3 {
        padding-left: 0.1875rem
    }

    .pr-lg-3 {
        padding-right: 0.1875rem
    }

    .pb-lg-3 {
        padding-bottom: 0.1875rem
    }

    .pt-lg-3 {
        padding-top: 0.1875rem
    }

    .m-lg-4 {
        margin: 0.25rem
    }

    .mx-lg-4 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }

    .my-lg-4 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .ml-lg-4 {
        margin-left: 0.25rem
    }

    .mr-lg-4 {
        margin-right: 0.25rem
    }

    .mb-lg-4 {
        margin-bottom: 0.25rem
    }

    .mt-lg-4 {
        margin-top: 0.25rem
    }

    .mt-lg-4-important {
        margin-top: 0.25rem !important
    }

    .p-lg-4 {
        padding: 0.25rem
    }

    .px-lg-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }

    .px-lg-4-important {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

    .py-lg-4 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .pl-lg-4 {
        padding-left: 0.25rem
    }

    .pr-lg-4 {
        padding-right: 0.25rem
    }

    .pb-lg-4 {
        padding-bottom: 0.25rem
    }

    .pt-lg-4 {
        padding-top: 0.25rem
    }

    .m-lg-6 {
        margin: 0.375rem
    }

    .mx-lg-6 {
        margin-left: 0.375rem;
        margin-right: 0.375rem
    }

    .my-lg-6 {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem
    }

    .ml-lg-6 {
        margin-left: 0.375rem
    }

    .mr-lg-6 {
        margin-right: 0.375rem
    }

    .mb-lg-6 {
        margin-bottom: 0.375rem
    }

    .mt-lg-6 {
        margin-top: 0.375rem
    }

    .mt-lg-6-important {
        margin-top: 0.375rem !important
    }

    .p-lg-6 {
        padding: 0.375rem
    }

    .px-lg-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem
    }

    .px-lg-6-important {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important
    }

    .py-lg-6 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }

    .pl-lg-6 {
        padding-left: 0.375rem
    }

    .pr-lg-6 {
        padding-right: 0.375rem
    }

    .pb-lg-6 {
        padding-bottom: 0.375rem
    }

    .pt-lg-6 {
        padding-top: 0.375rem
    }

    .m-lg-8 {
        margin: 0.5rem
    }

    .mx-lg-8 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }

    .my-lg-8 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .ml-lg-8 {
        margin-left: 0.5rem
    }

    .mr-lg-8 {
        margin-right: 0.5rem
    }

    .mb-lg-8 {
        margin-bottom: 0.5rem
    }

    .mt-lg-8 {
        margin-top: 0.5rem
    }

    .mt-lg-8-important {
        margin-top: 0.5rem !important
    }

    .p-lg-8 {
        padding: 0.5rem
    }

    .px-lg-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .px-lg-8-important {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }

    .py-lg-8 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .pl-lg-8 {
        padding-left: 0.5rem
    }

    .pr-lg-8 {
        padding-right: 0.5rem
    }

    .pb-lg-8 {
        padding-bottom: 0.5rem
    }

    .pt-lg-8 {
        padding-top: 0.5rem
    }

    .m-lg-10 {
        margin: 0.625rem
    }

    .mx-lg-10 {
        margin-left: 0.625rem;
        margin-right: 0.625rem
    }

    .my-lg-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem
    }

    .ml-lg-10 {
        margin-left: 0.625rem
    }

    .mr-lg-10 {
        margin-right: 0.625rem
    }

    .mb-lg-10 {
        margin-bottom: 0.625rem
    }

    .mt-lg-10 {
        margin-top: 0.625rem
    }

    .mt-lg-10-important {
        margin-top: 0.625rem !important
    }

    .p-lg-10 {
        padding: 0.625rem
    }

    .px-lg-10 {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }

    .px-lg-10-important {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important
    }

    .py-lg-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }

    .pl-lg-10 {
        padding-left: 0.625rem
    }

    .pr-lg-10 {
        padding-right: 0.625rem
    }

    .pb-lg-10 {
        padding-bottom: 0.625rem
    }

    .pt-lg-10 {
        padding-top: 0.625rem
    }

    .m-lg-11 {
        margin: 0.6875rem
    }

    .mx-lg-11 {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem
    }

    .my-lg-11 {
        margin-top: 0.6875rem;
        margin-bottom: 0.6875rem
    }

    .ml-lg-11 {
        margin-left: 0.6875rem
    }

    .mr-lg-11 {
        margin-right: 0.6875rem
    }

    .mb-lg-11 {
        margin-bottom: 0.6875rem
    }

    .mt-lg-11 {
        margin-top: 0.6875rem
    }

    .mt-lg-11-important {
        margin-top: 0.6875rem !important
    }

    .p-lg-11 {
        padding: 0.6875rem
    }

    .px-lg-11 {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem
    }

    .px-lg-11-important {
        padding-left: 0.6875rem !important;
        padding-right: 0.6875rem !important
    }

    .py-lg-11 {
        padding-top: 0.6875rem;
        padding-bottom: 0.6875rem
    }

    .pl-lg-11 {
        padding-left: 0.6875rem
    }

    .pr-lg-11 {
        padding-right: 0.6875rem
    }

    .pb-lg-11 {
        padding-bottom: 0.6875rem
    }

    .pt-lg-11 {
        padding-top: 0.6875rem
    }

    .m-lg-12 {
        margin: 0.75rem
    }

    .mx-lg-12 {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }

    .my-lg-12 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .ml-lg-12 {
        margin-left: 0.75rem
    }

    .mr-lg-12 {
        margin-right: 0.75rem
    }

    .mb-lg-12 {
        margin-bottom: 0.75rem
    }

    .mt-lg-12 {
        margin-top: 0.75rem
    }

    .mt-lg-12-important {
        margin-top: 0.75rem !important
    }

    .p-lg-12 {
        padding: 0.75rem
    }

    .px-lg-12 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .px-lg-12-important {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important
    }

    .py-lg-12 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .pl-lg-12 {
        padding-left: 0.75rem
    }

    .pr-lg-12 {
        padding-right: 0.75rem
    }

    .pb-lg-12 {
        padding-bottom: 0.75rem
    }

    .pt-lg-12 {
        padding-top: 0.75rem
    }

    .m-lg-14 {
        margin: 0.875rem
    }

    .mx-lg-14 {
        margin-left: 0.875rem;
        margin-right: 0.875rem
    }

    .my-lg-14 {
        margin-top: 0.875rem;
        margin-bottom: 0.875rem
    }

    .ml-lg-14 {
        margin-left: 0.875rem
    }

    .mr-lg-14 {
        margin-right: 0.875rem
    }

    .mb-lg-14 {
        margin-bottom: 0.875rem
    }

    .mt-lg-14 {
        margin-top: 0.875rem
    }

    .mt-lg-14-important {
        margin-top: 0.875rem !important
    }

    .p-lg-14 {
        padding: 0.875rem
    }

    .px-lg-14 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }

    .px-lg-14-important {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important
    }

    .py-lg-14 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem
    }

    .pl-lg-14 {
        padding-left: 0.875rem
    }

    .pr-lg-14 {
        padding-right: 0.875rem
    }

    .pb-lg-14 {
        padding-bottom: 0.875rem
    }

    .pt-lg-14 {
        padding-top: 0.875rem
    }

    .m-lg-15 {
        margin: 0.9375rem
    }

    .mx-lg-15 {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }

    .my-lg-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .ml-lg-15 {
        margin-left: 0.9375rem
    }

    .mr-lg-15 {
        margin-right: 0.9375rem
    }

    .mb-lg-15 {
        margin-bottom: 0.9375rem
    }

    .mt-lg-15 {
        margin-top: 0.9375rem
    }

    .mt-lg-15-important {
        margin-top: 0.9375rem !important
    }

    .p-lg-15 {
        padding: 0.9375rem
    }

    .px-lg-15 {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }

    .px-lg-15-important {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important
    }

    .py-lg-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }

    .pl-lg-15 {
        padding-left: 0.9375rem
    }

    .pr-lg-15 {
        padding-right: 0.9375rem
    }

    .pb-lg-15 {
        padding-bottom: 0.9375rem
    }

    .pt-lg-15 {
        padding-top: 0.9375rem
    }

    .m-lg-16 {
        margin: 1rem
    }

    .mx-lg-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my-lg-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .ml-lg-16 {
        margin-left: 1rem
    }

    .mr-lg-16 {
        margin-right: 1rem
    }

    .mb-lg-16 {
        margin-bottom: 1rem
    }

    .mt-lg-16 {
        margin-top: 1rem
    }

    .mt-lg-16-important {
        margin-top: 1rem !important
    }

    .p-lg-16 {
        padding: 1rem
    }

    .px-lg-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-lg-16-important {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .py-lg-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pl-lg-16 {
        padding-left: 1rem
    }

    .pr-lg-16 {
        padding-right: 1rem
    }

    .pb-lg-16 {
        padding-bottom: 1rem
    }

    .pt-lg-16 {
        padding-top: 1rem
    }

    .m-lg-18 {
        margin: 1.125rem
    }

    .mx-lg-18 {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    .my-lg-18 {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    .ml-lg-18 {
        margin-left: 1.125rem
    }

    .mr-lg-18 {
        margin-right: 1.125rem
    }

    .mb-lg-18 {
        margin-bottom: 1.125rem
    }

    .mt-lg-18 {
        margin-top: 1.125rem
    }

    .mt-lg-18-important {
        margin-top: 1.125rem !important
    }

    .p-lg-18 {
        padding: 1.125rem
    }

    .px-lg-18 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .px-lg-18-important {
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .py-lg-18 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .pl-lg-18 {
        padding-left: 1.125rem
    }

    .pr-lg-18 {
        padding-right: 1.125rem
    }

    .pb-lg-18 {
        padding-bottom: 1.125rem
    }

    .pt-lg-18 {
        padding-top: 1.125rem
    }

    .m-lg-20 {
        margin: 1.25rem
    }

    .mx-lg-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .my-lg-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .ml-lg-20 {
        margin-left: 1.25rem
    }

    .mr-lg-20 {
        margin-right: 1.25rem
    }

    .mb-lg-20 {
        margin-bottom: 1.25rem
    }

    .mt-lg-20 {
        margin-top: 1.25rem
    }

    .mt-lg-20-important {
        margin-top: 1.25rem !important
    }

    .p-lg-20 {
        padding: 1.25rem
    }

    .px-lg-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-lg-20-important {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .py-lg-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pl-lg-20 {
        padding-left: 1.25rem
    }

    .pr-lg-20 {
        padding-right: 1.25rem
    }

    .pb-lg-20 {
        padding-bottom: 1.25rem
    }

    .pt-lg-20 {
        padding-top: 1.25rem
    }

    .m-lg-22 {
        margin: 1.375rem
    }

    .mx-lg-22 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .my-lg-22 {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem
    }

    .ml-lg-22 {
        margin-left: 1.375rem
    }

    .mr-lg-22 {
        margin-right: 1.375rem
    }

    .mb-lg-22 {
        margin-bottom: 1.375rem
    }

    .mt-lg-22 {
        margin-top: 1.375rem
    }

    .mt-lg-22-important {
        margin-top: 1.375rem !important
    }

    .p-lg-22 {
        padding: 1.375rem
    }

    .px-lg-22 {
        padding-left: 1.375rem;
        padding-right: 1.375rem
    }

    .px-lg-22-important {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important
    }

    .py-lg-22 {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem
    }

    .pl-lg-22 {
        padding-left: 1.375rem
    }

    .pr-lg-22 {
        padding-right: 1.375rem
    }

    .pb-lg-22 {
        padding-bottom: 1.375rem
    }

    .pt-lg-22 {
        padding-top: 1.375rem
    }

    .m-lg-24 {
        margin: 1.5rem
    }

    .mx-lg-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .my-lg-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ml-lg-24 {
        margin-left: 1.5rem
    }

    .mr-lg-24 {
        margin-right: 1.5rem
    }

    .mb-lg-24 {
        margin-bottom: 1.5rem
    }

    .mt-lg-24 {
        margin-top: 1.5rem
    }

    .mt-lg-24-important {
        margin-top: 1.5rem !important
    }

    .p-lg-24 {
        padding: 1.5rem
    }

    .px-lg-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-lg-24-important {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-lg-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pl-lg-24 {
        padding-left: 1.5rem
    }

    .pr-lg-24 {
        padding-right: 1.5rem
    }

    .pb-lg-24 {
        padding-bottom: 1.5rem
    }

    .pt-lg-24 {
        padding-top: 1.5rem
    }

    .m-lg-28 {
        margin: 1.75rem
    }

    .mx-lg-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .my-lg-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .ml-lg-28 {
        margin-left: 1.75rem
    }

    .mr-lg-28 {
        margin-right: 1.75rem
    }

    .mb-lg-28 {
        margin-bottom: 1.75rem
    }

    .mt-lg-28 {
        margin-top: 1.75rem
    }

    .mt-lg-28-important {
        margin-top: 1.75rem !important
    }

    .p-lg-28 {
        padding: 1.75rem
    }

    .px-lg-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .px-lg-28-important {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .py-lg-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .pl-lg-28 {
        padding-left: 1.75rem
    }

    .pr-lg-28 {
        padding-right: 1.75rem
    }

    .pb-lg-28 {
        padding-bottom: 1.75rem
    }

    .pt-lg-28 {
        padding-top: 1.75rem
    }

    .m-lg-32 {
        margin: 2rem
    }

    .mx-lg-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my-lg-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ml-lg-32 {
        margin-left: 2rem
    }

    .mr-lg-32 {
        margin-right: 2rem
    }

    .mb-lg-32 {
        margin-bottom: 2rem
    }

    .mt-lg-32 {
        margin-top: 2rem
    }

    .mt-lg-32-important {
        margin-top: 2rem !important
    }

    .p-lg-32 {
        padding: 2rem
    }

    .px-lg-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-lg-32-important {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .py-lg-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pl-lg-32 {
        padding-left: 2rem
    }

    .pr-lg-32 {
        padding-right: 2rem
    }

    .pb-lg-32 {
        padding-bottom: 2rem
    }

    .pt-lg-32 {
        padding-top: 2rem
    }

    .m-lg-30 {
        margin: 1.875rem
    }

    .mx-lg-30 {
        margin-left: 1.875rem;
        margin-right: 1.875rem
    }

    .my-lg-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .ml-lg-30 {
        margin-left: 1.875rem
    }

    .mr-lg-30 {
        margin-right: 1.875rem
    }

    .mb-lg-30 {
        margin-bottom: 1.875rem
    }

    .mt-lg-30 {
        margin-top: 1.875rem
    }

    .mt-lg-30-important {
        margin-top: 1.875rem !important
    }

    .p-lg-30 {
        padding: 1.875rem
    }

    .px-lg-30 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .px-lg-30-important {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .py-lg-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .pl-lg-30 {
        padding-left: 1.875rem
    }

    .pr-lg-30 {
        padding-right: 1.875rem
    }

    .pb-lg-30 {
        padding-bottom: 1.875rem
    }

    .pt-lg-30 {
        padding-top: 1.875rem
    }

    .m-lg-34 {
        margin: 2.125rem
    }

    .mx-lg-34 {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

    .my-lg-34 {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem
    }

    .ml-lg-34 {
        margin-left: 2.125rem
    }

    .mr-lg-34 {
        margin-right: 2.125rem
    }

    .mb-lg-34 {
        margin-bottom: 2.125rem
    }

    .mt-lg-34 {
        margin-top: 2.125rem
    }

    .mt-lg-34-important {
        margin-top: 2.125rem !important
    }

    .p-lg-34 {
        padding: 2.125rem
    }

    .px-lg-34 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .px-lg-34-important {
        padding-left: 2.125rem !important;
        padding-right: 2.125rem !important
    }

    .py-lg-34 {
        padding-top: 2.125rem;
        padding-bottom: 2.125rem
    }

    .pl-lg-34 {
        padding-left: 2.125rem
    }

    .pr-lg-34 {
        padding-right: 2.125rem
    }

    .pb-lg-34 {
        padding-bottom: 2.125rem
    }

    .pt-lg-34 {
        padding-top: 2.125rem
    }

    .m-lg-36 {
        margin: 2.25rem
    }

    .mx-lg-36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .my-lg-36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .ml-lg-36 {
        margin-left: 2.25rem
    }

    .mr-lg-36 {
        margin-right: 2.25rem
    }

    .mb-lg-36 {
        margin-bottom: 2.25rem
    }

    .mt-lg-36 {
        margin-top: 2.25rem
    }

    .mt-lg-36-important {
        margin-top: 2.25rem !important
    }

    .p-lg-36 {
        padding: 2.25rem
    }

    .px-lg-36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-lg-36-important {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .py-lg-36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .pl-lg-36 {
        padding-left: 2.25rem
    }

    .pr-lg-36 {
        padding-right: 2.25rem
    }

    .pb-lg-36 {
        padding-bottom: 2.25rem
    }

    .pt-lg-36 {
        padding-top: 2.25rem
    }

    .m-lg-38 {
        margin: 2.375rem
    }

    .mx-lg-38 {
        margin-left: 2.375rem;
        margin-right: 2.375rem
    }

    .my-lg-38 {
        margin-top: 2.375rem;
        margin-bottom: 2.375rem
    }

    .ml-lg-38 {
        margin-left: 2.375rem
    }

    .mr-lg-38 {
        margin-right: 2.375rem
    }

    .mb-lg-38 {
        margin-bottom: 2.375rem
    }

    .mt-lg-38 {
        margin-top: 2.375rem
    }

    .mt-lg-38-important {
        margin-top: 2.375rem !important
    }

    .p-lg-38 {
        padding: 2.375rem
    }

    .px-lg-38 {
        padding-left: 2.375rem;
        padding-right: 2.375rem
    }

    .px-lg-38-important {
        padding-left: 2.375rem !important;
        padding-right: 2.375rem !important
    }

    .py-lg-38 {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem
    }

    .pl-lg-38 {
        padding-left: 2.375rem
    }

    .pr-lg-38 {
        padding-right: 2.375rem
    }

    .pb-lg-38 {
        padding-bottom: 2.375rem
    }

    .pt-lg-38 {
        padding-top: 2.375rem
    }

    .m-lg-40 {
        margin: 2.5rem
    }

    .mx-lg-40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .my-lg-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .ml-lg-40 {
        margin-left: 2.5rem
    }

    .mr-lg-40 {
        margin-right: 2.5rem
    }

    .mb-lg-40 {
        margin-bottom: 2.5rem
    }

    .mt-lg-40 {
        margin-top: 2.5rem
    }

    .mt-lg-40-important {
        margin-top: 2.5rem !important
    }

    .p-lg-40 {
        padding: 2.5rem
    }

    .px-lg-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-lg-40-important {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-lg-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pl-lg-40 {
        padding-left: 2.5rem
    }

    .pr-lg-40 {
        padding-right: 2.5rem
    }

    .pb-lg-40 {
        padding-bottom: 2.5rem
    }

    .pt-lg-40 {
        padding-top: 2.5rem
    }

    .m-lg-42 {
        margin: 2.625rem
    }

    .mx-lg-42 {
        margin-left: 2.625rem;
        margin-right: 2.625rem
    }

    .my-lg-42 {
        margin-top: 2.625rem;
        margin-bottom: 2.625rem
    }

    .ml-lg-42 {
        margin-left: 2.625rem
    }

    .mr-lg-42 {
        margin-right: 2.625rem
    }

    .mb-lg-42 {
        margin-bottom: 2.625rem
    }

    .mt-lg-42 {
        margin-top: 2.625rem
    }

    .mt-lg-42-important {
        margin-top: 2.625rem !important
    }

    .p-lg-42 {
        padding: 2.625rem
    }

    .px-lg-42 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .px-lg-42-important {
        padding-left: 2.625rem !important;
        padding-right: 2.625rem !important
    }

    .py-lg-42 {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem
    }

    .pl-lg-42 {
        padding-left: 2.625rem
    }

    .pr-lg-42 {
        padding-right: 2.625rem
    }

    .pb-lg-42 {
        padding-bottom: 2.625rem
    }

    .pt-lg-42 {
        padding-top: 2.625rem
    }

    .m-lg-44 {
        margin: 2.75rem
    }

    .mx-lg-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .my-lg-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .ml-lg-44 {
        margin-left: 2.75rem
    }

    .mr-lg-44 {
        margin-right: 2.75rem
    }

    .mb-lg-44 {
        margin-bottom: 2.75rem
    }

    .mt-lg-44 {
        margin-top: 2.75rem
    }

    .mt-lg-44-important {
        margin-top: 2.75rem !important
    }

    .p-lg-44 {
        padding: 2.75rem
    }

    .px-lg-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .px-lg-44-important {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .py-lg-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .pl-lg-44 {
        padding-left: 2.75rem
    }

    .pr-lg-44 {
        padding-right: 2.75rem
    }

    .pb-lg-44 {
        padding-bottom: 2.75rem
    }

    .pt-lg-44 {
        padding-top: 2.75rem
    }

    .m-lg-46 {
        margin: 2.875rem
    }

    .mx-lg-46 {
        margin-left: 2.875rem;
        margin-right: 2.875rem
    }

    .my-lg-46 {
        margin-top: 2.875rem;
        margin-bottom: 2.875rem
    }

    .ml-lg-46 {
        margin-left: 2.875rem
    }

    .mr-lg-46 {
        margin-right: 2.875rem
    }

    .mb-lg-46 {
        margin-bottom: 2.875rem
    }

    .mt-lg-46 {
        margin-top: 2.875rem
    }

    .mt-lg-46-important {
        margin-top: 2.875rem !important
    }

    .p-lg-46 {
        padding: 2.875rem
    }

    .px-lg-46 {
        padding-left: 2.875rem;
        padding-right: 2.875rem
    }

    .px-lg-46-important {
        padding-left: 2.875rem !important;
        padding-right: 2.875rem !important
    }

    .py-lg-46 {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .pl-lg-46 {
        padding-left: 2.875rem
    }

    .pr-lg-46 {
        padding-right: 2.875rem
    }

    .pb-lg-46 {
        padding-bottom: 2.875rem
    }

    .pt-lg-46 {
        padding-top: 2.875rem
    }

    .m-lg-48 {
        margin: 3rem
    }

    .mx-lg-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .my-lg-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .ml-lg-48 {
        margin-left: 3rem
    }

    .mr-lg-48 {
        margin-right: 3rem
    }

    .mb-lg-48 {
        margin-bottom: 3rem
    }

    .mt-lg-48 {
        margin-top: 3rem
    }

    .mt-lg-48-important {
        margin-top: 3rem !important
    }

    .p-lg-48 {
        padding: 3rem
    }

    .px-lg-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-lg-48-important {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-lg-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pl-lg-48 {
        padding-left: 3rem
    }

    .pr-lg-48 {
        padding-right: 3rem
    }

    .pb-lg-48 {
        padding-bottom: 3rem
    }

    .pt-lg-48 {
        padding-top: 3rem
    }

    .m-lg-50 {
        margin: 3.125rem
    }

    .mx-lg-50 {
        margin-left: 3.125rem;
        margin-right: 3.125rem
    }

    .my-lg-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .ml-lg-50 {
        margin-left: 3.125rem
    }

    .mr-lg-50 {
        margin-right: 3.125rem
    }

    .mb-lg-50 {
        margin-bottom: 3.125rem
    }

    .mt-lg-50 {
        margin-top: 3.125rem
    }

    .mt-lg-50-important {
        margin-top: 3.125rem !important
    }

    .p-lg-50 {
        padding: 3.125rem
    }

    .px-lg-50 {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }

    .px-lg-50-important {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important
    }

    .py-lg-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .pl-lg-50 {
        padding-left: 3.125rem
    }

    .pr-lg-50 {
        padding-right: 3.125rem
    }

    .pb-lg-50 {
        padding-bottom: 3.125rem
    }

    .pt-lg-50 {
        padding-top: 3.125rem
    }

    .m-lg-55 {
        margin: 3.4375rem
    }

    .mx-lg-55 {
        margin-left: 3.4375rem;
        margin-right: 3.4375rem
    }

    .my-lg-55 {
        margin-top: 3.4375rem;
        margin-bottom: 3.4375rem
    }

    .ml-lg-55 {
        margin-left: 3.4375rem
    }

    .mr-lg-55 {
        margin-right: 3.4375rem
    }

    .mb-lg-55 {
        margin-bottom: 3.4375rem
    }

    .mt-lg-55 {
        margin-top: 3.4375rem
    }

    .mt-lg-55-important {
        margin-top: 3.4375rem !important
    }

    .p-lg-55 {
        padding: 3.4375rem
    }

    .px-lg-55 {
        padding-left: 3.4375rem;
        padding-right: 3.4375rem
    }

    .px-lg-55-important {
        padding-left: 3.4375rem !important;
        padding-right: 3.4375rem !important
    }

    .py-lg-55 {
        padding-top: 3.4375rem;
        padding-bottom: 3.4375rem
    }

    .pl-lg-55 {
        padding-left: 3.4375rem
    }

    .pr-lg-55 {
        padding-right: 3.4375rem
    }

    .pb-lg-55 {
        padding-bottom: 3.4375rem
    }

    .pt-lg-55 {
        padding-top: 3.4375rem
    }

    .m-lg-56 {
        margin: 3.5rem
    }

    .mx-lg-56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .my-lg-56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .ml-lg-56 {
        margin-left: 3.5rem
    }

    .mr-lg-56 {
        margin-right: 3.5rem
    }

    .mb-lg-56 {
        margin-bottom: 3.5rem
    }

    .mt-lg-56 {
        margin-top: 3.5rem
    }

    .mt-lg-56-important {
        margin-top: 3.5rem !important
    }

    .p-lg-56 {
        padding: 3.5rem
    }

    .px-lg-56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .px-lg-56-important {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .py-lg-56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .pl-lg-56 {
        padding-left: 3.5rem
    }

    .pr-lg-56 {
        padding-right: 3.5rem
    }

    .pb-lg-56 {
        padding-bottom: 3.5rem
    }

    .pt-lg-56 {
        padding-top: 3.5rem
    }

    .m-lg-60 {
        margin: 3.75rem
    }

    .mx-lg-60 {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }

    .my-lg-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .ml-lg-60 {
        margin-left: 3.75rem
    }

    .mr-lg-60 {
        margin-right: 3.75rem
    }

    .mb-lg-60 {
        margin-bottom: 3.75rem
    }

    .mt-lg-60 {
        margin-top: 3.75rem
    }

    .mt-lg-60-important {
        margin-top: 3.75rem !important
    }

    .p-lg-60 {
        padding: 3.75rem
    }

    .px-lg-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .px-lg-60-important {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }

    .py-lg-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .pl-lg-60 {
        padding-left: 3.75rem
    }

    .pr-lg-60 {
        padding-right: 3.75rem
    }

    .pb-lg-60 {
        padding-bottom: 3.75rem
    }

    .pt-lg-60 {
        padding-top: 3.75rem
    }

    .m-lg-64 {
        margin: 4rem
    }

    .mx-lg-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my-lg-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .ml-lg-64 {
        margin-left: 4rem
    }

    .mr-lg-64 {
        margin-right: 4rem
    }

    .mb-lg-64 {
        margin-bottom: 4rem
    }

    .mt-lg-64 {
        margin-top: 4rem
    }

    .mt-lg-64-important {
        margin-top: 4rem !important
    }

    .p-lg-64 {
        padding: 4rem
    }

    .px-lg-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .px-lg-64-important {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .py-lg-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pl-lg-64 {
        padding-left: 4rem
    }

    .pr-lg-64 {
        padding-right: 4rem
    }

    .pb-lg-64 {
        padding-bottom: 4rem
    }

    .pt-lg-64 {
        padding-top: 4rem
    }

    .m-lg-70 {
        margin: 4.375rem
    }

    .mx-lg-70 {
        margin-left: 4.375rem;
        margin-right: 4.375rem
    }

    .my-lg-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem
    }

    .ml-lg-70 {
        margin-left: 4.375rem
    }

    .mr-lg-70 {
        margin-right: 4.375rem
    }

    .mb-lg-70 {
        margin-bottom: 4.375rem
    }

    .mt-lg-70 {
        margin-top: 4.375rem
    }

    .mt-lg-70-important {
        margin-top: 4.375rem !important
    }

    .p-lg-70 {
        padding: 4.375rem
    }

    .px-lg-70 {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }

    .px-lg-70-important {
        padding-left: 4.375rem !important;
        padding-right: 4.375rem !important
    }

    .py-lg-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .pl-lg-70 {
        padding-left: 4.375rem
    }

    .pr-lg-70 {
        padding-right: 4.375rem
    }

    .pb-lg-70 {
        padding-bottom: 4.375rem
    }

    .pt-lg-70 {
        padding-top: 4.375rem
    }

    .m-lg-72 {
        margin: 4.5rem
    }

    .mx-lg-72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .my-lg-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .ml-lg-72 {
        margin-left: 4.5rem
    }

    .mr-lg-72 {
        margin-right: 4.5rem
    }

    .mb-lg-72 {
        margin-bottom: 4.5rem
    }

    .mt-lg-72 {
        margin-top: 4.5rem
    }

    .mt-lg-72-important {
        margin-top: 4.5rem !important
    }

    .p-lg-72 {
        padding: 4.5rem
    }

    .px-lg-72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .px-lg-72-important {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-lg-72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .pl-lg-72 {
        padding-left: 4.5rem
    }

    .pr-lg-72 {
        padding-right: 4.5rem
    }

    .pb-lg-72 {
        padding-bottom: 4.5rem
    }

    .pt-lg-72 {
        padding-top: 4.5rem
    }

    .m-lg-80 {
        margin: 5rem
    }

    .mx-lg-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .my-lg-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .ml-lg-80 {
        margin-left: 5rem
    }

    .mr-lg-80 {
        margin-right: 5rem
    }

    .mb-lg-80 {
        margin-bottom: 5rem
    }

    .mt-lg-80 {
        margin-top: 5rem
    }

    .mt-lg-80-important {
        margin-top: 5rem !important
    }

    .p-lg-80 {
        padding: 5rem
    }

    .px-lg-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .px-lg-80-important {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .py-lg-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .pl-lg-80 {
        padding-left: 5rem
    }

    .pr-lg-80 {
        padding-right: 5rem
    }

    .pb-lg-80 {
        padding-bottom: 5rem
    }

    .pt-lg-80 {
        padding-top: 5rem
    }

    .m-lg-88 {
        margin: 5.5rem
    }

    .mx-lg-88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .my-lg-88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .ml-lg-88 {
        margin-left: 5.5rem
    }

    .mr-lg-88 {
        margin-right: 5.5rem
    }

    .mb-lg-88 {
        margin-bottom: 5.5rem
    }

    .mt-lg-88 {
        margin-top: 5.5rem
    }

    .mt-lg-88-important {
        margin-top: 5.5rem !important
    }

    .p-lg-88 {
        padding: 5.5rem
    }

    .px-lg-88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .px-lg-88-important {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }

    .py-lg-88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .pl-lg-88 {
        padding-left: 5.5rem
    }

    .pr-lg-88 {
        padding-right: 5.5rem
    }

    .pb-lg-88 {
        padding-bottom: 5.5rem
    }

    .pt-lg-88 {
        padding-top: 5.5rem
    }

    .m-lg-0 {
        margin: 0rem
    }

    .mx-lg-0 {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .my-lg-0 {
        margin-top: 0rem;
        margin-bottom: 0rem
    }

    .ml-lg-0 {
        margin-left: 0rem
    }

    .mr-lg-0 {
        margin-right: 0rem
    }

    .mb-lg-0 {
        margin-bottom: 0rem
    }

    .mt-lg-0 {
        margin-top: 0rem
    }

    .mt-lg-0-important {
        margin-top: 0rem !important
    }

    .p-lg-0 {
        padding: 0rem
    }

    .px-lg-0 {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .px-lg-0-important {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .py-lg-0 {
        padding-top: 0rem;
        padding-bottom: 0rem
    }

    .pl-lg-0 {
        padding-left: 0rem
    }

    .pr-lg-0 {
        padding-right: 0rem
    }

    .pb-lg-0 {
        padding-bottom: 0rem
    }

    .pt-lg-0 {
        padding-top: 0rem
    }
}

@media(min-width: 1280px) {
    .m-xl-1 {
        margin:0.0625rem
    }

    .mx-xl-1 {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem
    }

    .my-xl-1 {
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem
    }

    .ml-xl-1 {
        margin-left: 0.0625rem
    }

    .mr-xl-1 {
        margin-right: 0.0625rem
    }

    .mb-xl-1 {
        margin-bottom: 0.0625rem
    }

    .mt-xl-1 {
        margin-top: 0.0625rem
    }

    .mt-xl-1-important {
        margin-top: 0.0625rem !important
    }

    .p-xl-1 {
        padding: 0.0625rem
    }

    .px-xl-1 {
        padding-left: 0.0625rem;
        padding-right: 0.0625rem
    }

    .px-xl-1-important {
        padding-left: 0.0625rem !important;
        padding-right: 0.0625rem !important
    }

    .py-xl-1 {
        padding-top: 0.0625rem;
        padding-bottom: 0.0625rem
    }

    .pl-xl-1 {
        padding-left: 0.0625rem
    }

    .pr-xl-1 {
        padding-right: 0.0625rem
    }

    .pb-xl-1 {
        padding-bottom: 0.0625rem
    }

    .pt-xl-1 {
        padding-top: 0.0625rem
    }

    .m-xl-2 {
        margin: 0.125rem
    }

    .mx-xl-2 {
        margin-left: 0.125rem;
        margin-right: 0.125rem
    }

    .my-xl-2 {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem
    }

    .ml-xl-2 {
        margin-left: 0.125rem
    }

    .mr-xl-2 {
        margin-right: 0.125rem
    }

    .mb-xl-2 {
        margin-bottom: 0.125rem
    }

    .mt-xl-2 {
        margin-top: 0.125rem
    }

    .mt-xl-2-important {
        margin-top: 0.125rem !important
    }

    .p-xl-2 {
        padding: 0.125rem
    }

    .px-xl-2 {
        padding-left: 0.125rem;
        padding-right: 0.125rem
    }

    .px-xl-2-important {
        padding-left: 0.125rem !important;
        padding-right: 0.125rem !important
    }

    .py-xl-2 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem
    }

    .pl-xl-2 {
        padding-left: 0.125rem
    }

    .pr-xl-2 {
        padding-right: 0.125rem
    }

    .pb-xl-2 {
        padding-bottom: 0.125rem
    }

    .pt-xl-2 {
        padding-top: 0.125rem
    }

    .m-xl-3 {
        margin: 0.1875rem
    }

    .mx-xl-3 {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem
    }

    .my-xl-3 {
        margin-top: 0.1875rem;
        margin-bottom: 0.1875rem
    }

    .ml-xl-3 {
        margin-left: 0.1875rem
    }

    .mr-xl-3 {
        margin-right: 0.1875rem
    }

    .mb-xl-3 {
        margin-bottom: 0.1875rem
    }

    .mt-xl-3 {
        margin-top: 0.1875rem
    }

    .mt-xl-3-important {
        margin-top: 0.1875rem !important
    }

    .p-xl-3 {
        padding: 0.1875rem
    }

    .px-xl-3 {
        padding-left: 0.1875rem;
        padding-right: 0.1875rem
    }

    .px-xl-3-important {
        padding-left: 0.1875rem !important;
        padding-right: 0.1875rem !important
    }

    .py-xl-3 {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem
    }

    .pl-xl-3 {
        padding-left: 0.1875rem
    }

    .pr-xl-3 {
        padding-right: 0.1875rem
    }

    .pb-xl-3 {
        padding-bottom: 0.1875rem
    }

    .pt-xl-3 {
        padding-top: 0.1875rem
    }

    .m-xl-4 {
        margin: 0.25rem
    }

    .mx-xl-4 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }

    .my-xl-4 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .ml-xl-4 {
        margin-left: 0.25rem
    }

    .mr-xl-4 {
        margin-right: 0.25rem
    }

    .mb-xl-4 {
        margin-bottom: 0.25rem
    }

    .mt-xl-4 {
        margin-top: 0.25rem
    }

    .mt-xl-4-important {
        margin-top: 0.25rem !important
    }

    .p-xl-4 {
        padding: 0.25rem
    }

    .px-xl-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }

    .px-xl-4-important {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

    .py-xl-4 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .pl-xl-4 {
        padding-left: 0.25rem
    }

    .pr-xl-4 {
        padding-right: 0.25rem
    }

    .pb-xl-4 {
        padding-bottom: 0.25rem
    }

    .pt-xl-4 {
        padding-top: 0.25rem
    }

    .m-xl-6 {
        margin: 0.375rem
    }

    .mx-xl-6 {
        margin-left: 0.375rem;
        margin-right: 0.375rem
    }

    .my-xl-6 {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem
    }

    .ml-xl-6 {
        margin-left: 0.375rem
    }

    .mr-xl-6 {
        margin-right: 0.375rem
    }

    .mb-xl-6 {
        margin-bottom: 0.375rem
    }

    .mt-xl-6 {
        margin-top: 0.375rem
    }

    .mt-xl-6-important {
        margin-top: 0.375rem !important
    }

    .p-xl-6 {
        padding: 0.375rem
    }

    .px-xl-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem
    }

    .px-xl-6-important {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important
    }

    .py-xl-6 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }

    .pl-xl-6 {
        padding-left: 0.375rem
    }

    .pr-xl-6 {
        padding-right: 0.375rem
    }

    .pb-xl-6 {
        padding-bottom: 0.375rem
    }

    .pt-xl-6 {
        padding-top: 0.375rem
    }

    .m-xl-8 {
        margin: 0.5rem
    }

    .mx-xl-8 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }

    .my-xl-8 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .ml-xl-8 {
        margin-left: 0.5rem
    }

    .mr-xl-8 {
        margin-right: 0.5rem
    }

    .mb-xl-8 {
        margin-bottom: 0.5rem
    }

    .mt-xl-8 {
        margin-top: 0.5rem
    }

    .mt-xl-8-important {
        margin-top: 0.5rem !important
    }

    .p-xl-8 {
        padding: 0.5rem
    }

    .px-xl-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .px-xl-8-important {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }

    .py-xl-8 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .pl-xl-8 {
        padding-left: 0.5rem
    }

    .pr-xl-8 {
        padding-right: 0.5rem
    }

    .pb-xl-8 {
        padding-bottom: 0.5rem
    }

    .pt-xl-8 {
        padding-top: 0.5rem
    }

    .m-xl-10 {
        margin: 0.625rem
    }

    .mx-xl-10 {
        margin-left: 0.625rem;
        margin-right: 0.625rem
    }

    .my-xl-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem
    }

    .ml-xl-10 {
        margin-left: 0.625rem
    }

    .mr-xl-10 {
        margin-right: 0.625rem
    }

    .mb-xl-10 {
        margin-bottom: 0.625rem
    }

    .mt-xl-10 {
        margin-top: 0.625rem
    }

    .mt-xl-10-important {
        margin-top: 0.625rem !important
    }

    .p-xl-10 {
        padding: 0.625rem
    }

    .px-xl-10 {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }

    .px-xl-10-important {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important
    }

    .py-xl-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }

    .pl-xl-10 {
        padding-left: 0.625rem
    }

    .pr-xl-10 {
        padding-right: 0.625rem
    }

    .pb-xl-10 {
        padding-bottom: 0.625rem
    }

    .pt-xl-10 {
        padding-top: 0.625rem
    }

    .m-xl-11 {
        margin: 0.6875rem
    }

    .mx-xl-11 {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem
    }

    .my-xl-11 {
        margin-top: 0.6875rem;
        margin-bottom: 0.6875rem
    }

    .ml-xl-11 {
        margin-left: 0.6875rem
    }

    .mr-xl-11 {
        margin-right: 0.6875rem
    }

    .mb-xl-11 {
        margin-bottom: 0.6875rem
    }

    .mt-xl-11 {
        margin-top: 0.6875rem
    }

    .mt-xl-11-important {
        margin-top: 0.6875rem !important
    }

    .p-xl-11 {
        padding: 0.6875rem
    }

    .px-xl-11 {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem
    }

    .px-xl-11-important {
        padding-left: 0.6875rem !important;
        padding-right: 0.6875rem !important
    }

    .py-xl-11 {
        padding-top: 0.6875rem;
        padding-bottom: 0.6875rem
    }

    .pl-xl-11 {
        padding-left: 0.6875rem
    }

    .pr-xl-11 {
        padding-right: 0.6875rem
    }

    .pb-xl-11 {
        padding-bottom: 0.6875rem
    }

    .pt-xl-11 {
        padding-top: 0.6875rem
    }

    .m-xl-12 {
        margin: 0.75rem
    }

    .mx-xl-12 {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }

    .my-xl-12 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .ml-xl-12 {
        margin-left: 0.75rem
    }

    .mr-xl-12 {
        margin-right: 0.75rem
    }

    .mb-xl-12 {
        margin-bottom: 0.75rem
    }

    .mt-xl-12 {
        margin-top: 0.75rem
    }

    .mt-xl-12-important {
        margin-top: 0.75rem !important
    }

    .p-xl-12 {
        padding: 0.75rem
    }

    .px-xl-12 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .px-xl-12-important {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important
    }

    .py-xl-12 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .pl-xl-12 {
        padding-left: 0.75rem
    }

    .pr-xl-12 {
        padding-right: 0.75rem
    }

    .pb-xl-12 {
        padding-bottom: 0.75rem
    }

    .pt-xl-12 {
        padding-top: 0.75rem
    }

    .m-xl-14 {
        margin: 0.875rem
    }

    .mx-xl-14 {
        margin-left: 0.875rem;
        margin-right: 0.875rem
    }

    .my-xl-14 {
        margin-top: 0.875rem;
        margin-bottom: 0.875rem
    }

    .ml-xl-14 {
        margin-left: 0.875rem
    }

    .mr-xl-14 {
        margin-right: 0.875rem
    }

    .mb-xl-14 {
        margin-bottom: 0.875rem
    }

    .mt-xl-14 {
        margin-top: 0.875rem
    }

    .mt-xl-14-important {
        margin-top: 0.875rem !important
    }

    .p-xl-14 {
        padding: 0.875rem
    }

    .px-xl-14 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }

    .px-xl-14-important {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important
    }

    .py-xl-14 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem
    }

    .pl-xl-14 {
        padding-left: 0.875rem
    }

    .pr-xl-14 {
        padding-right: 0.875rem
    }

    .pb-xl-14 {
        padding-bottom: 0.875rem
    }

    .pt-xl-14 {
        padding-top: 0.875rem
    }

    .m-xl-15 {
        margin: 0.9375rem
    }

    .mx-xl-15 {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }

    .my-xl-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .ml-xl-15 {
        margin-left: 0.9375rem
    }

    .mr-xl-15 {
        margin-right: 0.9375rem
    }

    .mb-xl-15 {
        margin-bottom: 0.9375rem
    }

    .mt-xl-15 {
        margin-top: 0.9375rem
    }

    .mt-xl-15-important {
        margin-top: 0.9375rem !important
    }

    .p-xl-15 {
        padding: 0.9375rem
    }

    .px-xl-15 {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }

    .px-xl-15-important {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important
    }

    .py-xl-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }

    .pl-xl-15 {
        padding-left: 0.9375rem
    }

    .pr-xl-15 {
        padding-right: 0.9375rem
    }

    .pb-xl-15 {
        padding-bottom: 0.9375rem
    }

    .pt-xl-15 {
        padding-top: 0.9375rem
    }

    .m-xl-16 {
        margin: 1rem
    }

    .mx-xl-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my-xl-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .ml-xl-16 {
        margin-left: 1rem
    }

    .mr-xl-16 {
        margin-right: 1rem
    }

    .mb-xl-16 {
        margin-bottom: 1rem
    }

    .mt-xl-16 {
        margin-top: 1rem
    }

    .mt-xl-16-important {
        margin-top: 1rem !important
    }

    .p-xl-16 {
        padding: 1rem
    }

    .px-xl-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-xl-16-important {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .py-xl-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pl-xl-16 {
        padding-left: 1rem
    }

    .pr-xl-16 {
        padding-right: 1rem
    }

    .pb-xl-16 {
        padding-bottom: 1rem
    }

    .pt-xl-16 {
        padding-top: 1rem
    }

    .m-xl-18 {
        margin: 1.125rem
    }

    .mx-xl-18 {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    .my-xl-18 {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    .ml-xl-18 {
        margin-left: 1.125rem
    }

    .mr-xl-18 {
        margin-right: 1.125rem
    }

    .mb-xl-18 {
        margin-bottom: 1.125rem
    }

    .mt-xl-18 {
        margin-top: 1.125rem
    }

    .mt-xl-18-important {
        margin-top: 1.125rem !important
    }

    .p-xl-18 {
        padding: 1.125rem
    }

    .px-xl-18 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .px-xl-18-important {
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .py-xl-18 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .pl-xl-18 {
        padding-left: 1.125rem
    }

    .pr-xl-18 {
        padding-right: 1.125rem
    }

    .pb-xl-18 {
        padding-bottom: 1.125rem
    }

    .pt-xl-18 {
        padding-top: 1.125rem
    }

    .m-xl-20 {
        margin: 1.25rem
    }

    .mx-xl-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .my-xl-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .ml-xl-20 {
        margin-left: 1.25rem
    }

    .mr-xl-20 {
        margin-right: 1.25rem
    }

    .mb-xl-20 {
        margin-bottom: 1.25rem
    }

    .mt-xl-20 {
        margin-top: 1.25rem
    }

    .mt-xl-20-important {
        margin-top: 1.25rem !important
    }

    .p-xl-20 {
        padding: 1.25rem
    }

    .px-xl-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-xl-20-important {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .py-xl-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pl-xl-20 {
        padding-left: 1.25rem
    }

    .pr-xl-20 {
        padding-right: 1.25rem
    }

    .pb-xl-20 {
        padding-bottom: 1.25rem
    }

    .pt-xl-20 {
        padding-top: 1.25rem
    }

    .m-xl-22 {
        margin: 1.375rem
    }

    .mx-xl-22 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .my-xl-22 {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem
    }

    .ml-xl-22 {
        margin-left: 1.375rem
    }

    .mr-xl-22 {
        margin-right: 1.375rem
    }

    .mb-xl-22 {
        margin-bottom: 1.375rem
    }

    .mt-xl-22 {
        margin-top: 1.375rem
    }

    .mt-xl-22-important {
        margin-top: 1.375rem !important
    }

    .p-xl-22 {
        padding: 1.375rem
    }

    .px-xl-22 {
        padding-left: 1.375rem;
        padding-right: 1.375rem
    }

    .px-xl-22-important {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important
    }

    .py-xl-22 {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem
    }

    .pl-xl-22 {
        padding-left: 1.375rem
    }

    .pr-xl-22 {
        padding-right: 1.375rem
    }

    .pb-xl-22 {
        padding-bottom: 1.375rem
    }

    .pt-xl-22 {
        padding-top: 1.375rem
    }

    .m-xl-24 {
        margin: 1.5rem
    }

    .mx-xl-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .my-xl-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ml-xl-24 {
        margin-left: 1.5rem
    }

    .mr-xl-24 {
        margin-right: 1.5rem
    }

    .mb-xl-24 {
        margin-bottom: 1.5rem
    }

    .mt-xl-24 {
        margin-top: 1.5rem
    }

    .mt-xl-24-important {
        margin-top: 1.5rem !important
    }

    .p-xl-24 {
        padding: 1.5rem
    }

    .px-xl-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-xl-24-important {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-xl-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pl-xl-24 {
        padding-left: 1.5rem
    }

    .pr-xl-24 {
        padding-right: 1.5rem
    }

    .pb-xl-24 {
        padding-bottom: 1.5rem
    }

    .pt-xl-24 {
        padding-top: 1.5rem
    }

    .m-xl-28 {
        margin: 1.75rem
    }

    .mx-xl-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .my-xl-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .ml-xl-28 {
        margin-left: 1.75rem
    }

    .mr-xl-28 {
        margin-right: 1.75rem
    }

    .mb-xl-28 {
        margin-bottom: 1.75rem
    }

    .mt-xl-28 {
        margin-top: 1.75rem
    }

    .mt-xl-28-important {
        margin-top: 1.75rem !important
    }

    .p-xl-28 {
        padding: 1.75rem
    }

    .px-xl-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .px-xl-28-important {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .py-xl-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .pl-xl-28 {
        padding-left: 1.75rem
    }

    .pr-xl-28 {
        padding-right: 1.75rem
    }

    .pb-xl-28 {
        padding-bottom: 1.75rem
    }

    .pt-xl-28 {
        padding-top: 1.75rem
    }

    .m-xl-32 {
        margin: 2rem
    }

    .mx-xl-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my-xl-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ml-xl-32 {
        margin-left: 2rem
    }

    .mr-xl-32 {
        margin-right: 2rem
    }

    .mb-xl-32 {
        margin-bottom: 2rem
    }

    .mt-xl-32 {
        margin-top: 2rem
    }

    .mt-xl-32-important {
        margin-top: 2rem !important
    }

    .p-xl-32 {
        padding: 2rem
    }

    .px-xl-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-xl-32-important {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .py-xl-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pl-xl-32 {
        padding-left: 2rem
    }

    .pr-xl-32 {
        padding-right: 2rem
    }

    .pb-xl-32 {
        padding-bottom: 2rem
    }

    .pt-xl-32 {
        padding-top: 2rem
    }

    .m-xl-30 {
        margin: 1.875rem
    }

    .mx-xl-30 {
        margin-left: 1.875rem;
        margin-right: 1.875rem
    }

    .my-xl-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .ml-xl-30 {
        margin-left: 1.875rem
    }

    .mr-xl-30 {
        margin-right: 1.875rem
    }

    .mb-xl-30 {
        margin-bottom: 1.875rem
    }

    .mt-xl-30 {
        margin-top: 1.875rem
    }

    .mt-xl-30-important {
        margin-top: 1.875rem !important
    }

    .p-xl-30 {
        padding: 1.875rem
    }

    .px-xl-30 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .px-xl-30-important {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .py-xl-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .pl-xl-30 {
        padding-left: 1.875rem
    }

    .pr-xl-30 {
        padding-right: 1.875rem
    }

    .pb-xl-30 {
        padding-bottom: 1.875rem
    }

    .pt-xl-30 {
        padding-top: 1.875rem
    }

    .m-xl-34 {
        margin: 2.125rem
    }

    .mx-xl-34 {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

    .my-xl-34 {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem
    }

    .ml-xl-34 {
        margin-left: 2.125rem
    }

    .mr-xl-34 {
        margin-right: 2.125rem
    }

    .mb-xl-34 {
        margin-bottom: 2.125rem
    }

    .mt-xl-34 {
        margin-top: 2.125rem
    }

    .mt-xl-34-important {
        margin-top: 2.125rem !important
    }

    .p-xl-34 {
        padding: 2.125rem
    }

    .px-xl-34 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .px-xl-34-important {
        padding-left: 2.125rem !important;
        padding-right: 2.125rem !important
    }

    .py-xl-34 {
        padding-top: 2.125rem;
        padding-bottom: 2.125rem
    }

    .pl-xl-34 {
        padding-left: 2.125rem
    }

    .pr-xl-34 {
        padding-right: 2.125rem
    }

    .pb-xl-34 {
        padding-bottom: 2.125rem
    }

    .pt-xl-34 {
        padding-top: 2.125rem
    }

    .m-xl-36 {
        margin: 2.25rem
    }

    .mx-xl-36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .my-xl-36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .ml-xl-36 {
        margin-left: 2.25rem
    }

    .mr-xl-36 {
        margin-right: 2.25rem
    }

    .mb-xl-36 {
        margin-bottom: 2.25rem
    }

    .mt-xl-36 {
        margin-top: 2.25rem
    }

    .mt-xl-36-important {
        margin-top: 2.25rem !important
    }

    .p-xl-36 {
        padding: 2.25rem
    }

    .px-xl-36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-xl-36-important {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .py-xl-36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .pl-xl-36 {
        padding-left: 2.25rem
    }

    .pr-xl-36 {
        padding-right: 2.25rem
    }

    .pb-xl-36 {
        padding-bottom: 2.25rem
    }

    .pt-xl-36 {
        padding-top: 2.25rem
    }

    .m-xl-38 {
        margin: 2.375rem
    }

    .mx-xl-38 {
        margin-left: 2.375rem;
        margin-right: 2.375rem
    }

    .my-xl-38 {
        margin-top: 2.375rem;
        margin-bottom: 2.375rem
    }

    .ml-xl-38 {
        margin-left: 2.375rem
    }

    .mr-xl-38 {
        margin-right: 2.375rem
    }

    .mb-xl-38 {
        margin-bottom: 2.375rem
    }

    .mt-xl-38 {
        margin-top: 2.375rem
    }

    .mt-xl-38-important {
        margin-top: 2.375rem !important
    }

    .p-xl-38 {
        padding: 2.375rem
    }

    .px-xl-38 {
        padding-left: 2.375rem;
        padding-right: 2.375rem
    }

    .px-xl-38-important {
        padding-left: 2.375rem !important;
        padding-right: 2.375rem !important
    }

    .py-xl-38 {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem
    }

    .pl-xl-38 {
        padding-left: 2.375rem
    }

    .pr-xl-38 {
        padding-right: 2.375rem
    }

    .pb-xl-38 {
        padding-bottom: 2.375rem
    }

    .pt-xl-38 {
        padding-top: 2.375rem
    }

    .m-xl-40 {
        margin: 2.5rem
    }

    .mx-xl-40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .my-xl-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .ml-xl-40 {
        margin-left: 2.5rem
    }

    .mr-xl-40 {
        margin-right: 2.5rem
    }

    .mb-xl-40 {
        margin-bottom: 2.5rem
    }

    .mt-xl-40 {
        margin-top: 2.5rem
    }

    .mt-xl-40-important {
        margin-top: 2.5rem !important
    }

    .p-xl-40 {
        padding: 2.5rem
    }

    .px-xl-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-xl-40-important {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-xl-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pl-xl-40 {
        padding-left: 2.5rem
    }

    .pr-xl-40 {
        padding-right: 2.5rem
    }

    .pb-xl-40 {
        padding-bottom: 2.5rem
    }

    .pt-xl-40 {
        padding-top: 2.5rem
    }

    .m-xl-42 {
        margin: 2.625rem
    }

    .mx-xl-42 {
        margin-left: 2.625rem;
        margin-right: 2.625rem
    }

    .my-xl-42 {
        margin-top: 2.625rem;
        margin-bottom: 2.625rem
    }

    .ml-xl-42 {
        margin-left: 2.625rem
    }

    .mr-xl-42 {
        margin-right: 2.625rem
    }

    .mb-xl-42 {
        margin-bottom: 2.625rem
    }

    .mt-xl-42 {
        margin-top: 2.625rem
    }

    .mt-xl-42-important {
        margin-top: 2.625rem !important
    }

    .p-xl-42 {
        padding: 2.625rem
    }

    .px-xl-42 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .px-xl-42-important {
        padding-left: 2.625rem !important;
        padding-right: 2.625rem !important
    }

    .py-xl-42 {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem
    }

    .pl-xl-42 {
        padding-left: 2.625rem
    }

    .pr-xl-42 {
        padding-right: 2.625rem
    }

    .pb-xl-42 {
        padding-bottom: 2.625rem
    }

    .pt-xl-42 {
        padding-top: 2.625rem
    }

    .m-xl-44 {
        margin: 2.75rem
    }

    .mx-xl-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .my-xl-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .ml-xl-44 {
        margin-left: 2.75rem
    }

    .mr-xl-44 {
        margin-right: 2.75rem
    }

    .mb-xl-44 {
        margin-bottom: 2.75rem
    }

    .mt-xl-44 {
        margin-top: 2.75rem
    }

    .mt-xl-44-important {
        margin-top: 2.75rem !important
    }

    .p-xl-44 {
        padding: 2.75rem
    }

    .px-xl-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .px-xl-44-important {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .py-xl-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .pl-xl-44 {
        padding-left: 2.75rem
    }

    .pr-xl-44 {
        padding-right: 2.75rem
    }

    .pb-xl-44 {
        padding-bottom: 2.75rem
    }

    .pt-xl-44 {
        padding-top: 2.75rem
    }

    .m-xl-46 {
        margin: 2.875rem
    }

    .mx-xl-46 {
        margin-left: 2.875rem;
        margin-right: 2.875rem
    }

    .my-xl-46 {
        margin-top: 2.875rem;
        margin-bottom: 2.875rem
    }

    .ml-xl-46 {
        margin-left: 2.875rem
    }

    .mr-xl-46 {
        margin-right: 2.875rem
    }

    .mb-xl-46 {
        margin-bottom: 2.875rem
    }

    .mt-xl-46 {
        margin-top: 2.875rem
    }

    .mt-xl-46-important {
        margin-top: 2.875rem !important
    }

    .p-xl-46 {
        padding: 2.875rem
    }

    .px-xl-46 {
        padding-left: 2.875rem;
        padding-right: 2.875rem
    }

    .px-xl-46-important {
        padding-left: 2.875rem !important;
        padding-right: 2.875rem !important
    }

    .py-xl-46 {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .pl-xl-46 {
        padding-left: 2.875rem
    }

    .pr-xl-46 {
        padding-right: 2.875rem
    }

    .pb-xl-46 {
        padding-bottom: 2.875rem
    }

    .pt-xl-46 {
        padding-top: 2.875rem
    }

    .m-xl-48 {
        margin: 3rem
    }

    .mx-xl-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .my-xl-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .ml-xl-48 {
        margin-left: 3rem
    }

    .mr-xl-48 {
        margin-right: 3rem
    }

    .mb-xl-48 {
        margin-bottom: 3rem
    }

    .mt-xl-48 {
        margin-top: 3rem
    }

    .mt-xl-48-important {
        margin-top: 3rem !important
    }

    .p-xl-48 {
        padding: 3rem
    }

    .px-xl-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-xl-48-important {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-xl-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pl-xl-48 {
        padding-left: 3rem
    }

    .pr-xl-48 {
        padding-right: 3rem
    }

    .pb-xl-48 {
        padding-bottom: 3rem
    }

    .pt-xl-48 {
        padding-top: 3rem
    }

    .m-xl-50 {
        margin: 3.125rem
    }

    .mx-xl-50 {
        margin-left: 3.125rem;
        margin-right: 3.125rem
    }

    .my-xl-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .ml-xl-50 {
        margin-left: 3.125rem
    }

    .mr-xl-50 {
        margin-right: 3.125rem
    }

    .mb-xl-50 {
        margin-bottom: 3.125rem
    }

    .mt-xl-50 {
        margin-top: 3.125rem
    }

    .mt-xl-50-important {
        margin-top: 3.125rem !important
    }

    .p-xl-50 {
        padding: 3.125rem
    }

    .px-xl-50 {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }

    .px-xl-50-important {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important
    }

    .py-xl-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .pl-xl-50 {
        padding-left: 3.125rem
    }

    .pr-xl-50 {
        padding-right: 3.125rem
    }

    .pb-xl-50 {
        padding-bottom: 3.125rem
    }

    .pt-xl-50 {
        padding-top: 3.125rem
    }

    .m-xl-55 {
        margin: 3.4375rem
    }

    .mx-xl-55 {
        margin-left: 3.4375rem;
        margin-right: 3.4375rem
    }

    .my-xl-55 {
        margin-top: 3.4375rem;
        margin-bottom: 3.4375rem
    }

    .ml-xl-55 {
        margin-left: 3.4375rem
    }

    .mr-xl-55 {
        margin-right: 3.4375rem
    }

    .mb-xl-55 {
        margin-bottom: 3.4375rem
    }

    .mt-xl-55 {
        margin-top: 3.4375rem
    }

    .mt-xl-55-important {
        margin-top: 3.4375rem !important
    }

    .p-xl-55 {
        padding: 3.4375rem
    }

    .px-xl-55 {
        padding-left: 3.4375rem;
        padding-right: 3.4375rem
    }

    .px-xl-55-important {
        padding-left: 3.4375rem !important;
        padding-right: 3.4375rem !important
    }

    .py-xl-55 {
        padding-top: 3.4375rem;
        padding-bottom: 3.4375rem
    }

    .pl-xl-55 {
        padding-left: 3.4375rem
    }

    .pr-xl-55 {
        padding-right: 3.4375rem
    }

    .pb-xl-55 {
        padding-bottom: 3.4375rem
    }

    .pt-xl-55 {
        padding-top: 3.4375rem
    }

    .m-xl-56 {
        margin: 3.5rem
    }

    .mx-xl-56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .my-xl-56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .ml-xl-56 {
        margin-left: 3.5rem
    }

    .mr-xl-56 {
        margin-right: 3.5rem
    }

    .mb-xl-56 {
        margin-bottom: 3.5rem
    }

    .mt-xl-56 {
        margin-top: 3.5rem
    }

    .mt-xl-56-important {
        margin-top: 3.5rem !important
    }

    .p-xl-56 {
        padding: 3.5rem
    }

    .px-xl-56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .px-xl-56-important {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .py-xl-56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .pl-xl-56 {
        padding-left: 3.5rem
    }

    .pr-xl-56 {
        padding-right: 3.5rem
    }

    .pb-xl-56 {
        padding-bottom: 3.5rem
    }

    .pt-xl-56 {
        padding-top: 3.5rem
    }

    .m-xl-60 {
        margin: 3.75rem
    }

    .mx-xl-60 {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }

    .my-xl-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .ml-xl-60 {
        margin-left: 3.75rem
    }

    .mr-xl-60 {
        margin-right: 3.75rem
    }

    .mb-xl-60 {
        margin-bottom: 3.75rem
    }

    .mt-xl-60 {
        margin-top: 3.75rem
    }

    .mt-xl-60-important {
        margin-top: 3.75rem !important
    }

    .p-xl-60 {
        padding: 3.75rem
    }

    .px-xl-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .px-xl-60-important {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }

    .py-xl-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .pl-xl-60 {
        padding-left: 3.75rem
    }

    .pr-xl-60 {
        padding-right: 3.75rem
    }

    .pb-xl-60 {
        padding-bottom: 3.75rem
    }

    .pt-xl-60 {
        padding-top: 3.75rem
    }

    .m-xl-64 {
        margin: 4rem
    }

    .mx-xl-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my-xl-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .ml-xl-64 {
        margin-left: 4rem
    }

    .mr-xl-64 {
        margin-right: 4rem
    }

    .mb-xl-64 {
        margin-bottom: 4rem
    }

    .mt-xl-64 {
        margin-top: 4rem
    }

    .mt-xl-64-important {
        margin-top: 4rem !important
    }

    .p-xl-64 {
        padding: 4rem
    }

    .px-xl-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .px-xl-64-important {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .py-xl-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pl-xl-64 {
        padding-left: 4rem
    }

    .pr-xl-64 {
        padding-right: 4rem
    }

    .pb-xl-64 {
        padding-bottom: 4rem
    }

    .pt-xl-64 {
        padding-top: 4rem
    }

    .m-xl-70 {
        margin: 4.375rem
    }

    .mx-xl-70 {
        margin-left: 4.375rem;
        margin-right: 4.375rem
    }

    .my-xl-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem
    }

    .ml-xl-70 {
        margin-left: 4.375rem
    }

    .mr-xl-70 {
        margin-right: 4.375rem
    }

    .mb-xl-70 {
        margin-bottom: 4.375rem
    }

    .mt-xl-70 {
        margin-top: 4.375rem
    }

    .mt-xl-70-important {
        margin-top: 4.375rem !important
    }

    .p-xl-70 {
        padding: 4.375rem
    }

    .px-xl-70 {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }

    .px-xl-70-important {
        padding-left: 4.375rem !important;
        padding-right: 4.375rem !important
    }

    .py-xl-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .pl-xl-70 {
        padding-left: 4.375rem
    }

    .pr-xl-70 {
        padding-right: 4.375rem
    }

    .pb-xl-70 {
        padding-bottom: 4.375rem
    }

    .pt-xl-70 {
        padding-top: 4.375rem
    }

    .m-xl-72 {
        margin: 4.5rem
    }

    .mx-xl-72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .my-xl-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .ml-xl-72 {
        margin-left: 4.5rem
    }

    .mr-xl-72 {
        margin-right: 4.5rem
    }

    .mb-xl-72 {
        margin-bottom: 4.5rem
    }

    .mt-xl-72 {
        margin-top: 4.5rem
    }

    .mt-xl-72-important {
        margin-top: 4.5rem !important
    }

    .p-xl-72 {
        padding: 4.5rem
    }

    .px-xl-72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .px-xl-72-important {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-xl-72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .pl-xl-72 {
        padding-left: 4.5rem
    }

    .pr-xl-72 {
        padding-right: 4.5rem
    }

    .pb-xl-72 {
        padding-bottom: 4.5rem
    }

    .pt-xl-72 {
        padding-top: 4.5rem
    }

    .m-xl-80 {
        margin: 5rem
    }

    .mx-xl-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .my-xl-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .ml-xl-80 {
        margin-left: 5rem
    }

    .mr-xl-80 {
        margin-right: 5rem
    }

    .mb-xl-80 {
        margin-bottom: 5rem
    }

    .mt-xl-80 {
        margin-top: 5rem
    }

    .mt-xl-80-important {
        margin-top: 5rem !important
    }

    .p-xl-80 {
        padding: 5rem
    }

    .px-xl-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .px-xl-80-important {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .py-xl-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .pl-xl-80 {
        padding-left: 5rem
    }

    .pr-xl-80 {
        padding-right: 5rem
    }

    .pb-xl-80 {
        padding-bottom: 5rem
    }

    .pt-xl-80 {
        padding-top: 5rem
    }

    .m-xl-88 {
        margin: 5.5rem
    }

    .mx-xl-88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .my-xl-88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .ml-xl-88 {
        margin-left: 5.5rem
    }

    .mr-xl-88 {
        margin-right: 5.5rem
    }

    .mb-xl-88 {
        margin-bottom: 5.5rem
    }

    .mt-xl-88 {
        margin-top: 5.5rem
    }

    .mt-xl-88-important {
        margin-top: 5.5rem !important
    }

    .p-xl-88 {
        padding: 5.5rem
    }

    .px-xl-88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .px-xl-88-important {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }

    .py-xl-88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .pl-xl-88 {
        padding-left: 5.5rem
    }

    .pr-xl-88 {
        padding-right: 5.5rem
    }

    .pb-xl-88 {
        padding-bottom: 5.5rem
    }

    .pt-xl-88 {
        padding-top: 5.5rem
    }

    .m-xl-0 {
        margin: 0rem
    }

    .mx-xl-0 {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .my-xl-0 {
        margin-top: 0rem;
        margin-bottom: 0rem
    }

    .ml-xl-0 {
        margin-left: 0rem
    }

    .mr-xl-0 {
        margin-right: 0rem
    }

    .mb-xl-0 {
        margin-bottom: 0rem
    }

    .mt-xl-0 {
        margin-top: 0rem
    }

    .mt-xl-0-important {
        margin-top: 0rem !important
    }

    .p-xl-0 {
        padding: 0rem
    }

    .px-xl-0 {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .px-xl-0-important {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .py-xl-0 {
        padding-top: 0rem;
        padding-bottom: 0rem
    }

    .pl-xl-0 {
        padding-left: 0rem
    }

    .pr-xl-0 {
        padding-right: 0rem
    }

    .pb-xl-0 {
        padding-bottom: 0rem
    }

    .pt-xl-0 {
        padding-top: 0rem
    }
}

@media(min-width: 1470px) {
    .m-xxl-1 {
        margin:0.0625rem
    }

    .mx-xxl-1 {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem
    }

    .my-xxl-1 {
        margin-top: 0.0625rem;
        margin-bottom: 0.0625rem
    }

    .ml-xxl-1 {
        margin-left: 0.0625rem
    }

    .mr-xxl-1 {
        margin-right: 0.0625rem
    }

    .mb-xxl-1 {
        margin-bottom: 0.0625rem
    }

    .mt-xxl-1 {
        margin-top: 0.0625rem
    }

    .mt-xxl-1-important {
        margin-top: 0.0625rem !important
    }

    .p-xxl-1 {
        padding: 0.0625rem
    }

    .px-xxl-1 {
        padding-left: 0.0625rem;
        padding-right: 0.0625rem
    }

    .px-xxl-1-important {
        padding-left: 0.0625rem !important;
        padding-right: 0.0625rem !important
    }

    .py-xxl-1 {
        padding-top: 0.0625rem;
        padding-bottom: 0.0625rem
    }

    .pl-xxl-1 {
        padding-left: 0.0625rem
    }

    .pr-xxl-1 {
        padding-right: 0.0625rem
    }

    .pb-xxl-1 {
        padding-bottom: 0.0625rem
    }

    .pt-xxl-1 {
        padding-top: 0.0625rem
    }

    .m-xxl-2 {
        margin: 0.125rem
    }

    .mx-xxl-2 {
        margin-left: 0.125rem;
        margin-right: 0.125rem
    }

    .my-xxl-2 {
        margin-top: 0.125rem;
        margin-bottom: 0.125rem
    }

    .ml-xxl-2 {
        margin-left: 0.125rem
    }

    .mr-xxl-2 {
        margin-right: 0.125rem
    }

    .mb-xxl-2 {
        margin-bottom: 0.125rem
    }

    .mt-xxl-2 {
        margin-top: 0.125rem
    }

    .mt-xxl-2-important {
        margin-top: 0.125rem !important
    }

    .p-xxl-2 {
        padding: 0.125rem
    }

    .px-xxl-2 {
        padding-left: 0.125rem;
        padding-right: 0.125rem
    }

    .px-xxl-2-important {
        padding-left: 0.125rem !important;
        padding-right: 0.125rem !important
    }

    .py-xxl-2 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem
    }

    .pl-xxl-2 {
        padding-left: 0.125rem
    }

    .pr-xxl-2 {
        padding-right: 0.125rem
    }

    .pb-xxl-2 {
        padding-bottom: 0.125rem
    }

    .pt-xxl-2 {
        padding-top: 0.125rem
    }

    .m-xxl-3 {
        margin: 0.1875rem
    }

    .mx-xxl-3 {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem
    }

    .my-xxl-3 {
        margin-top: 0.1875rem;
        margin-bottom: 0.1875rem
    }

    .ml-xxl-3 {
        margin-left: 0.1875rem
    }

    .mr-xxl-3 {
        margin-right: 0.1875rem
    }

    .mb-xxl-3 {
        margin-bottom: 0.1875rem
    }

    .mt-xxl-3 {
        margin-top: 0.1875rem
    }

    .mt-xxl-3-important {
        margin-top: 0.1875rem !important
    }

    .p-xxl-3 {
        padding: 0.1875rem
    }

    .px-xxl-3 {
        padding-left: 0.1875rem;
        padding-right: 0.1875rem
    }

    .px-xxl-3-important {
        padding-left: 0.1875rem !important;
        padding-right: 0.1875rem !important
    }

    .py-xxl-3 {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem
    }

    .pl-xxl-3 {
        padding-left: 0.1875rem
    }

    .pr-xxl-3 {
        padding-right: 0.1875rem
    }

    .pb-xxl-3 {
        padding-bottom: 0.1875rem
    }

    .pt-xxl-3 {
        padding-top: 0.1875rem
    }

    .m-xxl-4 {
        margin: 0.25rem
    }

    .mx-xxl-4 {
        margin-left: 0.25rem;
        margin-right: 0.25rem
    }

    .my-xxl-4 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem
    }

    .ml-xxl-4 {
        margin-left: 0.25rem
    }

    .mr-xxl-4 {
        margin-right: 0.25rem
    }

    .mb-xxl-4 {
        margin-bottom: 0.25rem
    }

    .mt-xxl-4 {
        margin-top: 0.25rem
    }

    .mt-xxl-4-important {
        margin-top: 0.25rem !important
    }

    .p-xxl-4 {
        padding: 0.25rem
    }

    .px-xxl-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }

    .px-xxl-4-important {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }

    .py-xxl-4 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }

    .pl-xxl-4 {
        padding-left: 0.25rem
    }

    .pr-xxl-4 {
        padding-right: 0.25rem
    }

    .pb-xxl-4 {
        padding-bottom: 0.25rem
    }

    .pt-xxl-4 {
        padding-top: 0.25rem
    }

    .m-xxl-6 {
        margin: 0.375rem
    }

    .mx-xxl-6 {
        margin-left: 0.375rem;
        margin-right: 0.375rem
    }

    .my-xxl-6 {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem
    }

    .ml-xxl-6 {
        margin-left: 0.375rem
    }

    .mr-xxl-6 {
        margin-right: 0.375rem
    }

    .mb-xxl-6 {
        margin-bottom: 0.375rem
    }

    .mt-xxl-6 {
        margin-top: 0.375rem
    }

    .mt-xxl-6-important {
        margin-top: 0.375rem !important
    }

    .p-xxl-6 {
        padding: 0.375rem
    }

    .px-xxl-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem
    }

    .px-xxl-6-important {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important
    }

    .py-xxl-6 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem
    }

    .pl-xxl-6 {
        padding-left: 0.375rem
    }

    .pr-xxl-6 {
        padding-right: 0.375rem
    }

    .pb-xxl-6 {
        padding-bottom: 0.375rem
    }

    .pt-xxl-6 {
        padding-top: 0.375rem
    }

    .m-xxl-8 {
        margin: 0.5rem
    }

    .mx-xxl-8 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }

    .my-xxl-8 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .ml-xxl-8 {
        margin-left: 0.5rem
    }

    .mr-xxl-8 {
        margin-right: 0.5rem
    }

    .mb-xxl-8 {
        margin-bottom: 0.5rem
    }

    .mt-xxl-8 {
        margin-top: 0.5rem
    }

    .mt-xxl-8-important {
        margin-top: 0.5rem !important
    }

    .p-xxl-8 {
        padding: 0.5rem
    }

    .px-xxl-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }

    .px-xxl-8-important {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }

    .py-xxl-8 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }

    .pl-xxl-8 {
        padding-left: 0.5rem
    }

    .pr-xxl-8 {
        padding-right: 0.5rem
    }

    .pb-xxl-8 {
        padding-bottom: 0.5rem
    }

    .pt-xxl-8 {
        padding-top: 0.5rem
    }

    .m-xxl-10 {
        margin: 0.625rem
    }

    .mx-xxl-10 {
        margin-left: 0.625rem;
        margin-right: 0.625rem
    }

    .my-xxl-10 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem
    }

    .ml-xxl-10 {
        margin-left: 0.625rem
    }

    .mr-xxl-10 {
        margin-right: 0.625rem
    }

    .mb-xxl-10 {
        margin-bottom: 0.625rem
    }

    .mt-xxl-10 {
        margin-top: 0.625rem
    }

    .mt-xxl-10-important {
        margin-top: 0.625rem !important
    }

    .p-xxl-10 {
        padding: 0.625rem
    }

    .px-xxl-10 {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }

    .px-xxl-10-important {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important
    }

    .py-xxl-10 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }

    .pl-xxl-10 {
        padding-left: 0.625rem
    }

    .pr-xxl-10 {
        padding-right: 0.625rem
    }

    .pb-xxl-10 {
        padding-bottom: 0.625rem
    }

    .pt-xxl-10 {
        padding-top: 0.625rem
    }

    .m-xxl-11 {
        margin: 0.6875rem
    }

    .mx-xxl-11 {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem
    }

    .my-xxl-11 {
        margin-top: 0.6875rem;
        margin-bottom: 0.6875rem
    }

    .ml-xxl-11 {
        margin-left: 0.6875rem
    }

    .mr-xxl-11 {
        margin-right: 0.6875rem
    }

    .mb-xxl-11 {
        margin-bottom: 0.6875rem
    }

    .mt-xxl-11 {
        margin-top: 0.6875rem
    }

    .mt-xxl-11-important {
        margin-top: 0.6875rem !important
    }

    .p-xxl-11 {
        padding: 0.6875rem
    }

    .px-xxl-11 {
        padding-left: 0.6875rem;
        padding-right: 0.6875rem
    }

    .px-xxl-11-important {
        padding-left: 0.6875rem !important;
        padding-right: 0.6875rem !important
    }

    .py-xxl-11 {
        padding-top: 0.6875rem;
        padding-bottom: 0.6875rem
    }

    .pl-xxl-11 {
        padding-left: 0.6875rem
    }

    .pr-xxl-11 {
        padding-right: 0.6875rem
    }

    .pb-xxl-11 {
        padding-bottom: 0.6875rem
    }

    .pt-xxl-11 {
        padding-top: 0.6875rem
    }

    .m-xxl-12 {
        margin: 0.75rem
    }

    .mx-xxl-12 {
        margin-left: 0.75rem;
        margin-right: 0.75rem
    }

    .my-xxl-12 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem
    }

    .ml-xxl-12 {
        margin-left: 0.75rem
    }

    .mr-xxl-12 {
        margin-right: 0.75rem
    }

    .mb-xxl-12 {
        margin-bottom: 0.75rem
    }

    .mt-xxl-12 {
        margin-top: 0.75rem
    }

    .mt-xxl-12-important {
        margin-top: 0.75rem !important
    }

    .p-xxl-12 {
        padding: 0.75rem
    }

    .px-xxl-12 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .px-xxl-12-important {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important
    }

    .py-xxl-12 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }

    .pl-xxl-12 {
        padding-left: 0.75rem
    }

    .pr-xxl-12 {
        padding-right: 0.75rem
    }

    .pb-xxl-12 {
        padding-bottom: 0.75rem
    }

    .pt-xxl-12 {
        padding-top: 0.75rem
    }

    .m-xxl-14 {
        margin: 0.875rem
    }

    .mx-xxl-14 {
        margin-left: 0.875rem;
        margin-right: 0.875rem
    }

    .my-xxl-14 {
        margin-top: 0.875rem;
        margin-bottom: 0.875rem
    }

    .ml-xxl-14 {
        margin-left: 0.875rem
    }

    .mr-xxl-14 {
        margin-right: 0.875rem
    }

    .mb-xxl-14 {
        margin-bottom: 0.875rem
    }

    .mt-xxl-14 {
        margin-top: 0.875rem
    }

    .mt-xxl-14-important {
        margin-top: 0.875rem !important
    }

    .p-xxl-14 {
        padding: 0.875rem
    }

    .px-xxl-14 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }

    .px-xxl-14-important {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important
    }

    .py-xxl-14 {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem
    }

    .pl-xxl-14 {
        padding-left: 0.875rem
    }

    .pr-xxl-14 {
        padding-right: 0.875rem
    }

    .pb-xxl-14 {
        padding-bottom: 0.875rem
    }

    .pt-xxl-14 {
        padding-top: 0.875rem
    }

    .m-xxl-15 {
        margin: 0.9375rem
    }

    .mx-xxl-15 {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }

    .my-xxl-15 {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .ml-xxl-15 {
        margin-left: 0.9375rem
    }

    .mr-xxl-15 {
        margin-right: 0.9375rem
    }

    .mb-xxl-15 {
        margin-bottom: 0.9375rem
    }

    .mt-xxl-15 {
        margin-top: 0.9375rem
    }

    .mt-xxl-15-important {
        margin-top: 0.9375rem !important
    }

    .p-xxl-15 {
        padding: 0.9375rem
    }

    .px-xxl-15 {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem
    }

    .px-xxl-15-important {
        padding-left: 0.9375rem !important;
        padding-right: 0.9375rem !important
    }

    .py-xxl-15 {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }

    .pl-xxl-15 {
        padding-left: 0.9375rem
    }

    .pr-xxl-15 {
        padding-right: 0.9375rem
    }

    .pb-xxl-15 {
        padding-bottom: 0.9375rem
    }

    .pt-xxl-15 {
        padding-top: 0.9375rem
    }

    .m-xxl-16 {
        margin: 1rem
    }

    .mx-xxl-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my-xxl-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .ml-xxl-16 {
        margin-left: 1rem
    }

    .mr-xxl-16 {
        margin-right: 1rem
    }

    .mb-xxl-16 {
        margin-bottom: 1rem
    }

    .mt-xxl-16 {
        margin-top: 1rem
    }

    .mt-xxl-16-important {
        margin-top: 1rem !important
    }

    .p-xxl-16 {
        padding: 1rem
    }

    .px-xxl-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-xxl-16-important {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .py-xxl-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pl-xxl-16 {
        padding-left: 1rem
    }

    .pr-xxl-16 {
        padding-right: 1rem
    }

    .pb-xxl-16 {
        padding-bottom: 1rem
    }

    .pt-xxl-16 {
        padding-top: 1rem
    }

    .m-xxl-18 {
        margin: 1.125rem
    }

    .mx-xxl-18 {
        margin-left: 1.125rem;
        margin-right: 1.125rem
    }

    .my-xxl-18 {
        margin-top: 1.125rem;
        margin-bottom: 1.125rem
    }

    .ml-xxl-18 {
        margin-left: 1.125rem
    }

    .mr-xxl-18 {
        margin-right: 1.125rem
    }

    .mb-xxl-18 {
        margin-bottom: 1.125rem
    }

    .mt-xxl-18 {
        margin-top: 1.125rem
    }

    .mt-xxl-18-important {
        margin-top: 1.125rem !important
    }

    .p-xxl-18 {
        padding: 1.125rem
    }

    .px-xxl-18 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .px-xxl-18-important {
        padding-left: 1.125rem !important;
        padding-right: 1.125rem !important
    }

    .py-xxl-18 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .pl-xxl-18 {
        padding-left: 1.125rem
    }

    .pr-xxl-18 {
        padding-right: 1.125rem
    }

    .pb-xxl-18 {
        padding-bottom: 1.125rem
    }

    .pt-xxl-18 {
        padding-top: 1.125rem
    }

    .m-xxl-20 {
        margin: 1.25rem
    }

    .mx-xxl-20 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .my-xxl-20 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .ml-xxl-20 {
        margin-left: 1.25rem
    }

    .mr-xxl-20 {
        margin-right: 1.25rem
    }

    .mb-xxl-20 {
        margin-bottom: 1.25rem
    }

    .mt-xxl-20 {
        margin-top: 1.25rem
    }

    .mt-xxl-20-important {
        margin-top: 1.25rem !important
    }

    .p-xxl-20 {
        padding: 1.25rem
    }

    .px-xxl-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-xxl-20-important {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .py-xxl-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pl-xxl-20 {
        padding-left: 1.25rem
    }

    .pr-xxl-20 {
        padding-right: 1.25rem
    }

    .pb-xxl-20 {
        padding-bottom: 1.25rem
    }

    .pt-xxl-20 {
        padding-top: 1.25rem
    }

    .m-xxl-22 {
        margin: 1.375rem
    }

    .mx-xxl-22 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .my-xxl-22 {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem
    }

    .ml-xxl-22 {
        margin-left: 1.375rem
    }

    .mr-xxl-22 {
        margin-right: 1.375rem
    }

    .mb-xxl-22 {
        margin-bottom: 1.375rem
    }

    .mt-xxl-22 {
        margin-top: 1.375rem
    }

    .mt-xxl-22-important {
        margin-top: 1.375rem !important
    }

    .p-xxl-22 {
        padding: 1.375rem
    }

    .px-xxl-22 {
        padding-left: 1.375rem;
        padding-right: 1.375rem
    }

    .px-xxl-22-important {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important
    }

    .py-xxl-22 {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem
    }

    .pl-xxl-22 {
        padding-left: 1.375rem
    }

    .pr-xxl-22 {
        padding-right: 1.375rem
    }

    .pb-xxl-22 {
        padding-bottom: 1.375rem
    }

    .pt-xxl-22 {
        padding-top: 1.375rem
    }

    .m-xxl-24 {
        margin: 1.5rem
    }

    .mx-xxl-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .my-xxl-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .ml-xxl-24 {
        margin-left: 1.5rem
    }

    .mr-xxl-24 {
        margin-right: 1.5rem
    }

    .mb-xxl-24 {
        margin-bottom: 1.5rem
    }

    .mt-xxl-24 {
        margin-top: 1.5rem
    }

    .mt-xxl-24-important {
        margin-top: 1.5rem !important
    }

    .p-xxl-24 {
        padding: 1.5rem
    }

    .px-xxl-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-xxl-24-important {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .py-xxl-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pl-xxl-24 {
        padding-left: 1.5rem
    }

    .pr-xxl-24 {
        padding-right: 1.5rem
    }

    .pb-xxl-24 {
        padding-bottom: 1.5rem
    }

    .pt-xxl-24 {
        padding-top: 1.5rem
    }

    .m-xxl-28 {
        margin: 1.75rem
    }

    .mx-xxl-28 {
        margin-left: 1.75rem;
        margin-right: 1.75rem
    }

    .my-xxl-28 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .ml-xxl-28 {
        margin-left: 1.75rem
    }

    .mr-xxl-28 {
        margin-right: 1.75rem
    }

    .mb-xxl-28 {
        margin-bottom: 1.75rem
    }

    .mt-xxl-28 {
        margin-top: 1.75rem
    }

    .mt-xxl-28-important {
        margin-top: 1.75rem !important
    }

    .p-xxl-28 {
        padding: 1.75rem
    }

    .px-xxl-28 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .px-xxl-28-important {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .py-xxl-28 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .pl-xxl-28 {
        padding-left: 1.75rem
    }

    .pr-xxl-28 {
        padding-right: 1.75rem
    }

    .pb-xxl-28 {
        padding-bottom: 1.75rem
    }

    .pt-xxl-28 {
        padding-top: 1.75rem
    }

    .m-xxl-32 {
        margin: 2rem
    }

    .mx-xxl-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my-xxl-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .ml-xxl-32 {
        margin-left: 2rem
    }

    .mr-xxl-32 {
        margin-right: 2rem
    }

    .mb-xxl-32 {
        margin-bottom: 2rem
    }

    .mt-xxl-32 {
        margin-top: 2rem
    }

    .mt-xxl-32-important {
        margin-top: 2rem !important
    }

    .p-xxl-32 {
        padding: 2rem
    }

    .px-xxl-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .px-xxl-32-important {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .py-xxl-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pl-xxl-32 {
        padding-left: 2rem
    }

    .pr-xxl-32 {
        padding-right: 2rem
    }

    .pb-xxl-32 {
        padding-bottom: 2rem
    }

    .pt-xxl-32 {
        padding-top: 2rem
    }

    .m-xxl-30 {
        margin: 1.875rem
    }

    .mx-xxl-30 {
        margin-left: 1.875rem;
        margin-right: 1.875rem
    }

    .my-xxl-30 {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .ml-xxl-30 {
        margin-left: 1.875rem
    }

    .mr-xxl-30 {
        margin-right: 1.875rem
    }

    .mb-xxl-30 {
        margin-bottom: 1.875rem
    }

    .mt-xxl-30 {
        margin-top: 1.875rem
    }

    .mt-xxl-30-important {
        margin-top: 1.875rem !important
    }

    .p-xxl-30 {
        padding: 1.875rem
    }

    .px-xxl-30 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .px-xxl-30-important {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important
    }

    .py-xxl-30 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .pl-xxl-30 {
        padding-left: 1.875rem
    }

    .pr-xxl-30 {
        padding-right: 1.875rem
    }

    .pb-xxl-30 {
        padding-bottom: 1.875rem
    }

    .pt-xxl-30 {
        padding-top: 1.875rem
    }

    .m-xxl-34 {
        margin: 2.125rem
    }

    .mx-xxl-34 {
        margin-left: 2.125rem;
        margin-right: 2.125rem
    }

    .my-xxl-34 {
        margin-top: 2.125rem;
        margin-bottom: 2.125rem
    }

    .ml-xxl-34 {
        margin-left: 2.125rem
    }

    .mr-xxl-34 {
        margin-right: 2.125rem
    }

    .mb-xxl-34 {
        margin-bottom: 2.125rem
    }

    .mt-xxl-34 {
        margin-top: 2.125rem
    }

    .mt-xxl-34-important {
        margin-top: 2.125rem !important
    }

    .p-xxl-34 {
        padding: 2.125rem
    }

    .px-xxl-34 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .px-xxl-34-important {
        padding-left: 2.125rem !important;
        padding-right: 2.125rem !important
    }

    .py-xxl-34 {
        padding-top: 2.125rem;
        padding-bottom: 2.125rem
    }

    .pl-xxl-34 {
        padding-left: 2.125rem
    }

    .pr-xxl-34 {
        padding-right: 2.125rem
    }

    .pb-xxl-34 {
        padding-bottom: 2.125rem
    }

    .pt-xxl-34 {
        padding-top: 2.125rem
    }

    .m-xxl-36 {
        margin: 2.25rem
    }

    .mx-xxl-36 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .my-xxl-36 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .ml-xxl-36 {
        margin-left: 2.25rem
    }

    .mr-xxl-36 {
        margin-right: 2.25rem
    }

    .mb-xxl-36 {
        margin-bottom: 2.25rem
    }

    .mt-xxl-36 {
        margin-top: 2.25rem
    }

    .mt-xxl-36-important {
        margin-top: 2.25rem !important
    }

    .p-xxl-36 {
        padding: 2.25rem
    }

    .px-xxl-36 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .px-xxl-36-important {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .py-xxl-36 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .pl-xxl-36 {
        padding-left: 2.25rem
    }

    .pr-xxl-36 {
        padding-right: 2.25rem
    }

    .pb-xxl-36 {
        padding-bottom: 2.25rem
    }

    .pt-xxl-36 {
        padding-top: 2.25rem
    }

    .m-xxl-38 {
        margin: 2.375rem
    }

    .mx-xxl-38 {
        margin-left: 2.375rem;
        margin-right: 2.375rem
    }

    .my-xxl-38 {
        margin-top: 2.375rem;
        margin-bottom: 2.375rem
    }

    .ml-xxl-38 {
        margin-left: 2.375rem
    }

    .mr-xxl-38 {
        margin-right: 2.375rem
    }

    .mb-xxl-38 {
        margin-bottom: 2.375rem
    }

    .mt-xxl-38 {
        margin-top: 2.375rem
    }

    .mt-xxl-38-important {
        margin-top: 2.375rem !important
    }

    .p-xxl-38 {
        padding: 2.375rem
    }

    .px-xxl-38 {
        padding-left: 2.375rem;
        padding-right: 2.375rem
    }

    .px-xxl-38-important {
        padding-left: 2.375rem !important;
        padding-right: 2.375rem !important
    }

    .py-xxl-38 {
        padding-top: 2.375rem;
        padding-bottom: 2.375rem
    }

    .pl-xxl-38 {
        padding-left: 2.375rem
    }

    .pr-xxl-38 {
        padding-right: 2.375rem
    }

    .pb-xxl-38 {
        padding-bottom: 2.375rem
    }

    .pt-xxl-38 {
        padding-top: 2.375rem
    }

    .m-xxl-40 {
        margin: 2.5rem
    }

    .mx-xxl-40 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .my-xxl-40 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .ml-xxl-40 {
        margin-left: 2.5rem
    }

    .mr-xxl-40 {
        margin-right: 2.5rem
    }

    .mb-xxl-40 {
        margin-bottom: 2.5rem
    }

    .mt-xxl-40 {
        margin-top: 2.5rem
    }

    .mt-xxl-40-important {
        margin-top: 2.5rem !important
    }

    .p-xxl-40 {
        padding: 2.5rem
    }

    .px-xxl-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .px-xxl-40-important {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-xxl-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pl-xxl-40 {
        padding-left: 2.5rem
    }

    .pr-xxl-40 {
        padding-right: 2.5rem
    }

    .pb-xxl-40 {
        padding-bottom: 2.5rem
    }

    .pt-xxl-40 {
        padding-top: 2.5rem
    }

    .m-xxl-42 {
        margin: 2.625rem
    }

    .mx-xxl-42 {
        margin-left: 2.625rem;
        margin-right: 2.625rem
    }

    .my-xxl-42 {
        margin-top: 2.625rem;
        margin-bottom: 2.625rem
    }

    .ml-xxl-42 {
        margin-left: 2.625rem
    }

    .mr-xxl-42 {
        margin-right: 2.625rem
    }

    .mb-xxl-42 {
        margin-bottom: 2.625rem
    }

    .mt-xxl-42 {
        margin-top: 2.625rem
    }

    .mt-xxl-42-important {
        margin-top: 2.625rem !important
    }

    .p-xxl-42 {
        padding: 2.625rem
    }

    .px-xxl-42 {
        padding-left: 2.625rem;
        padding-right: 2.625rem
    }

    .px-xxl-42-important {
        padding-left: 2.625rem !important;
        padding-right: 2.625rem !important
    }

    .py-xxl-42 {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem
    }

    .pl-xxl-42 {
        padding-left: 2.625rem
    }

    .pr-xxl-42 {
        padding-right: 2.625rem
    }

    .pb-xxl-42 {
        padding-bottom: 2.625rem
    }

    .pt-xxl-42 {
        padding-top: 2.625rem
    }

    .m-xxl-44 {
        margin: 2.75rem
    }

    .mx-xxl-44 {
        margin-left: 2.75rem;
        margin-right: 2.75rem
    }

    .my-xxl-44 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .ml-xxl-44 {
        margin-left: 2.75rem
    }

    .mr-xxl-44 {
        margin-right: 2.75rem
    }

    .mb-xxl-44 {
        margin-bottom: 2.75rem
    }

    .mt-xxl-44 {
        margin-top: 2.75rem
    }

    .mt-xxl-44-important {
        margin-top: 2.75rem !important
    }

    .p-xxl-44 {
        padding: 2.75rem
    }

    .px-xxl-44 {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .px-xxl-44-important {
        padding-left: 2.75rem !important;
        padding-right: 2.75rem !important
    }

    .py-xxl-44 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .pl-xxl-44 {
        padding-left: 2.75rem
    }

    .pr-xxl-44 {
        padding-right: 2.75rem
    }

    .pb-xxl-44 {
        padding-bottom: 2.75rem
    }

    .pt-xxl-44 {
        padding-top: 2.75rem
    }

    .m-xxl-46 {
        margin: 2.875rem
    }

    .mx-xxl-46 {
        margin-left: 2.875rem;
        margin-right: 2.875rem
    }

    .my-xxl-46 {
        margin-top: 2.875rem;
        margin-bottom: 2.875rem
    }

    .ml-xxl-46 {
        margin-left: 2.875rem
    }

    .mr-xxl-46 {
        margin-right: 2.875rem
    }

    .mb-xxl-46 {
        margin-bottom: 2.875rem
    }

    .mt-xxl-46 {
        margin-top: 2.875rem
    }

    .mt-xxl-46-important {
        margin-top: 2.875rem !important
    }

    .p-xxl-46 {
        padding: 2.875rem
    }

    .px-xxl-46 {
        padding-left: 2.875rem;
        padding-right: 2.875rem
    }

    .px-xxl-46-important {
        padding-left: 2.875rem !important;
        padding-right: 2.875rem !important
    }

    .py-xxl-46 {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .pl-xxl-46 {
        padding-left: 2.875rem
    }

    .pr-xxl-46 {
        padding-right: 2.875rem
    }

    .pb-xxl-46 {
        padding-bottom: 2.875rem
    }

    .pt-xxl-46 {
        padding-top: 2.875rem
    }

    .m-xxl-48 {
        margin: 3rem
    }

    .mx-xxl-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .my-xxl-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .ml-xxl-48 {
        margin-left: 3rem
    }

    .mr-xxl-48 {
        margin-right: 3rem
    }

    .mb-xxl-48 {
        margin-bottom: 3rem
    }

    .mt-xxl-48 {
        margin-top: 3rem
    }

    .mt-xxl-48-important {
        margin-top: 3rem !important
    }

    .p-xxl-48 {
        padding: 3rem
    }

    .px-xxl-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .px-xxl-48-important {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .py-xxl-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pl-xxl-48 {
        padding-left: 3rem
    }

    .pr-xxl-48 {
        padding-right: 3rem
    }

    .pb-xxl-48 {
        padding-bottom: 3rem
    }

    .pt-xxl-48 {
        padding-top: 3rem
    }

    .m-xxl-50 {
        margin: 3.125rem
    }

    .mx-xxl-50 {
        margin-left: 3.125rem;
        margin-right: 3.125rem
    }

    .my-xxl-50 {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .ml-xxl-50 {
        margin-left: 3.125rem
    }

    .mr-xxl-50 {
        margin-right: 3.125rem
    }

    .mb-xxl-50 {
        margin-bottom: 3.125rem
    }

    .mt-xxl-50 {
        margin-top: 3.125rem
    }

    .mt-xxl-50-important {
        margin-top: 3.125rem !important
    }

    .p-xxl-50 {
        padding: 3.125rem
    }

    .px-xxl-50 {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }

    .px-xxl-50-important {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important
    }

    .py-xxl-50 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .pl-xxl-50 {
        padding-left: 3.125rem
    }

    .pr-xxl-50 {
        padding-right: 3.125rem
    }

    .pb-xxl-50 {
        padding-bottom: 3.125rem
    }

    .pt-xxl-50 {
        padding-top: 3.125rem
    }

    .m-xxl-55 {
        margin: 3.4375rem
    }

    .mx-xxl-55 {
        margin-left: 3.4375rem;
        margin-right: 3.4375rem
    }

    .my-xxl-55 {
        margin-top: 3.4375rem;
        margin-bottom: 3.4375rem
    }

    .ml-xxl-55 {
        margin-left: 3.4375rem
    }

    .mr-xxl-55 {
        margin-right: 3.4375rem
    }

    .mb-xxl-55 {
        margin-bottom: 3.4375rem
    }

    .mt-xxl-55 {
        margin-top: 3.4375rem
    }

    .mt-xxl-55-important {
        margin-top: 3.4375rem !important
    }

    .p-xxl-55 {
        padding: 3.4375rem
    }

    .px-xxl-55 {
        padding-left: 3.4375rem;
        padding-right: 3.4375rem
    }

    .px-xxl-55-important {
        padding-left: 3.4375rem !important;
        padding-right: 3.4375rem !important
    }

    .py-xxl-55 {
        padding-top: 3.4375rem;
        padding-bottom: 3.4375rem
    }

    .pl-xxl-55 {
        padding-left: 3.4375rem
    }

    .pr-xxl-55 {
        padding-right: 3.4375rem
    }

    .pb-xxl-55 {
        padding-bottom: 3.4375rem
    }

    .pt-xxl-55 {
        padding-top: 3.4375rem
    }

    .m-xxl-56 {
        margin: 3.5rem
    }

    .mx-xxl-56 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .my-xxl-56 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .ml-xxl-56 {
        margin-left: 3.5rem
    }

    .mr-xxl-56 {
        margin-right: 3.5rem
    }

    .mb-xxl-56 {
        margin-bottom: 3.5rem
    }

    .mt-xxl-56 {
        margin-top: 3.5rem
    }

    .mt-xxl-56-important {
        margin-top: 3.5rem !important
    }

    .p-xxl-56 {
        padding: 3.5rem
    }

    .px-xxl-56 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .px-xxl-56-important {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important
    }

    .py-xxl-56 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .pl-xxl-56 {
        padding-left: 3.5rem
    }

    .pr-xxl-56 {
        padding-right: 3.5rem
    }

    .pb-xxl-56 {
        padding-bottom: 3.5rem
    }

    .pt-xxl-56 {
        padding-top: 3.5rem
    }

    .m-xxl-60 {
        margin: 3.75rem
    }

    .mx-xxl-60 {
        margin-left: 3.75rem;
        margin-right: 3.75rem
    }

    .my-xxl-60 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .ml-xxl-60 {
        margin-left: 3.75rem
    }

    .mr-xxl-60 {
        margin-right: 3.75rem
    }

    .mb-xxl-60 {
        margin-bottom: 3.75rem
    }

    .mt-xxl-60 {
        margin-top: 3.75rem
    }

    .mt-xxl-60-important {
        margin-top: 3.75rem !important
    }

    .p-xxl-60 {
        padding: 3.75rem
    }

    .px-xxl-60 {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .px-xxl-60-important {
        padding-left: 3.75rem !important;
        padding-right: 3.75rem !important
    }

    .py-xxl-60 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .pl-xxl-60 {
        padding-left: 3.75rem
    }

    .pr-xxl-60 {
        padding-right: 3.75rem
    }

    .pb-xxl-60 {
        padding-bottom: 3.75rem
    }

    .pt-xxl-60 {
        padding-top: 3.75rem
    }

    .m-xxl-64 {
        margin: 4rem
    }

    .mx-xxl-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my-xxl-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .ml-xxl-64 {
        margin-left: 4rem
    }

    .mr-xxl-64 {
        margin-right: 4rem
    }

    .mb-xxl-64 {
        margin-bottom: 4rem
    }

    .mt-xxl-64 {
        margin-top: 4rem
    }

    .mt-xxl-64-important {
        margin-top: 4rem !important
    }

    .p-xxl-64 {
        padding: 4rem
    }

    .px-xxl-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .px-xxl-64-important {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .py-xxl-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pl-xxl-64 {
        padding-left: 4rem
    }

    .pr-xxl-64 {
        padding-right: 4rem
    }

    .pb-xxl-64 {
        padding-bottom: 4rem
    }

    .pt-xxl-64 {
        padding-top: 4rem
    }

    .m-xxl-70 {
        margin: 4.375rem
    }

    .mx-xxl-70 {
        margin-left: 4.375rem;
        margin-right: 4.375rem
    }

    .my-xxl-70 {
        margin-top: 4.375rem;
        margin-bottom: 4.375rem
    }

    .ml-xxl-70 {
        margin-left: 4.375rem
    }

    .mr-xxl-70 {
        margin-right: 4.375rem
    }

    .mb-xxl-70 {
        margin-bottom: 4.375rem
    }

    .mt-xxl-70 {
        margin-top: 4.375rem
    }

    .mt-xxl-70-important {
        margin-top: 4.375rem !important
    }

    .p-xxl-70 {
        padding: 4.375rem
    }

    .px-xxl-70 {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }

    .px-xxl-70-important {
        padding-left: 4.375rem !important;
        padding-right: 4.375rem !important
    }

    .py-xxl-70 {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }

    .pl-xxl-70 {
        padding-left: 4.375rem
    }

    .pr-xxl-70 {
        padding-right: 4.375rem
    }

    .pb-xxl-70 {
        padding-bottom: 4.375rem
    }

    .pt-xxl-70 {
        padding-top: 4.375rem
    }

    .m-xxl-72 {
        margin: 4.5rem
    }

    .mx-xxl-72 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .my-xxl-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .ml-xxl-72 {
        margin-left: 4.5rem
    }

    .mr-xxl-72 {
        margin-right: 4.5rem
    }

    .mb-xxl-72 {
        margin-bottom: 4.5rem
    }

    .mt-xxl-72 {
        margin-top: 4.5rem
    }

    .mt-xxl-72-important {
        margin-top: 4.5rem !important
    }

    .p-xxl-72 {
        padding: 4.5rem
    }

    .px-xxl-72 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .px-xxl-72-important {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-xxl-72 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .pl-xxl-72 {
        padding-left: 4.5rem
    }

    .pr-xxl-72 {
        padding-right: 4.5rem
    }

    .pb-xxl-72 {
        padding-bottom: 4.5rem
    }

    .pt-xxl-72 {
        padding-top: 4.5rem
    }

    .m-xxl-80 {
        margin: 5rem
    }

    .mx-xxl-80 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .my-xxl-80 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .ml-xxl-80 {
        margin-left: 5rem
    }

    .mr-xxl-80 {
        margin-right: 5rem
    }

    .mb-xxl-80 {
        margin-bottom: 5rem
    }

    .mt-xxl-80 {
        margin-top: 5rem
    }

    .mt-xxl-80-important {
        margin-top: 5rem !important
    }

    .p-xxl-80 {
        padding: 5rem
    }

    .px-xxl-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .px-xxl-80-important {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .py-xxl-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .pl-xxl-80 {
        padding-left: 5rem
    }

    .pr-xxl-80 {
        padding-right: 5rem
    }

    .pb-xxl-80 {
        padding-bottom: 5rem
    }

    .pt-xxl-80 {
        padding-top: 5rem
    }

    .m-xxl-88 {
        margin: 5.5rem
    }

    .mx-xxl-88 {
        margin-left: 5.5rem;
        margin-right: 5.5rem
    }

    .my-xxl-88 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem
    }

    .ml-xxl-88 {
        margin-left: 5.5rem
    }

    .mr-xxl-88 {
        margin-right: 5.5rem
    }

    .mb-xxl-88 {
        margin-bottom: 5.5rem
    }

    .mt-xxl-88 {
        margin-top: 5.5rem
    }

    .mt-xxl-88-important {
        margin-top: 5.5rem !important
    }

    .p-xxl-88 {
        padding: 5.5rem
    }

    .px-xxl-88 {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .px-xxl-88-important {
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important
    }

    .py-xxl-88 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }

    .pl-xxl-88 {
        padding-left: 5.5rem
    }

    .pr-xxl-88 {
        padding-right: 5.5rem
    }

    .pb-xxl-88 {
        padding-bottom: 5.5rem
    }

    .pt-xxl-88 {
        padding-top: 5.5rem
    }

    .m-xxl-0 {
        margin: 0rem
    }

    .mx-xxl-0 {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .my-xxl-0 {
        margin-top: 0rem;
        margin-bottom: 0rem
    }

    .ml-xxl-0 {
        margin-left: 0rem
    }

    .mr-xxl-0 {
        margin-right: 0rem
    }

    .mb-xxl-0 {
        margin-bottom: 0rem
    }

    .mt-xxl-0 {
        margin-top: 0rem
    }

    .mt-xxl-0-important {
        margin-top: 0rem !important
    }

    .p-xxl-0 {
        padding: 0rem
    }

    .px-xxl-0 {
        padding-left: 0rem;
        padding-right: 0rem
    }

    .px-xxl-0-important {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .py-xxl-0 {
        padding-top: 0rem;
        padding-bottom: 0rem
    }

    .pl-xxl-0 {
        padding-left: 0rem
    }

    .pr-xxl-0 {
        padding-right: 0rem
    }

    .pb-xxl-0 {
        padding-bottom: 0rem
    }

    .pt-xxl-0 {
        padding-top: 0rem
    }
}

.h-4 {
    height: 0.25rem
}

.h-4-important {
    height: 0.25rem !important
}

.min-h-4 {
    min-height: 0.25rem
}

.min-w-4 {
    min-width: 0.25rem
}

.max-h-4 {
    max-height: 0.25rem
}

.max-h-4-important {
    max-height: 0.25rem !important
}

.max-w-4 {
    max-width: 0.25rem
}

.w-4 {
    width: 0.25rem
}

.w-4-important {
    width: 0.25rem !important
}

.b-4 {
    bottom: 0.25rem
}

.t-4 {
    top: 0.25rem
}

.l-4 {
    left: 0.25rem
}

.r-4 {
    right: 0.25rem
}

.h-5 {
    height: 0.3125rem
}

.h-5-important {
    height: 0.3125rem !important
}

.min-h-5 {
    min-height: 0.3125rem
}

.min-w-5 {
    min-width: 0.3125rem
}

.max-h-5 {
    max-height: 0.3125rem
}

.max-h-5-important {
    max-height: 0.3125rem !important
}

.max-w-5 {
    max-width: 0.3125rem
}

.w-5 {
    width: 0.3125rem
}

.w-5-important {
    width: 0.3125rem !important
}

.b-5 {
    bottom: 0.3125rem
}

.t-5 {
    top: 0.3125rem
}

.l-5 {
    left: 0.3125rem
}

.r-5 {
    right: 0.3125rem
}

.h-6 {
    height: 0.375rem
}

.h-6-important {
    height: 0.375rem !important
}

.min-h-6 {
    min-height: 0.375rem
}

.min-w-6 {
    min-width: 0.375rem
}

.max-h-6 {
    max-height: 0.375rem
}

.max-h-6-important {
    max-height: 0.375rem !important
}

.max-w-6 {
    max-width: 0.375rem
}

.w-6 {
    width: 0.375rem
}

.w-6-important {
    width: 0.375rem !important
}

.b-6 {
    bottom: 0.375rem
}

.t-6 {
    top: 0.375rem
}

.l-6 {
    left: 0.375rem
}

.r-6 {
    right: 0.375rem
}

.h-8,input[type=checkbox]::before,input[type=radio]::before {
    height: 0.5rem
}

.h-8-important {
    height: 0.5rem !important
}

.min-h-8 {
    min-height: 0.5rem
}

.min-w-8 {
    min-width: 0.5rem
}

.max-h-8 {
    max-height: 0.5rem
}

.max-h-8-important {
    max-height: 0.5rem !important
}

.max-w-8 {
    max-width: 0.5rem
}

.w-8,input[type=radio]::before {
    width: 0.5rem
}

.w-8-important {
    width: 0.5rem !important
}

.b-8 {
    bottom: 0.5rem
}

.t-8 {
    top: 0.5rem
}

.l-8 {
    left: 0.5rem
}

.r-8 {
    right: 0.5rem
}

.h-9 {
    height: 0.5625rem
}

.h-9-important {
    height: 0.5625rem !important
}

.min-h-9 {
    min-height: 0.5625rem
}

.min-w-9 {
    min-width: 0.5625rem
}

.max-h-9 {
    max-height: 0.5625rem
}

.max-h-9-important {
    max-height: 0.5625rem !important
}

.max-w-9 {
    max-width: 0.5625rem
}

.w-9,input[type=checkbox]::before {
    width: 0.5625rem
}

.w-9-important {
    width: 0.5625rem !important
}

.b-9 {
    bottom: 0.5625rem
}

.t-9 {
    top: 0.5625rem
}

.l-9 {
    left: 0.5625rem
}

.r-9 {
    right: 0.5625rem
}

.h-10 {
    height: 0.625rem
}

.h-10-important {
    height: 0.625rem !important
}

.min-h-10 {
    min-height: 0.625rem
}

.min-w-10 {
    min-width: 0.625rem
}

.max-h-10 {
    max-height: 0.625rem
}

.max-h-10-important {
    max-height: 0.625rem !important
}

.max-w-10 {
    max-width: 0.625rem
}

.w-10 {
    width: 0.625rem
}

.w-10-important {
    width: 0.625rem !important
}

.b-10 {
    bottom: 0.625rem
}

.t-10 {
    top: 0.625rem
}

.l-10 {
    left: 0.625rem
}

.r-10 {
    right: 0.625rem
}

.h-12 {
    height: 0.75rem
}

.h-12-important {
    height: 0.75rem !important
}

.min-h-12 {
    min-height: 0.75rem
}

.min-w-12 {
    min-width: 0.75rem
}

.max-h-12 {
    max-height: 0.75rem
}

.max-h-12-important {
    max-height: 0.75rem !important
}

.max-w-12 {
    max-width: 0.75rem
}

.w-12 {
    width: 0.75rem
}

.w-12-important {
    width: 0.75rem !important
}

.b-12 {
    bottom: 0.75rem
}

.t-12 {
    top: 0.75rem
}

.l-12 {
    left: 0.75rem
}

.r-12 {
    right: 0.75rem
}

.h-14 {
    height: 0.875rem
}

.h-14-important {
    height: 0.875rem !important
}

.min-h-14 {
    min-height: 0.875rem
}

.min-w-14 {
    min-width: 0.875rem
}

.max-h-14 {
    max-height: 0.875rem
}

.max-h-14-important {
    max-height: 0.875rem !important
}

.max-w-14 {
    max-width: 0.875rem
}

.w-14 {
    width: 0.875rem
}

.w-14-important {
    width: 0.875rem !important
}

.b-14 {
    bottom: 0.875rem
}

.t-14 {
    top: 0.875rem
}

.l-14 {
    left: 0.875rem
}

.r-14 {
    right: 0.875rem
}

.h-15 {
    height: 0.9375rem
}

.h-15-important {
    height: 0.9375rem !important
}

.min-h-15 {
    min-height: 0.9375rem
}

.min-w-15 {
    min-width: 0.9375rem
}

.max-h-15 {
    max-height: 0.9375rem
}

.max-h-15-important {
    max-height: 0.9375rem !important
}

.max-w-15 {
    max-width: 0.9375rem
}

.w-15 {
    width: 0.9375rem
}

.w-15-important {
    width: 0.9375rem !important
}

.b-15 {
    bottom: 0.9375rem
}

.t-15 {
    top: 0.9375rem
}

.l-15 {
    left: 0.9375rem
}

.r-15 {
    right: 0.9375rem
}

.h-16,input[type=checkbox],input[type=radio] {
    height: 1rem
}

.h-16-important {
    height: 1rem !important
}

.min-h-16 {
    min-height: 1rem
}

.min-w-16 {
    min-width: 1rem
}

.max-h-16 {
    max-height: 1rem
}

.max-h-16-important {
    max-height: 1rem !important
}

.max-w-16 {
    max-width: 1rem
}

.w-16,input[type=checkbox],input[type=radio] {
    width: 1rem
}

.w-16-important {
    width: 1rem !important
}

.b-16 {
    bottom: 1rem
}

.t-16 {
    top: 1rem
}

.l-16 {
    left: 1rem
}

.r-16 {
    right: 1rem
}

.h-18 {
    height: 1.125rem
}

.h-18-important {
    height: 1.125rem !important
}

.min-h-18 {
    min-height: 1.125rem
}

.min-w-18 {
    min-width: 1.125rem
}

.max-h-18 {
    max-height: 1.125rem
}

.max-h-18-important {
    max-height: 1.125rem !important
}

.max-w-18 {
    max-width: 1.125rem
}

.w-18 {
    width: 1.125rem
}

.w-18-important {
    width: 1.125rem !important
}

.b-18 {
    bottom: 1.125rem
}

.t-18 {
    top: 1.125rem
}

.l-18 {
    left: 1.125rem
}

.r-18 {
    right: 1.125rem
}

.h-20 {
    height: 1.25rem
}

.h-20-important {
    height: 1.25rem !important
}

.min-h-20 {
    min-height: 1.25rem
}

.min-w-20 {
    min-width: 1.25rem
}

.max-h-20 {
    max-height: 1.25rem
}

.max-h-20-important {
    max-height: 1.25rem !important
}

.max-w-20 {
    max-width: 1.25rem
}

.w-20 {
    width: 1.25rem
}

.w-20-important {
    width: 1.25rem !important
}

.b-20 {
    bottom: 1.25rem
}

.t-20 {
    top: 1.25rem
}

.l-20 {
    left: 1.25rem
}

.r-20 {
    right: 1.25rem
}

.h-22 {
    height: 1.375rem
}

.h-22-important {
    height: 1.375rem !important
}

.min-h-22 {
    min-height: 1.375rem
}

.min-w-22 {
    min-width: 1.375rem
}

.max-h-22 {
    max-height: 1.375rem
}

.max-h-22-important {
    max-height: 1.375rem !important
}

.max-w-22 {
    max-width: 1.375rem
}

.w-22 {
    width: 1.375rem
}

.w-22-important {
    width: 1.375rem !important
}

.b-22 {
    bottom: 1.375rem
}

.t-22 {
    top: 1.375rem
}

.l-22 {
    left: 1.375rem
}

.r-22 {
    right: 1.375rem
}

.h-24 {
    height: 1.5rem
}

.h-24-important {
    height: 1.5rem !important
}

.min-h-24 {
    min-height: 1.5rem
}

.min-w-24 {
    min-width: 1.5rem
}

.max-h-24 {
    max-height: 1.5rem
}

.max-h-24-important {
    max-height: 1.5rem !important
}

.max-w-24 {
    max-width: 1.5rem
}

.w-24 {
    width: 1.5rem
}

.w-24-important {
    width: 1.5rem !important
}

.b-24 {
    bottom: 1.5rem
}

.t-24 {
    top: 1.5rem
}

.l-24 {
    left: 1.5rem
}

.r-24 {
    right: 1.5rem
}

.h-26 {
    height: 1.625rem
}

.h-26-important {
    height: 1.625rem !important
}

.min-h-26 {
    min-height: 1.625rem
}

.min-w-26 {
    min-width: 1.625rem
}

.max-h-26 {
    max-height: 1.625rem
}

.max-h-26-important {
    max-height: 1.625rem !important
}

.max-w-26 {
    max-width: 1.625rem
}

.w-26 {
    width: 1.625rem
}

.w-26-important {
    width: 1.625rem !important
}

.b-26 {
    bottom: 1.625rem
}

.t-26 {
    top: 1.625rem
}

.l-26 {
    left: 1.625rem
}

.r-26 {
    right: 1.625rem
}

.h-28 {
    height: 1.75rem
}

.h-28-important {
    height: 1.75rem !important
}

.min-h-28 {
    min-height: 1.75rem
}

.min-w-28 {
    min-width: 1.75rem
}

.max-h-28 {
    max-height: 1.75rem
}

.max-h-28-important {
    max-height: 1.75rem !important
}

.max-w-28 {
    max-width: 1.75rem
}

.w-28 {
    width: 1.75rem
}

.w-28-important {
    width: 1.75rem !important
}

.b-28 {
    bottom: 1.75rem
}

.t-28 {
    top: 1.75rem
}

.l-28 {
    left: 1.75rem
}

.r-28 {
    right: 1.75rem
}

.h-30 {
    height: 1.875rem
}

.h-30-important {
    height: 1.875rem !important
}

.min-h-30 {
    min-height: 1.875rem
}

.min-w-30 {
    min-width: 1.875rem
}

.max-h-30 {
    max-height: 1.875rem
}

.max-h-30-important {
    max-height: 1.875rem !important
}

.max-w-30 {
    max-width: 1.875rem
}

.w-30 {
    width: 1.875rem
}

.w-30-important {
    width: 1.875rem !important
}

.b-30 {
    bottom: 1.875rem
}

.t-30 {
    top: 1.875rem
}

.l-30 {
    left: 1.875rem
}

.r-30 {
    right: 1.875rem
}

.h-31 {
    height: 1.9375rem
}

.h-31-important {
    height: 1.9375rem !important
}

.min-h-31 {
    min-height: 1.9375rem
}

.min-w-31 {
    min-width: 1.9375rem
}

.max-h-31 {
    max-height: 1.9375rem
}

.max-h-31-important {
    max-height: 1.9375rem !important
}

.max-w-31 {
    max-width: 1.9375rem
}

.w-31 {
    width: 1.9375rem
}

.w-31-important {
    width: 1.9375rem !important
}

.b-31 {
    bottom: 1.9375rem
}

.t-31 {
    top: 1.9375rem
}

.l-31 {
    left: 1.9375rem
}

.r-31 {
    right: 1.9375rem
}

.h-32 {
    height: 2rem
}

.h-32-important {
    height: 2rem !important
}

.min-h-32 {
    min-height: 2rem
}

.min-w-32 {
    min-width: 2rem
}

.max-h-32 {
    max-height: 2rem
}

.max-h-32-important {
    max-height: 2rem !important
}

.max-w-32 {
    max-width: 2rem
}

.w-32 {
    width: 2rem
}

.w-32-important {
    width: 2rem !important
}

.b-32 {
    bottom: 2rem
}

.t-32 {
    top: 2rem
}

.l-32 {
    left: 2rem
}

.r-32 {
    right: 2rem
}

.h-34 {
    height: 2.125rem
}

.h-34-important {
    height: 2.125rem !important
}

.min-h-34 {
    min-height: 2.125rem
}

.min-w-34 {
    min-width: 2.125rem
}

.max-h-34 {
    max-height: 2.125rem
}

.max-h-34-important {
    max-height: 2.125rem !important
}

.max-w-34 {
    max-width: 2.125rem
}

.w-34 {
    width: 2.125rem
}

.w-34-important {
    width: 2.125rem !important
}

.b-34 {
    bottom: 2.125rem
}

.t-34 {
    top: 2.125rem
}

.l-34 {
    left: 2.125rem
}

.r-34 {
    right: 2.125rem
}

.h-36,.btn-only-icon-s {
    height: 2.25rem
}

.h-36-important {
    height: 2.25rem !important
}

.min-h-36 {
    min-height: 2.25rem
}

.min-w-36 {
    min-width: 2.25rem
}

.max-h-36 {
    max-height: 2.25rem
}

.max-h-36-important {
    max-height: 2.25rem !important
}

.max-w-36 {
    max-width: 2.25rem
}

.w-36,.btn-only-icon-s {
    width: 2.25rem
}

.w-36-important {
    width: 2.25rem !important
}

.b-36 {
    bottom: 2.25rem
}

.t-36 {
    top: 2.25rem
}

.l-36 {
    left: 2.25rem
}

.r-36 {
    right: 2.25rem
}

.h-38 {
    height: 2.375rem
}

.h-38-important {
    height: 2.375rem !important
}

.min-h-38 {
    min-height: 2.375rem
}

.min-w-38 {
    min-width: 2.375rem
}

.max-h-38 {
    max-height: 2.375rem
}

.max-h-38-important {
    max-height: 2.375rem !important
}

.max-w-38 {
    max-width: 2.375rem
}

.w-38 {
    width: 2.375rem
}

.w-38-important {
    width: 2.375rem !important
}

.b-38 {
    bottom: 2.375rem
}

.t-38 {
    top: 2.375rem
}

.l-38 {
    left: 2.375rem
}

.r-38 {
    right: 2.375rem
}

.h-40 {
    height: 2.5rem
}

.h-40-important {
    height: 2.5rem !important
}

.min-h-40 {
    min-height: 2.5rem
}

.min-w-40 {
    min-width: 2.5rem
}

.max-h-40 {
    max-height: 2.5rem
}

.max-h-40-important {
    max-height: 2.5rem !important
}

.max-w-40 {
    max-width: 2.5rem
}

.w-40 {
    width: 2.5rem
}

.w-40-important {
    width: 2.5rem !important
}

.b-40 {
    bottom: 2.5rem
}

.t-40 {
    top: 2.5rem
}

.l-40 {
    left: 2.5rem
}

.r-40 {
    right: 2.5rem
}

.h-42 {
    height: 2.625rem
}

.h-42-important {
    height: 2.625rem !important
}

.min-h-42 {
    min-height: 2.625rem
}

.min-w-42 {
    min-width: 2.625rem
}

.max-h-42 {
    max-height: 2.625rem
}

.max-h-42-important {
    max-height: 2.625rem !important
}

.max-w-42 {
    max-width: 2.625rem
}

.w-42 {
    width: 2.625rem
}

.w-42-important {
    width: 2.625rem !important
}

.b-42 {
    bottom: 2.625rem
}

.t-42 {
    top: 2.625rem
}

.l-42 {
    left: 2.625rem
}

.r-42 {
    right: 2.625rem
}

.h-44,input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],.btn-only-icon-m,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    height: 2.75rem
}

.h-44-important {
    height: 2.75rem !important
}

.min-h-44 {
    min-height: 2.75rem
}

.min-w-44 {
    min-width: 2.75rem
}

.max-h-44 {
    max-height: 2.75rem
}

.max-h-44-important {
    max-height: 2.75rem !important
}

.max-w-44 {
    max-width: 2.75rem
}

.w-44,.btn-only-icon-m {
    width: 2.75rem
}

.w-44-important {
    width: 2.75rem !important
}

.b-44 {
    bottom: 2.75rem
}

.t-44 {
    top: 2.75rem
}

.l-44 {
    left: 2.75rem
}

.r-44 {
    right: 2.75rem
}

.h-46 {
    height: 2.875rem
}

.h-46-important {
    height: 2.875rem !important
}

.min-h-46 {
    min-height: 2.875rem
}

.min-w-46 {
    min-width: 2.875rem
}

.max-h-46 {
    max-height: 2.875rem
}

.max-h-46-important {
    max-height: 2.875rem !important
}

.max-w-46 {
    max-width: 2.875rem
}

.w-46 {
    width: 2.875rem
}

.w-46-important {
    width: 2.875rem !important
}

.b-46 {
    bottom: 2.875rem
}

.t-46 {
    top: 2.875rem
}

.l-46 {
    left: 2.875rem
}

.r-46 {
    right: 2.875rem
}

.h-48 {
    height: 3rem
}

.h-48-important {
    height: 3rem !important
}

.min-h-48 {
    min-height: 3rem
}

.min-w-48 {
    min-width: 3rem
}

.max-h-48 {
    max-height: 3rem
}

.max-h-48-important {
    max-height: 3rem !important
}

.max-w-48 {
    max-width: 3rem
}

.w-48 {
    width: 3rem
}

.w-48-important {
    width: 3rem !important
}

.b-48 {
    bottom: 3rem
}

.t-48 {
    top: 3rem
}

.l-48 {
    left: 3rem
}

.r-48 {
    right: 3rem
}

.h-50 {
    height: 3.125rem
}

.h-50-important {
    height: 3.125rem !important
}

.min-h-50 {
    min-height: 3.125rem
}

.min-w-50 {
    min-width: 3.125rem
}

.max-h-50 {
    max-height: 3.125rem
}

.max-h-50-important {
    max-height: 3.125rem !important
}

.max-w-50 {
    max-width: 3.125rem
}

.w-50 {
    width: 3.125rem
}

.w-50-important {
    width: 3.125rem !important
}

.b-50 {
    bottom: 3.125rem
}

.t-50 {
    top: 3.125rem
}

.l-50 {
    left: 3.125rem
}

.r-50 {
    right: 3.125rem
}

.h-52 {
    height: 3.25rem
}

.h-52-important {
    height: 3.25rem !important
}

.min-h-52 {
    min-height: 3.25rem
}

.min-w-52 {
    min-width: 3.25rem
}

.max-h-52 {
    max-height: 3.25rem
}

.max-h-52-important {
    max-height: 3.25rem !important
}

.max-w-52 {
    max-width: 3.25rem
}

.w-52 {
    width: 3.25rem
}

.w-52-important {
    width: 3.25rem !important
}

.b-52 {
    bottom: 3.25rem
}

.t-52 {
    top: 3.25rem
}

.l-52 {
    left: 3.25rem
}

.r-52 {
    right: 3.25rem
}

.h-54 {
    height: 3.375rem
}

.h-54-important {
    height: 3.375rem !important
}

.min-h-54 {
    min-height: 3.375rem
}

.min-w-54 {
    min-width: 3.375rem
}

.max-h-54 {
    max-height: 3.375rem
}

.max-h-54-important {
    max-height: 3.375rem !important
}

.max-w-54 {
    max-width: 3.375rem
}

.w-54 {
    width: 3.375rem
}

.w-54-important {
    width: 3.375rem !important
}

.b-54 {
    bottom: 3.375rem
}

.t-54 {
    top: 3.375rem
}

.l-54 {
    left: 3.375rem
}

.r-54 {
    right: 3.375rem
}

.h-56 {
    height: 3.5rem
}

.h-56-important {
    height: 3.5rem !important
}

.min-h-56 {
    min-height: 3.5rem
}

.min-w-56 {
    min-width: 3.5rem
}

.max-h-56 {
    max-height: 3.5rem
}

.max-h-56-important {
    max-height: 3.5rem !important
}

.max-w-56 {
    max-width: 3.5rem
}

.w-56 {
    width: 3.5rem
}

.w-56-important {
    width: 3.5rem !important
}

.b-56 {
    bottom: 3.5rem
}

.t-56 {
    top: 3.5rem
}

.l-56 {
    left: 3.5rem
}

.r-56 {
    right: 3.5rem
}

.h-57 {
    height: 3.5625rem
}

.h-57-important {
    height: 3.5625rem !important
}

.min-h-57 {
    min-height: 3.5625rem
}

.min-w-57 {
    min-width: 3.5625rem
}

.max-h-57 {
    max-height: 3.5625rem
}

.max-h-57-important {
    max-height: 3.5625rem !important
}

.max-w-57 {
    max-width: 3.5625rem
}

.w-57 {
    width: 3.5625rem
}

.w-57-important {
    width: 3.5625rem !important
}

.b-57 {
    bottom: 3.5625rem
}

.t-57 {
    top: 3.5625rem
}

.l-57 {
    left: 3.5625rem
}

.r-57 {
    right: 3.5625rem
}

.h-60 {
    height: 3.75rem
}

.h-60-important {
    height: 3.75rem !important
}

.min-h-60 {
    min-height: 3.75rem
}

.min-w-60 {
    min-width: 3.75rem
}

.max-h-60 {
    max-height: 3.75rem
}

.max-h-60-important {
    max-height: 3.75rem !important
}

.max-w-60 {
    max-width: 3.75rem
}

.w-60 {
    width: 3.75rem
}

.w-60-important {
    width: 3.75rem !important
}

.b-60 {
    bottom: 3.75rem
}

.t-60 {
    top: 3.75rem
}

.l-60 {
    left: 3.75rem
}

.r-60 {
    right: 3.75rem
}

.h-64 {
    height: 4rem
}

.h-64-important {
    height: 4rem !important
}

.min-h-64 {
    min-height: 4rem
}

.min-w-64 {
    min-width: 4rem
}

.max-h-64 {
    max-height: 4rem
}

.max-h-64-important {
    max-height: 4rem !important
}

.max-w-64 {
    max-width: 4rem
}

.w-64 {
    width: 4rem
}

.w-64-important {
    width: 4rem !important
}

.b-64 {
    bottom: 4rem
}

.t-64 {
    top: 4rem
}

.l-64 {
    left: 4rem
}

.r-64 {
    right: 4rem
}

.h-66 {
    height: 4.125rem
}

.h-66-important {
    height: 4.125rem !important
}

.min-h-66 {
    min-height: 4.125rem
}

.min-w-66 {
    min-width: 4.125rem
}

.max-h-66 {
    max-height: 4.125rem
}

.max-h-66-important {
    max-height: 4.125rem !important
}

.max-w-66 {
    max-width: 4.125rem
}

.w-66 {
    width: 4.125rem
}

.w-66-important {
    width: 4.125rem !important
}

.b-66 {
    bottom: 4.125rem
}

.t-66 {
    top: 4.125rem
}

.l-66 {
    left: 4.125rem
}

.r-66 {
    right: 4.125rem
}

.h-68 {
    height: 4.25rem
}

.h-68-important {
    height: 4.25rem !important
}

.min-h-68 {
    min-height: 4.25rem
}

.min-w-68 {
    min-width: 4.25rem
}

.max-h-68 {
    max-height: 4.25rem
}

.max-h-68-important {
    max-height: 4.25rem !important
}

.max-w-68 {
    max-width: 4.25rem
}

.w-68 {
    width: 4.25rem
}

.w-68-important {
    width: 4.25rem !important
}

.b-68 {
    bottom: 4.25rem
}

.t-68 {
    top: 4.25rem
}

.l-68 {
    left: 4.25rem
}

.r-68 {
    right: 4.25rem
}

.h-70 {
    height: 4.375rem
}

.h-70-important {
    height: 4.375rem !important
}

.min-h-70 {
    min-height: 4.375rem
}

.min-w-70 {
    min-width: 4.375rem
}

.max-h-70 {
    max-height: 4.375rem
}

.max-h-70-important {
    max-height: 4.375rem !important
}

.max-w-70 {
    max-width: 4.375rem
}

.w-70 {
    width: 4.375rem
}

.w-70-important {
    width: 4.375rem !important
}

.b-70 {
    bottom: 4.375rem
}

.t-70 {
    top: 4.375rem
}

.l-70 {
    left: 4.375rem
}

.r-70 {
    right: 4.375rem
}

.h-72 {
    height: 4.5rem
}

.h-72-important {
    height: 4.5rem !important
}

.min-h-72 {
    min-height: 4.5rem
}

.min-w-72 {
    min-width: 4.5rem
}

.max-h-72 {
    max-height: 4.5rem
}

.max-h-72-important {
    max-height: 4.5rem !important
}

.max-w-72 {
    max-width: 4.5rem
}

.w-72 {
    width: 4.5rem
}

.w-72-important {
    width: 4.5rem !important
}

.b-72 {
    bottom: 4.5rem
}

.t-72 {
    top: 4.5rem
}

.l-72 {
    left: 4.5rem
}

.r-72 {
    right: 4.5rem
}

.h-74 {
    height: 4.625rem
}

.h-74-important {
    height: 4.625rem !important
}

.min-h-74 {
    min-height: 4.625rem
}

.min-w-74 {
    min-width: 4.625rem
}

.max-h-74 {
    max-height: 4.625rem
}

.max-h-74-important {
    max-height: 4.625rem !important
}

.max-w-74 {
    max-width: 4.625rem
}

.w-74 {
    width: 4.625rem
}

.w-74-important {
    width: 4.625rem !important
}

.b-74 {
    bottom: 4.625rem
}

.t-74 {
    top: 4.625rem
}

.l-74 {
    left: 4.625rem
}

.r-74 {
    right: 4.625rem
}

.h-75 {
    height: 4.6875rem
}

.h-75-important {
    height: 4.6875rem !important
}

.min-h-75 {
    min-height: 4.6875rem
}

.min-w-75 {
    min-width: 4.6875rem
}

.max-h-75 {
    max-height: 4.6875rem
}

.max-h-75-important {
    max-height: 4.6875rem !important
}

.max-w-75 {
    max-width: 4.6875rem
}

.w-75 {
    width: 4.6875rem
}

.w-75-important {
    width: 4.6875rem !important
}

.b-75 {
    bottom: 4.6875rem
}

.t-75 {
    top: 4.6875rem
}

.l-75 {
    left: 4.6875rem
}

.r-75 {
    right: 4.6875rem
}

.h-76 {
    height: 4.75rem
}

.h-76-important {
    height: 4.75rem !important
}

.min-h-76 {
    min-height: 4.75rem
}

.min-w-76 {
    min-width: 4.75rem
}

.max-h-76 {
    max-height: 4.75rem
}

.max-h-76-important {
    max-height: 4.75rem !important
}

.max-w-76 {
    max-width: 4.75rem
}

.w-76 {
    width: 4.75rem
}

.w-76-important {
    width: 4.75rem !important
}

.b-76 {
    bottom: 4.75rem
}

.t-76 {
    top: 4.75rem
}

.l-76 {
    left: 4.75rem
}

.r-76 {
    right: 4.75rem
}

.h-80 {
    height: 5rem
}

.h-80-important {
    height: 5rem !important
}

.min-h-80 {
    min-height: 5rem
}

.min-w-80 {
    min-width: 5rem
}

.max-h-80 {
    max-height: 5rem
}

.max-h-80-important {
    max-height: 5rem !important
}

.max-w-80 {
    max-width: 5rem
}

.w-80 {
    width: 5rem
}

.w-80-important {
    width: 5rem !important
}

.b-80 {
    bottom: 5rem
}

.t-80 {
    top: 5rem
}

.l-80 {
    left: 5rem
}

.r-80 {
    right: 5rem
}

.h-85 {
    height: 5.3125rem
}

.h-85-important {
    height: 5.3125rem !important
}

.min-h-85 {
    min-height: 5.3125rem
}

.min-w-85 {
    min-width: 5.3125rem
}

.max-h-85 {
    max-height: 5.3125rem
}

.max-h-85-important {
    max-height: 5.3125rem !important
}

.max-w-85 {
    max-width: 5.3125rem
}

.w-85 {
    width: 5.3125rem
}

.w-85-important {
    width: 5.3125rem !important
}

.b-85 {
    bottom: 5.3125rem
}

.t-85 {
    top: 5.3125rem
}

.l-85 {
    left: 5.3125rem
}

.r-85 {
    right: 5.3125rem
}

.h-88 {
    height: 5.5rem
}

.h-88-important {
    height: 5.5rem !important
}

.min-h-88 {
    min-height: 5.5rem
}

.min-w-88 {
    min-width: 5.5rem
}

.max-h-88 {
    max-height: 5.5rem
}

.max-h-88-important {
    max-height: 5.5rem !important
}

.max-w-88 {
    max-width: 5.5rem
}

.w-88 {
    width: 5.5rem
}

.w-88-important {
    width: 5.5rem !important
}

.b-88 {
    bottom: 5.5rem
}

.t-88 {
    top: 5.5rem
}

.l-88 {
    left: 5.5rem
}

.r-88 {
    right: 5.5rem
}

.h-90,textarea {
    height: 5.625rem
}

.h-90-important {
    height: 5.625rem !important
}

.min-h-90 {
    min-height: 5.625rem
}

.min-w-90 {
    min-width: 5.625rem
}

.max-h-90 {
    max-height: 5.625rem
}

.max-h-90-important {
    max-height: 5.625rem !important
}

.max-w-90 {
    max-width: 5.625rem
}

.w-90 {
    width: 5.625rem
}

.w-90-important {
    width: 5.625rem !important
}

.b-90 {
    bottom: 5.625rem
}

.t-90 {
    top: 5.625rem
}

.l-90 {
    left: 5.625rem
}

.r-90 {
    right: 5.625rem
}

.h-92 {
    height: 5.75rem
}

.h-92-important {
    height: 5.75rem !important
}

.min-h-92 {
    min-height: 5.75rem
}

.min-w-92 {
    min-width: 5.75rem
}

.max-h-92 {
    max-height: 5.75rem
}

.max-h-92-important {
    max-height: 5.75rem !important
}

.max-w-92 {
    max-width: 5.75rem
}

.w-92 {
    width: 5.75rem
}

.w-92-important {
    width: 5.75rem !important
}

.b-92 {
    bottom: 5.75rem
}

.t-92 {
    top: 5.75rem
}

.l-92 {
    left: 5.75rem
}

.r-92 {
    right: 5.75rem
}

.h-100 {
    height: 6.25rem
}

.h-100-important {
    height: 6.25rem !important
}

.min-h-100 {
    min-height: 6.25rem
}

.min-w-100 {
    min-width: 6.25rem
}

.max-h-100 {
    max-height: 6.25rem
}

.max-h-100-important {
    max-height: 6.25rem !important
}

.max-w-100 {
    max-width: 6.25rem
}

.w-100 {
    width: 6.25rem
}

.w-100-important {
    width: 6.25rem !important
}

.b-100 {
    bottom: 6.25rem
}

.t-100 {
    top: 6.25rem
}

.l-100 {
    left: 6.25rem
}

.r-100 {
    right: 6.25rem
}

.h-105 {
    height: 6.5625rem
}

.h-105-important {
    height: 6.5625rem !important
}

.min-h-105 {
    min-height: 6.5625rem
}

.min-w-105 {
    min-width: 6.5625rem
}

.max-h-105 {
    max-height: 6.5625rem
}

.max-h-105-important {
    max-height: 6.5625rem !important
}

.max-w-105 {
    max-width: 6.5625rem
}

.w-105 {
    width: 6.5625rem
}

.w-105-important {
    width: 6.5625rem !important
}

.b-105 {
    bottom: 6.5625rem
}

.t-105 {
    top: 6.5625rem
}

.l-105 {
    left: 6.5625rem
}

.r-105 {
    right: 6.5625rem
}

.h-112 {
    height: 7rem
}

.h-112-important {
    height: 7rem !important
}

.min-h-112 {
    min-height: 7rem
}

.min-w-112 {
    min-width: 7rem
}

.max-h-112 {
    max-height: 7rem
}

.max-h-112-important {
    max-height: 7rem !important
}

.max-w-112 {
    max-width: 7rem
}

.w-112 {
    width: 7rem
}

.w-112-important {
    width: 7rem !important
}

.b-112 {
    bottom: 7rem
}

.t-112 {
    top: 7rem
}

.l-112 {
    left: 7rem
}

.r-112 {
    right: 7rem
}

.h-120 {
    height: 7.5rem
}

.h-120-important {
    height: 7.5rem !important
}

.min-h-120 {
    min-height: 7.5rem
}

.min-w-120 {
    min-width: 7.5rem
}

.max-h-120 {
    max-height: 7.5rem
}

.max-h-120-important {
    max-height: 7.5rem !important
}

.max-w-120 {
    max-width: 7.5rem
}

.w-120 {
    width: 7.5rem
}

.w-120-important {
    width: 7.5rem !important
}

.b-120 {
    bottom: 7.5rem
}

.t-120 {
    top: 7.5rem
}

.l-120 {
    left: 7.5rem
}

.r-120 {
    right: 7.5rem
}

.h-126 {
    height: 7.875rem
}

.h-126-important {
    height: 7.875rem !important
}

.min-h-126 {
    min-height: 7.875rem
}

.min-w-126 {
    min-width: 7.875rem
}

.max-h-126 {
    max-height: 7.875rem
}

.max-h-126-important {
    max-height: 7.875rem !important
}

.max-w-126 {
    max-width: 7.875rem
}

.w-126 {
    width: 7.875rem
}

.w-126-important {
    width: 7.875rem !important
}

.b-126 {
    bottom: 7.875rem
}

.t-126 {
    top: 7.875rem
}

.l-126 {
    left: 7.875rem
}

.r-126 {
    right: 7.875rem
}

.h-127 {
    height: 7.9375rem
}

.h-127-important {
    height: 7.9375rem !important
}

.min-h-127 {
    min-height: 7.9375rem
}

.min-w-127 {
    min-width: 7.9375rem
}

.max-h-127 {
    max-height: 7.9375rem
}

.max-h-127-important {
    max-height: 7.9375rem !important
}

.max-w-127 {
    max-width: 7.9375rem
}

.w-127 {
    width: 7.9375rem
}

.w-127-important {
    width: 7.9375rem !important
}

.b-127 {
    bottom: 7.9375rem
}

.t-127 {
    top: 7.9375rem
}

.l-127 {
    left: 7.9375rem
}

.r-127 {
    right: 7.9375rem
}

.h-130 {
    height: 8.125rem
}

.h-130-important {
    height: 8.125rem !important
}

.min-h-130 {
    min-height: 8.125rem
}

.min-w-130 {
    min-width: 8.125rem
}

.max-h-130 {
    max-height: 8.125rem
}

.max-h-130-important {
    max-height: 8.125rem !important
}

.max-w-130 {
    max-width: 8.125rem
}

.w-130 {
    width: 8.125rem
}

.w-130-important {
    width: 8.125rem !important
}

.b-130 {
    bottom: 8.125rem
}

.t-130 {
    top: 8.125rem
}

.l-130 {
    left: 8.125rem
}

.r-130 {
    right: 8.125rem
}

.h-136 {
    height: 8.5rem
}

.h-136-important {
    height: 8.5rem !important
}

.min-h-136 {
    min-height: 8.5rem
}

.min-w-136 {
    min-width: 8.5rem
}

.max-h-136 {
    max-height: 8.5rem
}

.max-h-136-important {
    max-height: 8.5rem !important
}

.max-w-136 {
    max-width: 8.5rem
}

.w-136 {
    width: 8.5rem
}

.w-136-important {
    width: 8.5rem !important
}

.b-136 {
    bottom: 8.5rem
}

.t-136 {
    top: 8.5rem
}

.l-136 {
    left: 8.5rem
}

.r-136 {
    right: 8.5rem
}

.h-140 {
    height: 8.75rem
}

.h-140-important {
    height: 8.75rem !important
}

.min-h-140 {
    min-height: 8.75rem
}

.min-w-140 {
    min-width: 8.75rem
}

.max-h-140 {
    max-height: 8.75rem
}

.max-h-140-important {
    max-height: 8.75rem !important
}

.max-w-140 {
    max-width: 8.75rem
}

.w-140 {
    width: 8.75rem
}

.w-140-important {
    width: 8.75rem !important
}

.b-140 {
    bottom: 8.75rem
}

.t-140 {
    top: 8.75rem
}

.l-140 {
    left: 8.75rem
}

.r-140 {
    right: 8.75rem
}

.h-145 {
    height: 9.0625rem
}

.h-145-important {
    height: 9.0625rem !important
}

.min-h-145 {
    min-height: 9.0625rem
}

.min-w-145 {
    min-width: 9.0625rem
}

.max-h-145 {
    max-height: 9.0625rem
}

.max-h-145-important {
    max-height: 9.0625rem !important
}

.max-w-145 {
    max-width: 9.0625rem
}

.w-145 {
    width: 9.0625rem
}

.w-145-important {
    width: 9.0625rem !important
}

.b-145 {
    bottom: 9.0625rem
}

.t-145 {
    top: 9.0625rem
}

.l-145 {
    left: 9.0625rem
}

.r-145 {
    right: 9.0625rem
}

.h-150 {
    height: 9.375rem
}

.h-150-important {
    height: 9.375rem !important
}

.min-h-150 {
    min-height: 9.375rem
}

.min-w-150 {
    min-width: 9.375rem
}

.max-h-150 {
    max-height: 9.375rem
}

.max-h-150-important {
    max-height: 9.375rem !important
}

.max-w-150 {
    max-width: 9.375rem
}

.w-150 {
    width: 9.375rem
}

.w-150-important {
    width: 9.375rem !important
}

.b-150 {
    bottom: 9.375rem
}

.t-150 {
    top: 9.375rem
}

.l-150 {
    left: 9.375rem
}

.r-150 {
    right: 9.375rem
}

.h-160 {
    height: 10rem
}

.h-160-important {
    height: 10rem !important
}

.min-h-160 {
    min-height: 10rem
}

.min-w-160 {
    min-width: 10rem
}

.max-h-160 {
    max-height: 10rem
}

.max-h-160-important {
    max-height: 10rem !important
}

.max-w-160 {
    max-width: 10rem
}

.w-160 {
    width: 10rem
}

.w-160-important {
    width: 10rem !important
}

.b-160 {
    bottom: 10rem
}

.t-160 {
    top: 10rem
}

.l-160 {
    left: 10rem
}

.r-160 {
    right: 10rem
}

.h-165 {
    height: 10.3125rem
}

.h-165-important {
    height: 10.3125rem !important
}

.min-h-165 {
    min-height: 10.3125rem
}

.min-w-165 {
    min-width: 10.3125rem
}

.max-h-165 {
    max-height: 10.3125rem
}

.max-h-165-important {
    max-height: 10.3125rem !important
}

.max-w-165 {
    max-width: 10.3125rem
}

.w-165 {
    width: 10.3125rem
}

.w-165-important {
    width: 10.3125rem !important
}

.b-165 {
    bottom: 10.3125rem
}

.t-165 {
    top: 10.3125rem
}

.l-165 {
    left: 10.3125rem
}

.r-165 {
    right: 10.3125rem
}

.h-180 {
    height: 11.25rem
}

.h-180-important {
    height: 11.25rem !important
}

.min-h-180 {
    min-height: 11.25rem
}

.min-w-180 {
    min-width: 11.25rem
}

.max-h-180 {
    max-height: 11.25rem
}

.max-h-180-important {
    max-height: 11.25rem !important
}

.max-w-180 {
    max-width: 11.25rem
}

.w-180 {
    width: 11.25rem
}

.w-180-important {
    width: 11.25rem !important
}

.b-180 {
    bottom: 11.25rem
}

.t-180 {
    top: 11.25rem
}

.l-180 {
    left: 11.25rem
}

.r-180 {
    right: 11.25rem
}

.h-190 {
    height: 11.875rem
}

.h-190-important {
    height: 11.875rem !important
}

.min-h-190 {
    min-height: 11.875rem
}

.min-w-190 {
    min-width: 11.875rem
}

.max-h-190 {
    max-height: 11.875rem
}

.max-h-190-important {
    max-height: 11.875rem !important
}

.max-w-190 {
    max-width: 11.875rem
}

.w-190 {
    width: 11.875rem
}

.w-190-important {
    width: 11.875rem !important
}

.b-190 {
    bottom: 11.875rem
}

.t-190 {
    top: 11.875rem
}

.l-190 {
    left: 11.875rem
}

.r-190 {
    right: 11.875rem
}

.h-200 {
    height: 12.5rem
}

.h-200-important {
    height: 12.5rem !important
}

.min-h-200 {
    min-height: 12.5rem
}

.min-w-200 {
    min-width: 12.5rem
}

.max-h-200 {
    max-height: 12.5rem
}

.max-h-200-important {
    max-height: 12.5rem !important
}

.max-w-200 {
    max-width: 12.5rem
}

.w-200 {
    width: 12.5rem
}

.w-200-important {
    width: 12.5rem !important
}

.b-200 {
    bottom: 12.5rem
}

.t-200 {
    top: 12.5rem
}

.l-200 {
    left: 12.5rem
}

.r-200 {
    right: 12.5rem
}

.h-215 {
    height: 13.4375rem
}

.h-215-important {
    height: 13.4375rem !important
}

.min-h-215 {
    min-height: 13.4375rem
}

.min-w-215 {
    min-width: 13.4375rem
}

.max-h-215 {
    max-height: 13.4375rem
}

.max-h-215-important {
    max-height: 13.4375rem !important
}

.max-w-215 {
    max-width: 13.4375rem
}

.w-215 {
    width: 13.4375rem
}

.w-215-important {
    width: 13.4375rem !important
}

.b-215 {
    bottom: 13.4375rem
}

.t-215 {
    top: 13.4375rem
}

.l-215 {
    left: 13.4375rem
}

.r-215 {
    right: 13.4375rem
}

.h-235 {
    height: 14.6875rem
}

.h-235-important {
    height: 14.6875rem !important
}

.min-h-235 {
    min-height: 14.6875rem
}

.min-w-235 {
    min-width: 14.6875rem
}

.max-h-235 {
    max-height: 14.6875rem
}

.max-h-235-important {
    max-height: 14.6875rem !important
}

.max-w-235 {
    max-width: 14.6875rem
}

.w-235 {
    width: 14.6875rem
}

.w-235-important {
    width: 14.6875rem !important
}

.b-235 {
    bottom: 14.6875rem
}

.t-235 {
    top: 14.6875rem
}

.l-235 {
    left: 14.6875rem
}

.r-235 {
    right: 14.6875rem
}

.h-250 {
    height: 15.625rem
}

.h-250-important {
    height: 15.625rem !important
}

.min-h-250 {
    min-height: 15.625rem
}

.min-w-250 {
    min-width: 15.625rem
}

.max-h-250 {
    max-height: 15.625rem
}

.max-h-250-important {
    max-height: 15.625rem !important
}

.max-w-250 {
    max-width: 15.625rem
}

.w-250 {
    width: 15.625rem
}

.w-250-important {
    width: 15.625rem !important
}

.b-250 {
    bottom: 15.625rem
}

.t-250 {
    top: 15.625rem
}

.l-250 {
    left: 15.625rem
}

.r-250 {
    right: 15.625rem
}

.h-268 {
    height: 16.75rem
}

.h-268-important {
    height: 16.75rem !important
}

.min-h-268 {
    min-height: 16.75rem
}

.min-w-268 {
    min-width: 16.75rem
}

.max-h-268 {
    max-height: 16.75rem
}

.max-h-268-important {
    max-height: 16.75rem !important
}

.max-w-268 {
    max-width: 16.75rem
}

.w-268 {
    width: 16.75rem
}

.w-268-important {
    width: 16.75rem !important
}

.b-268 {
    bottom: 16.75rem
}

.t-268 {
    top: 16.75rem
}

.l-268 {
    left: 16.75rem
}

.r-268 {
    right: 16.75rem
}

.h-300 {
    height: 18.75rem
}

.h-300-important {
    height: 18.75rem !important
}

.min-h-300 {
    min-height: 18.75rem
}

.min-w-300 {
    min-width: 18.75rem
}

.max-h-300 {
    max-height: 18.75rem
}

.max-h-300-important {
    max-height: 18.75rem !important
}

.max-w-300 {
    max-width: 18.75rem
}

.w-300 {
    width: 18.75rem
}

.w-300-important {
    width: 18.75rem !important
}

.b-300 {
    bottom: 18.75rem
}

.t-300 {
    top: 18.75rem
}

.l-300 {
    left: 18.75rem
}

.r-300 {
    right: 18.75rem
}

.h-400 {
    height: 25rem
}

.h-400-important {
    height: 25rem !important
}

.min-h-400 {
    min-height: 25rem
}

.min-w-400 {
    min-width: 25rem
}

.max-h-400 {
    max-height: 25rem
}

.max-h-400-important {
    max-height: 25rem !important
}

.max-w-400 {
    max-width: 25rem
}

.w-400 {
    width: 25rem
}

.w-400-important {
    width: 25rem !important
}

.b-400 {
    bottom: 25rem
}

.t-400 {
    top: 25rem
}

.l-400 {
    left: 25rem
}

.r-400 {
    right: 25rem
}

.h-410 {
    height: 25.625rem
}

.h-410-important {
    height: 25.625rem !important
}

.min-h-410 {
    min-height: 25.625rem
}

.min-w-410 {
    min-width: 25.625rem
}

.max-h-410 {
    max-height: 25.625rem
}

.max-h-410-important {
    max-height: 25.625rem !important
}

.max-w-410 {
    max-width: 25.625rem
}

.w-410 {
    width: 25.625rem
}

.w-410-important {
    width: 25.625rem !important
}

.b-410 {
    bottom: 25.625rem
}

.t-410 {
    top: 25.625rem
}

.l-410 {
    left: 25.625rem
}

.r-410 {
    right: 25.625rem
}

.h-414 {
    height: 25.875rem
}

.h-414-important {
    height: 25.875rem !important
}

.min-h-414 {
    min-height: 25.875rem
}

.min-w-414 {
    min-width: 25.875rem
}

.max-h-414 {
    max-height: 25.875rem
}

.max-h-414-important {
    max-height: 25.875rem !important
}

.max-w-414 {
    max-width: 25.875rem
}

.w-414 {
    width: 25.875rem
}

.w-414-important {
    width: 25.875rem !important
}

.b-414 {
    bottom: 25.875rem
}

.t-414 {
    top: 25.875rem
}

.l-414 {
    left: 25.875rem
}

.r-414 {
    right: 25.875rem
}

.h-470 {
    height: 29.375rem
}

.h-470-important {
    height: 29.375rem !important
}

.min-h-470 {
    min-height: 29.375rem
}

.min-w-470 {
    min-width: 29.375rem
}

.max-h-470 {
    max-height: 29.375rem
}

.max-h-470-important {
    max-height: 29.375rem !important
}

.max-w-470 {
    max-width: 29.375rem
}

.w-470 {
    width: 29.375rem
}

.w-470-important {
    width: 29.375rem !important
}

.b-470 {
    bottom: 29.375rem
}

.t-470 {
    top: 29.375rem
}

.l-470 {
    left: 29.375rem
}

.r-470 {
    right: 29.375rem
}

.h-500 {
    height: 31.25rem
}

.h-500-important {
    height: 31.25rem !important
}

.min-h-500 {
    min-height: 31.25rem
}

.min-w-500 {
    min-width: 31.25rem
}

.max-h-500 {
    max-height: 31.25rem
}

.max-h-500-important {
    max-height: 31.25rem !important
}

.max-w-500 {
    max-width: 31.25rem
}

.w-500 {
    width: 31.25rem
}

.w-500-important {
    width: 31.25rem !important
}

.b-500 {
    bottom: 31.25rem
}

.t-500 {
    top: 31.25rem
}

.l-500 {
    left: 31.25rem
}

.r-500 {
    right: 31.25rem
}

.h-570 {
    height: 35.625rem
}

.h-570-important {
    height: 35.625rem !important
}

.min-h-570 {
    min-height: 35.625rem
}

.min-w-570 {
    min-width: 35.625rem
}

.max-h-570 {
    max-height: 35.625rem
}

.max-h-570-important {
    max-height: 35.625rem !important
}

.max-w-570 {
    max-width: 35.625rem
}

.w-570 {
    width: 35.625rem
}

.w-570-important {
    width: 35.625rem !important
}

.b-570 {
    bottom: 35.625rem
}

.t-570 {
    top: 35.625rem
}

.l-570 {
    left: 35.625rem
}

.r-570 {
    right: 35.625rem
}

.h-620 {
    height: 38.75rem
}

.h-620-important {
    height: 38.75rem !important
}

.min-h-620 {
    min-height: 38.75rem
}

.min-w-620 {
    min-width: 38.75rem
}

.max-h-620 {
    max-height: 38.75rem
}

.max-h-620-important {
    max-height: 38.75rem !important
}

.max-w-620 {
    max-width: 38.75rem
}

.w-620 {
    width: 38.75rem
}

.w-620-important {
    width: 38.75rem !important
}

.b-620 {
    bottom: 38.75rem
}

.t-620 {
    top: 38.75rem
}

.l-620 {
    left: 38.75rem
}

.r-620 {
    right: 38.75rem
}

.h-645 {
    height: 40.3125rem
}

.h-645-important {
    height: 40.3125rem !important
}

.min-h-645 {
    min-height: 40.3125rem
}

.min-w-645 {
    min-width: 40.3125rem
}

.max-h-645 {
    max-height: 40.3125rem
}

.max-h-645-important {
    max-height: 40.3125rem !important
}

.max-w-645 {
    max-width: 40.3125rem
}

.w-645 {
    width: 40.3125rem
}

.w-645-important {
    width: 40.3125rem !important
}

.b-645 {
    bottom: 40.3125rem
}

.t-645 {
    top: 40.3125rem
}

.l-645 {
    left: 40.3125rem
}

.r-645 {
    right: 40.3125rem
}

.h-700 {
    height: 43.75rem
}

.h-700-important {
    height: 43.75rem !important
}

.min-h-700 {
    min-height: 43.75rem
}

.min-w-700 {
    min-width: 43.75rem
}

.max-h-700 {
    max-height: 43.75rem
}

.max-h-700-important {
    max-height: 43.75rem !important
}

.max-w-700 {
    max-width: 43.75rem
}

.w-700 {
    width: 43.75rem
}

.w-700-important {
    width: 43.75rem !important
}

.b-700 {
    bottom: 43.75rem
}

.t-700 {
    top: 43.75rem
}

.l-700 {
    left: 43.75rem
}

.r-700 {
    right: 43.75rem
}

.h-0 {
    height: 0rem
}

.h-0-important {
    height: 0rem !important
}

.min-h-0 {
    min-height: 0rem
}

.min-w-0 {
    min-width: 0rem
}

.max-h-0 {
    max-height: 0rem
}

.max-h-0-important {
    max-height: 0rem !important
}

.max-w-0 {
    max-width: 0rem
}

.w-0 {
    width: 0rem
}

.w-0-important {
    width: 0rem !important
}

.b-0 {
    bottom: 0rem
}

.t-0 {
    top: 0rem
}

.l-0 {
    left: 0rem
}

.r-0 {
    right: 0rem
}

.b--1 {
    bottom: -0.0625rem
}

.t--1 {
    top: -0.0625rem
}

.l--1 {
    left: -0.0625rem
}

.r--1 {
    right: -0.0625rem
}

.z-1 {
    z-index: 1
}

.z--1 {
    z-index: -1
}

.b--2 {
    bottom: -0.125rem
}

.t--2 {
    top: -0.125rem
}

.l--2 {
    left: -0.125rem
}

.r--2 {
    right: -0.125rem
}

.z-2 {
    z-index: 2
}

.z--2 {
    z-index: -2
}

.b--4 {
    bottom: -0.25rem
}

.t--4 {
    top: -0.25rem
}

.l--4 {
    left: -0.25rem
}

.r--4 {
    right: -0.25rem
}

.z-4 {
    z-index: 4
}

.z--4 {
    z-index: -4
}

.b--5 {
    bottom: -0.3125rem
}

.t--5 {
    top: -0.3125rem
}

.l--5 {
    left: -0.3125rem
}

.r--5 {
    right: -0.3125rem
}

.z-5 {
    z-index: 5
}

.z--5 {
    z-index: -5
}

.b--6 {
    bottom: -0.375rem
}

.t--6 {
    top: -0.375rem
}

.l--6 {
    left: -0.375rem
}

.r--6 {
    right: -0.375rem
}

.z-6 {
    z-index: 6
}

.z--6 {
    z-index: -6
}

.b--7 {
    bottom: -0.4375rem
}

.t--7 {
    top: -0.4375rem
}

.l--7 {
    left: -0.4375rem
}

.r--7 {
    right: -0.4375rem
}

.z-7 {
    z-index: 7
}

.z--7 {
    z-index: -7
}

.b--8 {
    bottom: -0.5rem
}

.t--8 {
    top: -0.5rem
}

.l--8 {
    left: -0.5rem
}

.r--8 {
    right: -0.5rem
}

.z-8 {
    z-index: 8
}

.z--8 {
    z-index: -8
}

.b--9 {
    bottom: -0.5625rem
}

.t--9 {
    top: -0.5625rem
}

.l--9 {
    left: -0.5625rem
}

.r--9 {
    right: -0.5625rem
}

.z-9 {
    z-index: 9
}

.z--9 {
    z-index: -9
}

.b--10 {
    bottom: -0.625rem
}

.t--10 {
    top: -0.625rem
}

.l--10 {
    left: -0.625rem
}

.r--10 {
    right: -0.625rem
}

.z-10 {
    z-index: 10
}

.z--10 {
    z-index: -10
}

.b--18 {
    bottom: -1.125rem
}

.t--18 {
    top: -1.125rem
}

.l--18 {
    left: -1.125rem
}

.r--18 {
    right: -1.125rem
}

.z-18 {
    z-index: 18
}

.z--18 {
    z-index: -18
}

.b--20 {
    bottom: -1.25rem
}

.t--20 {
    top: -1.25rem
}

.l--20 {
    left: -1.25rem
}

.r--20 {
    right: -1.25rem
}

.z-20 {
    z-index: 20
}

.z--20 {
    z-index: -20
}

.b--40 {
    bottom: -2.5rem
}

.t--40 {
    top: -2.5rem
}

.l--40 {
    left: -2.5rem
}

.r--40 {
    right: -2.5rem
}

.z-40 {
    z-index: 40
}

.z--40 {
    z-index: -40
}

.b--60 {
    bottom: -3.75rem
}

.t--60 {
    top: -3.75rem
}

.l--60 {
    left: -3.75rem
}

.r--60 {
    right: -3.75rem
}

.z-60 {
    z-index: 60
}

.z--60 {
    z-index: -60
}

.b--80 {
    bottom: -5rem
}

.t--80 {
    top: -5rem
}

.l--80 {
    left: -5rem
}

.r--80 {
    right: -5rem
}

.z-80 {
    z-index: 80
}

.z--80 {
    z-index: -80
}

.b--0 {
    bottom: -0rem
}

.t--0 {
    top: -0rem
}

.l--0 {
    left: -0rem
}

.r--0 {
    right: -0rem
}

.z-0 {
    z-index: 0
}

.z--0 {
    z-index: 0
}

.max-h-230 {
    max-height: 230px
}

.max-h-425 {
    max-height: 425px
}

.max-h-430 {
    max-height: 430px
}

.max-h-450 {
    max-height: 450px
}

.max-h-dvh {
    max-height: 100dvh
}

.indent-16,input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email] {
    text-indent: 1rem
}

.indent-24 {
    text-indent: 1.5rem
}

.indent-0 {
    text-indent: 0 !important
}

.m-auto {
    margin: auto
}

.mt-auto {
    margin-top: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.w-224 {
    width: 224px
}

.min-w-0 {
    min-width: 0
}

.min-w-32 {
    min-width: 32px
}

.min-w-60 {
    min-width: 60px
}

.min-w-122 {
    min-width: 122px
}

.min-w-150 {
    min-width: 150px
}

.min-w-167 {
    min-width: 167px
}

.min-w-375 {
    min-width: 375px
}

.max-w-120 {
    max-width: 120px
}

.max-w-150 {
    max-width: 150px
}

.max-w-311 {
    max-width: 311px
}

.max-w-320 {
    max-width: 320px
}

.max-w-465 {
    max-width: 465px
}

.max-w-687 {
    max-width: 687px
}

.max-w-none {
    max-width: none
}

.max-h-none {
    max-height: none
}

.h-unset {
    height: unset !important
}

.h-19 {
    height: 19px
}

.h-128 {
    height: 128px
}

.min-h-0 {
    min-height: 0
}

.min-h-40 {
    min-height: 40px
}

.min-h-44 {
    min-height: 44px
}

.min-h100 {
    min-height: 100%
}

.w-12 {
    width: 12px
}

.h-12 {
    height: 12px
}

.w-14 {
    width: 14px
}

.h-14 {
    height: 14px
}

.w-16,input[type=checkbox],input[type=radio] {
    width: 16px
}

.h-16,input[type=checkbox],input[type=radio] {
    height: 16px
}

.w-20 {
    width: 20px
}

.h-20 {
    height: 20px
}

.w-24 {
    width: 24px
}

.h-24 {
    height: 24px
}

.w-30 {
    width: 30px
}

.h-30 {
    height: 30px
}

.w-32 {
    width: 32px
}

.h-32 {
    height: 32px
}

.w-40 {
    width: 40px
}

.h-40 {
    height: 40px
}

.w-48 {
    width: 48px
}

.h-48 {
    height: 48px
}

.w-50 {
    width: 50px
}

.h-50 {
    height: 50px
}

.w-54 {
    width: 54px
}

.h-54 {
    height: 54px
}

.w-60 {
    width: 60px
}

.h-60 {
    height: 60px
}

.w-76 {
    width: 76px
}

.h-76 {
    height: 76px
}

.w-90 {
    width: 90px
}

.h-90,textarea {
    height: 90px
}

.w-100 {
    width: 100px
}

.h-100 {
    height: 100px
}

.w-120 {
    width: 120px
}

.h-120 {
    height: 120px
}

.w-150 {
    width: 150px
}

.h-150 {
    height: 150px
}

.w-160 {
    width: 160px
}

.h-160 {
    height: 160px
}

.w-200 {
    width: 200px
}

.h-200 {
    height: 200px
}

.w-360 {
    width: 360px
}

.h-360 {
    height: 360px
}

@media(min-width: 1024px) {
    .w-lg-12 {
        width:12px !important
    }

    .h-lg-12 {
        height: 12px !important
    }

    .w-lg-14 {
        width: 14px !important
    }

    .h-lg-14 {
        height: 14px !important
    }

    .w-lg-16 {
        width: 16px !important
    }

    .h-lg-16 {
        height: 16px !important
    }

    .w-lg-20 {
        width: 20px !important
    }

    .h-lg-20 {
        height: 20px !important
    }

    .w-lg-24 {
        width: 24px !important
    }

    .h-lg-24 {
        height: 24px !important
    }

    .w-lg-30 {
        width: 30px !important
    }

    .h-lg-30 {
        height: 30px !important
    }

    .w-lg-32 {
        width: 32px !important
    }

    .h-lg-32 {
        height: 32px !important
    }

    .w-lg-40 {
        width: 40px !important
    }

    .h-lg-40 {
        height: 40px !important
    }

    .w-lg-48 {
        width: 48px !important
    }

    .h-lg-48 {
        height: 48px !important
    }

    .w-lg-50 {
        width: 50px !important
    }

    .h-lg-50 {
        height: 50px !important
    }

    .w-lg-54 {
        width: 54px !important
    }

    .h-lg-54 {
        height: 54px !important
    }

    .w-lg-60 {
        width: 60px !important
    }

    .h-lg-60 {
        height: 60px !important
    }

    .w-lg-76 {
        width: 76px !important
    }

    .h-lg-76 {
        height: 76px !important
    }

    .w-lg-90 {
        width: 90px !important
    }

    .h-lg-90 {
        height: 90px !important
    }

    .w-lg-100 {
        width: 100px !important
    }

    .h-lg-100 {
        height: 100px !important
    }

    .w-lg-120 {
        width: 120px !important
    }

    .h-lg-120 {
        height: 120px !important
    }

    .w-lg-150 {
        width: 150px !important
    }

    .h-lg-150 {
        height: 150px !important
    }

    .w-lg-160 {
        width: 160px !important
    }

    .h-lg-160 {
        height: 160px !important
    }

    .w-lg-200 {
        width: 200px !important
    }

    .h-lg-200 {
        height: 200px !important
    }

    .w-lg-360 {
        width: 360px !important
    }

    .h-lg-360 {
        height: 360px !important
    }

    .max-w-lg-311 {
        max-width: 311px !important
    }

    .max-w-lg-320 {
        max-width: 320px !important
    }

    .max-w-lg-465 {
        max-width: 465px !important
    }

    .max-w-lg-687 {
        max-width: 687px !important
    }

    .max-w-lg-none {
        max-width: none !important
    }
}

.min-w-0 {
    min-width: 0
}

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-min-content {
    width: min-content
}

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

.h-fit {
    height: fit-content
}

.max-h-fit {
    max-height: fit-content
}

.resize-none {
    resize: none
}

.w100--32 {
    width: calc(100% - 32px)
}

.left-full {
    left: 100%
}

.bottom-full {
    bottom: 100%
}

.top-auto {
    top: auto
}

.top-half {
    top: 50%
}

.left-half {
    left: 50%
}

.translate-x-half {
    transform: translateX(-50%)
}

.translate-half {
    transform: translate(-50%, -50%)
}

@media(min-width: 768px) {
    .mt-md-auto {
        margin-top:auto
    }

    .mb-md-auto {
        margin-bottom: auto
    }

    .ml-md-auto {
        margin-left: auto
    }

    .mr-md-auto {
        right: auto
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .w-md-fit {
        width: fit-content
    }
}

@media(min-width: 1024px) {
    .mx-lg-auto {
        margin-left:auto;
        margin-right: auto
    }

    .w-lg-18 {
        width: 18px
    }

    .w-lg-30 {
        width: 30px
    }

    .w-lg-40 {
        width: 40px
    }

    .w-lg-67 {
        width: 67px
    }

    .t-lg-92 {
        top: 92px
    }
}

.t100 {
    top: 100%
}

.z-9999 {
    z-index: 999999999 !important
}

.py-8-important {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.fs-0 {
    font-size: 0rem
}

.lh-0 {
    line-height: 0rem
}

.fs-8 {
    font-size: 0.5rem
}

.lh-8 {
    line-height: 0.5rem
}

.fs-9 {
    font-size: 0.5625rem
}

.lh-9 {
    line-height: 0.5625rem
}

.fs-10 {
    font-size: 0.625rem
}

.lh-10 {
    line-height: 0.625rem
}

.fs-12,.btn-filter {
    font-size: 0.75rem
}

.lh-12,.btn-filter {
    line-height: 0.75rem
}

.fs-13 {
    font-size: 0.8125rem
}

.lh-13 {
    line-height: 0.8125rem
}

.fs-14,.btn-load-more,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    font-size: 0.875rem
}

.lh-14,.btn-load-more,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    line-height: 0.875rem
}

.fs-16,input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email] {
    font-size: 1rem
}

.lh-16 {
    line-height: 1rem
}

.fs-18 {
    font-size: 1.125rem
}

.lh-18 {
    line-height: 1.125rem
}

.fs-20 {
    font-size: 1.25rem
}

.lh-20 {
    line-height: 1.25rem
}

.fs-21 {
    font-size: 1.3125rem
}

.lh-21 {
    line-height: 1.3125rem
}

.fs-22 {
    font-size: 1.375rem
}

.lh-22 {
    line-height: 1.375rem
}

.fs-24 {
    font-size: 1.5rem
}

.lh-24 {
    line-height: 1.5rem
}

.fs-26 {
    font-size: 1.625rem
}

.lh-26 {
    line-height: 1.625rem
}

.fs-32 {
    font-size: 2rem
}

.lh-32 {
    line-height: 2rem
}

.fs-35 {
    font-size: 2.1875rem
}

.lh-35 {
    line-height: 2.1875rem
}

.fs-36 {
    font-size: 2.25rem
}

.lh-36 {
    line-height: 2.25rem
}

.fs-38 {
    font-size: 2.375rem
}

.lh-38 {
    line-height: 2.375rem
}

.fs-40 {
    font-size: 2.5rem
}

.lh-40 {
    line-height: 2.5rem
}

.fs-54 {
    font-size: 3.375rem
}

.lh-54 {
    line-height: 3.375rem
}

.fs-0-important {
    font-size: 0rem !important
}

.lh-0-important {
    line-height: 0rem !important
}

.fs-8-important {
    font-size: 0.5rem !important
}

.lh-8-important {
    line-height: 0.5rem !important
}

.fs-9-important {
    font-size: 0.5625rem !important
}

.lh-9-important {
    line-height: 0.5625rem !important
}

.fs-10-important {
    font-size: 0.625rem !important
}

.lh-10-important {
    line-height: 0.625rem !important
}

.fs-12-important {
    font-size: 0.75rem !important
}

.lh-12-important {
    line-height: 0.75rem !important
}

.fs-13-important {
    font-size: 0.8125rem !important
}

.lh-13-important {
    line-height: 0.8125rem !important
}

.fs-14-important {
    font-size: 0.875rem !important
}

.lh-14-important {
    line-height: 0.875rem !important
}

.fs-16-important {
    font-size: 1rem !important
}

.lh-16-important {
    line-height: 1rem !important
}

.fs-18-important {
    font-size: 1.125rem !important
}

.lh-18-important {
    line-height: 1.125rem !important
}

.fs-20-important {
    font-size: 1.25rem !important
}

.lh-20-important {
    line-height: 1.25rem !important
}

.fs-21-important {
    font-size: 1.3125rem !important
}

.lh-21-important {
    line-height: 1.3125rem !important
}

.fs-22-important {
    font-size: 1.375rem !important
}

.lh-22-important {
    line-height: 1.375rem !important
}

.fs-24-important {
    font-size: 1.5rem !important
}

.lh-24-important {
    line-height: 1.5rem !important
}

.fs-26-important {
    font-size: 1.625rem !important
}

.lh-26-important {
    line-height: 1.625rem !important
}

.fs-32-important {
    font-size: 2rem !important
}

.lh-32-important {
    line-height: 2rem !important
}

.fs-35-important {
    font-size: 2.1875rem !important
}

.lh-35-important {
    line-height: 2.1875rem !important
}

.fs-36-important {
    font-size: 2.25rem !important
}

.lh-36-important {
    line-height: 2.25rem !important
}

.fs-38-important {
    font-size: 2.375rem !important
}

.lh-38-important {
    line-height: 2.375rem !important
}

.fs-40-important {
    font-size: 2.5rem !important
}

.lh-40-important {
    line-height: 2.5rem !important
}

.fs-54-important {
    font-size: 3.375rem !important
}

.lh-54-important {
    line-height: 3.375rem !important
}

.lh-100 {
    line-height: 1
}

.lh-110 {
    line-height: 1.1
}

.lh-130 {
    line-height: 1.3
}

.fw-400,input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],input::placeholder {
    font-weight: 400
}

.hover-fw-400:hover {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.hover-fw-500:hover {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.hover-fw-600:hover {
    font-weight: 600
}

.fw-700,.input-checked-fw-700 input[type=radio]:checked+label,.input-checked-fw-700 input[type=checkbox]:checked+label,.btn-load-more,.btn-filter,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    font-weight: 700
}

.hover-fw-700:hover {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.hover-fw-800:hover {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.hover-fw-900:hover {
    font-weight: 900
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-100 {
    opacity: 1
}

@media(min-width: 576px) {
    .fs-sm-1 {
        font-size:0.0625rem
    }

    .lh-sm-1 {
        line-height: 0.0625rem
    }

    .fs-sm-2 {
        font-size: 0.125rem
    }

    .lh-sm-2 {
        line-height: 0.125rem
    }

    .fs-sm-3 {
        font-size: 0.1875rem
    }

    .lh-sm-3 {
        line-height: 0.1875rem
    }

    .fs-sm-4 {
        font-size: 0.25rem
    }

    .lh-sm-4 {
        line-height: 0.25rem
    }

    .fs-sm-5 {
        font-size: 0.3125rem
    }

    .lh-sm-5 {
        line-height: 0.3125rem
    }

    .fs-sm-6 {
        font-size: 0.375rem
    }

    .lh-sm-6 {
        line-height: 0.375rem
    }

    .fs-sm-7 {
        font-size: 0.4375rem
    }

    .lh-sm-7 {
        line-height: 0.4375rem
    }

    .fs-sm-8 {
        font-size: 0.5rem
    }

    .lh-sm-8 {
        line-height: 0.5rem
    }

    .fs-sm-9 {
        font-size: 0.5625rem
    }

    .lh-sm-9 {
        line-height: 0.5625rem
    }

    .fs-sm-10 {
        font-size: 0.625rem
    }

    .lh-sm-10 {
        line-height: 0.625rem
    }

    .fs-sm-11 {
        font-size: 0.6875rem
    }

    .lh-sm-11 {
        line-height: 0.6875rem
    }

    .fs-sm-12 {
        font-size: 0.75rem
    }

    .lh-sm-12 {
        line-height: 0.75rem
    }

    .fs-sm-13 {
        font-size: 0.8125rem
    }

    .lh-sm-13 {
        line-height: 0.8125rem
    }

    .fs-sm-14 {
        font-size: 0.875rem
    }

    .lh-sm-14 {
        line-height: 0.875rem
    }

    .fs-sm-15 {
        font-size: 0.9375rem
    }

    .lh-sm-15 {
        line-height: 0.9375rem
    }

    .fs-sm-16 {
        font-size: 1rem
    }

    .lh-sm-16 {
        line-height: 1rem
    }

    .fs-sm-17 {
        font-size: 1.0625rem
    }

    .lh-sm-17 {
        line-height: 1.0625rem
    }

    .fs-sm-18 {
        font-size: 1.125rem
    }

    .lh-sm-18 {
        line-height: 1.125rem
    }

    .fs-sm-19 {
        font-size: 1.1875rem
    }

    .lh-sm-19 {
        line-height: 1.1875rem
    }

    .fs-sm-20 {
        font-size: 1.25rem
    }

    .lh-sm-20 {
        line-height: 1.25rem
    }

    .fs-sm-21 {
        font-size: 1.3125rem
    }

    .lh-sm-21 {
        line-height: 1.3125rem
    }

    .fs-sm-22 {
        font-size: 1.375rem
    }

    .lh-sm-22 {
        line-height: 1.375rem
    }

    .fs-sm-23 {
        font-size: 1.4375rem
    }

    .lh-sm-23 {
        line-height: 1.4375rem
    }

    .fs-sm-24 {
        font-size: 1.5rem
    }

    .lh-sm-24 {
        line-height: 1.5rem
    }

    .fs-sm-25 {
        font-size: 1.5625rem
    }

    .lh-sm-25 {
        line-height: 1.5625rem
    }

    .fs-sm-26 {
        font-size: 1.625rem
    }

    .lh-sm-26 {
        line-height: 1.625rem
    }

    .fs-sm-27 {
        font-size: 1.6875rem
    }

    .lh-sm-27 {
        line-height: 1.6875rem
    }

    .fs-sm-28 {
        font-size: 1.75rem
    }

    .lh-sm-28 {
        line-height: 1.75rem
    }

    .fs-sm-29 {
        font-size: 1.8125rem
    }

    .lh-sm-29 {
        line-height: 1.8125rem
    }

    .fs-sm-30 {
        font-size: 1.875rem
    }

    .lh-sm-30 {
        line-height: 1.875rem
    }

    .fs-sm-31 {
        font-size: 1.9375rem
    }

    .lh-sm-31 {
        line-height: 1.9375rem
    }

    .fs-sm-32 {
        font-size: 2rem
    }

    .lh-sm-32 {
        line-height: 2rem
    }

    .fs-sm-33 {
        font-size: 2.0625rem
    }

    .lh-sm-33 {
        line-height: 2.0625rem
    }

    .fs-sm-34 {
        font-size: 2.125rem
    }

    .lh-sm-34 {
        line-height: 2.125rem
    }

    .fs-sm-35 {
        font-size: 2.1875rem
    }

    .lh-sm-35 {
        line-height: 2.1875rem
    }

    .fs-sm-36 {
        font-size: 2.25rem
    }

    .lh-sm-36 {
        line-height: 2.25rem
    }

    .fs-sm-37 {
        font-size: 2.3125rem
    }

    .lh-sm-37 {
        line-height: 2.3125rem
    }

    .fs-sm-38 {
        font-size: 2.375rem
    }

    .lh-sm-38 {
        line-height: 2.375rem
    }

    .fs-sm-39 {
        font-size: 2.4375rem
    }

    .lh-sm-39 {
        line-height: 2.4375rem
    }

    .fs-sm-40 {
        font-size: 2.5rem
    }

    .lh-sm-40 {
        line-height: 2.5rem
    }

    .fs-sm-41 {
        font-size: 2.5625rem
    }

    .lh-sm-41 {
        line-height: 2.5625rem
    }

    .fs-sm-42 {
        font-size: 2.625rem
    }

    .lh-sm-42 {
        line-height: 2.625rem
    }

    .fs-sm-43 {
        font-size: 2.6875rem
    }

    .lh-sm-43 {
        line-height: 2.6875rem
    }

    .fs-sm-44 {
        font-size: 2.75rem
    }

    .lh-sm-44 {
        line-height: 2.75rem
    }

    .fs-sm-45 {
        font-size: 2.8125rem
    }

    .lh-sm-45 {
        line-height: 2.8125rem
    }

    .fs-sm-46 {
        font-size: 2.875rem
    }

    .lh-sm-46 {
        line-height: 2.875rem
    }

    .fs-sm-47 {
        font-size: 2.9375rem
    }

    .lh-sm-47 {
        line-height: 2.9375rem
    }

    .fs-sm-48 {
        font-size: 3rem
    }

    .lh-sm-48 {
        line-height: 3rem
    }

    .fs-sm-49 {
        font-size: 3.0625rem
    }

    .lh-sm-49 {
        line-height: 3.0625rem
    }

    .fs-sm-50 {
        font-size: 3.125rem
    }

    .lh-sm-50 {
        line-height: 3.125rem
    }

    .fs-sm-51 {
        font-size: 3.1875rem
    }

    .lh-sm-51 {
        line-height: 3.1875rem
    }

    .fs-sm-52 {
        font-size: 3.25rem
    }

    .lh-sm-52 {
        line-height: 3.25rem
    }

    .fs-sm-53 {
        font-size: 3.3125rem
    }

    .lh-sm-53 {
        line-height: 3.3125rem
    }

    .fs-sm-54 {
        font-size: 3.375rem
    }

    .lh-sm-54 {
        line-height: 3.375rem
    }

    .fs-sm-55 {
        font-size: 3.4375rem
    }

    .lh-sm-55 {
        line-height: 3.4375rem
    }

    .fs-sm-56 {
        font-size: 3.5rem
    }

    .lh-sm-56 {
        line-height: 3.5rem
    }

    .fs-sm-57 {
        font-size: 3.5625rem
    }

    .lh-sm-57 {
        line-height: 3.5625rem
    }

    .fs-sm-58 {
        font-size: 3.625rem
    }

    .lh-sm-58 {
        line-height: 3.625rem
    }

    .fs-sm-59 {
        font-size: 3.6875rem
    }

    .lh-sm-59 {
        line-height: 3.6875rem
    }

    .fs-sm-60 {
        font-size: 3.75rem
    }

    .lh-sm-60 {
        line-height: 3.75rem
    }

    .fs-sm-61 {
        font-size: 3.8125rem
    }

    .lh-sm-61 {
        line-height: 3.8125rem
    }

    .fs-sm-62 {
        font-size: 3.875rem
    }

    .lh-sm-62 {
        line-height: 3.875rem
    }

    .fs-sm-63 {
        font-size: 3.9375rem
    }

    .lh-sm-63 {
        line-height: 3.9375rem
    }

    .fs-sm-64 {
        font-size: 4rem
    }

    .lh-sm-64 {
        line-height: 4rem
    }

    .fs-sm-65 {
        font-size: 4.0625rem
    }

    .lh-sm-65 {
        line-height: 4.0625rem
    }

    .fs-sm-66 {
        font-size: 4.125rem
    }

    .lh-sm-66 {
        line-height: 4.125rem
    }

    .fs-sm-67 {
        font-size: 4.1875rem
    }

    .lh-sm-67 {
        line-height: 4.1875rem
    }

    .fs-sm-68 {
        font-size: 4.25rem
    }

    .lh-sm-68 {
        line-height: 4.25rem
    }

    .fs-sm-69 {
        font-size: 4.3125rem
    }

    .lh-sm-69 {
        line-height: 4.3125rem
    }

    .fs-sm-70 {
        font-size: 4.375rem
    }

    .lh-sm-70 {
        line-height: 4.375rem
    }

    .fs-sm-71 {
        font-size: 4.4375rem
    }

    .lh-sm-71 {
        line-height: 4.4375rem
    }

    .fs-sm-72 {
        font-size: 4.5rem
    }

    .lh-sm-72 {
        line-height: 4.5rem
    }

    .fs-sm-73 {
        font-size: 4.5625rem
    }

    .lh-sm-73 {
        line-height: 4.5625rem
    }

    .fs-sm-74 {
        font-size: 4.625rem
    }

    .lh-sm-74 {
        line-height: 4.625rem
    }

    .fs-sm-75 {
        font-size: 4.6875rem
    }

    .lh-sm-75 {
        line-height: 4.6875rem
    }

    .fs-sm-76 {
        font-size: 4.75rem
    }

    .lh-sm-76 {
        line-height: 4.75rem
    }

    .fs-sm-77 {
        font-size: 4.8125rem
    }

    .lh-sm-77 {
        line-height: 4.8125rem
    }

    .fs-sm-78 {
        font-size: 4.875rem
    }

    .lh-sm-78 {
        line-height: 4.875rem
    }

    .fs-sm-79 {
        font-size: 4.9375rem
    }

    .lh-sm-79 {
        line-height: 4.9375rem
    }

    .fs-sm-80 {
        font-size: 5rem
    }

    .lh-sm-80 {
        line-height: 5rem
    }

    .fs-sm-81 {
        font-size: 5.0625rem
    }

    .lh-sm-81 {
        line-height: 5.0625rem
    }

    .fs-sm-82 {
        font-size: 5.125rem
    }

    .lh-sm-82 {
        line-height: 5.125rem
    }

    .fs-sm-83 {
        font-size: 5.1875rem
    }

    .lh-sm-83 {
        line-height: 5.1875rem
    }

    .fs-sm-84 {
        font-size: 5.25rem
    }

    .lh-sm-84 {
        line-height: 5.25rem
    }

    .fs-sm-85 {
        font-size: 5.3125rem
    }

    .lh-sm-85 {
        line-height: 5.3125rem
    }

    .fs-sm-86 {
        font-size: 5.375rem
    }

    .lh-sm-86 {
        line-height: 5.375rem
    }

    .fs-sm-87 {
        font-size: 5.4375rem
    }

    .lh-sm-87 {
        line-height: 5.4375rem
    }

    .fs-sm-88 {
        font-size: 5.5rem
    }

    .lh-sm-88 {
        line-height: 5.5rem
    }

    .fs-sm-89 {
        font-size: 5.5625rem
    }

    .lh-sm-89 {
        line-height: 5.5625rem
    }

    .fs-sm-90 {
        font-size: 5.625rem
    }

    .lh-sm-90 {
        line-height: 5.625rem
    }

    .fs-sm-91 {
        font-size: 5.6875rem
    }

    .lh-sm-91 {
        line-height: 5.6875rem
    }

    .fs-sm-92 {
        font-size: 5.75rem
    }

    .lh-sm-92 {
        line-height: 5.75rem
    }

    .fs-sm-93 {
        font-size: 5.8125rem
    }

    .lh-sm-93 {
        line-height: 5.8125rem
    }

    .fs-sm-94 {
        font-size: 5.875rem
    }

    .lh-sm-94 {
        line-height: 5.875rem
    }

    .fs-sm-95 {
        font-size: 5.9375rem
    }

    .lh-sm-95 {
        line-height: 5.9375rem
    }

    .fs-sm-96 {
        font-size: 6rem
    }

    .lh-sm-96 {
        line-height: 6rem
    }

    .fs-sm-97 {
        font-size: 6.0625rem
    }

    .lh-sm-97 {
        line-height: 6.0625rem
    }

    .fs-sm-98 {
        font-size: 6.125rem
    }

    .lh-sm-98 {
        line-height: 6.125rem
    }

    .fs-sm-99 {
        font-size: 6.1875rem
    }

    .lh-sm-99 {
        line-height: 6.1875rem
    }

    .fs-sm-100 {
        font-size: 6.25rem
    }

    .lh-sm-100 {
        line-height: 6.25rem
    }

    .fw-sm-100 {
        font-weight: 100
    }

    .fw-sm-200 {
        font-weight: 200
    }

    .fw-sm-300 {
        font-weight: 300
    }

    .fw-sm-400 {
        font-weight: 400
    }

    .fw-sm-500 {
        font-weight: 500
    }

    .fw-sm-600 {
        font-weight: 600
    }

    .fw-sm-700 {
        font-weight: 700
    }

    .fw-sm-800 {
        font-weight: 800
    }

    .fw-sm-900 {
        font-weight: 900
    }

    .fw-sm-1000 {
        font-weight: 1000
    }
}

@media(min-width: 768px) {
    .fs-md-1 {
        font-size:0.0625rem
    }

    .lh-md-1 {
        line-height: 0.0625rem
    }

    .fs-md-2 {
        font-size: 0.125rem
    }

    .lh-md-2 {
        line-height: 0.125rem
    }

    .fs-md-3 {
        font-size: 0.1875rem
    }

    .lh-md-3 {
        line-height: 0.1875rem
    }

    .fs-md-4 {
        font-size: 0.25rem
    }

    .lh-md-4 {
        line-height: 0.25rem
    }

    .fs-md-5 {
        font-size: 0.3125rem
    }

    .lh-md-5 {
        line-height: 0.3125rem
    }

    .fs-md-6 {
        font-size: 0.375rem
    }

    .lh-md-6 {
        line-height: 0.375rem
    }

    .fs-md-7 {
        font-size: 0.4375rem
    }

    .lh-md-7 {
        line-height: 0.4375rem
    }

    .fs-md-8 {
        font-size: 0.5rem
    }

    .lh-md-8 {
        line-height: 0.5rem
    }

    .fs-md-9 {
        font-size: 0.5625rem
    }

    .lh-md-9 {
        line-height: 0.5625rem
    }

    .fs-md-10 {
        font-size: 0.625rem
    }

    .lh-md-10 {
        line-height: 0.625rem
    }

    .fs-md-11 {
        font-size: 0.6875rem
    }

    .lh-md-11 {
        line-height: 0.6875rem
    }

    .fs-md-12 {
        font-size: 0.75rem
    }

    .lh-md-12 {
        line-height: 0.75rem
    }

    .fs-md-13 {
        font-size: 0.8125rem
    }

    .lh-md-13 {
        line-height: 0.8125rem
    }

    .fs-md-14 {
        font-size: 0.875rem
    }

    .lh-md-14 {
        line-height: 0.875rem
    }

    .fs-md-15 {
        font-size: 0.9375rem
    }

    .lh-md-15 {
        line-height: 0.9375rem
    }

    .fs-md-16 {
        font-size: 1rem
    }

    .lh-md-16 {
        line-height: 1rem
    }

    .fs-md-17 {
        font-size: 1.0625rem
    }

    .lh-md-17 {
        line-height: 1.0625rem
    }

    .fs-md-18 {
        font-size: 1.125rem
    }

    .lh-md-18 {
        line-height: 1.125rem
    }

    .fs-md-19 {
        font-size: 1.1875rem
    }

    .lh-md-19 {
        line-height: 1.1875rem
    }

    .fs-md-20 {
        font-size: 1.25rem
    }

    .lh-md-20 {
        line-height: 1.25rem
    }

    .fs-md-21 {
        font-size: 1.3125rem
    }

    .lh-md-21 {
        line-height: 1.3125rem
    }

    .fs-md-22 {
        font-size: 1.375rem
    }

    .lh-md-22 {
        line-height: 1.375rem
    }

    .fs-md-23 {
        font-size: 1.4375rem
    }

    .lh-md-23 {
        line-height: 1.4375rem
    }

    .fs-md-24 {
        font-size: 1.5rem
    }

    .lh-md-24 {
        line-height: 1.5rem
    }

    .fs-md-25 {
        font-size: 1.5625rem
    }

    .lh-md-25 {
        line-height: 1.5625rem
    }

    .fs-md-26 {
        font-size: 1.625rem
    }

    .lh-md-26 {
        line-height: 1.625rem
    }

    .fs-md-27 {
        font-size: 1.6875rem
    }

    .lh-md-27 {
        line-height: 1.6875rem
    }

    .fs-md-28 {
        font-size: 1.75rem
    }

    .lh-md-28 {
        line-height: 1.75rem
    }

    .fs-md-29 {
        font-size: 1.8125rem
    }

    .lh-md-29 {
        line-height: 1.8125rem
    }

    .fs-md-30 {
        font-size: 1.875rem
    }

    .lh-md-30 {
        line-height: 1.875rem
    }

    .fs-md-31 {
        font-size: 1.9375rem
    }

    .lh-md-31 {
        line-height: 1.9375rem
    }

    .fs-md-32 {
        font-size: 2rem
    }

    .lh-md-32 {
        line-height: 2rem
    }

    .fs-md-33 {
        font-size: 2.0625rem
    }

    .lh-md-33 {
        line-height: 2.0625rem
    }

    .fs-md-34 {
        font-size: 2.125rem
    }

    .lh-md-34 {
        line-height: 2.125rem
    }

    .fs-md-35 {
        font-size: 2.1875rem
    }

    .lh-md-35 {
        line-height: 2.1875rem
    }

    .fs-md-36 {
        font-size: 2.25rem
    }

    .lh-md-36 {
        line-height: 2.25rem
    }

    .fs-md-37 {
        font-size: 2.3125rem
    }

    .lh-md-37 {
        line-height: 2.3125rem
    }

    .fs-md-38 {
        font-size: 2.375rem
    }

    .lh-md-38 {
        line-height: 2.375rem
    }

    .fs-md-39 {
        font-size: 2.4375rem
    }

    .lh-md-39 {
        line-height: 2.4375rem
    }

    .fs-md-40 {
        font-size: 2.5rem
    }

    .lh-md-40 {
        line-height: 2.5rem
    }

    .fs-md-41 {
        font-size: 2.5625rem
    }

    .lh-md-41 {
        line-height: 2.5625rem
    }

    .fs-md-42 {
        font-size: 2.625rem
    }

    .lh-md-42 {
        line-height: 2.625rem
    }

    .fs-md-43 {
        font-size: 2.6875rem
    }

    .lh-md-43 {
        line-height: 2.6875rem
    }

    .fs-md-44 {
        font-size: 2.75rem
    }

    .lh-md-44 {
        line-height: 2.75rem
    }

    .fs-md-45 {
        font-size: 2.8125rem
    }

    .lh-md-45 {
        line-height: 2.8125rem
    }

    .fs-md-46 {
        font-size: 2.875rem
    }

    .lh-md-46 {
        line-height: 2.875rem
    }

    .fs-md-47 {
        font-size: 2.9375rem
    }

    .lh-md-47 {
        line-height: 2.9375rem
    }

    .fs-md-48 {
        font-size: 3rem
    }

    .lh-md-48 {
        line-height: 3rem
    }

    .fs-md-49 {
        font-size: 3.0625rem
    }

    .lh-md-49 {
        line-height: 3.0625rem
    }

    .fs-md-50 {
        font-size: 3.125rem
    }

    .lh-md-50 {
        line-height: 3.125rem
    }

    .fs-md-51 {
        font-size: 3.1875rem
    }

    .lh-md-51 {
        line-height: 3.1875rem
    }

    .fs-md-52 {
        font-size: 3.25rem
    }

    .lh-md-52 {
        line-height: 3.25rem
    }

    .fs-md-53 {
        font-size: 3.3125rem
    }

    .lh-md-53 {
        line-height: 3.3125rem
    }

    .fs-md-54 {
        font-size: 3.375rem
    }

    .lh-md-54 {
        line-height: 3.375rem
    }

    .fs-md-55 {
        font-size: 3.4375rem
    }

    .lh-md-55 {
        line-height: 3.4375rem
    }

    .fs-md-56 {
        font-size: 3.5rem
    }

    .lh-md-56 {
        line-height: 3.5rem
    }

    .fs-md-57 {
        font-size: 3.5625rem
    }

    .lh-md-57 {
        line-height: 3.5625rem
    }

    .fs-md-58 {
        font-size: 3.625rem
    }

    .lh-md-58 {
        line-height: 3.625rem
    }

    .fs-md-59 {
        font-size: 3.6875rem
    }

    .lh-md-59 {
        line-height: 3.6875rem
    }

    .fs-md-60 {
        font-size: 3.75rem
    }

    .lh-md-60 {
        line-height: 3.75rem
    }

    .fs-md-61 {
        font-size: 3.8125rem
    }

    .lh-md-61 {
        line-height: 3.8125rem
    }

    .fs-md-62 {
        font-size: 3.875rem
    }

    .lh-md-62 {
        line-height: 3.875rem
    }

    .fs-md-63 {
        font-size: 3.9375rem
    }

    .lh-md-63 {
        line-height: 3.9375rem
    }

    .fs-md-64 {
        font-size: 4rem
    }

    .lh-md-64 {
        line-height: 4rem
    }

    .fs-md-65 {
        font-size: 4.0625rem
    }

    .lh-md-65 {
        line-height: 4.0625rem
    }

    .fs-md-66 {
        font-size: 4.125rem
    }

    .lh-md-66 {
        line-height: 4.125rem
    }

    .fs-md-67 {
        font-size: 4.1875rem
    }

    .lh-md-67 {
        line-height: 4.1875rem
    }

    .fs-md-68 {
        font-size: 4.25rem
    }

    .lh-md-68 {
        line-height: 4.25rem
    }

    .fs-md-69 {
        font-size: 4.3125rem
    }

    .lh-md-69 {
        line-height: 4.3125rem
    }

    .fs-md-70 {
        font-size: 4.375rem
    }

    .lh-md-70 {
        line-height: 4.375rem
    }

    .fs-md-71 {
        font-size: 4.4375rem
    }

    .lh-md-71 {
        line-height: 4.4375rem
    }

    .fs-md-72 {
        font-size: 4.5rem
    }

    .lh-md-72 {
        line-height: 4.5rem
    }

    .fs-md-73 {
        font-size: 4.5625rem
    }

    .lh-md-73 {
        line-height: 4.5625rem
    }

    .fs-md-74 {
        font-size: 4.625rem
    }

    .lh-md-74 {
        line-height: 4.625rem
    }

    .fs-md-75 {
        font-size: 4.6875rem
    }

    .lh-md-75 {
        line-height: 4.6875rem
    }

    .fs-md-76 {
        font-size: 4.75rem
    }

    .lh-md-76 {
        line-height: 4.75rem
    }

    .fs-md-77 {
        font-size: 4.8125rem
    }

    .lh-md-77 {
        line-height: 4.8125rem
    }

    .fs-md-78 {
        font-size: 4.875rem
    }

    .lh-md-78 {
        line-height: 4.875rem
    }

    .fs-md-79 {
        font-size: 4.9375rem
    }

    .lh-md-79 {
        line-height: 4.9375rem
    }

    .fs-md-80 {
        font-size: 5rem
    }

    .lh-md-80 {
        line-height: 5rem
    }

    .fs-md-81 {
        font-size: 5.0625rem
    }

    .lh-md-81 {
        line-height: 5.0625rem
    }

    .fs-md-82 {
        font-size: 5.125rem
    }

    .lh-md-82 {
        line-height: 5.125rem
    }

    .fs-md-83 {
        font-size: 5.1875rem
    }

    .lh-md-83 {
        line-height: 5.1875rem
    }

    .fs-md-84 {
        font-size: 5.25rem
    }

    .lh-md-84 {
        line-height: 5.25rem
    }

    .fs-md-85 {
        font-size: 5.3125rem
    }

    .lh-md-85 {
        line-height: 5.3125rem
    }

    .fs-md-86 {
        font-size: 5.375rem
    }

    .lh-md-86 {
        line-height: 5.375rem
    }

    .fs-md-87 {
        font-size: 5.4375rem
    }

    .lh-md-87 {
        line-height: 5.4375rem
    }

    .fs-md-88 {
        font-size: 5.5rem
    }

    .lh-md-88 {
        line-height: 5.5rem
    }

    .fs-md-89 {
        font-size: 5.5625rem
    }

    .lh-md-89 {
        line-height: 5.5625rem
    }

    .fs-md-90 {
        font-size: 5.625rem
    }

    .lh-md-90 {
        line-height: 5.625rem
    }

    .fs-md-91 {
        font-size: 5.6875rem
    }

    .lh-md-91 {
        line-height: 5.6875rem
    }

    .fs-md-92 {
        font-size: 5.75rem
    }

    .lh-md-92 {
        line-height: 5.75rem
    }

    .fs-md-93 {
        font-size: 5.8125rem
    }

    .lh-md-93 {
        line-height: 5.8125rem
    }

    .fs-md-94 {
        font-size: 5.875rem
    }

    .lh-md-94 {
        line-height: 5.875rem
    }

    .fs-md-95 {
        font-size: 5.9375rem
    }

    .lh-md-95 {
        line-height: 5.9375rem
    }

    .fs-md-96 {
        font-size: 6rem
    }

    .lh-md-96 {
        line-height: 6rem
    }

    .fs-md-97 {
        font-size: 6.0625rem
    }

    .lh-md-97 {
        line-height: 6.0625rem
    }

    .fs-md-98 {
        font-size: 6.125rem
    }

    .lh-md-98 {
        line-height: 6.125rem
    }

    .fs-md-99 {
        font-size: 6.1875rem
    }

    .lh-md-99 {
        line-height: 6.1875rem
    }

    .fs-md-100 {
        font-size: 6.25rem
    }

    .lh-md-100 {
        line-height: 6.25rem
    }

    .fw-md-100 {
        font-weight: 100
    }

    .fw-md-200 {
        font-weight: 200
    }

    .fw-md-300 {
        font-weight: 300
    }

    .fw-md-400 {
        font-weight: 400
    }

    .fw-md-500 {
        font-weight: 500
    }

    .fw-md-600 {
        font-weight: 600
    }

    .fw-md-700 {
        font-weight: 700
    }

    .fw-md-800 {
        font-weight: 800
    }

    .fw-md-900 {
        font-weight: 900
    }

    .fw-md-1000 {
        font-weight: 1000
    }
}

@media(min-width: 1024px) {
    .fs-lg-1 {
        font-size:0.0625rem
    }

    .lh-lg-1 {
        line-height: 0.0625rem
    }

    .fs-lg-2 {
        font-size: 0.125rem
    }

    .lh-lg-2 {
        line-height: 0.125rem
    }

    .fs-lg-3 {
        font-size: 0.1875rem
    }

    .lh-lg-3 {
        line-height: 0.1875rem
    }

    .fs-lg-4 {
        font-size: 0.25rem
    }

    .lh-lg-4 {
        line-height: 0.25rem
    }

    .fs-lg-5 {
        font-size: 0.3125rem
    }

    .lh-lg-5 {
        line-height: 0.3125rem
    }

    .fs-lg-6 {
        font-size: 0.375rem
    }

    .lh-lg-6 {
        line-height: 0.375rem
    }

    .fs-lg-7 {
        font-size: 0.4375rem
    }

    .lh-lg-7 {
        line-height: 0.4375rem
    }

    .fs-lg-8 {
        font-size: 0.5rem
    }

    .lh-lg-8 {
        line-height: 0.5rem
    }

    .fs-lg-9 {
        font-size: 0.5625rem
    }

    .lh-lg-9 {
        line-height: 0.5625rem
    }

    .fs-lg-10 {
        font-size: 0.625rem
    }

    .lh-lg-10 {
        line-height: 0.625rem
    }

    .fs-lg-11 {
        font-size: 0.6875rem
    }

    .lh-lg-11 {
        line-height: 0.6875rem
    }

    .fs-lg-12 {
        font-size: 0.75rem
    }

    .lh-lg-12 {
        line-height: 0.75rem
    }

    .fs-lg-13 {
        font-size: 0.8125rem
    }

    .lh-lg-13 {
        line-height: 0.8125rem
    }

    .fs-lg-14 {
        font-size: 0.875rem
    }

    .lh-lg-14 {
        line-height: 0.875rem
    }

    .fs-lg-15 {
        font-size: 0.9375rem
    }

    .lh-lg-15 {
        line-height: 0.9375rem
    }

    .fs-lg-16 {
        font-size: 1rem
    }

    .lh-lg-16 {
        line-height: 1rem
    }

    .fs-lg-17 {
        font-size: 1.0625rem
    }

    .lh-lg-17 {
        line-height: 1.0625rem
    }

    .fs-lg-18 {
        font-size: 1.125rem
    }

    .lh-lg-18 {
        line-height: 1.125rem
    }

    .fs-lg-19 {
        font-size: 1.1875rem
    }

    .lh-lg-19 {
        line-height: 1.1875rem
    }

    .fs-lg-20 {
        font-size: 1.25rem
    }

    .lh-lg-20 {
        line-height: 1.25rem
    }

    .fs-lg-21 {
        font-size: 1.3125rem
    }

    .lh-lg-21 {
        line-height: 1.3125rem
    }

    .fs-lg-22 {
        font-size: 1.375rem
    }

    .lh-lg-22 {
        line-height: 1.375rem
    }

    .fs-lg-23 {
        font-size: 1.4375rem
    }

    .lh-lg-23 {
        line-height: 1.4375rem
    }

    .fs-lg-24 {
        font-size: 1.5rem
    }

    .lh-lg-24 {
        line-height: 1.5rem
    }

    .fs-lg-25 {
        font-size: 1.5625rem
    }

    .lh-lg-25 {
        line-height: 1.5625rem
    }

    .fs-lg-26 {
        font-size: 1.625rem
    }

    .lh-lg-26 {
        line-height: 1.625rem
    }

    .fs-lg-27 {
        font-size: 1.6875rem
    }

    .lh-lg-27 {
        line-height: 1.6875rem
    }

    .fs-lg-28 {
        font-size: 1.75rem
    }

    .lh-lg-28 {
        line-height: 1.75rem
    }

    .fs-lg-29 {
        font-size: 1.8125rem
    }

    .lh-lg-29 {
        line-height: 1.8125rem
    }

    .fs-lg-30 {
        font-size: 1.875rem
    }

    .lh-lg-30 {
        line-height: 1.875rem
    }

    .fs-lg-31 {
        font-size: 1.9375rem
    }

    .lh-lg-31 {
        line-height: 1.9375rem
    }

    .fs-lg-32 {
        font-size: 2rem
    }

    .lh-lg-32 {
        line-height: 2rem
    }

    .fs-lg-33 {
        font-size: 2.0625rem
    }

    .lh-lg-33 {
        line-height: 2.0625rem
    }

    .fs-lg-34 {
        font-size: 2.125rem
    }

    .lh-lg-34 {
        line-height: 2.125rem
    }

    .fs-lg-35 {
        font-size: 2.1875rem
    }

    .lh-lg-35 {
        line-height: 2.1875rem
    }

    .fs-lg-36 {
        font-size: 2.25rem
    }

    .lh-lg-36 {
        line-height: 2.25rem
    }

    .fs-lg-37 {
        font-size: 2.3125rem
    }

    .lh-lg-37 {
        line-height: 2.3125rem
    }

    .fs-lg-38 {
        font-size: 2.375rem
    }

    .lh-lg-38 {
        line-height: 2.375rem
    }

    .fs-lg-39 {
        font-size: 2.4375rem
    }

    .lh-lg-39 {
        line-height: 2.4375rem
    }

    .fs-lg-40 {
        font-size: 2.5rem
    }

    .lh-lg-40 {
        line-height: 2.5rem
    }

    .fs-lg-41 {
        font-size: 2.5625rem
    }

    .lh-lg-41 {
        line-height: 2.5625rem
    }

    .fs-lg-42 {
        font-size: 2.625rem
    }

    .lh-lg-42 {
        line-height: 2.625rem
    }

    .fs-lg-43 {
        font-size: 2.6875rem
    }

    .lh-lg-43 {
        line-height: 2.6875rem
    }

    .fs-lg-44 {
        font-size: 2.75rem
    }

    .lh-lg-44 {
        line-height: 2.75rem
    }

    .fs-lg-45 {
        font-size: 2.8125rem
    }

    .lh-lg-45 {
        line-height: 2.8125rem
    }

    .fs-lg-46 {
        font-size: 2.875rem
    }

    .lh-lg-46 {
        line-height: 2.875rem
    }

    .fs-lg-47 {
        font-size: 2.9375rem
    }

    .lh-lg-47 {
        line-height: 2.9375rem
    }

    .fs-lg-48 {
        font-size: 3rem
    }

    .lh-lg-48 {
        line-height: 3rem
    }

    .fs-lg-49 {
        font-size: 3.0625rem
    }

    .lh-lg-49 {
        line-height: 3.0625rem
    }

    .fs-lg-50 {
        font-size: 3.125rem
    }

    .lh-lg-50 {
        line-height: 3.125rem
    }

    .fs-lg-51 {
        font-size: 3.1875rem
    }

    .lh-lg-51 {
        line-height: 3.1875rem
    }

    .fs-lg-52 {
        font-size: 3.25rem
    }

    .lh-lg-52 {
        line-height: 3.25rem
    }

    .fs-lg-53 {
        font-size: 3.3125rem
    }

    .lh-lg-53 {
        line-height: 3.3125rem
    }

    .fs-lg-54 {
        font-size: 3.375rem
    }

    .lh-lg-54 {
        line-height: 3.375rem
    }

    .fs-lg-55 {
        font-size: 3.4375rem
    }

    .lh-lg-55 {
        line-height: 3.4375rem
    }

    .fs-lg-56 {
        font-size: 3.5rem
    }

    .lh-lg-56 {
        line-height: 3.5rem
    }

    .fs-lg-57 {
        font-size: 3.5625rem
    }

    .lh-lg-57 {
        line-height: 3.5625rem
    }

    .fs-lg-58 {
        font-size: 3.625rem
    }

    .lh-lg-58 {
        line-height: 3.625rem
    }

    .fs-lg-59 {
        font-size: 3.6875rem
    }

    .lh-lg-59 {
        line-height: 3.6875rem
    }

    .fs-lg-60 {
        font-size: 3.75rem
    }

    .lh-lg-60 {
        line-height: 3.75rem
    }

    .fs-lg-61 {
        font-size: 3.8125rem
    }

    .lh-lg-61 {
        line-height: 3.8125rem
    }

    .fs-lg-62 {
        font-size: 3.875rem
    }

    .lh-lg-62 {
        line-height: 3.875rem
    }

    .fs-lg-63 {
        font-size: 3.9375rem
    }

    .lh-lg-63 {
        line-height: 3.9375rem
    }

    .fs-lg-64 {
        font-size: 4rem
    }

    .lh-lg-64 {
        line-height: 4rem
    }

    .fs-lg-65 {
        font-size: 4.0625rem
    }

    .lh-lg-65 {
        line-height: 4.0625rem
    }

    .fs-lg-66 {
        font-size: 4.125rem
    }

    .lh-lg-66 {
        line-height: 4.125rem
    }

    .fs-lg-67 {
        font-size: 4.1875rem
    }

    .lh-lg-67 {
        line-height: 4.1875rem
    }

    .fs-lg-68 {
        font-size: 4.25rem
    }

    .lh-lg-68 {
        line-height: 4.25rem
    }

    .fs-lg-69 {
        font-size: 4.3125rem
    }

    .lh-lg-69 {
        line-height: 4.3125rem
    }

    .fs-lg-70 {
        font-size: 4.375rem
    }

    .lh-lg-70 {
        line-height: 4.375rem
    }

    .fs-lg-71 {
        font-size: 4.4375rem
    }

    .lh-lg-71 {
        line-height: 4.4375rem
    }

    .fs-lg-72 {
        font-size: 4.5rem
    }

    .lh-lg-72 {
        line-height: 4.5rem
    }

    .fs-lg-73 {
        font-size: 4.5625rem
    }

    .lh-lg-73 {
        line-height: 4.5625rem
    }

    .fs-lg-74 {
        font-size: 4.625rem
    }

    .lh-lg-74 {
        line-height: 4.625rem
    }

    .fs-lg-75 {
        font-size: 4.6875rem
    }

    .lh-lg-75 {
        line-height: 4.6875rem
    }

    .fs-lg-76 {
        font-size: 4.75rem
    }

    .lh-lg-76 {
        line-height: 4.75rem
    }

    .fs-lg-77 {
        font-size: 4.8125rem
    }

    .lh-lg-77 {
        line-height: 4.8125rem
    }

    .fs-lg-78 {
        font-size: 4.875rem
    }

    .lh-lg-78 {
        line-height: 4.875rem
    }

    .fs-lg-79 {
        font-size: 4.9375rem
    }

    .lh-lg-79 {
        line-height: 4.9375rem
    }

    .fs-lg-80 {
        font-size: 5rem
    }

    .lh-lg-80 {
        line-height: 5rem
    }

    .fs-lg-81 {
        font-size: 5.0625rem
    }

    .lh-lg-81 {
        line-height: 5.0625rem
    }

    .fs-lg-82 {
        font-size: 5.125rem
    }

    .lh-lg-82 {
        line-height: 5.125rem
    }

    .fs-lg-83 {
        font-size: 5.1875rem
    }

    .lh-lg-83 {
        line-height: 5.1875rem
    }

    .fs-lg-84 {
        font-size: 5.25rem
    }

    .lh-lg-84 {
        line-height: 5.25rem
    }

    .fs-lg-85 {
        font-size: 5.3125rem
    }

    .lh-lg-85 {
        line-height: 5.3125rem
    }

    .fs-lg-86 {
        font-size: 5.375rem
    }

    .lh-lg-86 {
        line-height: 5.375rem
    }

    .fs-lg-87 {
        font-size: 5.4375rem
    }

    .lh-lg-87 {
        line-height: 5.4375rem
    }

    .fs-lg-88 {
        font-size: 5.5rem
    }

    .lh-lg-88 {
        line-height: 5.5rem
    }

    .fs-lg-89 {
        font-size: 5.5625rem
    }

    .lh-lg-89 {
        line-height: 5.5625rem
    }

    .fs-lg-90 {
        font-size: 5.625rem
    }

    .lh-lg-90 {
        line-height: 5.625rem
    }

    .fs-lg-91 {
        font-size: 5.6875rem
    }

    .lh-lg-91 {
        line-height: 5.6875rem
    }

    .fs-lg-92 {
        font-size: 5.75rem
    }

    .lh-lg-92 {
        line-height: 5.75rem
    }

    .fs-lg-93 {
        font-size: 5.8125rem
    }

    .lh-lg-93 {
        line-height: 5.8125rem
    }

    .fs-lg-94 {
        font-size: 5.875rem
    }

    .lh-lg-94 {
        line-height: 5.875rem
    }

    .fs-lg-95 {
        font-size: 5.9375rem
    }

    .lh-lg-95 {
        line-height: 5.9375rem
    }

    .fs-lg-96 {
        font-size: 6rem
    }

    .lh-lg-96 {
        line-height: 6rem
    }

    .fs-lg-97 {
        font-size: 6.0625rem
    }

    .lh-lg-97 {
        line-height: 6.0625rem
    }

    .fs-lg-98 {
        font-size: 6.125rem
    }

    .lh-lg-98 {
        line-height: 6.125rem
    }

    .fs-lg-99 {
        font-size: 6.1875rem
    }

    .lh-lg-99 {
        line-height: 6.1875rem
    }

    .fs-lg-100 {
        font-size: 6.25rem
    }

    .lh-lg-100 {
        line-height: 6.25rem
    }

    .fw-lg-100 {
        font-weight: 100
    }

    .fw-lg-200 {
        font-weight: 200
    }

    .fw-lg-300 {
        font-weight: 300
    }

    .fw-lg-400 {
        font-weight: 400
    }

    .fw-lg-500 {
        font-weight: 500
    }

    .fw-lg-600 {
        font-weight: 600
    }

    .fw-lg-700 {
        font-weight: 700
    }

    .fw-lg-800 {
        font-weight: 800
    }

    .fw-lg-900 {
        font-weight: 900
    }

    .fw-lg-1000 {
        font-weight: 1000
    }
}

@media(min-width: 1280px) {
    .fs-xl-1 {
        font-size:0.0625rem
    }

    .lh-xl-1 {
        line-height: 0.0625rem
    }

    .fs-xl-2 {
        font-size: 0.125rem
    }

    .lh-xl-2 {
        line-height: 0.125rem
    }

    .fs-xl-3 {
        font-size: 0.1875rem
    }

    .lh-xl-3 {
        line-height: 0.1875rem
    }

    .fs-xl-4 {
        font-size: 0.25rem
    }

    .lh-xl-4 {
        line-height: 0.25rem
    }

    .fs-xl-5 {
        font-size: 0.3125rem
    }

    .lh-xl-5 {
        line-height: 0.3125rem
    }

    .fs-xl-6 {
        font-size: 0.375rem
    }

    .lh-xl-6 {
        line-height: 0.375rem
    }

    .fs-xl-7 {
        font-size: 0.4375rem
    }

    .lh-xl-7 {
        line-height: 0.4375rem
    }

    .fs-xl-8 {
        font-size: 0.5rem
    }

    .lh-xl-8 {
        line-height: 0.5rem
    }

    .fs-xl-9 {
        font-size: 0.5625rem
    }

    .lh-xl-9 {
        line-height: 0.5625rem
    }

    .fs-xl-10 {
        font-size: 0.625rem
    }

    .lh-xl-10 {
        line-height: 0.625rem
    }

    .fs-xl-11 {
        font-size: 0.6875rem
    }

    .lh-xl-11 {
        line-height: 0.6875rem
    }

    .fs-xl-12 {
        font-size: 0.75rem
    }

    .lh-xl-12 {
        line-height: 0.75rem
    }

    .fs-xl-13 {
        font-size: 0.8125rem
    }

    .lh-xl-13 {
        line-height: 0.8125rem
    }

    .fs-xl-14 {
        font-size: 0.875rem
    }

    .lh-xl-14 {
        line-height: 0.875rem
    }

    .fs-xl-15 {
        font-size: 0.9375rem
    }

    .lh-xl-15 {
        line-height: 0.9375rem
    }

    .fs-xl-16 {
        font-size: 1rem
    }

    .lh-xl-16 {
        line-height: 1rem
    }

    .fs-xl-17 {
        font-size: 1.0625rem
    }

    .lh-xl-17 {
        line-height: 1.0625rem
    }

    .fs-xl-18 {
        font-size: 1.125rem
    }

    .lh-xl-18 {
        line-height: 1.125rem
    }

    .fs-xl-19 {
        font-size: 1.1875rem
    }

    .lh-xl-19 {
        line-height: 1.1875rem
    }

    .fs-xl-20 {
        font-size: 1.25rem
    }

    .lh-xl-20 {
        line-height: 1.25rem
    }

    .fs-xl-21 {
        font-size: 1.3125rem
    }

    .lh-xl-21 {
        line-height: 1.3125rem
    }

    .fs-xl-22 {
        font-size: 1.375rem
    }

    .lh-xl-22 {
        line-height: 1.375rem
    }

    .fs-xl-23 {
        font-size: 1.4375rem
    }

    .lh-xl-23 {
        line-height: 1.4375rem
    }

    .fs-xl-24 {
        font-size: 1.5rem
    }

    .lh-xl-24 {
        line-height: 1.5rem
    }

    .fs-xl-25 {
        font-size: 1.5625rem
    }

    .lh-xl-25 {
        line-height: 1.5625rem
    }

    .fs-xl-26 {
        font-size: 1.625rem
    }

    .lh-xl-26 {
        line-height: 1.625rem
    }

    .fs-xl-27 {
        font-size: 1.6875rem
    }

    .lh-xl-27 {
        line-height: 1.6875rem
    }

    .fs-xl-28 {
        font-size: 1.75rem
    }

    .lh-xl-28 {
        line-height: 1.75rem
    }

    .fs-xl-29 {
        font-size: 1.8125rem
    }

    .lh-xl-29 {
        line-height: 1.8125rem
    }

    .fs-xl-30 {
        font-size: 1.875rem
    }

    .lh-xl-30 {
        line-height: 1.875rem
    }

    .fs-xl-31 {
        font-size: 1.9375rem
    }

    .lh-xl-31 {
        line-height: 1.9375rem
    }

    .fs-xl-32 {
        font-size: 2rem
    }

    .lh-xl-32 {
        line-height: 2rem
    }

    .fs-xl-33 {
        font-size: 2.0625rem
    }

    .lh-xl-33 {
        line-height: 2.0625rem
    }

    .fs-xl-34 {
        font-size: 2.125rem
    }

    .lh-xl-34 {
        line-height: 2.125rem
    }

    .fs-xl-35 {
        font-size: 2.1875rem
    }

    .lh-xl-35 {
        line-height: 2.1875rem
    }

    .fs-xl-36 {
        font-size: 2.25rem
    }

    .lh-xl-36 {
        line-height: 2.25rem
    }

    .fs-xl-37 {
        font-size: 2.3125rem
    }

    .lh-xl-37 {
        line-height: 2.3125rem
    }

    .fs-xl-38 {
        font-size: 2.375rem
    }

    .lh-xl-38 {
        line-height: 2.375rem
    }

    .fs-xl-39 {
        font-size: 2.4375rem
    }

    .lh-xl-39 {
        line-height: 2.4375rem
    }

    .fs-xl-40 {
        font-size: 2.5rem
    }

    .lh-xl-40 {
        line-height: 2.5rem
    }

    .fs-xl-41 {
        font-size: 2.5625rem
    }

    .lh-xl-41 {
        line-height: 2.5625rem
    }

    .fs-xl-42 {
        font-size: 2.625rem
    }

    .lh-xl-42 {
        line-height: 2.625rem
    }

    .fs-xl-43 {
        font-size: 2.6875rem
    }

    .lh-xl-43 {
        line-height: 2.6875rem
    }

    .fs-xl-44 {
        font-size: 2.75rem
    }

    .lh-xl-44 {
        line-height: 2.75rem
    }

    .fs-xl-45 {
        font-size: 2.8125rem
    }

    .lh-xl-45 {
        line-height: 2.8125rem
    }

    .fs-xl-46 {
        font-size: 2.875rem
    }

    .lh-xl-46 {
        line-height: 2.875rem
    }

    .fs-xl-47 {
        font-size: 2.9375rem
    }

    .lh-xl-47 {
        line-height: 2.9375rem
    }

    .fs-xl-48 {
        font-size: 3rem
    }

    .lh-xl-48 {
        line-height: 3rem
    }

    .fs-xl-49 {
        font-size: 3.0625rem
    }

    .lh-xl-49 {
        line-height: 3.0625rem
    }

    .fs-xl-50 {
        font-size: 3.125rem
    }

    .lh-xl-50 {
        line-height: 3.125rem
    }

    .fs-xl-51 {
        font-size: 3.1875rem
    }

    .lh-xl-51 {
        line-height: 3.1875rem
    }

    .fs-xl-52 {
        font-size: 3.25rem
    }

    .lh-xl-52 {
        line-height: 3.25rem
    }

    .fs-xl-53 {
        font-size: 3.3125rem
    }

    .lh-xl-53 {
        line-height: 3.3125rem
    }

    .fs-xl-54 {
        font-size: 3.375rem
    }

    .lh-xl-54 {
        line-height: 3.375rem
    }

    .fs-xl-55 {
        font-size: 3.4375rem
    }

    .lh-xl-55 {
        line-height: 3.4375rem
    }

    .fs-xl-56 {
        font-size: 3.5rem
    }

    .lh-xl-56 {
        line-height: 3.5rem
    }

    .fs-xl-57 {
        font-size: 3.5625rem
    }

    .lh-xl-57 {
        line-height: 3.5625rem
    }

    .fs-xl-58 {
        font-size: 3.625rem
    }

    .lh-xl-58 {
        line-height: 3.625rem
    }

    .fs-xl-59 {
        font-size: 3.6875rem
    }

    .lh-xl-59 {
        line-height: 3.6875rem
    }

    .fs-xl-60 {
        font-size: 3.75rem
    }

    .lh-xl-60 {
        line-height: 3.75rem
    }

    .fs-xl-61 {
        font-size: 3.8125rem
    }

    .lh-xl-61 {
        line-height: 3.8125rem
    }

    .fs-xl-62 {
        font-size: 3.875rem
    }

    .lh-xl-62 {
        line-height: 3.875rem
    }

    .fs-xl-63 {
        font-size: 3.9375rem
    }

    .lh-xl-63 {
        line-height: 3.9375rem
    }

    .fs-xl-64 {
        font-size: 4rem
    }

    .lh-xl-64 {
        line-height: 4rem
    }

    .fs-xl-65 {
        font-size: 4.0625rem
    }

    .lh-xl-65 {
        line-height: 4.0625rem
    }

    .fs-xl-66 {
        font-size: 4.125rem
    }

    .lh-xl-66 {
        line-height: 4.125rem
    }

    .fs-xl-67 {
        font-size: 4.1875rem
    }

    .lh-xl-67 {
        line-height: 4.1875rem
    }

    .fs-xl-68 {
        font-size: 4.25rem
    }

    .lh-xl-68 {
        line-height: 4.25rem
    }

    .fs-xl-69 {
        font-size: 4.3125rem
    }

    .lh-xl-69 {
        line-height: 4.3125rem
    }

    .fs-xl-70 {
        font-size: 4.375rem
    }

    .lh-xl-70 {
        line-height: 4.375rem
    }

    .fs-xl-71 {
        font-size: 4.4375rem
    }

    .lh-xl-71 {
        line-height: 4.4375rem
    }

    .fs-xl-72 {
        font-size: 4.5rem
    }

    .lh-xl-72 {
        line-height: 4.5rem
    }

    .fs-xl-73 {
        font-size: 4.5625rem
    }

    .lh-xl-73 {
        line-height: 4.5625rem
    }

    .fs-xl-74 {
        font-size: 4.625rem
    }

    .lh-xl-74 {
        line-height: 4.625rem
    }

    .fs-xl-75 {
        font-size: 4.6875rem
    }

    .lh-xl-75 {
        line-height: 4.6875rem
    }

    .fs-xl-76 {
        font-size: 4.75rem
    }

    .lh-xl-76 {
        line-height: 4.75rem
    }

    .fs-xl-77 {
        font-size: 4.8125rem
    }

    .lh-xl-77 {
        line-height: 4.8125rem
    }

    .fs-xl-78 {
        font-size: 4.875rem
    }

    .lh-xl-78 {
        line-height: 4.875rem
    }

    .fs-xl-79 {
        font-size: 4.9375rem
    }

    .lh-xl-79 {
        line-height: 4.9375rem
    }

    .fs-xl-80 {
        font-size: 5rem
    }

    .lh-xl-80 {
        line-height: 5rem
    }

    .fs-xl-81 {
        font-size: 5.0625rem
    }

    .lh-xl-81 {
        line-height: 5.0625rem
    }

    .fs-xl-82 {
        font-size: 5.125rem
    }

    .lh-xl-82 {
        line-height: 5.125rem
    }

    .fs-xl-83 {
        font-size: 5.1875rem
    }

    .lh-xl-83 {
        line-height: 5.1875rem
    }

    .fs-xl-84 {
        font-size: 5.25rem
    }

    .lh-xl-84 {
        line-height: 5.25rem
    }

    .fs-xl-85 {
        font-size: 5.3125rem
    }

    .lh-xl-85 {
        line-height: 5.3125rem
    }

    .fs-xl-86 {
        font-size: 5.375rem
    }

    .lh-xl-86 {
        line-height: 5.375rem
    }

    .fs-xl-87 {
        font-size: 5.4375rem
    }

    .lh-xl-87 {
        line-height: 5.4375rem
    }

    .fs-xl-88 {
        font-size: 5.5rem
    }

    .lh-xl-88 {
        line-height: 5.5rem
    }

    .fs-xl-89 {
        font-size: 5.5625rem
    }

    .lh-xl-89 {
        line-height: 5.5625rem
    }

    .fs-xl-90 {
        font-size: 5.625rem
    }

    .lh-xl-90 {
        line-height: 5.625rem
    }

    .fs-xl-91 {
        font-size: 5.6875rem
    }

    .lh-xl-91 {
        line-height: 5.6875rem
    }

    .fs-xl-92 {
        font-size: 5.75rem
    }

    .lh-xl-92 {
        line-height: 5.75rem
    }

    .fs-xl-93 {
        font-size: 5.8125rem
    }

    .lh-xl-93 {
        line-height: 5.8125rem
    }

    .fs-xl-94 {
        font-size: 5.875rem
    }

    .lh-xl-94 {
        line-height: 5.875rem
    }

    .fs-xl-95 {
        font-size: 5.9375rem
    }

    .lh-xl-95 {
        line-height: 5.9375rem
    }

    .fs-xl-96 {
        font-size: 6rem
    }

    .lh-xl-96 {
        line-height: 6rem
    }

    .fs-xl-97 {
        font-size: 6.0625rem
    }

    .lh-xl-97 {
        line-height: 6.0625rem
    }

    .fs-xl-98 {
        font-size: 6.125rem
    }

    .lh-xl-98 {
        line-height: 6.125rem
    }

    .fs-xl-99 {
        font-size: 6.1875rem
    }

    .lh-xl-99 {
        line-height: 6.1875rem
    }

    .fs-xl-100 {
        font-size: 6.25rem
    }

    .lh-xl-100 {
        line-height: 6.25rem
    }

    .fw-xl-100 {
        font-weight: 100
    }

    .fw-xl-200 {
        font-weight: 200
    }

    .fw-xl-300 {
        font-weight: 300
    }

    .fw-xl-400 {
        font-weight: 400
    }

    .fw-xl-500 {
        font-weight: 500
    }

    .fw-xl-600 {
        font-weight: 600
    }

    .fw-xl-700 {
        font-weight: 700
    }

    .fw-xl-800 {
        font-weight: 800
    }

    .fw-xl-900 {
        font-weight: 900
    }

    .fw-xl-1000 {
        font-weight: 1000
    }
}

@media(min-width: 1470px) {
    .fs-xxl-1 {
        font-size:0.0625rem
    }

    .lh-xxl-1 {
        line-height: 0.0625rem
    }

    .fs-xxl-2 {
        font-size: 0.125rem
    }

    .lh-xxl-2 {
        line-height: 0.125rem
    }

    .fs-xxl-3 {
        font-size: 0.1875rem
    }

    .lh-xxl-3 {
        line-height: 0.1875rem
    }

    .fs-xxl-4 {
        font-size: 0.25rem
    }

    .lh-xxl-4 {
        line-height: 0.25rem
    }

    .fs-xxl-5 {
        font-size: 0.3125rem
    }

    .lh-xxl-5 {
        line-height: 0.3125rem
    }

    .fs-xxl-6 {
        font-size: 0.375rem
    }

    .lh-xxl-6 {
        line-height: 0.375rem
    }

    .fs-xxl-7 {
        font-size: 0.4375rem
    }

    .lh-xxl-7 {
        line-height: 0.4375rem
    }

    .fs-xxl-8 {
        font-size: 0.5rem
    }

    .lh-xxl-8 {
        line-height: 0.5rem
    }

    .fs-xxl-9 {
        font-size: 0.5625rem
    }

    .lh-xxl-9 {
        line-height: 0.5625rem
    }

    .fs-xxl-10 {
        font-size: 0.625rem
    }

    .lh-xxl-10 {
        line-height: 0.625rem
    }

    .fs-xxl-11 {
        font-size: 0.6875rem
    }

    .lh-xxl-11 {
        line-height: 0.6875rem
    }

    .fs-xxl-12 {
        font-size: 0.75rem
    }

    .lh-xxl-12 {
        line-height: 0.75rem
    }

    .fs-xxl-13 {
        font-size: 0.8125rem
    }

    .lh-xxl-13 {
        line-height: 0.8125rem
    }

    .fs-xxl-14 {
        font-size: 0.875rem
    }

    .lh-xxl-14 {
        line-height: 0.875rem
    }

    .fs-xxl-15 {
        font-size: 0.9375rem
    }

    .lh-xxl-15 {
        line-height: 0.9375rem
    }

    .fs-xxl-16 {
        font-size: 1rem
    }

    .lh-xxl-16 {
        line-height: 1rem
    }

    .fs-xxl-17 {
        font-size: 1.0625rem
    }

    .lh-xxl-17 {
        line-height: 1.0625rem
    }

    .fs-xxl-18 {
        font-size: 1.125rem
    }

    .lh-xxl-18 {
        line-height: 1.125rem
    }

    .fs-xxl-19 {
        font-size: 1.1875rem
    }

    .lh-xxl-19 {
        line-height: 1.1875rem
    }

    .fs-xxl-20 {
        font-size: 1.25rem
    }

    .lh-xxl-20 {
        line-height: 1.25rem
    }

    .fs-xxl-21 {
        font-size: 1.3125rem
    }

    .lh-xxl-21 {
        line-height: 1.3125rem
    }

    .fs-xxl-22 {
        font-size: 1.375rem
    }

    .lh-xxl-22 {
        line-height: 1.375rem
    }

    .fs-xxl-23 {
        font-size: 1.4375rem
    }

    .lh-xxl-23 {
        line-height: 1.4375rem
    }

    .fs-xxl-24 {
        font-size: 1.5rem
    }

    .lh-xxl-24 {
        line-height: 1.5rem
    }

    .fs-xxl-25 {
        font-size: 1.5625rem
    }

    .lh-xxl-25 {
        line-height: 1.5625rem
    }

    .fs-xxl-26 {
        font-size: 1.625rem
    }

    .lh-xxl-26 {
        line-height: 1.625rem
    }

    .fs-xxl-27 {
        font-size: 1.6875rem
    }

    .lh-xxl-27 {
        line-height: 1.6875rem
    }

    .fs-xxl-28 {
        font-size: 1.75rem
    }

    .lh-xxl-28 {
        line-height: 1.75rem
    }

    .fs-xxl-29 {
        font-size: 1.8125rem
    }

    .lh-xxl-29 {
        line-height: 1.8125rem
    }

    .fs-xxl-30 {
        font-size: 1.875rem
    }

    .lh-xxl-30 {
        line-height: 1.875rem
    }

    .fs-xxl-31 {
        font-size: 1.9375rem
    }

    .lh-xxl-31 {
        line-height: 1.9375rem
    }

    .fs-xxl-32 {
        font-size: 2rem
    }

    .lh-xxl-32 {
        line-height: 2rem
    }

    .fs-xxl-33 {
        font-size: 2.0625rem
    }

    .lh-xxl-33 {
        line-height: 2.0625rem
    }

    .fs-xxl-34 {
        font-size: 2.125rem
    }

    .lh-xxl-34 {
        line-height: 2.125rem
    }

    .fs-xxl-35 {
        font-size: 2.1875rem
    }

    .lh-xxl-35 {
        line-height: 2.1875rem
    }

    .fs-xxl-36 {
        font-size: 2.25rem
    }

    .lh-xxl-36 {
        line-height: 2.25rem
    }

    .fs-xxl-37 {
        font-size: 2.3125rem
    }

    .lh-xxl-37 {
        line-height: 2.3125rem
    }

    .fs-xxl-38 {
        font-size: 2.375rem
    }

    .lh-xxl-38 {
        line-height: 2.375rem
    }

    .fs-xxl-39 {
        font-size: 2.4375rem
    }

    .lh-xxl-39 {
        line-height: 2.4375rem
    }

    .fs-xxl-40 {
        font-size: 2.5rem
    }

    .lh-xxl-40 {
        line-height: 2.5rem
    }

    .fs-xxl-41 {
        font-size: 2.5625rem
    }

    .lh-xxl-41 {
        line-height: 2.5625rem
    }

    .fs-xxl-42 {
        font-size: 2.625rem
    }

    .lh-xxl-42 {
        line-height: 2.625rem
    }

    .fs-xxl-43 {
        font-size: 2.6875rem
    }

    .lh-xxl-43 {
        line-height: 2.6875rem
    }

    .fs-xxl-44 {
        font-size: 2.75rem
    }

    .lh-xxl-44 {
        line-height: 2.75rem
    }

    .fs-xxl-45 {
        font-size: 2.8125rem
    }

    .lh-xxl-45 {
        line-height: 2.8125rem
    }

    .fs-xxl-46 {
        font-size: 2.875rem
    }

    .lh-xxl-46 {
        line-height: 2.875rem
    }

    .fs-xxl-47 {
        font-size: 2.9375rem
    }

    .lh-xxl-47 {
        line-height: 2.9375rem
    }

    .fs-xxl-48 {
        font-size: 3rem
    }

    .lh-xxl-48 {
        line-height: 3rem
    }

    .fs-xxl-49 {
        font-size: 3.0625rem
    }

    .lh-xxl-49 {
        line-height: 3.0625rem
    }

    .fs-xxl-50 {
        font-size: 3.125rem
    }

    .lh-xxl-50 {
        line-height: 3.125rem
    }

    .fs-xxl-51 {
        font-size: 3.1875rem
    }

    .lh-xxl-51 {
        line-height: 3.1875rem
    }

    .fs-xxl-52 {
        font-size: 3.25rem
    }

    .lh-xxl-52 {
        line-height: 3.25rem
    }

    .fs-xxl-53 {
        font-size: 3.3125rem
    }

    .lh-xxl-53 {
        line-height: 3.3125rem
    }

    .fs-xxl-54 {
        font-size: 3.375rem
    }

    .lh-xxl-54 {
        line-height: 3.375rem
    }

    .fs-xxl-55 {
        font-size: 3.4375rem
    }

    .lh-xxl-55 {
        line-height: 3.4375rem
    }

    .fs-xxl-56 {
        font-size: 3.5rem
    }

    .lh-xxl-56 {
        line-height: 3.5rem
    }

    .fs-xxl-57 {
        font-size: 3.5625rem
    }

    .lh-xxl-57 {
        line-height: 3.5625rem
    }

    .fs-xxl-58 {
        font-size: 3.625rem
    }

    .lh-xxl-58 {
        line-height: 3.625rem
    }

    .fs-xxl-59 {
        font-size: 3.6875rem
    }

    .lh-xxl-59 {
        line-height: 3.6875rem
    }

    .fs-xxl-60 {
        font-size: 3.75rem
    }

    .lh-xxl-60 {
        line-height: 3.75rem
    }

    .fs-xxl-61 {
        font-size: 3.8125rem
    }

    .lh-xxl-61 {
        line-height: 3.8125rem
    }

    .fs-xxl-62 {
        font-size: 3.875rem
    }

    .lh-xxl-62 {
        line-height: 3.875rem
    }

    .fs-xxl-63 {
        font-size: 3.9375rem
    }

    .lh-xxl-63 {
        line-height: 3.9375rem
    }

    .fs-xxl-64 {
        font-size: 4rem
    }

    .lh-xxl-64 {
        line-height: 4rem
    }

    .fs-xxl-65 {
        font-size: 4.0625rem
    }

    .lh-xxl-65 {
        line-height: 4.0625rem
    }

    .fs-xxl-66 {
        font-size: 4.125rem
    }

    .lh-xxl-66 {
        line-height: 4.125rem
    }

    .fs-xxl-67 {
        font-size: 4.1875rem
    }

    .lh-xxl-67 {
        line-height: 4.1875rem
    }

    .fs-xxl-68 {
        font-size: 4.25rem
    }

    .lh-xxl-68 {
        line-height: 4.25rem
    }

    .fs-xxl-69 {
        font-size: 4.3125rem
    }

    .lh-xxl-69 {
        line-height: 4.3125rem
    }

    .fs-xxl-70 {
        font-size: 4.375rem
    }

    .lh-xxl-70 {
        line-height: 4.375rem
    }

    .fs-xxl-71 {
        font-size: 4.4375rem
    }

    .lh-xxl-71 {
        line-height: 4.4375rem
    }

    .fs-xxl-72 {
        font-size: 4.5rem
    }

    .lh-xxl-72 {
        line-height: 4.5rem
    }

    .fs-xxl-73 {
        font-size: 4.5625rem
    }

    .lh-xxl-73 {
        line-height: 4.5625rem
    }

    .fs-xxl-74 {
        font-size: 4.625rem
    }

    .lh-xxl-74 {
        line-height: 4.625rem
    }

    .fs-xxl-75 {
        font-size: 4.6875rem
    }

    .lh-xxl-75 {
        line-height: 4.6875rem
    }

    .fs-xxl-76 {
        font-size: 4.75rem
    }

    .lh-xxl-76 {
        line-height: 4.75rem
    }

    .fs-xxl-77 {
        font-size: 4.8125rem
    }

    .lh-xxl-77 {
        line-height: 4.8125rem
    }

    .fs-xxl-78 {
        font-size: 4.875rem
    }

    .lh-xxl-78 {
        line-height: 4.875rem
    }

    .fs-xxl-79 {
        font-size: 4.9375rem
    }

    .lh-xxl-79 {
        line-height: 4.9375rem
    }

    .fs-xxl-80 {
        font-size: 5rem
    }

    .lh-xxl-80 {
        line-height: 5rem
    }

    .fs-xxl-81 {
        font-size: 5.0625rem
    }

    .lh-xxl-81 {
        line-height: 5.0625rem
    }

    .fs-xxl-82 {
        font-size: 5.125rem
    }

    .lh-xxl-82 {
        line-height: 5.125rem
    }

    .fs-xxl-83 {
        font-size: 5.1875rem
    }

    .lh-xxl-83 {
        line-height: 5.1875rem
    }

    .fs-xxl-84 {
        font-size: 5.25rem
    }

    .lh-xxl-84 {
        line-height: 5.25rem
    }

    .fs-xxl-85 {
        font-size: 5.3125rem
    }

    .lh-xxl-85 {
        line-height: 5.3125rem
    }

    .fs-xxl-86 {
        font-size: 5.375rem
    }

    .lh-xxl-86 {
        line-height: 5.375rem
    }

    .fs-xxl-87 {
        font-size: 5.4375rem
    }

    .lh-xxl-87 {
        line-height: 5.4375rem
    }

    .fs-xxl-88 {
        font-size: 5.5rem
    }

    .lh-xxl-88 {
        line-height: 5.5rem
    }

    .fs-xxl-89 {
        font-size: 5.5625rem
    }

    .lh-xxl-89 {
        line-height: 5.5625rem
    }

    .fs-xxl-90 {
        font-size: 5.625rem
    }

    .lh-xxl-90 {
        line-height: 5.625rem
    }

    .fs-xxl-91 {
        font-size: 5.6875rem
    }

    .lh-xxl-91 {
        line-height: 5.6875rem
    }

    .fs-xxl-92 {
        font-size: 5.75rem
    }

    .lh-xxl-92 {
        line-height: 5.75rem
    }

    .fs-xxl-93 {
        font-size: 5.8125rem
    }

    .lh-xxl-93 {
        line-height: 5.8125rem
    }

    .fs-xxl-94 {
        font-size: 5.875rem
    }

    .lh-xxl-94 {
        line-height: 5.875rem
    }

    .fs-xxl-95 {
        font-size: 5.9375rem
    }

    .lh-xxl-95 {
        line-height: 5.9375rem
    }

    .fs-xxl-96 {
        font-size: 6rem
    }

    .lh-xxl-96 {
        line-height: 6rem
    }

    .fs-xxl-97 {
        font-size: 6.0625rem
    }

    .lh-xxl-97 {
        line-height: 6.0625rem
    }

    .fs-xxl-98 {
        font-size: 6.125rem
    }

    .lh-xxl-98 {
        line-height: 6.125rem
    }

    .fs-xxl-99 {
        font-size: 6.1875rem
    }

    .lh-xxl-99 {
        line-height: 6.1875rem
    }

    .fs-xxl-100 {
        font-size: 6.25rem
    }

    .lh-xxl-100 {
        line-height: 6.25rem
    }

    .fw-xxl-100 {
        font-weight: 100
    }

    .fw-xxl-200 {
        font-weight: 200
    }

    .fw-xxl-300 {
        font-weight: 300
    }

    .fw-xxl-400 {
        font-weight: 400
    }

    .fw-xxl-500 {
        font-weight: 500
    }

    .fw-xxl-600 {
        font-weight: 600
    }

    .fw-xxl-700 {
        font-weight: 700
    }

    .fw-xxl-800 {
        font-weight: 800
    }

    .fw-xxl-900 {
        font-weight: 900
    }

    .fw-xxl-1000 {
        font-weight: 1000
    }
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-7 {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-9 {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-10 {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-15 {
    display: -webkit-box;
    -webkit-line-clamp: 15;
    line-clamp: 15;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-20 {
    display: -webkit-box;
    -webkit-line-clamp: 20;
    line-clamp: 20;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-none {
    -webkit-line-clamp: unset;
    line-clamp: unset
}

.underline-offset-0 {
    text-underline-offset: 0rem
}

.underline-offset-1 {
    text-underline-offset: 0.0625rem
}

.underline-offset-2,.btn-load-more {
    text-underline-offset: 0.125rem
}

.underline-offset-3 {
    text-underline-offset: 0.1875rem
}

.underline-offset-4 {
    text-underline-offset: 0.25rem
}

.underline-offset-5 {
    text-underline-offset: 0.3125rem
}

.tracking-1 {
    letter-spacing: 1px
}

.tracking-2 {
    letter-spacing: 2px
}

.tracking-3 {
    letter-spacing: 3px
}

.tracking-4 {
    letter-spacing: 4px
}

.tracking-5 {
    letter-spacing: 5px
}

.tracking--02,input::placeholder,.btn-filter,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    letter-spacing: -0.02em
}

.tracking--03 {
    letter-spacing: -0.32px
}

.tracking--06 {
    letter-spacing: -0.64px
}

.tracking-0_5 {
    letter-spacing: .5px
}

.tabular-nums {
    font-variant-numeric: tabular-nums
}

.font-inter {
    font-family: "Inter",sans-serif
}

.font-source {
    font-family: "Source Sans v3",sans-serif
}

.font-roboto {
    font-family: "Roboto",sans-serif
}

.font-inherit,input[type=radio],input[type=checkbox] {
    font: inherit
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center-all * {
    text-align: center !important
}

.text-left-all * {
    text-align: left !important
}

.underline,.btn-load-more,.btn-light-danger,.btn-light {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none !important
}

.a-underline a {
    text-decoration: underline;
    color: var(--bb-primary-300)
}

.anchor-underline a {
    text-decoration: underline
}

.list-none {
    list-style-type: none
}

.list-disc {
    list-style-type: disc !important
}

.list-decimal {
    list-style-type: decimal !important
}

.uppercase,.btn-load-more {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: anywhere;
    word-break: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}

.text-ellipsis {
    text-overflow: ellipsis
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align:left
    }
}

@media(min-width: 768px) {
    .text-md-center {
        text-align:center
    }

    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }
}

.text-h1 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

@media(min-width: 1024px) {
    .text-h1 {
        font-size:2rem
    }
}

.text-h1-md {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

@media(min-width: 1024px) {
    .text-h1-md {
        font-size:1.875rem
    }
}

.text-h2 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

@media(min-width: 1024px) {
    .text-h2 {
        font-size:1.5rem
    }
}

.text-h3 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

@media(min-width: 1024px) {
    .text-h3 {
        font-size:1.25rem
    }
}

.text-h4 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.text-h5 {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.text-h6 {
    font-weight: 700;
    font-size: .75rem;
    line-height: 1.1;
    letter-spacing: -0.02em
}

.text-body-xl {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-xl-sb {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-l {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-l-sb {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-m {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-m-sb {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-s {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-s-sb {
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-xs {
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-xs-sb {
    font-weight: 600;
    font-size: .625rem;
    line-height: 1.3;
    letter-spacing: -0.02em
}

.text-body-xxs {
    font-weight: 400;
    font-size: .5rem;
    line-height: 1;
    letter-spacing: -0.02em
}

.text-tag-bold {
    font-weight: 700;
    font-size: .5rem;
    line-height: 1;
    letter-spacing: -0.02em
}

.text-tag {
    font-weight: 500;
    font-size: .625rem;
    line-height: 1;
    letter-spacing: -0.02em
}

.text-button {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: -0.02em
}

.text-button-s {
    font-weight: 700;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: -0.02em
}

.text-odds {
    font-family: Roboto,var(--font-primary),sans-serif;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: 0
}

@media(min-width: 1024px) {
    .text-odds {
        font-size:.8125rem
    }
}

.stroke-bb-primary-600 {
    stroke: var(--bb-primary-600)
}

.stroke-bb-primary-300 {
    stroke: var(--bb-primary-300)
}

.fill-bb-primary-600 {
    fill: var(--bb-primary-600)
}

.fill-bb-primary-300,.hover-fill-bb-primary-300:hover {
    fill: var(--bb-primary-300)
}

.fill-bb-neutral-600 {
    fill: var(--bb-neutral-600)
}

.fill-bb-secondary-600,.hover-svg-fill-bb-secondary-600:hover use {
    fill: var(--bb-global-error-500)
}

.fill-bb-primary-200 {
    fill: var(--bb-primary-200)
}

.fill-bb-primary-100 {
    fill: var(--bb-primary-100)
}

.fill-bb-global-info {
    fill: var(--bb-global-info-500, #004faf)
}

.fill-bb-ai {
    fill: var(--bb-global-info-600, #7a00f5)
}

.fill-bb-yellow-orange {
    fill: var(--bb-yellow-orange, #FBBF16)
}

.fill-bb-brown {
    fill: var(--bb-brown, #D07F48)
}

.fill-color-white {
    fill: var(--bb-global-white)
}

.hover-svg-fill-bb-primary-300:hover use {
    fill: var(--bb-primary-300) !important
}

.color-bb-primary-200 {
    color: var(--bb-primary-200)
}

.hover-color-bb-primary-200:hover {
    color: var(--bb-primary-200)
}

.border-bb-primary-200 {
    border-color: var(--bb-primary-200) !important
}

.hover-border-bb-primary-200:hover {
    border-color: var(--bb-primary-200) !important
}

.background-bb-primary-200 {
    background-color: var(--bb-primary-200)
}

.background-bb-primary-200-important {
    background-color: var(--bb-primary-200) !important
}

.hover-bg-bb-primary-200:hover {
    background-color: var(--bb-primary-200)
}

.fill-bb-primary-200 {
    fill: var(--bb-primary-200)
}

.fill-all-bb-primary-200 * {
    fill: var(--bb-primary-200)
}

.hover-fill-bb-primary-200:hover {
    fill: var(--bb-primary-200)
}

.hover-fill-svg-bb-primary-200:hover use {
    fill: var(--bb-primary-200)
}

.stroke-bb-primary-200 {
    stroke: var(--bb-primary-200)
}

.color-bb-primary-100,.btn-filter.active[data-all-button] {
    color: var(--bb-primary-50)
}

.hover-color-bb-primary-100:hover {
    color: var(--bb-primary-50)
}

.border-bb-primary-100 {
    border-color: var(--bb-primary-50) !important
}

.hover-border-bb-primary-100:hover {
    border-color: var(--bb-primary-50) !important
}

.background-bb-primary-100 {
    background-color: var(--bb-primary-50)
}

.background-bb-primary-100-important {
    background-color: var(--bb-primary-50) !important
}

.hover-bg-bb-primary-100:hover {
    background-color: var(--bb-primary-50)
}

.fill-bb-primary-100 {
    fill: var(--bb-primary-50)
}

.fill-all-bb-primary-100 * {
    fill: var(--bb-primary-50)
}

.hover-fill-bb-primary-100:hover {
    fill: var(--bb-primary-50)
}

.hover-fill-svg-bb-primary-100:hover use {
    fill: var(--bb-primary-50)
}

.stroke-bb-primary-100 {
    stroke: var(--bb-primary-50)
}

.color-bb-primary-50 {
    color: var(--bb-primary-50)
}

.hover-color-bb-primary-50:hover {
    color: var(--bb-primary-50)
}

.border-bb-primary-50 {
    border-color: var(--bb-primary-50) !important
}

.hover-border-bb-primary-50:hover {
    border-color: var(--bb-primary-50) !important
}

.background-bb-primary-50,.btn-filter.active {
    background-color: var(--bb-primary-50)
}

.background-bb-primary-50-important,.hover-bg-bb-primary-50-important:hover {
    background-color: var(--bb-primary-50) !important
}

.hover-bg-bb-primary-50:hover {
    background-color: var(--bb-primary-50)
}

.fill-bb-primary-50 {
    fill: var(--bb-primary-50)
}

.fill-all-bb-primary-50 * {
    fill: var(--bb-primary-50)
}

.hover-fill-bb-primary-50:hover {
    fill: var(--bb-primary-50)
}

.hover-fill-svg-bb-primary-50:hover use {
    fill: var(--bb-primary-50)
}

.stroke-bb-primary-50 {
    stroke: var(--bb-primary-50)
}

.color-bb-primary-300,.btn-link {
    color: var(--bb-primary-300)
}

.hover-color-bb-primary-300:hover {
    color: var(--bb-primary-300)
}

.border-bb-primary-300,input[type=text]:focus,input[type=password]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=search]:focus,input[type=number]:focus,input[type*=date]:focus,input[type=email]:focus,.btn-filter.active,.btn-dash {
    border-color: var(--bb-primary-300) !important
}

.hover-border-bb-primary-300:hover {
    border-color: var(--bb-primary-300) !important
}

.background-bb-primary-300,.btn-filter.active[data-all-button],.btn-primary,.hover-bg-bb-primary-300:hover {
    background-color: var(--bb-primary-300)
}

.background-bb-primary-300-important {
    background-color: var(--bb-primary-300) !important
}

.hover-bg-bb-primary-300:hover {
    background-color: var(--bb-primary-300)
}

.fill-bb-primary-300,.hover-fill-bb-primary-300:hover {
    fill: var(--bb-primary-300)
}

.fill-all-bb-primary-300 * {
    fill: var(--bb-primary-300)
}

.hover-fill-bb-primary-300:hover {
    fill: var(--bb-primary-300)
}

.hover-fill-svg-bb-primary-300:hover use {
    fill: var(--bb-primary-300)
}

.stroke-bb-primary-300 {
    stroke: var(--bb-primary-300)
}

.color-bb-primary-500 {
    color: var(--bb-primary-600)
}

.hover-color-bb-primary-500:hover,.btn-load-more:hover,.btn-link:hover,.btn-light:hover,.btn-dash:hover {
    color: var(--bb-primary-600)
}

.border-bb-primary-500,.btn-quaternary {
    border-color: var(--bb-primary-600) !important
}

.hover-border-bb-primary-500:hover {
    border-color: var(--bb-primary-600) !important
}

.background-bb-primary-500,.btn-quaternary {
    background-color: var(--bb-primary-600)
}

.background-bb-primary-500-important {
    background-color: var(--bb-primary-600) !important
}

.hover-bg-bb-primary-500:hover,.btn-primary:hover {
    background-color: var(--bb-primary-600)
}

.fill-bb-primary-500 {
    fill: var(--bb-primary-600)
}

.fill-all-bb-primary-500 * {
    fill: var(--bb-primary-600)
}

.hover-fill-bb-primary-500:hover {
    fill: var(--bb-primary-600)
}

.hover-fill-svg-bb-primary-500:hover use {
    fill: var(--bb-primary-600)
}

.stroke-bb-primary-500 {
    stroke: var(--bb-primary-600)
}

.color-bb-primary-600,input[type=radio]:checked+label,input[type=checkbox]:checked+label {
    color: var(--bb-primary-600)
}

.hover-color-bb-primary-600:hover {
    color: var(--bb-primary-600)
}

.border-bb-primary-600 {
    border-color: var(--bb-primary-600) !important
}

.hover-border-bb-primary-600:hover {
    border-color: var(--bb-primary-600) !important
}

.background-bb-primary-600 {
    background-color: var(--bb-primary-600)
}

.background-bb-primary-600-important {
    background-color: var(--bb-primary-600) !important
}

.hover-bg-bb-primary-600:hover {
    background-color: var(--bb-primary-600)
}

.fill-bb-primary-600 {
    fill: var(--bb-primary-600)
}

.fill-all-bb-primary-600 * {
    fill: var(--bb-primary-600)
}

.hover-fill-bb-primary-600:hover {
    fill: var(--bb-primary-600)
}

.hover-fill-svg-bb-primary-600:hover use {
    fill: var(--bb-primary-600)
}

.stroke-bb-primary-600 {
    stroke: var(--bb-primary-600)
}

.color-bb-primary-700 {
    color: var(--bb-primary-600)
}

.hover-color-bb-primary-700:hover {
    color: var(--bb-primary-600)
}

.border-bb-primary-700 {
    border-color: var(--bb-primary-600) !important
}

.hover-border-bb-primary-700:hover {
    border-color: var(--bb-primary-600) !important
}

.background-bb-primary-700 {
    background-color: var(--bb-primary-600)
}

.background-bb-primary-700-important {
    background-color: var(--bb-primary-600) !important
}

.hover-bg-bb-primary-700:hover {
    background-color: var(--bb-primary-600)
}

.fill-bb-primary-700 {
    fill: var(--bb-primary-600)
}

.fill-all-bb-primary-700 * {
    fill: var(--bb-primary-600)
}

.hover-fill-bb-primary-700:hover {
    fill: var(--bb-primary-600)
}

.hover-fill-svg-bb-primary-700:hover use {
    fill: var(--bb-primary-600)
}

.stroke-bb-primary-700 {
    stroke: var(--bb-primary-600)
}

.color-bb-primary-800 {
    color: var(--bb-primary-800)
}

.hover-color-bb-primary-800:hover {
    color: var(--bb-primary-800)
}

.border-bb-primary-800 {
    border-color: var(--bb-primary-800) !important
}

.hover-border-bb-primary-800:hover {
    border-color: var(--bb-primary-800) !important
}

.background-bb-primary-800 {
    background-color: var(--bb-primary-800)
}

.background-bb-primary-800-important {
    background-color: var(--bb-primary-800) !important
}

.hover-bg-bb-primary-800:hover {
    background-color: var(--bb-primary-800)
}

.fill-bb-primary-800 {
    fill: var(--bb-primary-800)
}

.fill-all-bb-primary-800 * {
    fill: var(--bb-primary-800)
}

.hover-fill-bb-primary-800:hover {
    fill: var(--bb-primary-800)
}

.hover-fill-svg-bb-primary-800:hover use {
    fill: var(--bb-primary-800)
}

.stroke-bb-primary-800 {
    stroke: var(--bb-primary-800)
}

.color-bb-secondary-400 {
    color: var(--bb-secondary-400)
}

.hover-color-bb-secondary-400:hover {
    color: var(--bb-secondary-400)
}

.border-bb-secondary-400,.hover-border-bb-contrast-orange:hover {
    border-color: var(--bb-secondary-400) !important
}

.hover-border-bb-secondary-400:hover {
    border-color: var(--bb-secondary-400) !important
}

.background-bb-secondary-400 {
    background-color: var(--bb-secondary-400)
}

.background-bb-secondary-400-important {
    background-color: var(--bb-secondary-400) !important
}

.hover-bg-bb-secondary-400:hover {
    background-color: var(--bb-secondary-400)
}

.background-bb-secondary-500 {
    background-color: var(--bb-secondary-500)
}

.background-bb-secondary-500-important {
    background-color: var(--bb-secondary-500) !important
}

.color-bb-secondary-500 {
    color: var(--bb-secondary-500)
}

.fill-bb-secondary-500 {
    fill: var(--bb-secondary-500, #fbbf16)
}

.fill-bb-secondary-400 {
    fill: var(--bb-secondary-400)
}

.fill-all-bb-secondary-400 * {
    fill: var(--bb-secondary-400)
}

.hover-fill-bb-secondary-400:hover {
    fill: var(--bb-secondary-400)
}

.hover-fill-svg-bb-secondary-400:hover use {
    fill: var(--bb-secondary-400)
}

.stroke-bb-secondary-400 {
    stroke: var(--bb-secondary-400)
}

.color-bb-secondary-600 {
    color: var(--bb-global-error-500)
}

.hover-color-bb-secondary-600:hover,.btn-light-danger:hover {
    color: var(--bb-global-error-500)
}

.border-bb-secondary-600,input[type=text]:focus.invalid,input[type=password]:focus.invalid,input[type=url]:focus.invalid,input[type=tel]:focus.invalid,input[type=search]:focus.invalid,input[type=number]:focus.invalid,input[type*=date]:focus.invalid,input[type=email]:focus.invalid {
    border-color: var(--bb-global-error-500) !important
}

.hover-border-bb-secondary-600:hover {
    border-color: var(--bb-global-error-500) !important
}

.background-bb-secondary-600,.btn-danger {
    background-color: var(--bb-global-error-500)
}

.background-bb-secondary-600-important {
    background-color: var(--bb-global-error-500) !important
}

.hover-bg-bb-secondary-600:hover {
    background-color: var(--bb-global-error-500)
}

.fill-bb-secondary-600,.hover-svg-fill-bb-secondary-600:hover use {
    fill: var(--bb-global-error-500)
}

.fill-all-bb-secondary-600 * {
    fill: var(--bb-global-error-500)
}

.hover-fill-bb-secondary-600:hover {
    fill: var(--bb-global-error-500)
}

.hover-fill-svg-bb-secondary-600:hover use {
    fill: var(--bb-global-error-500)
}

.stroke-bb-secondary-600 {
    stroke: var(--bb-global-error-500)
}

.color-bb-secondary-800 {
    color: var(--bb-global-error-800)
}

.hover-color-bb-secondary-800:hover {
    color: var(--bb-global-error-800)
}

.border-bb-secondary-800 {
    border-color: var(--bb-global-error-800) !important
}

.hover-border-bb-secondary-800:hover {
    border-color: var(--bb-global-error-800) !important
}

.background-bb-secondary-800 {
    background-color: var(--bb-global-error-800)
}

.background-bb-secondary-800-important {
    background-color: var(--bb-global-error-800) !important
}

.hover-bg-bb-secondary-800:hover,.btn-danger:hover {
    background-color: var(--bb-global-error-800)
}

.fill-bb-secondary-800 {
    fill: var(--bb-global-error-800)
}

.fill-all-bb-secondary-800 * {
    fill: var(--bb-global-error-800)
}

.hover-fill-bb-secondary-800:hover {
    fill: var(--bb-global-error-800)
}

.hover-fill-svg-bb-secondary-800:hover use {
    fill: var(--bb-global-error-800)
}

.stroke-bb-secondary-800 {
    stroke: var(--bb-global-error-800)
}

.color-bb-secondary-900 {
    color: var(--bb-global-error-900)
}

.hover-color-bb-secondary-900:hover {
    color: var(--bb-global-error-900)
}

.border-bb-secondary-900 {
    border-color: var(--bb-global-error-900) !important
}

.hover-border-bb-secondary-900:hover {
    border-color: var(--bb-global-error-900) !important
}

.background-bb-secondary-900 {
    background-color: var(--bb-global-error-900)
}

.background-bb-secondary-900-important {
    background-color: var(--bb-global-error-900) !important
}

.hover-bg-bb-secondary-900:hover {
    background-color: var(--bb-global-error-900)
}

.fill-bb-secondary-900 {
    fill: var(--bb-global-error-900)
}

.fill-all-bb-secondary-900 * {
    fill: var(--bb-global-error-900)
}

.hover-fill-bb-secondary-900:hover {
    fill: var(--bb-global-error-900)
}

.hover-fill-svg-bb-secondary-900:hover use {
    fill: var(--bb-global-error-900)
}

.stroke-bb-secondary-900 {
    stroke: var(--bb-global-error-900)
}

.color-bb-neutral-100,.btn-neutral,.btn-warning,.btn-danger,.btn-quaternary,.btn-primary,.hover-color-bb-neutral-100:hover,.btn-only-icon:hover,.btn-only-icon-s:hover,.btn-only-icon-m:hover,.btn-secondary:hover {
    color: var(--bb-neutral-100)
}

.border-bb-neutral-100,.hover-border-bb-neutral-100:hover {
    border-color: var(--bb-neutral-100) !important
}

.background-bb-neutral-100,input[type=checkbox],input[type=radio],.btn-filter,.btn-tertiary,.hover-bg-bb-neutral-100:hover {
    background-color: var(--bb-neutral-100)
}

.background-bb-neutral-100-important {
    background-color: var(--bb-neutral-100) !important
}

.fill-bb-neutral-100,.btn-only-icon:hover *,.btn-only-icon-s:hover *,.btn-only-icon-m:hover *,.hover-svg-fill-bb-neutral-100:hover use {
    fill: var(--bb-neutral-100)
}

.fill-all-bb-neutral-100 * {
    fill: var(--bb-neutral-100)
}

.hover-fill-bb-neutral-100:hover {
    fill: var(--bb-neutral-100)
}

.hover-fill-svg-bb-neutral-100:hover use {
    fill: var(--bb-neutral-100)
}

.stroke-bb-neutral-100 {
    stroke: var(--bb-neutral-100)
}

.color-bb-neutral-150,.hover-color-bb-neutral-150:hover {
    color: var(--bb-neutral-150)
}

.border-bb-neutral-150,.hover-border-bb-neutral-150:hover {
    border-color: var(--bb-neutral-150) !important
}

.background-bb-neutral-150,.btn-secondary,.hover-bg-bb-neutral-150:hover {
    background-color: var(--bb-neutral-150)
}

.background-bb-neutral-150-important {
    background-color: var(--bb-neutral-150) !important
}

.fill-bb-neutral-150 {
    fill: var(--bb-neutral-150)
}

.fill-all-bb-neutral-150 * {
    fill: var(--bb-neutral-150)
}

.hover-fill-bb-neutral-150:hover {
    fill: var(--bb-neutral-150)
}

.hover-fill-svg-bb-neutral-150:hover use {
    fill: var(--bb-neutral-150)
}

.stroke-bb-neutral-150 {
    stroke: var(--bb-neutral-150)
}

.color-bb-neutral-200,.hover-color-bb-neutral-200:hover {
    color: var(--bb-neutral-200)
}

.border-bb-neutral-200,.hover-border-bb-neutral-200:hover {
    border-color: var(--bb-neutral-200) !important
}

.background-bb-neutral-200,.background-alternate-bb-neutral-200>*:nth-child(2n+1),.hover-bg-bb-neutral-200:hover {
    background-color: var(--bb-neutral-200)
}

.background-bb-neutral-200-important {
    background-color: var(--bb-neutral-200) !important
}

.fill-bb-neutral-200 {
    fill: var(--bb-neutral-200)
}

.fill-all-bb-neutral-200 * {
    fill: var(--bb-neutral-200)
}

.hover-fill-bb-neutral-200:hover {
    fill: var(--bb-neutral-200)
}

.hover-fill-svg-bb-neutral-200:hover use {
    fill: var(--bb-neutral-200)
}

.stroke-bb-neutral-200 {
    stroke: var(--bb-neutral-200)
}

.color-bb-neutral-700,.hover-color-bb-neutral-700:hover {
    color: var(--bb-neutral-700)
}

.border-bb-neutral-700,.hover-border-bb-neutral-700:hover {
    border-color: var(--bb-neutral-700) !important
}

.background-bb-neutral-700,.btn-neutral,.hover-bg-bb-neutral-700:hover,.btn-only-icon:hover,.btn-only-icon-s:hover,.btn-only-icon-m:hover,.btn-neutral:hover,.btn-secondary:hover {
    background-color: var(--bb-neutral-700)
}

.background-bb-neutral-700-important {
    background-color: var(--bb-neutral-700) !important
}

.fill-bb-neutral-700 {
    fill: var(--bb-neutral-700)
}

.fill-all-bb-neutral-700 * {
    fill: var(--bb-neutral-700)
}

.hover-fill-bb-neutral-700:hover {
    fill: var(--bb-neutral-700)
}

.hover-fill-svg-bb-neutral-700:hover use {
    fill: var(--bb-neutral-700)
}

.stroke-bb-neutral-700 {
    stroke: var(--bb-neutral-700)
}

.color-bb-neutral-750,.btn-load-more,.btn-secondary,.hover-color-bb-neutral-750:hover {
    color: var(--bb-neutral-750)
}

.border-bb-neutral-750,.btn-secondary,.hover-border-bb-neutral-750:hover {
    border-color: var(--bb-neutral-750) !important
}

.background-bb-neutral-750,.hover-bg-bb-neutral-750:hover {
    background-color: var(--bb-neutral-750)
}

.background-bb-neutral-750-important {
    background-color: var(--bb-neutral-750) !important
}

.fill-bb-neutral-750 {
    fill: var(--bb-neutral-750)
}

.fill-all-bb-neutral-750 * {
    fill: var(--bb-neutral-750)
}

.hover-fill-bb-neutral-750:hover {
    fill: var(--bb-neutral-750)
}

.hover-fill-svg-bb-neutral-750:hover use {
    fill: var(--bb-neutral-750)
}

.stroke-bb-neutral-750 {
    stroke: var(--bb-neutral-750)
}

.color-bb-neutral-400,input[type=checkbox],input[type=radio],.hover-color-bb-neutral-400:hover {
    color: var(--bb-neutral-400)
}

.border-bb-neutral-400,input[type=checkbox],input[type=radio],input[type=radio]:hover:not(:checked),input[type=checkbox]:hover:not(:checked),input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],textarea,.btn-filter,.btn-icon-light,.btn-tertiary,.hover-border-bb-neutral-400:hover {
    border-color: var(--bb-neutral-400) !important
}

.background-bb-neutral-400,.hover-bg-bb-neutral-400:hover {
    background-color: var(--bb-neutral-400)
}

.background-bb-neutral-400-important {
    background-color: var(--bb-neutral-400) !important
}

.fill-bb-neutral-400 {
    fill: var(--bb-neutral-400)
}

.fill-all-bb-neutral-400 * {
    fill: var(--bb-neutral-400)
}

.hover-fill-bb-neutral-400:hover {
    fill: var(--bb-neutral-400)
}

.hover-fill-svg-bb-neutral-400:hover use {
    fill: var(--bb-neutral-400)
}

.stroke-bb-neutral-400 {
    stroke: var(--bb-neutral-400)
}

.color-bb-neutral-850,.hover-color-bb-neutral-850:hover {
    color: var(--bb-neutral-850)
}

.border-bb-neutral-850,.hover-border-bb-neutral-850:hover {
    border-color: var(--bb-neutral-850) !important
}

.background-bb-neutral-850,.hover-bg-bb-neutral-850:hover {
    background-color: var(--bb-neutral-850)
}

.background-bb-neutral-850-important {
    background-color: var(--bb-neutral-850) !important
}

.fill-bb-neutral-850,.fill-bb-neutral-850-use use {
    fill: var(--bb-neutral-850)
}

.fill-all-bb-neutral-850 * {
    fill: var(--bb-neutral-850)
}

.hover-fill-bb-neutral-850:hover {
    fill: var(--bb-neutral-850)
}

.hover-fill-svg-bb-neutral-850:hover use {
    fill: var(--bb-neutral-850)
}

.stroke-bb-neutral-850 {
    stroke: var(--bb-neutral-850)
}

.color-bb-global-success-300,.hover-color-bb-global-success-300:hover {
    color: var(--bb-global-success-300)
}

.border-bb-global-success-300,.hover-border-bb-global-success-300:hover {
    border-color: var(--bb-global-success-300) !important
}

.background-bb-global-success-300,.hover-bg-bb-global-success-300:hover {
    background-color: var(--bb-global-success-300)
}

.background-bb-global-success-300-important {
    background-color: var(--bb-global-success-300) !important
}

.fill-bb-global-success-300 {
    fill: var(--bb-global-success-300)
}

.fill-all-bb-global-success-300 * {
    fill: var(--bb-global-success-300)
}

.hover-fill-bb-global-success-300:hover {
    fill: var(--bb-global-success-300)
}

.hover-fill-svg-bb-global-success-300:hover use {
    fill: var(--bb-global-success-300)
}

.stroke-bb-global-success-300 {
    stroke: var(--bb-global-success-300)
}

.color-bb-global-success-500,.hover-color-bb-global-success-500:hover {
    color: var(--bb-global-success-500)
}

.border-bb-global-success-500,.hover-border-bb-global-success-500:hover {
    border-color: var(--bb-global-success-500) !important
}

.background-bb-global-success-500,.hover-bg-bb-global-success-500:hover {
    background-color: var(--bb-global-success-500)
}

.background-bb-global-success-500-important {
    background-color: var(--bb-global-success-500) !important
}

.fill-bb-global-success-500 {
    fill: var(--bb-global-success-500)
}

.fill-all-bb-global-success-500 * {
    fill: var(--bb-global-success-500)
}

.hover-fill-bb-global-success-500:hover {
    fill: var(--bb-global-success-500)
}

.hover-fill-svg-bb-global-success-500:hover use {
    fill: var(--bb-global-success-500)
}

.stroke-bb-global-success-500 {
    stroke: var(--bb-global-success-500)
}

.color-bb-accent-300 {
    color: var(--bb-accent-300)
}

.hover-color-bb-accent-300:hover {
    color: var(--bb-accent-300)
}

.border-bb-accent-300 {
    border-color: var(--bb-accent-300) !important
}

.hover-border-bb-accent-300:hover {
    border-color: var(--bb-accent-300) !important
}

.background-bb-accent-300 {
    background-color: var(--bb-accent-300)
}

.background-bb-accent-300-important {
    background-color: var(--bb-accent-300) !important
}

.hover-bg-bb-accent-300:hover {
    background-color: var(--bb-accent-300)
}

.fill-bb-accent-300 {
    fill: var(--bb-accent-300)
}

.fill-all-bb-accent-300 * {
    fill: var(--bb-accent-300)
}

.hover-fill-bb-accent-300:hover {
    fill: var(--bb-accent-300)
}

.hover-fill-svg-bb-accent-300:hover use {
    fill: var(--bb-accent-300)
}

.stroke-bb-accent-300 {
    stroke: var(--bb-accent-300)
}

.color-bb-global-open-500 {
    color: var(--bb-global-open-500)
}

.hover-color-bb-global-open-500:hover {
    color: var(--bb-global-open-500)
}

.border-bb-global-open-500 {
    border-color: var(--bb-global-open-500) !important
}

.hover-border-bb-global-open-500:hover {
    border-color: var(--bb-global-open-500) !important
}

.background-bb-global-open-500 {
    background-color: var(--bb-global-open-500)
}

.background-bb-global-open-500-important {
    background-color: var(--bb-global-open-500) !important
}

.hover-bg-bb-global-open-500:hover {
    background-color: var(--bb-global-open-500)
}

.fill-bb-global-open-500 {
    fill: var(--bb-global-open-500)
}

.fill-all-bb-global-open-500 * {
    fill: var(--bb-global-open-500)
}

.hover-fill-bb-global-open-500:hover {
    fill: var(--bb-global-open-500)
}

.hover-fill-svg-bb-global-open-500:hover use {
    fill: var(--bb-global-open-500)
}

.stroke-bb-global-open-500 {
    stroke: var(--bb-global-open-500)
}

.color-bb-global-warning-500 {
    color: var(--bb-global-warning-500)
}

.hover-color-bb-global-warning-500:hover {
    color: var(--bb-global-warning-500)
}

.border-bb-global-warning-500 {
    border-color: var(--bb-global-warning-500) !important
}

.hover-border-bb-global-warning-500:hover {
    border-color: var(--bb-global-warning-500) !important
}

.background-bb-global-warning-500 {
    background-color: var(--bb-global-warning-500)
}

.background-bb-global-warning-500-important {
    background-color: var(--bb-global-warning-500) !important
}

.hover-bg-bb-global-warning-500:hover {
    background-color: var(--bb-global-warning-500)
}

.fill-bb-global-warning-500 {
    fill: var(--bb-global-warning-500)
}

.fill-all-bb-global-warning-500 * {
    fill: var(--bb-global-warning-500)
}

.hover-fill-bb-global-warning-500:hover {
    fill: var(--bb-global-warning-500)
}

.hover-fill-svg-bb-global-warning-500:hover use {
    fill: var(--bb-global-warning-500)
}

.stroke-bb-global-warning-500 {
    stroke: var(--bb-global-warning-500)
}

.color-bb-info-500 {
    color: var(--bb-info-500, #004faf)
}

.color-bb-info-600 {
    color: var(--bb-info-600, #7a00f5)
}

.border-bb-info-500 {
    border-color: var(--bb-info-500, #004faf) !important
}

.border-bb-info-600 {
    border-color: var(--bb-info-600, #7a00f5) !important
}

.background-bb-info-500 {
    background-color: var(--bb-info-500, #004faf)
}

.background-bb-info-600 {
    background-color: var(--bb-info-600, #7a00f5)
}

.hover-bg-bb-info-500:hover {
    background-color: var(--bb-info-500, #004faf)
}

.hover-bg-bb-info-600:hover {
    background-color: var(--bb-info-600, #7a00f5)
}

.fill-bb-info-500 {
    fill: var(--bb-info-500, #004faf)
}

.fill-bb-info-600 {
    fill: var(--bb-info-600, #7a00f5)
}

.color-bb-global-warning-600 {
    color: var(--bb-global-warning-600)
}

.hover-color-bb-global-warning-600:hover {
    color: var(--bb-global-warning-600)
}

.border-bb-global-warning-600 {
    border-color: var(--bb-global-warning-600) !important
}

.hover-border-bb-global-warning-600:hover {
    border-color: var(--bb-global-warning-600) !important
}

.background-bb-global-warning-600 {
    background-color: var(--bb-global-warning-600)
}

.background-bb-global-warning-600-2 {
    background-color: #f64a00
}

.background-bb-global-warning-600-important {
    background-color: var(--bb-global-warning-600) !important
}

.hover-bg-bb-global-warning-600:hover {
    background-color: var(--bb-global-warning-600)
}

.fill-bb-global-warning-600 {
    fill: var(--bb-global-warning-600)
}

.fill-all-bb-global-warning-600 * {
    fill: var(--bb-global-warning-600)
}

.hover-fill-bb-global-warning-600:hover {
    fill: var(--bb-global-warning-600)
}

.hover-fill-svg-bb-global-warning-600:hover use {
    fill: var(--bb-global-warning-600)
}

.stroke-bb-global-warning-600 {
    stroke: var(--bb-global-warning-600)
}

.color-bb-global-error-500 {
    color: var(--bb-global-error-500)
}

.hover-color-bb-global-error-500:hover {
    color: var(--bb-global-error-500)
}

.border-bb-global-error-500 {
    border-color: var(--bb-global-error-500) !important
}

.hover-border-bb-global-error-500:hover {
    border-color: var(--bb-global-error-500) !important
}

.background-bb-global-error-500 {
    background-color: var(--bb-global-error-500)
}

.background-bb-global-error-500-important {
    background-color: var(--bb-global-error-500) !important
}

.hover-bg-bb-global-error-500:hover {
    background-color: var(--bb-global-error-500)
}

.fill-bb-global-error-500 {
    fill: var(--bb-global-error-500)
}

.fill-all-bb-global-error-500 * {
    fill: var(--bb-global-error-500)
}

.hover-fill-bb-global-error-500:hover {
    fill: var(--bb-global-error-500)
}

.hover-fill-svg-bb-global-error-500:hover use {
    fill: var(--bb-global-error-500)
}

.stroke-bb-global-error-500 {
    stroke: var(--bb-global-error-500)
}

.color-bb-global-error-800 {
    color: var(--bb-global-error-800)
}

.hover-color-bb-global-error-800:hover {
    color: var(--bb-global-error-800)
}

.border-bb-global-error-800 {
    border-color: var(--bb-global-error-800) !important
}

.hover-border-bb-global-error-800:hover {
    border-color: var(--bb-global-error-800) !important
}

.background-bb-global-error-800 {
    background-color: var(--bb-global-error-800)
}

.background-bb-global-error-800-important {
    background-color: var(--bb-global-error-800) !important
}

.hover-bg-bb-global-error-800:hover {
    background-color: var(--bb-global-error-800)
}

.fill-bb-global-error-800 {
    fill: var(--bb-global-error-800)
}

.fill-all-bb-global-error-800 * {
    fill: var(--bb-global-error-800)
}

.hover-fill-bb-global-error-800:hover {
    fill: var(--bb-global-error-800)
}

.hover-fill-svg-bb-global-error-800:hover use {
    fill: var(--bb-global-error-800)
}

.stroke-bb-global-error-800 {
    stroke: var(--bb-global-error-800)
}

.color-bb-global-error-900 {
    color: var(--bb-global-error-900)
}

.hover-color-bb-global-error-900:hover {
    color: var(--bb-global-error-900)
}

.border-bb-global-error-900 {
    border-color: var(--bb-global-error-900) !important
}

.hover-border-bb-global-error-900:hover {
    border-color: var(--bb-global-error-900) !important
}

.background-bb-global-error-900 {
    background-color: var(--bb-global-error-900)
}

.background-bb-global-error-900-important {
    background-color: var(--bb-global-error-900) !important
}

.hover-bg-bb-global-error-900:hover {
    background-color: var(--bb-global-error-900)
}

.fill-bb-global-error-900 {
    fill: var(--bb-global-error-900)
}

.fill-all-bb-global-error-900 * {
    fill: var(--bb-global-error-900)
}

.hover-fill-bb-global-error-900:hover {
    fill: var(--bb-global-error-900)
}

.hover-fill-svg-bb-global-error-900:hover use {
    fill: var(--bb-global-error-900)
}

.stroke-bb-global-error-900 {
    stroke: var(--bb-global-error-900)
}

.color-bb-neutral-600 {
    color: var(--bb-neutral-600)
}

.color-bb-neutral-900-70 {
    color: color-mix(in srgb, var(--bb-neutral-850) 70%, transparent)
}

.color-bb-card-top-bg {
    color: var(--bb-global-card-top-background)
}

.color-inherit-important {
    color: inherit !important
}

.color-white,.btn-light-danger,.btn-light,.hover-color-white:hover {
    color: var(--bb-global-white)
}

.color-black,.hover-color-black:hover {
    color: var(--bb-global-black)
}

.color-bb-card-top-bg {
    color: var(--bb-global-card-top-background)
}

.color-inherit,.hover-color-inherit:hover {
    color: inherit
}

.color-hover-inherit:hover {
    color: inherit !important
}

.color-bb-yellow-orange,.hover-color-bb-yellow-orange:hover {
    color: var(--bb-yellow-orange, #FBBF16)
}

.color-bb-yellow-light {
    color: var(--bb-yellow-light, #FFF7D2)
}

.color-bb-warning-600 {
    color: var(--bb-warning-600, #F64A00)
}

.color-bb-error-500 {
    color: var(--bb-error-500, #FE0101)
}

.color-bb-brown {
    color: var(--bb-brown, #D07F48)
}

.color-bb-brown-light {
    color: var(--bb-brown-light, #F9E0CF)
}

.color-bb-neutral-100-children-important * {
    color: var(--bb-neutral-100) !important
}

.color-bb-neutral-850-children-important * {
    color: var(--bb-neutral-850) !important
}

.color-bb-contrast-orange,.hover-color-bb-contrast-orange:hover {
    color: var(--bb-contrast-orange)
}

.orange-gradient {
    background: var(--bb-contrast-yellow-gradient) !important
}

.hover-color-bb-neutral-100-important:hover {
    color: var(--bb-neutral-100) !important
}

.border-transparent,.hover-border-transparent:hover {
    border-color: rgba(0,0,0,0) !important
}

.border-bb-neutral-100-50,.hover-border-bb-neutral-100-50:hover {
    border-color: var(--bb-neutral-100-50) !important
}

.border-t-color-bb-primary-300 {
    border-top-color: var(--bb-primary-300) !important
}

.border-bb-yellow-orange,.hover-border-bb-yellow-orange:hover {
    border-color: var(--bb-yellow-orange, #FBBF16) !important
}

.border-t-bb-secondary-800 {
    border-top-color: var(--bb-global-error-800) !important
}

.border-t-bb-primary-300 {
    border-top-color: var(--bb-primary-300) !important
}

.border-bb-primary-300,input[type=text]:focus,input[type=password]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=search]:focus,input[type=number]:focus,input[type*=date]:focus,input[type=email]:focus,.btn-filter.active,.btn-dash {
    border-color: var(--bb-primary-300) !important
}

.border-bb-yellow-light {
    border-color: var(--bb-yellow-light, #FFF7D2) !important
}

.border-bb-brown {
    border-color: var(--bb-brown, #D07F48) !important
}

.border-bb-brown-light {
    border-color: var(--bb-brown-light, #F9E0CF) !important
}

.background-bb-primary-50-important,.hover-bg-bb-primary-50-important:hover {
    background-color: var(--bb-primary-50) !important
}

.background-bb-contrast-orange,.hover-bg-bb-contrast-orange:hover {
    background-color: var(--bb-contrast-orange)
}

.background-bb-contrast-orange-important {
    background-color: var(--bb-contrast-orange) !important
}

.background-bb-neutral-100-50,.hover-bg-bb-neutral-100-50:hover {
    background-color: var(--bb-neutral-100-50)
}

.background-bb-yellow-orange,.btn-warning,.hover-bg-bb-yellow-orange:hover,.btn-warning:hover {
    background-color: var(--bb-yellow-orange, #FBBF16)
}

.background-bb-yellow-orange-important {
    background-color: var(--bb-yellow-orange, #FBBF16) !important
}

.background-bb-warning-600 {
    background-color: var(--bb-warning-600, #F64A00)
}

.background-bb-error-500 {
    background-color: var(--bb-error-500, #FE0101)
}

.background-bb-error-100 {
    background-color: var(--bb-error-100, #ffd4d4)
}

.background-bb-gray-medium-666 {
    background-color: var(--bb-gray-medium-666, #666)
}

.background-bb-neutral-600-important {
    background-color: var(--bb-neutral-600) !important
}

.background-bb-primary-300,.btn-filter.active[data-all-button],.btn-primary,.hover-bg-bb-primary-300:hover {
    background-color: var(--bb-primary-300)
}

.background-bb-green-gradient,.hover-bg-bb-primary-300-gradient:hover {
    background: var(--bb-green-gradient)
}

.background-black,.hover-bg-black:hover {
    background-color: #000
}

.background-black-80 {
    background-color: rgba(0,0,0,.8)
}

.background-white-transparent,.hover-bg-white-transparent:hover {
    background-color: rgba(255,255,255,.12)
}

.background-transparent,.hover-bg-transparent:hover {
    background: rgba(0,0,0,0)
}

.background-white,.hover-bg-white:hover {
    background-color: #fff
}

.background-orange-gradient {
    background: var(--bb-contrast-yellow-gradient) !important
}

.background-bb-card-top-bg {
    background: var(--bb-global-card-top-background)
}

.background-bb-yellow-light {
    background-color: var(--bb-yellow-light, #FFF7D2)
}

.background-bb-brown {
    background-color: var(--bb-brown, #D07F48)
}

.background-bb-brown-light {
    background-color: var(--bb-brown-light, #F9E0CF)
}

.background-bb-secondary-600-light {
    background-color: #ffd4d4
}

.background-linear-gradient-1 {
    background: linear-gradient(90deg, var(--bb-neutral-150) 70%, var(--bb-global-white) 100%)
}

.background-linear-gradient-2 {
    background: linear-gradient(180deg, #F7F8F9 0%, #C8CED4 100%)
}

.background-linear-gradient-3 {
    background: linear-gradient(180deg, #21C55D 0%, #00782C 100%)
}

.background-linear-gradient-4 {
    background: linear-gradient(90deg, var(--bb-accent-700) 0%, var(--bb-accent-310) 100%)
}

.background-error {
    background: rgba(85,12,16,.1)
}

.background-bb-neutral-800 {
    background-color: var(--bb-neutral-800, #2E3338)
}

.background-bb-neutral-900 {
    background-color: var(--bb-neutral-900, #010101)
}

.background-black-60 {
    background-color: rgba(0,0,0,.6)
}

.background-black-70 {
    background-color: rgba(0,0,0,.7)
}

.color-bb-neutral-800 {
    color: var(--bb-neutral-800, #2E3338)
}

.color-bb-neutral-900 {
    color: var(--bb-neutral-900, #010101)
}

.color-default-success {
    color: var(--bb-global-success-500, #00247D)
}

.background-default-success {
    background-color: var(--bb-global-success-500, #00247D)
}

.color-default-error {
    color: var(--bb-global-error-500, #DA1E28)
}

.color-default-warning {
    color: var(--bb-global-warning-500, #F1C21B)
}

.border-bb-neutral-800 {
    border-color: var(--bb-neutral-800, #2E3338) !important
}

.border-bb-neutral-900 {
    border-color: var(--bb-neutral-900, #010101) !important
}

.cursor-pointer,input[type=radio],input[type=checkbox],.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    cursor: pointer
}

.cursor-none {
    cursor: none
}

.cursor-default,.btn-disabled {
    cursor: default
}

.cursor-not-allowed,input:disabled {
    cursor: not-allowed
}

.appearance-auto {
    appearance: auto
}

.appearance-none,input[type=radio],input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.pointer-event-none {
    pointer-events: none
}

.br-1 {
    border-radius: 0.0625rem
}

.br-1-important {
    border-radius: 0.0625rem !important
}

.border-1,.btn-filter,.btn-dash,.btn-quaternary,.btn-tertiary,.border-solid-1,input[type=checkbox],input[type=radio],input[type=radio]:hover:not(:checked),input[type=checkbox]:hover:not(:checked),input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],textarea,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-icon-light,.btn-secondary {
    border: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-1-important {
    border: 0.0625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-1 {
    border-bottom: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-1-important {
    border-bottom: 0.0625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-1 {
    border-left: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-1-important {
    border-top: 0.0625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-1 {
    border-top: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-1 {
    border-right: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-1-important {
    border-right: 0.0625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-1 {
    border-left: 0.0625rem;
    border-right: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-1 {
    border-top: 0.0625rem;
    border-bottom: 0.0625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-1-important {
    border-left: 0.0625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-2 {
    border-radius: 0.125rem
}

.br-2-important {
    border-radius: 0.125rem !important
}

.border-2 {
    border: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-2-important {
    border: 0.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-2 {
    border-bottom: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-2-important {
    border-bottom: 0.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-2 {
    border-left: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-2-important {
    border-top: 0.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-2 {
    border-top: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-2 {
    border-right: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-2-important {
    border-right: 0.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-2 {
    border-left: 0.125rem;
    border-right: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-2 {
    border-top: 0.125rem;
    border-bottom: 0.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-2-important {
    border-left: 0.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-3 {
    border-radius: 0.1875rem
}

.br-3-important {
    border-radius: 0.1875rem !important
}

.border-3 {
    border: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-3-important {
    border: 0.1875rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-3 {
    border-bottom: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-3-important {
    border-bottom: 0.1875rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-3 {
    border-left: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-3-important {
    border-top: 0.1875rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-3 {
    border-top: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-3 {
    border-right: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-3-important {
    border-right: 0.1875rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-3 {
    border-left: 0.1875rem;
    border-right: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-3 {
    border-top: 0.1875rem;
    border-bottom: 0.1875rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-3-important {
    border-left: 0.1875rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-4,input[type=checkbox],input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],textarea,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-filter,.btn-icon-light,.btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-quaternary,.btn-dash,.btn-danger,.btn-warning,.btn-light,.btn-light-danger,.btn-link,.btn-neutral,.btn-disabled {
    border-radius: 0.25rem
}

.br-4-important {
    border-radius: 0.25rem !important
}

.border-4 {
    border: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-4-important {
    border: 0.25rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-4 {
    border-bottom: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-4-important {
    border-bottom: 0.25rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-4 {
    border-left: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-4-important {
    border-top: 0.25rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-4 {
    border-top: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-4 {
    border-right: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-4-important {
    border-right: 0.25rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-4 {
    border-left: 0.25rem;
    border-right: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-4 {
    border-top: 0.25rem;
    border-bottom: 0.25rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-4-important {
    border-left: 0.25rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-5 {
    border-radius: 0.3125rem
}

.br-5-important {
    border-radius: 0.3125rem !important
}

.border-5 {
    border: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-5-important {
    border: 0.3125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-5 {
    border-bottom: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-5-important {
    border-bottom: 0.3125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-5 {
    border-left: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-5-important {
    border-top: 0.3125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-5 {
    border-top: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-5 {
    border-right: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-5-important {
    border-right: 0.3125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-5 {
    border-left: 0.3125rem;
    border-right: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-5 {
    border-top: 0.3125rem;
    border-bottom: 0.3125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-5-important {
    border-left: 0.3125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-6 {
    border-radius: 0.375rem
}

.br-6-important {
    border-radius: 0.375rem !important
}

.border-6 {
    border: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-6-important {
    border: 0.375rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-6 {
    border-bottom: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-6-important {
    border-bottom: 0.375rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-6 {
    border-left: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-6-important {
    border-top: 0.375rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-6 {
    border-top: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-6 {
    border-right: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-6-important {
    border-right: 0.375rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-6 {
    border-left: 0.375rem;
    border-right: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-6 {
    border-top: 0.375rem;
    border-bottom: 0.375rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-6-important {
    border-left: 0.375rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-8 {
    border-radius: 0.5rem
}

.br-8-important {
    border-radius: 0.5rem !important
}

.border-8 {
    border: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-8-important {
    border: 0.5rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-8 {
    border-bottom: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-8-important {
    border-bottom: 0.5rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-8 {
    border-left: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-8-important {
    border-top: 0.5rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-8 {
    border-top: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-8 {
    border-right: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-8-important {
    border-right: 0.5rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-8 {
    border-left: 0.5rem;
    border-right: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-8 {
    border-top: 0.5rem;
    border-bottom: 0.5rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-8-important {
    border-left: 0.5rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-10 {
    border-radius: 0.625rem
}

.br-10-important {
    border-radius: 0.625rem !important
}

.border-10 {
    border: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-10-important {
    border: 0.625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-10 {
    border-bottom: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-10-important {
    border-bottom: 0.625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-10 {
    border-left: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-10-important {
    border-top: 0.625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-10 {
    border-top: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-10 {
    border-right: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-10-important {
    border-right: 0.625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-10 {
    border-left: 0.625rem;
    border-right: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-10 {
    border-top: 0.625rem;
    border-bottom: 0.625rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-10-important {
    border-left: 0.625rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-12 {
    border-radius: 0.75rem
}

.br-12-important {
    border-radius: 0.75rem !important
}

.border-12 {
    border: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-12-important {
    border: 0.75rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-12 {
    border-bottom: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-12-important {
    border-bottom: 0.75rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-12 {
    border-left: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-12-important {
    border-top: 0.75rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-12 {
    border-top: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-12 {
    border-right: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-12-important {
    border-right: 0.75rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-12 {
    border-left: 0.75rem;
    border-right: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-12 {
    border-top: 0.75rem;
    border-bottom: 0.75rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-12-important {
    border-left: 0.75rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-18 {
    border-radius: 1.125rem
}

.br-18-important {
    border-radius: 1.125rem !important
}

.border-18 {
    border: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-18-important {
    border: 1.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-18 {
    border-bottom: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-18-important {
    border-bottom: 1.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-18 {
    border-left: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-18-important {
    border-top: 1.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-18 {
    border-top: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-18 {
    border-right: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-18-important {
    border-right: 1.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-18 {
    border-left: 1.125rem;
    border-right: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-18 {
    border-top: 1.125rem;
    border-bottom: 1.125rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-18-important {
    border-left: 1.125rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-0 {
    border-radius: 0rem
}

.br-0-important {
    border-radius: 0rem !important
}

.border-0 {
    border: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-0-important {
    border: 0rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-0 {
    border-bottom: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-b-0-important {
    border-bottom: 0rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-0 {
    border-left: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-0-important {
    border-top: 0rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-t-0 {
    border-top: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-0 {
    border-right: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-r-0-important {
    border-right: 0rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-x-0 {
    border-left: 0rem;
    border-right: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-y-0 {
    border-top: 0rem;
    border-bottom: 0rem;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.border-l-0-important {
    border-left: 0rem !important;
    border-style: solid;
    border-color: var(--bb-neutral-400)
}

.br-50,input[type=radio]::before,input[type=radio] {
    border-radius: 50%
}

.border-solid,.btn-filter,.btn-quaternary,.btn-tertiary,.border-solid-1,input[type=checkbox],input[type=radio],input[type=radio]:hover:not(:checked),input[type=checkbox]:hover:not(:checked),input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],textarea,.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.btn-icon-light,.btn-secondary {
    border-style: solid
}

.border-dashed,.btn-dash {
    border-style: dashed
}

.border-none {
    border: none !important
}

.box-border {
    box-sizing: border-box
}

.border-radius-4004 {
    border-radius: 4px 0 0 4px !important
}

.border-radius-0440 {
    border-radius: 0 4px 4px 0 !important
}

.border-radius-4400 {
    border-radius: 4px 4px 0 0 !important
}

.border-radius-0044 {
    border-radius: 0 0 4px 4px !important
}

.border-radius-4080 {
    border-radius: 4px 0 8px 0 !important
}

.border-radius-0444 {
    border-radius: 0 4px 4px 4px !important
}

.border-radius-4044 {
    border-radius: 4px 0 4px 4px !important
}

.border-radius-320 {
    border-radius: 32px 32px 0 0 !important
}

.border-lastchild-none>*:last-child {
    border: 0 !important
}

.border-only-firstchild-top>*:first-child {
    border-top: 1px solid
}

@media(min-width: 768px) {
    .border-md-0 {
        order:0
    }
}

@media(max-width: 768px) {
    .border-under-md-0 {
        border:0
    }
}

.transition-all-generic {
    transition: background-color .6s ease-in-out
}

.transition-all-1,input[type=radio]:hover:not(:checked),input[type=checkbox]:hover:not(:checked),input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type*=date],input[type=email],.btn-only-icon,.btn-only-icon-s,.btn-only-icon-m,.transition-all-1 *,input[type=radio]:hover:not(:checked) *,input[type=checkbox]:hover:not(:checked) *,input[type=text] *,input[type=password] *,input[type=url] *,input[type=tel] *,input[type=search] *,input[type=number] *,input[type*=date] *,input[type=email] *,.btn-only-icon *,.btn-only-icon-s *,.btn-only-icon-m * {
    transition: all .2s ease-in-out
}

.transition-all-3,.transition-all-3 * {
    transition: all .3s ease-in-out !important
}

.transition-all-4,.transition-all-4 * {
    transition: all .4s ease-in-out !important
}

.transition-all-5,.transition-all-5 * {
    transition: all .5s ease-in-out !important
}

.transition-all-6,.transition-all-6 * {
    transition: all .6s ease-in-out !important
}

.transition-all-7,.transition-all-7 * {
    transition: all .7s ease-in-out !important
}

.transition-all-8,.transition-all-8 * {
    transition: all .8s ease-in-out !important
}

.transition-all-9,.transition-all-9 * {
    transition: all .9s ease-in-out !important
}

.transition-all-0,.transition-all-0 * {
    transition: all 0s ease-in-out !important
}

.transition-none * {
    transition: none
}

.transition-transform-generic,input[type=checkbox]::before,input[type=radio]::before {
    transition: .12s transform ease-in-out
}

.transition-background {
    transition: background-color .2s ease-out
}

.transition-opacity {
    transition: opacity .2s ease-out
}

.transition-transform {
    transition: transform .2s ease-out
}

.rotate-180 {
    transform: rotate(180deg)
}

.scale-0,input[type=checkbox]::before,input[type=radio]::before {
    transform: scale(0)
}

.scale-1,input[type=radio]:checked::before,input[type=checkbox]:checked::before {
    transform: scale(1)
}

.origin-bottom-left,input[type=checkbox]::before {
    transform-origin: bottom left
}

.backdrop-blur-4 {
    backdrop-filter: blur(4px)
}

.grayscale,input:disabled,.btn-neutral {
    filter: grayscale(100%)
}

.btn-icon:hover *,.btn-load-more:hover *,.btn-icon-light:hover * {
    fill: currentColor
}

.btn-icon-light {
    height: 38px;
    padding: 0 11px
}

@media(min-width: 1024px) {
    .btn-icon-light {
        height:44px;
        padding: 0 16px
    }
}

.btn-icon-hover:hover * {
    fill: currentColor
}

.btn-filter.active svg[data-check-icon] use {
    fill: var(--bb-primary-300)
}

.button-select-all:has(input:checked) {
    border-color: var(--bb-primary-300)
}

.button-select-all:has(input:checked) use {
    fill: var(--bb-primary-300)
}

.opacity-0 {
    opacity: 0
}

.opacity-5,.btn-disabled {
    opacity: .5
}

.opacity-10 {
    opacity: 1
}

.opacity-50 {
    opacity: 50%
}

.shadow {
    box-shadow: 0 2px 12px var(--bb-neutral-700)
}

.shadow-xs {
    box-shadow: 0 2px 4px var(--bb-neutral-400)
}

.shadow-s {
    box-shadow: 0 2px 8px var(--bb-neutral-400)
}

.shadow-light {
    box-shadow: 0 4px 8px var(--bb-neutral-400)
}

.shadow-black-light {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.16)
}

.shadow-48 {
    box-shadow: 0 4px 8px var(--bb-neutral-400)
}

.shadow-25,.hover-shadow-25:hover {
    box-shadow: 0 2px 5px 0 var(--bb-neutral-400)
}

.shadow-insert-16,input[type=checkbox]::before,input[type=radio]::before {
    box-shadow: inset 16px 16px var(--bb-primary-600)
}

.box-shadow-elevation1 {
    box-shadow: 0 2px 6px 0 rgba(46,51,56,.1215686275),0 1px 2px 0 rgba(46,51,56,.1215686275)
}

.hover-opacity-9:hover {
    opacity: .9
}

button:focus-visible {
    outline: rgba(0,0,0,0) initial 0 !important
}

.bg-center {
    background-position: center
}

.bg-bottom {
    background-position: bottom
}

.bg-left {
    background-position: left
}

.bg-right {
    background-position: right
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.img-auto img {
    margin: 0 auto
}

input::placeholder {
    color: var(--bb-neutral-600)
}

input[type*=date] {
    text-indent: 0 !important
}

input[type*=date]::-webkit-calendar-picker-indicator {
    display: none
}

input[type=radio]:checked+label,input[type=checkbox]:checked+label {
    font-weight: 600
}

input[type=radio]:checked+label use[href*=sport],input[type=checkbox]:checked+label use[href*=sport] {
    fill: var(--bb-primary-600)
}

input[type=radio]::before {
    content: ""
}

input[type=checkbox]::before {
    content: "";
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)
}

input[type=number].reset::-webkit-inner-spin-button,input[type=number].reset::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number].reset {
    -moz-appearance: textfield
}

.resize-none {
    resize: none
}

.trivia-overlay {
    display: none
}

.trivia-overlay--visible {
    display: flex
}

.trivia-header__stats {
    padding: 7px 0
}

.trivia-header__leaderboard-icon--close {
    display: none
}

html:has(#modalLeaderboard) .trivia-header__leaderboard .trivia-header__leaderboard-icon--cup {
    display: none
}

html:has(#modalLeaderboard) .trivia-header__leaderboard .trivia-header__leaderboard-icon--close {
    display: block
}

.trivia-timer--warning {
    color: var(--bb-global-error-500, #DA1E28);
    animation: trivia-timer-pulse 1s ease-in-out infinite
}

@keyframes trivia-timer-pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.trivia-close-btn:hover .trivia-close-ring {
    transform: scale(1.04)
}

.trivia-close-fill__progress {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    transform: rotate(-90deg);
    display: none
}

.trivia-overlay--has-progress .trivia-close-fill__progress {
    display: block
}

.trivia-close-fill__progress-track {
    --trivia-close-progress-circumference: 166.504;
    fill: none;
    stroke: var(--bb-primary-300, #1A52B8);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: var(--trivia-close-progress-circumference);
    stroke-dashoffset: calc(var(--trivia-close-progress-circumference)*(100 - var(--trivia-progress-pct, 0))/100);
    transition: stroke-dashoffset .4s ease-out
}

@media(min-width: 1024px) {
    .trivia-close-fill__progress-track {
        --trivia-close-progress-circumference: 241.504
    }
}

.trivia-close-btn:hover .trivia-close-fill {
    background: var(--bb-neutral-900, #010101)
}

.trivia-close-fill .trivia-close-fill__icon--redeem {
    display: none
}

.trivia-close-label--redeem {
    display: none
}

.trivia-overlay--redeem .trivia-close-fill,.trivia-overlay--no-prize .trivia-close-fill {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE)
}

.trivia-overlay--redeem .trivia-close-btn:hover .trivia-close-fill,.trivia-overlay--no-prize .trivia-close-btn:hover .trivia-close-fill {
    background: var(--bb-primary-300, #1A52B8);
    opacity: .9
}

.trivia-overlay--redeem .trivia-close-fill__progress,.trivia-overlay--no-prize .trivia-close-fill__progress {
    display: none
}

.trivia-overlay--redeem .trivia-close-fill__icon--close,.trivia-overlay--redeem .trivia-close-label--close {
    display: none
}

.trivia-overlay--redeem .trivia-close-fill__icon--redeem {
    display: block
}

.trivia-overlay--redeem .trivia-close-label--redeem {
    display: block
}

.trivia-btn {
    transition: background .15s,opacity .15s,color .15s
}

.trivia-btn--primary {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE)
}

.trivia-btn--primary:hover:not(:disabled) {
    opacity: .9
}

.trivia-btn--secondary {
    background: rgba(0,0,0,0);
    color: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-100, #FEFEFE)
}

.trivia-btn--secondary:hover:not(:disabled) {
    background: rgba(0,0,0,.03)
}

.trivia-btn--inactive {
    opacity: .5;
    cursor: not-allowed
}

.trivia-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.trivia-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background: rgba(0,0,0,0);
    border: 1px solid var(--bb-neutral-100, #FEFEFE);
    color: var(--bb-neutral-100, #FEFEFE);
    opacity: .5;
    transition: background .2s,color .2s,border-color .2s,opacity .2s
}

.trivia-chip--active {
    background: rgba(0,0,0,0);
    border-color: var(--bb-primary-200, #3D73C7);
    color: var(--bb-primary-200, #3D73C7);
    opacity: 1
}

.trivia-chip--correct {
    background: var(--bb-global-success-500, #00247D);
    border-color: var(--bb-global-success-500, #00247D);
    color: var(--bb-neutral-100, #FEFEFE);
    opacity: 1
}

.trivia-chip--incorrect {
    background: var(--bb-global-error-500, #DA1E28);
    border-color: var(--bb-global-error-500, #DA1E28);
    color: var(--bb-neutral-100, #FEFEFE);
    opacity: 1
}

@media(min-width: 1024px) {
    .trivia-chip {
        width:30px;
        height: 30px;
        font-size: 14px
    }
}

.trivia-answer-option {
    transition: color .2s ease-out
}

.trivia-answer-option__bullet {
    transition: box-shadow .2s ease-out
}

.trivia-answer-option__inner-dot {
    display: none;
    background: var(--bb-primary-200, #3D73C7)
}

.trivia-answer-option__text {
    line-height: 1.1;
    color: var(--bb-neutral-100, #FEFEFE);
    transition: color .2s ease-out
}

.trivia-answer-option:hover:not(.trivia-answer-option--disabled) .trivia-answer-option__bullet {
    box-shadow: 0 0 0 2px rgba(20,174,76,.4)
}

.trivia-answer-option--selected .trivia-answer-option__text {
    color: var(--bb-primary-200, #3D73C7)
}

.trivia-answer-option--selected .trivia-answer-option__inner-dot {
    display: block;
    background: var(--bb-primary-200, #3D73C7);
    animation: trivia-correct-dot-in .2s ease-out
}

.trivia-answer-option--correct .trivia-answer-option__text {
    color: var(--bb-global-success-500, #00247D)
}

.trivia-answer-option--correct .trivia-answer-option__inner-dot {
    display: block;
    background: var(--bb-global-success-500, #00247D);
    animation: trivia-correct-dot-in .25s ease-out
}

.trivia-answer-option--incorrect .trivia-answer-option__text,.trivia-answer-option--incorrect-selected .trivia-answer-option__text {
    color: var(--bb-global-error-500, #DA1E28)
}

.trivia-answer-option--incorrect .trivia-answer-option__inner-dot,.trivia-answer-option--incorrect-selected .trivia-answer-option__inner-dot {
    display: block;
    background: var(--bb-global-error-500, #DA1E28)
}

.trivia-answer-option--disabled {
    cursor: not-allowed;
    pointer-events: none
}

@keyframes trivia-correct-dot-in {
    0% {
        opacity: 0;
        transform: scale(0.6)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.trivia-question.is-entering {
    animation: trivia-question-enter .25s ease-out
}

.trivia-question>* {
    max-width: 100%
}

@media(min-width: 1024px) {
    .trivia-question>* {
        width:100%;
        max-width: 465px
    }
}

.trivia-question__category:empty,.trivia-question__category[data-trivia-slot-wrap=question-category] .trivia-question__category-name:empty+.trivia-question__category {
    display: none
}

.trivia-question__category-name:empty {
    display: none
}

@media(min-width: 1024px) {
    .trivia-question__timer {
        flex:0 0 150px
    }
}

@media(min-width: 1024px) {
    .trivia-question__footer .trivia-btn {
        flex:0 0 150px
    }
}

.trivia-question__footer .trivia-btn.trivia-btn--primary:not(.trivia-btn--inactive):not(:disabled) {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    border: 2px solid var(--bb-primary-300, #1A52B8)
}

.trivia-question__footer .trivia-btn.trivia-btn--inactive,.trivia-question__footer .trivia-btn:disabled {
    background: var(--bb-neutral-400, #C8CED4);
    color: var(--bb-neutral-650, #616971);
    border: 2px solid var(--bb-neutral-400, #C8CED4);
    cursor: not-allowed
}

@keyframes trivia-question-enter {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.trivia-feedback [data-feedback-flavor] {
    display: none
}

.trivia-feedback.is-correct [data-feedback-flavor=correct] {
    display: flex
}

.trivia-feedback.is-incorrect [data-feedback-flavor=incorrect] {
    display: flex
}

.trivia-intro__actions .trivia-btn {
    min-width: 0;
    padding: 0 16px
}

@media(min-width: 1024px) {
    .trivia-intro__actions .trivia-btn {
        letter-spacing:.5px;
        flex: 0 0 auto
    }
}

.trivia-intro__actions .trivia-btn--primary {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    border: none
}

.trivia-intro__actions .trivia-btn--primary:hover:not(:disabled) {
    opacity: .9
}

@media(min-width: 1024px) {
    .trivia-intro__actions .trivia-btn--primary {
        min-width:182px;
        border: 2px solid var(--bb-primary-300, #1A52B8)
    }
}

.trivia-intro__actions .trivia-btn--secondary {
    background: rgba(0,0,0,0);
    color: var(--bb-neutral-100, #FEFEFE);
    border: none
}

.trivia-intro__actions .trivia-btn--secondary:hover:not(:disabled) {
    background: rgba(255,255,255,.05)
}

@media(min-width: 1024px) {
    .trivia-intro__actions .trivia-btn--secondary {
        min-width:48px;
        padding: 0 12px
    }
}

.trivia-intro [data-trivia-intro-subtitle],.trivia-intro [data-trivia-intro-icon] {
    display: none
}

.trivia-intro.trivia-intro--byb [data-trivia-intro-subtitle=byb] {
    display: block
}

.trivia-intro.trivia-intro--byb [data-trivia-intro-icon=byb] {
    display: flex
}

.trivia-intro.trivia-intro--myw [data-trivia-intro-subtitle=myw] {
    display: block
}

.trivia-intro.trivia-intro--myw [data-trivia-intro-icon=myw] {
    display: flex
}

.trivia-results__illustration {
    animation: trivia-results-illustration-in .35s ease-out
}

.trivia-results__text {
    display: none
}

@keyframes trivia-results-illustration-in {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.trivia-results [data-trivia-result-illustration] {
    display: none
}

.trivia-results--tier-top [data-trivia-result-tier=top],.trivia-results--tier-top [data-trivia-result-illustration=top] {
    display: flex
}

.trivia-results--tier-high [data-trivia-result-tier=high],.trivia-results--tier-high [data-trivia-result-illustration=high] {
    display: flex
}

.trivia-results--tier-mid [data-trivia-result-tier=mid],.trivia-results--tier-mid [data-trivia-result-illustration=mid] {
    display: flex
}

.trivia-results--tier-low [data-trivia-result-tier=low],.trivia-results--tier-low [data-trivia-result-illustration=low] {
    display: flex
}

.trivia-results--no-prize [data-trivia-result-tier=no-prize],.trivia-results--no-prize [data-trivia-result-illustration=no-prize] {
    display: flex
}

.trivia-results--tier-top .trivia-results__title,.trivia-results--tier-top [data-trivia-result-illustration=top] {
    color: var(--bb-global-success-500, #00247D)
}

.trivia-results--tier-high .trivia-results__title,.trivia-results--tier-high [data-trivia-result-illustration=high] {
    color: var(--bb-global-success-500, #00247D)
}

.trivia-results--tier-mid .trivia-results__title,.trivia-results--tier-mid [data-trivia-result-illustration=mid] {
    color: var(--bb-yellow-orange, #FBBF16)
}

.trivia-results--tier-low .trivia-results__title,.trivia-results--tier-low [data-trivia-result-illustration=low] {
    color: #f64a00
}

.trivia-results--no-prize .trivia-results__title,.trivia-results--no-prize [data-trivia-result-illustration=no-prize] {
    color: var(--bb-global-error-500, #DA1E28)
}

.trivia-results__cta {
    display: none
}

.trivia-results--tier-top .trivia-results__cta--redeem,.trivia-results--tier-high .trivia-results__cta--redeem,.trivia-results--tier-mid .trivia-results__cta--redeem,.trivia-results--tier-low .trivia-results__cta--redeem,.trivia-results--no-prize .trivia-results__cta--close {
    display: inline-flex
}

.trivia-exit-modal__actions .trivia-btn {
    height: 48px;
    min-width: 0;
    padding: 0 16px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    flex: 1 0 0
}

@media(min-width: 1024px) {
    .trivia-exit-modal__actions .trivia-btn {
        font-size:20px;
        letter-spacing: .5px
    }
}

.trivia-exit-modal__actions .trivia-btn--primary {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    border: none
}

.trivia-exit-modal__actions .trivia-btn--primary:hover:not(:disabled) {
    opacity: .9
}

.trivia-exit-modal__actions .trivia-btn--secondary {
    background: rgba(0,0,0,0);
    color: var(--bb-neutral-100, #FEFEFE);
    border: none
}

.trivia-exit-modal__actions .trivia-btn--secondary:hover:not(:disabled) {
    background: rgba(255,255,255,.05)
}

html.trivia-open {
    overflow: hidden
}

@media(min-width: 1024px) {
    html.trivia-open {
        overflow:auto
    }
}

.trivia-overlay [data-trivia-screen] {
    display: none
}

.trivia-overlay [data-trivia-screen].is-active {
    display: flex
}

.trivia-overlay [data-trivia-screen=feedback].visually-hidden {
    display: block
}

@media(prefers-reduced-motion: reduce) {
    .trivia-timer--warning {
        animation: none
    }

    .trivia-results__illustration,.trivia-question.is-entering,.trivia-answer-option--correct .trivia-answer-option__inner-dot {
        animation: none
    }

    .trivia-close-fill__progress-track {
        transition: none
    }

    .trivia-answer-option,.trivia-answer-option__bullet,.trivia-answer-option__letter,.trivia-chip {
        transition: none
    }
}

.trivia-hud {
    position: static;
    pointer-events: none
}

.trivia-hud>* {
    pointer-events: auto
}

body:has(.trivia-hud__bottom-bar.is-visible) .header {
    z-index: 99
}

body:has(.trivia-hud__bottom-bar.is-visible) #slotloader {
    z-index: 999;
    top: 40px;
    height: calc(100% - 111px)
}

body:has(.trivia-hud__bottom-bar.is-visible) #slotloader>iframe {
    height: calc(100% - 70px)
}

@media(min-width: 1024px) {
    body:has(.trivia-hud__bottom-bar.is-visible) #slotloader>iframe {
        height:calc(100% - 100px)
    }
}

.trivia-hud .trivia-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    pointer-events: auto
}

.trivia-hud:has(.trivia-hud__bottom-bar.is-visible) .trivia-header {
    display: block
}

.trivia-boosted-win-toast {
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    max-width: calc(100% - 32px);
    z-index: 9998;
    padding: 8px 20px;
    border-radius: 4px;
    text-align: center;
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100, #FEFEFE);
    pointer-events: none;
    animation: trivia-boosted-win-in .25s ease-out
}

.trivia-boosted-win-toast__title {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.trivia-boosted-win-toast__amount {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--bb-yellow-orange, #FBBF16)
}

@keyframes trivia-boosted-win-in {
    from {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.trivia-hud__byb-countdown {
    display: none;
    position: fixed;
    right: 16px;
    top: 16px;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 12px;
    background: rgba(0,0,0,.6);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    z-index: 998
}

.trivia-hud__byb-countdown.is-visible {
    display: inline-flex
}

@media(min-width: 1024px) {
    .trivia-hud__byb-countdown {
        position:absolute;
        padding: 6px 14px;
        font-size: 14px;
        border-radius: 14px
    }
}

.trivia-hud__byb-countdown-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
    opacity: .85
}

.trivia-hud__multiplier-badge {
    display: none;
    position: fixed;
    left: 16px;
    top: 16px;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    background: var(--bb-primary-800, #001240);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 12px;
    font-weight: 600;
    z-index: 998;
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

.trivia-hud__multiplier-badge.is-visible {
    display: inline-flex
}

@media(min-width: 1024px) {
    .trivia-hud__multiplier-badge {
        position:absolute;
        padding: 8px 16px;
        font-size: 13px
    }
}

.trivia-hud__multiplier-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
    opacity: .85
}

.trivia-hud__multiplier-value {
    font-size: 16px;
    font-weight: 700
}

@media(min-width: 1024px) {
    .trivia-hud__multiplier-value {
        font-size:20px
    }
}

.trivia-hud__multiplier-spins-remaining,.trivia-hud__multiplier-expires-at {
    font-size: 11px;
    opacity: .85
}

.trivia-hud__bottom-bar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1005;
    flex-direction: column;
    pointer-events: auto
}

.trivia-hud__bottom-bar.is-visible {
    display: flex
}

.trivia-hud__bottom-bar-strip {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 74px;
    padding: 8px 16px;
    gap: 27px
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-strip {
        min-height:90px;
        padding: 0 16px 12px 16px;
        gap: 36px
    }
}

.trivia-hud__bottom-bar-col {
    min-width: 0;
    gap: 5px
}

.trivia-hud__bottom-bar-col--right {
    position: relative
}

.trivia-hud__bottom-bar-col--center {
    flex: 0 0 auto;
    gap: 10px
}

@property --bottom-bar-progress-pct {
    syntax: "<number>";
    inherits: true;
    initial-value: 0
}

.trivia-hud__bottom-bar-rocket-btn:hover .trivia-hud__bottom-bar-rocket {
    transform: scale(1.04)
}

.trivia-hud__bottom-bar-loading-label,.trivia-hud__bottom-bar-getboost-label {
    display: none
}

.trivia-hud__bottom-bar.is-loading .trivia-hud__bottom-bar-multiplier-label {
    display: none
}

.trivia-hud__bottom-bar.is-loading .trivia-hud__bottom-bar-loading-label {
    display: block;
    opacity: .25
}

.trivia-hud__bottom-bar.is-loading .trivia-hud__bottom-bar-rocket-icon {
    opacity: .25
}

.trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-multiplier-label {
    display: none
}

.trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-getboost-label {
    display: block
}

.trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-rocket-ring {
    display: none
}

.trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-rocket-fill {
    background: #f7c23b;
    animation: trivia-getboost-glow 1.6s ease-in-out infinite
}

.trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-rocket-icon {
    color: var(--bb-neutral-900, #010101)
}

@keyframes trivia-getboost-glow {
    0%,100% {
        box-shadow: 0 0 3px 1px rgba(247,194,59,.35)
    }

    50% {
        box-shadow: 0 0 9px 3px rgba(247,194,59,.85)
    }
}

.trivia-hud__bottom-bar-prize-label,.trivia-hud__bottom-bar-noboost-label,.trivia-hud__bottom-bar-togo-label {
    display: none
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-multiplier-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-getboost-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-loading-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-boost-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-next-label {
    display: none
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-prize-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-noboost-label,.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-togo-label {
    display: block
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-rocket-icon {
    opacity: .25;
    color: var(--bb-neutral-100, #FEFEFE)
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-rocket-fill {
    background: var(--bb-primary-800, #001240)
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-rocket {
    animation: none
}

.trivia-hud__bottom-bar.is-no-boost .trivia-hud__bottom-bar-rocket-btn {
    pointer-events: none;
    cursor: default
}

.trivia-hud__bottom-bar.is-no-boost~.trivia-hud__bottom-bar-next-pill {
    display: none
}

@media(min-width: 1024px) {
    .trivia-hud .trivia-hud__bottom-bar-rocket-btn {
        margin-top:-45px
    }
}

.trivia-hud__bottom-bar-rocket-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
    background: conic-gradient(from 0deg at 50% 50%, #F00 0deg, #F7C23B 178.2deg, #00247D 360deg);
    mask: conic-gradient(black calc(var(--bottom-bar-progress-pct, 0) * 1%), transparent calc(var(--bottom-bar-progress-pct, 0) * 1%));
    -webkit-mask: conic-gradient(black calc(var(--bottom-bar-progress-pct, 0) * 1%), transparent calc(var(--bottom-bar-progress-pct, 0) * 1%));
    transition: --bottom-bar-progress-pct 400ms ease-out
}

.trivia-hud__bottom-bar-rocket-icon {
    color: var(--bb-neutral-100, #FEFEFE)
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-rocket-icon {
        width:36px;
        height: 36px
    }
}

.trivia-hud__bottom-bar-next-pill {
    display: none;
    position: fixed;
    bottom: 74px;
    z-index: 1001;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 3px 5px;
    width: 90px;
    background: var(--bb-primary-500, #00247D);
    color: var(--bb-neutral-100, #FEFEFE);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 9.5px 9.5px 0 0;
    cursor: pointer;
    font-family: inherit;
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-next-pill {
        position:absolute;
        right: -5px;
        bottom: 55px
    }
}

.trivia-hud__bottom-bar-next-pill-icon {
    flex-shrink: 0
}

.trivia-hud__bottom-bar.is-visible~.trivia-hud__bottom-bar-next-pill {
    display: flex
}

.trivia-hud__bottom-bar.is-open~.trivia-hud__bottom-bar-next-pill {
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE)
}

.trivia-hud__bottom-bar-info-panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 74px;
    z-index: 1001;
    background: rgba(1,1,1,.95);
    overflow-y: auto;
    pointer-events: auto
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-info-panel {
        top:40px;
        bottom: 90px
    }
}

.trivia-hud__bottom-bar.is-open~.trivia-hud__bottom-bar-info-panel {
    display: block
}

.trivia-hud__bottom-bar-info-panel-inner {
    max-width: 320px;
    padding: 50px 20px 20px;
    gap: 16px
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-info-panel-inner {
        max-width:687px;
        margin: 0 auto;
        padding: 70px 32px 32px;
        gap: 30px;
        align-items: center;
        text-align: center
    }
}

.trivia-hud__bottom-bar-info-row {
    gap: 15px
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-info-row {
        align-items:center;
        gap: 30px
    }
}

.trivia-hud__bottom-bar-info-rocket {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    transform: rotate(-45deg)
}

.trivia-hud__bottom-bar-info-rocket svg {
    display: block
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-info-rocket {
        width:120px;
        height: 120px
    }

    .trivia-hud__bottom-bar-info-rocket svg {
        width: 100%;
        height: 100%
    }
}

.trivia-hud__bottom-bar-info-heading {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    line-height: 1.1;
    letter-spacing: .5px
}

.trivia-hud__bottom-bar-info-heading>span {
    display: block
}

.trivia-hud__bottom-bar-info-heading .trivia-hud__bottom-bar-info-prize:empty {
    display: none
}

.trivia-hud__bottom-bar-info-subtitle,.trivia-hud__bottom-bar-info-description {
    margin: 0;
    line-height: 1.1
}

.trivia-hud__bottom-bar-info-close {
    align-self: flex-start;
    margin-top: 4px;
    padding: 16px;
    min-width: 150px;
    min-height: 48px;
    border: none;
    border-radius: 4px;
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #FEFEFE);
    cursor: pointer;
    font-family: inherit;
    line-height: 1;
    -webkit-appearance: none;
    appearance: none
}

@media(min-width: 1024px) {
    .trivia-hud__bottom-bar-info-close {
        align-self:center
    }
}

@media(prefers-reduced-motion: reduce) {
    .trivia-hud__bottom-bar-rocket-btn:hover .trivia-hud__bottom-bar-rocket {
        transform: none
    }

    .trivia-hud__bottom-bar-rocket-ring {
        transition: none
    }

    .trivia-hud__bottom-bar.is-visible:not(.is-loading):not(.is-boost-active):not(.is-no-boost) .trivia-hud__bottom-bar-rocket-fill {
        animation: none
    }
}

.trivia-leaderboard-modal::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(20, 174, 76, 0.18) 0%, rgba(20, 174, 76, 0.05) 40%, transparent 70%);
    pointer-events: none;
    z-index: 0
}

.trivia-leaderboard-modal>* {
    position: relative;
    z-index: 1
}

.Modals:has(.Modal.trivia-leaderboard-modal-container) {
    z-index: 99999999
}

.Modals:has(.Modal.trivia-leaderboard-modal-container) .ModalBackdrop {
    background: none;
    backdrop-filter: initial
}

.Modal[open].trivia-leaderboard-modal-container {
    background: var(--bb-neutral-850, #1a1a1a);
    margin-top: 40px !important;
    margin-bottom: 104px !important;
    height: 83dvh;
    box-shadow: none;
    border-radius: 0
}

@media(min-width: 1024px) {
    .Modal[open].trivia-leaderboard-modal-container {
        height:70dvh;
        margin: 0 auto !important;
        max-width: 1280px !important;
        align-items: center
    }

    .Modal[open].trivia-leaderboard-modal-container .trivia-leaderboard-modal {
        height: 100%
    }
}

body:has(.trivia-hud__bottom-bar.is-visible) .Modals:has(.Modal.trivia-leaderboard-modal-container) {
    z-index: 999 !important
}

body:has(.trivia-hud__bottom-bar.is-visible) .Modal[open].trivia-leaderboard-modal-container {
    height: 100%;
    margin: 0 auto !important;
    max-width: 100% !important;
    align-items: center;
    top: 40px
}

body:has(.trivia-overlay.trivia-overlay--visible) .Modals:has(.Modal.trivia-leaderboard-modal-container) {
    z-index: 99999999 !important
}

body:has(.trivia-overlay.trivia-overlay--visible) .Modal[open].trivia-leaderboard-modal-container {
    background: var(--bb-neutral-850, #1a1a1a);
    margin-top: 40px !important;
    margin-bottom: 104px !important;
    height: 83dvh;
    box-shadow: none;
    border-radius: 0
}

@media(min-width: 1024px) {
    body:has(.trivia-overlay.trivia-overlay--visible) .Modal[open].trivia-leaderboard-modal-container {
        height:70dvh;
        margin: 0 auto !important;
        max-width: 1280px !important;
        align-items: center;
        top: 4rem
    }

    body:has(.trivia-overlay.trivia-overlay--visible) .Modal[open].trivia-leaderboard-modal-container .trivia-leaderboard-modal {
        height: 100%
    }
}

.CustomContentVideoBanner {
    min-height: 5.375rem
}

.CustomContentVideoBanner__bg {
    background-size: cover;
    background-position: center
}

.CustomContentVideoBanner__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--bb-primary-800, #001240) 0%, rgba(16, 137, 56, 0.4) 100%)
}

.CustomContentVideoBanner__character {
    flex: 0 0 3.75rem;
    align-self: flex-end;
    height: 5.9375rem;
    margin-top: -1.375rem;
    margin-bottom: -0.75rem
}

.CustomContentVideoBanner__character img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center
}

.CustomContentVideoBanner--bg {
    background: var(--bb-primary-800, #001240);
    border: 0
}

.CustomContentVideoBanner--default {
    background: var(--bb-neutral-100, #FEFEFE);
    border: 1px solid var(--bb-neutral-400)
}

.CustomContentVideoBanner--bg .CustomContentVideoBanner__title,.CustomContentVideoBanner--bg .CustomContentVideoBanner__meta-text {
    color: var(--bb-neutral-100, #FEFEFE)
}

.CustomContentVideoBanner--default .CustomContentVideoBanner__title {
    color: var(--bb-neutral-850, #2E3338)
}

.CustomContentVideoBanner--default .CustomContentVideoBanner__meta-text {
    color: var(--bb-neutral-700, #40464D)
}

[data-video-popover] {
    min-width: min(960px,100dvw)
}

[data-video-popover] iframe {
    width: min(90dvw,400px);
    height: auto;
    aspect-ratio: 400/700;
    max-height: 90dvh
}

.lp3-pill {
    width: fit-content;
    padding: 6px 16px;
    border-radius: 20px;
    background: var(--bb-primary-300, #1A52B8);
    color: var(--bb-neutral-100, #fefefe);
    font-size: clamp(14px,3vw,16px);
    font-weight: 700;
    letter-spacing: -0.02em
}

.btn-lp3-cta {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 11px 30px;
    border-radius: 4px;
    background: var(--bb-secondary-500, #fbbf16);
    color: var(--bb-neutral-850, #111111);
    border: 0;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: transform .12s ease,filter .12s ease
}

.btn-lp3-cta:hover {
    transform: translateY(-2px);
    filter: brightness(0.92)
}

.menu-img-text--centered {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.menu-img-text--centered>div {
    display: flex;
    gap: 16px;
    text-align: center;
    justify-items: center;
    align-items: center;
    align-content: center
}

.signup-equal-buttons .btn-secondary,.signup-equal-buttons .btn-primary {
    flex: 1 1 0;
    min-width: 0
}

.lp3-step {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border: 1px solid var(--bb-neutral-400, #dddddd);
    border-radius: 12px;
    background: var(--bb-neutral-100, #fefefe)
}

.lp3-step__num {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--bb-primary-500, #00247D);
    background: color-mix(in srgb, var(--bb-primary-300, #1A52B8) 20%, var(--bb-neutral-100, #fefefe));
    color: var(--bb-neutral-850, #111111)
}

.wallet-tabs__nav {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--bb-neutral-400);
    overflow-x: auto;
    scrollbar-width: none
}

.wallet-tabs__nav::-webkit-scrollbar {
    display: none
}

.wallet-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 2px;
    margin-bottom: -1px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--bb-neutral-700);
    background: none;
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0);
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease,border-color .15s ease
}

.wallet-tabs__tab:hover {
    color: var(--bb-neutral-850)
}

.wallet-tabs__tab.active {
    color: var(--bb-primary-300);
    border-bottom-color: var(--bb-primary-300)
}

.wallet-tabs__panel {
    display: none
}

.wallet-tabs__panel.active {
    display: block
}

.wallet-tabs:not(:has(.wallet-tabs__panel.active)) {
    display: none
}

.wallet-purchase__more-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.wallet-purchase__more-btn::after {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20d='M6.99%209.62c-.23%200-.46-.09-.62-.25l-3.5-3.49a.85.85%200%200%201-.24-.62c0-.23.09-.45.25-.61s.38-.25.61-.25c.23-.01.45.08.62.24l2.88%202.88%202.88-2.88a.87.87%200%200%201%20.62-.26c.12-.01.23.02.34.06s.21.11.29.19.15.18.19.29c.04.1.07.22.07.34a1%201%200%200%201-.08.33c-.04.11-.11.21-.19.29l-3.5%203.49c-.17.16-.39.25-.62.25'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20d='M6.99%209.62c-.23%200-.46-.09-.62-.25l-3.5-3.49a.85.85%200%200%201-.24-.62c0-.23.09-.45.25-.61s.38-.25.61-.25c.23-.01.45.08.62.24l2.88%202.88%202.88-2.88a.87.87%200%200%201%20.62-.26c.12-.01.23.02.34.06s.21.11.29.19.15.18.19.29c.04.1.07.22.07.34a1%201%200%200%201-.08.33c-.04.11-.11.21-.19.29l-3.5%203.49c-.17.16-.39.25-.62.25'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: transform .2s ease-out
}

[data-text-container]:not(.line-clamp-1)~.wallet-purchase__more-btn::after {
    transform: rotate(180deg)
}

[data-store-card][hidden] {
    display: none !important
}

.store-card__badge-oos {
    background: var(--bb-neutral-700);
    color: var(--bb-neutral-100)
}

.store-card__btn--restricted {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.store-tabs__nav {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid var(--bb-neutral-400);
    overflow-x: auto;
    scrollbar-width: none
}

.store-tabs__nav::-webkit-scrollbar {
    display: none
}

.store-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 2px;
    margin-bottom: -1px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--bb-neutral-700);
    background: none;
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0);
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease,border-color .15s ease
}

.store-tabs__tab:hover {
    color: var(--bb-neutral-850)
}

.store-tabs__tab.active {
    color: var(--bb-primary-300);
    border-bottom-color: var(--bb-primary-300)
}

.store-tabs__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--bb-neutral-400);
    color: var(--bb-neutral-700);
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

.store-tabs__tab.active .store-tabs__count {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100, #FEFEFE)
}

.store-detail__thumbs {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.store-detail__thumbs::-webkit-scrollbar {
    display: none
}

.store-detail__thumbs.is-scrollable {
    cursor: grab
}

.store-detail__thumbs.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none
}

.store-detail__thumb {
    flex-shrink: 0;
    width: 75px;
    height: 45px;
    padding: 0;
    border: 2px solid rgba(0,0,0,0);
    border-radius: 4px;
    overflow: hidden;
    background: none;
    cursor: pointer;
    scroll-snap-align: start
}

.store-detail__thumb.active {
    border-color: var(--bb-primary-300)
}

.store-detail__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width: 1024px) {
    .store-detail__thumb {
        width:135px;
        height: 81px
    }
}

.store-detail__main {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
    border-radius: 8px;
    overflow: hidden
}

.store-detail__main img {
    display: block;
    width: 100%;
    height: auto
}

.store-lightbox {
    max-width: 92vw;
    max-height: 92vh;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: rgba(0,0,0,0)
}

.store-lightbox::backdrop {
    background: rgba(0,0,0,.8)
}

.store-lightbox__img {
    display: block;
    max-width: 92vw;
    max-height: 92vh
}

.store-lightbox__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer
}

.store-sizes legend {
    margin-bottom: 16px
}

.store-size {
    position: relative;
    display: inline-flex;
    cursor: pointer
}

.store-size__input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.store-size__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    color: var(--bb-neutral-850);
    background: var(--bb-neutral-100);
    transition: border-color .15s ease,background .15s ease,color .15s ease
}

.store-size__input:checked+.store-size__label {
    border-color: var(--bb-primary-300);
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

.store-size--out .store-size__label,.store-size__input:disabled+.store-size__label {
    border-color: var(--bb-neutral-300, var(--bb-neutral-400));
    background: var(--bb-neutral-650);
    color: var(--bb-neutral-100);
    cursor: initial
}

.store-sizes.invalid .store-size:not(.store-size--out) .store-size__label {
    border-color: var(--bb-global-error-500)
}

.store-detail>.grid>* {
    min-width: 0
}

.store-shipping,.store-shipping>*,.store-shipping input,.store-shipping select {
    min-width: 0
}

.store-shipping>input,.store-shipping>select {
    width: 100%
}

.store-shipping select {
    height: 44px;
    padding: 0 40px 0 16px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    font-size: 16px;
    color: var(--bb-neutral-850);
    background-color: var(--bb-neutral-100);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23697077'%3E%3Cpath d='m12.071 13.314 4.95-4.95a1 1 0 1 1 1.414 1.414l-5.657 5.657a1 1 0 0 1-1.414 0L5.707 9.778a1 1 0 1 1 1.414-1.414l4.95 4.95Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color .15s ease
}

.store-shipping select:focus {
    outline: none;
    border-color: var(--bb-primary-300)
}

.store-shipping select:has(option[value=""]:checked) {
    color: var(--bb-neutral-600)
}

.store-shipping [name].invalid,.store-shipping select.invalid {
    border-color: var(--bb-global-error-500) !important
}

.store-shipping__phone {
    position: relative
}

.store-shipping__phone-code {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 10px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    background: var(--bb-neutral-100);
    cursor: pointer;
    white-space: nowrap
}

.store-shipping__phone-flag {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover
}

.store-phone-dropdown {
    display: none;
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    width: 280px;
    max-height: 320px;
    overflow-y: auto;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12)
}

.store-shipping__phone.is-open .store-phone-dropdown {
    display: block
}

.store-phone-dropdown__search {
    width: 100%;
    height: 40px;
    border: 0;
    border-bottom: 1px solid var(--bb-neutral-400);
    padding: 0 12px;
    outline: none
}

.store-phone-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.store-phone-dropdown__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer
}

.store-phone-dropdown__item[hidden] {
    display: none
}

.store-phone-dropdown__item:hover,.store-phone-dropdown__item.is-active {
    background: var(--bb-neutral-200)
}

.store-phone-dropdown__flag {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    flex-shrink: 0;
    object-fit: cover
}

.store-phone-dropdown__name {
    flex: 1;
    font-size: 14px
}

.store-phone-dropdown__dial {
    color: var(--bb-neutral-700);
    font-size: 14px
}

.store-detail__redeem.is-loading {
    opacity: .6;
    pointer-events: none
}

.store-detail__error {
    color: var(--bb-global-error-500);
    font-size: 14px;
    line-height: 18px
}

.store-detail__error:empty {
    display: none
}

.store-popup {
    width: min(420px,92vw);
    max-width: 92vw;
    padding: 16px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    background: var(--bb-neutral-100);
    color: var(--bb-neutral-850)
}

.store-popup[open] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.store-popup::backdrop {
    background: rgba(0,0,0,.55)
}

.store-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%
}

.store-popup__title {
    margin: 0
}

.store-popup__title::before {
    width: 8px !important
}

.store-popup--success .store-popup__title::before {
    background-color: var(--bb-primary-300)
}

.store-popup--fail .store-popup__title::before {
    background-color: var(--bb-global-error-500)
}

.store-popup__close {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: none;
    line-height: 0;
    cursor: pointer
}

.store-popup__divider {
    width: 100%;
    height: 1px;
    background: var(--bb-neutral-400)
}

.store-popup__icon {
    width: 64px;
    height: 64px
}

.store-popup--success .store-popup__icon {
    color: var(--bb-primary-300)
}

.store-popup--fail .store-popup__icon {
    color: var(--bb-global-error-500)
}

.store-popup__text {
    margin: 0
}

.store-popup__code {
    display: grid;
    gap: 4px;
    width: 100%
}

.store-popup__code[hidden] {
    display: none
}

.store-popup__code-value {
    padding: 10px 12px;
    border: 1px dashed var(--bb-neutral-400);
    border-radius: 4px;
    background: var(--bb-neutral-200);
    font-size: 14px;
    font-weight: 700;
    word-break: break-all;
    user-select: all
}

.store-popup__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
    border: 0;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    color: var(--bb-neutral-100);
    background: var(--bb-primary-300);
    cursor: pointer
}

.store-popup--success .store-popup__btn {
    background: var(--bb-primary-300)
}

.store-popup--fail .store-popup__btn {
    background: var(--bb-global-error-500)
}

.store-popup__actions {
    display: flex;
    gap: 12px;
    width: 100%
}

.store-popup__actions>* {
    flex: 1
}

@media(max-width: 1023px) {
    .store-popup {
        position:fixed;
        inset: auto 0 0 0;
        width: 100%;
        max-width: none;
        margin: 0;
        max-height: 90vh;
        overflow-y: auto;
        border-width: 1px 0 0 0;
        border-radius: 0
    }
}

body:has(.store-detail) .grid.gap-32.my-40 {
    margin-top: 0 !important
}

.articles--blog-magazine ul[data-widgets-container]>li>article>a:hover {
    color: inherit !important
}

.articles--blog-magazine ul[data-widgets-container]>li>article>a:hover>div>div:nth-child(2) {
    color: var(--bb-primary-600)
}

.articles--blog-magazine ul[data-widgets-container] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: row dense;
    gap: 30px
}

.articles--blog-magazine ul[data-widgets-container]>li {
    grid-column: span 2
}

.articles--blog-magazine ul[data-widgets-container]>li>article,.articles--blog-magazine ul[data-widgets-container]>li>article>a {
    height: 100%
}

.articles--blog-magazine ul[data-widgets-container]>li>article>a>img {
    flex: 0 0 auto
}

.articles--blog-magazine ul[data-widgets-container]>li>article>a>div {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.articles--blog-magazine ul[data-widgets-container]>li>article>a>div>ul {
    margin-top: auto
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1) {
    grid-column: span 3;
    grid-row: span 3
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a {
    height: 100%
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a>img {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 250px;
    object-fit: cover
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a>div {
    flex: 0 0 auto;
    height: auto
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a>div>div:nth-child(2) {
    height: 36px;
    -webkit-line-clamp: 2
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2),.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3),.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4) {
    grid-column: span 3;
    border: 1px solid var(--bb-neutral-400)
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2)>article,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3)>article,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4)>article {
    height: 100%
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2)>article>a,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3)>article>a,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4)>article>a {
    height: 100%;
    flex-direction: row;
    align-items: stretch
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2)>article>a>img,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3)>article>a>img,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4)>article>a>img {
    flex: 0 0 150px;
    width: 150px;
    height: auto;
    align-self: stretch;
    object-fit: cover
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2)>article>a>div,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3)>article>a>div,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4)>article>a>div {
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
    border: 0
}

.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+2)>article>a>div>div:nth-child(2),.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+3)>article>a>div>div:nth-child(2),.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+4)>article>a>div>div:nth-child(2) {
    height: 36px;
    font-size: 16px;
    -webkit-line-clamp: 2
}

@media(max-width: 1023px) {
    .articles--blog-magazine ul[data-widgets-container] {
        grid-template-columns:1fr;
        grid-template-rows: none;
        gap: 20px
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n) {
        grid-column: auto;
        grid-row: auto
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article>a {
        height: 100%
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article>a {
        flex-direction: row;
        align-items: stretch
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article>a>img {
        flex: 0 0 100px;
        width: 100px;
        height: auto;
        align-self: stretch;
        object-fit: cover
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article>a>div {
        flex: 1 1 auto;
        min-width: 0;
        height: auto;
        border: 0
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(n)>article>a>div>div:nth-child(2) {
        height: auto;
        font-size: 14px;
        -webkit-line-clamp: 2
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article,.articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a {
        height: auto
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a {
        flex-direction: column
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a>img {
        flex: 0 0 auto;
        align-self: auto;
        width: 100%;
        height: 200px;
        min-height: 0;
        object-fit: cover
    }

    .articles--blog-magazine ul[data-widgets-container]>li:nth-child(10n+1)>article>a>div>div:nth-child(2) {
        font-size: 14px
    }
}

.articles--blog-magazine.articles--related ul[data-widgets-container] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: none;
    grid-auto-flow: row;
    gap: 30px
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    border: 1px solid var(--bb-neutral-400)
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article,.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a {
    height: auto
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a {
    flex-direction: column;
    align-items: stretch
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>img {
    flex: 0 0 auto;
    align-self: auto;
    width: 100%;
    height: 200px;
    min-height: 0;
    object-fit: cover
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>div {
    flex: 0 0 auto;
    height: auto;
    border: 0
}

.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>div>div:nth-child(2) {
    height: 36px;
    font-size: 16px;
    -webkit-line-clamp: 2
}

@media(max-width: 1023px) {
    .articles--blog-magazine.articles--related ul[data-widgets-container] {
        grid-template-columns:1fr;
        gap: 20px
    }

    .articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article,.articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a {
        height: 100%
    }

    .articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a {
        flex-direction: row;
        align-items: stretch
    }

    .articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>img {
        flex: 0 0 100px;
        width: 100px;
        height: auto;
        align-self: stretch;
        object-fit: cover
    }

    .articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>div {
        flex: 1 1 auto;
        min-width: 0;
        height: auto;
        border: 0
    }

    .articles--blog-magazine.articles--related ul[data-widgets-container]>li:nth-child(n)>article>a>div>div:nth-child(2) {
        height: auto;
        font-size: 14px;
        -webkit-line-clamp: 2
    }
}

.articles--full {
    align-items: start
}

@media(min-width: 1024px) {
    .articles--full {
        grid-template-columns:300px minmax(0, 1fr)
    }
}

@media(max-width: 1023px) {
    .articles--full {
        grid-template-columns:1fr
    }
}

.articles--full-scroller {
    min-width: 0
}

.articles--full-scroller__viewport {
    position: relative;
    min-width: 0;
    max-width: 100%
}

.articles--full-scroller .btnScroller {
    display: flex;
    gap: 20px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
    cursor: grab;
    user-select: none
}

.articles--full-scroller .btnScroller::-webkit-scrollbar {
    display: none
}

.articles--full-scroller .btnScroller.dragging {
    cursor: grabbing
}

.articles--full-scroller .btnScroller a,.articles--full-scroller .btnScroller img {
    -webkit-user-drag: none
}

.articles--full-scroller .btnScroller>li img {
    height: 150px
}

.articles--full-scroller .btnScroller>li {
    flex: 0 0 calc((100% - 40px)/2.5)
}

@media(max-width: 1023px) {
    .articles--full-scroller .btnScroller>li {
        flex:0 0 calc((100% - 20px)/1.5)
    }
}

.articles--full-scroller .btnScroller>li>article>a:hover {
    color: inherit !important
}

.articles--full-scroller .btnScroller>li>article>a:hover>div>div:nth-child(2) {
    color: var(--bb-primary-600)
}

.scroller-dots__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    margin: 0;
    background: rgba(0,0,0,0);
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    appearance: none;
    -webkit-appearance: none
}

.scroller-dots__bar {
    display: block;
    width: 24px;
    height: 6px;
    border-radius: 4px;
    transition: background-color .2s ease
}

[data-scroller-bars] {
    margin-top: -12px;
    margin-bottom: -12px
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--bb-neutral-100, #fefefe) !important;
    text-decoration: none !important
}

.share-btn:hover,.share-btn:focus {
    text-decoration: none !important;
    color: var(--bb-neutral-100, #fefefe) !important
}

.share-btn--dark {
    background-color: #111 !important
}

.share-btn--dark:hover,.share-btn--dark:focus {
    background-color: #111 !important
}

.share-btn--facebook {
    background-color: #0967ff !important
}

.share-btn--facebook:hover,.share-btn--facebook:focus {
    background-color: #0967ff !important
}

.share-btn--whatsapp {
    background-color: #3D73C7 !important
}

.share-btn--whatsapp:hover,.share-btn--whatsapp:focus {
    background-color: #3D73C7 !important
}

[data-comment-form][data-comment-form-nested] {
    margin-left: 60px
}

@media(width < 1024px) {
    [data-comment-form][data-comment-form-nested] {
        margin-left: 20px
    }

    [data-comment-form-body] {
        flex-direction: column;
        align-items: stretch
    }

    [data-comment-form-submit] {
        margin-left: 0
    }

    [data-comment-head] {
        flex-wrap: wrap
    }

    [data-comment-head]>div {
        display: contents
    }

    [data-comment-head] p {
        flex-basis: 100%
    }

    [data-comment-head]>div>div {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px
    }

    [data-share-group] {
        padding-left: 0
    }

    div[id^=comment-] {
        padding-left: 0
    }

    div[id^=comment-]>[data-share-group] {
        padding-left: 20px
    }
}

@media(max-width: 1023px) {
    header[data-auto-hide-nav] {
        transition:transform .35s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    header[data-auto-hide-nav].nav-hidden {
        transform: translateY(-100%)
    }

    .sticky-bottom-contaier {
        transition: transform .35s cubic-bezier(0.25, 0.8, 0.25, 1);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .sticky-bottom-contaier.nav-hidden {
        transform: translate3d(0, 100%, 0)
    }

    html.header-hidden .stickyBonusCta:not(.notSticky),html.header-hidden .stickyBonusCta:not(.notSticky)+.sentinel {
        transform: translateY(4.75rem)
    }

    [data-follow-nav].sticky {
        transition: top .35s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    html.header-hidden [data-follow-nav].sticky {
        top: 0
    }

    [data-follow-footer-nav].sticky {
        transition: bottom .35s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    html.header-hidden [data-follow-footer-nav].sticky {
        bottom: 0
    }

    body:has(.sticky-bottom-contaier.nav-hidden ul) #vt-floating-icon {
        transform: translateY(76px)
    }

    body:has(.order-11[data-follow-footer-nav]) #vt-floating-icon {
        z-index: 1 !important
    }
}

.favorite-toggle--tap-24 {
    min-width: 24px;
    min-height: 24px
}

.favorite-toggle svg use {
    transition: fill .15s ease
}

.favorite-toggle .fav-star-on {
    display: none
}

.favorite-toggle .fav-star-off {
    fill: var(--bb-neutral-600, #888)
}

.favorite-toggle.is-favorited .fav-star-on {
    display: inline;
    fill: var(--bb-secondary-500, #fbbf16)
}

.favorite-toggle.is-favorited .fav-star-off {
    display: none
}

.odds-container-v2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.odds-container-v2 button {
    background: var(--bb-neutral-200, #f4f4f4);
    border-color: var(--bb-neutral-400, #ddd);
    color: var(--bb-neutral-850);
    cursor: pointer;
    transition: border-color .15s ease,background .15s ease
}

.odds-container-v2 button:hover {
    border-color: var(--bb-primary-300);
    background: var(--bb-primary-50)
}

.odds-hidden .odds-container-v2,.odds-hidden .events-league-cols {
    display: none
}

.events-match-marker-label {
    display: none
}

.odds-hidden .events-match-marker-label {
    display: inline
}

.odds-hidden .events-match-markers {
    width: auto;
    align-items: flex-start
}

.odds-hidden .events-match-markers svg {
    width: 12px;
    height: 12px
}

.events-odds-date-icon {
    width: 12px;
    height: 12px
}

.events-odds-date-spinner {
    display: none;
    width: 12px;
    height: 12px;
    border: 2px solid var(--bb-neutral-400, #ddd);
    border-top-color: var(--bb-primary-300, #1A52B8);
    border-radius: 50%;
    animation: eventsOddsSpin .7s linear infinite
}

.events-odds-loading .events-odds-date-icon>svg {
    display: none
}

.events-odds-loading .events-odds-date-spinner {
    display: block
}

.events-odds-loading [onclick*=stepEventsOddsDate] {
    pointer-events: none;
    opacity: .5
}

.events-odds-loading [data-widgets-container][data-page-number] {
    opacity: .5;
    pointer-events: none
}

@keyframes eventsOddsSpin {
    to {
        transform: rotate(360deg)
    }
}

.events-league-list>li:first-child>details>summary {
    border-top: 0
}

.events-odds-switch {
    background: var(--bb-neutral-100, #FEFEFE);
    cursor: pointer
}

.events-odds-switch__track {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    border-radius: 8px;
    background: var(--bb-neutral-400, #ddd);
    transition: background .15s ease;
    flex-shrink: 0
}

.events-odds-switch__thumb {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    transition: left .15s ease
}

.events-odds-switch.is-on .events-odds-switch__track {
    background: var(--bb-primary-300)
}

.events-odds-switch.is-on .events-odds-switch__thumb {
    left: 17px
}

.events-odds-switch.is-loading .events-odds-switch__thumb {
    display: none
}

.events-odds-switch.is-loading .events-odds-switch__track::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: eventsOddsSpin .7s linear infinite
}

.events-odds-switch-loading .events-odds-switch {
    pointer-events: none
}

.events-odds-switch-loading [data-widgets-container][data-page-number] {
    opacity: .5;
    pointer-events: none
}

dialog.Modal.searchTournamentsModal {
    height: 70dvh;
    bottom: 0;
    max-width: 100dvw;
    margin-bottom: 0;
    background: #fff
}

.competitions-modal {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%
}

.competitions-modal .competitions-tab {
    background: rgba(0,0,0,0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 2px solid rgba(0,0,0,0);
    color: var(--bb-neutral-700, #444);
    cursor: pointer;
    transition: color .15s ease,border-color .15s ease
}

.competitions-modal .competitions-tab.is-active {
    color: var(--bb-primary-300);
    border-bottom-color: var(--bb-primary-300)
}

.competitions-modal .competitions-panels {
    flex: 1 1 auto;
    min-height: 0
}

.competitions-modal .competitions-panel.is-hidden {
    display: none
}

.competitions-modal .competitions-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.competitions-modal .competitions-list::-webkit-scrollbar-track {
    border-left: 0;
    border-radius: 0;
    background: rgba(0,0,0,0)
}

.competitions-modal .competitions-list li:last-child {
    border-bottom: 0
}

.competitions-modal .competitions-list li img {
    border-radius: 50%
}

.competitions-modal .competitions-list li a,.competitions-modal .competitions-list li button {
    width: 100%;
    border: 0;
    background: rgba(0,0,0,0);
    font-family: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: background .15s ease
}

.competitions-modal .competitions-list li a:hover,.competitions-modal .competitions-list li button:hover {
    background: var(--bb-neutral-100, #f7f7f7)
}

.favorites-push-nudge {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 20000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 320px;
    padding: 12px;
    background: var(--bb-neutral-100, #fff);
    border: 1px solid var(--bb-neutral-400, #dcdcdc);
    border-radius: 5px;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px
}

.favorites-push-nudge__enable,.favorites-push-nudge__dismiss {
    padding: 6px 12px;
    border-radius: 4px;
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none
}

.favorites-push-nudge__enable {
    background: var(--bb-primary-300, #1a73e8);
    border: 0;
    color: #fff
}

.favorites-push-nudge__enable:disabled {
    opacity: .6;
    cursor: default
}

.favorites-push-nudge__dismiss {
    background: rgba(0,0,0,0);
    border: 1px solid var(--bb-neutral-400, #dcdcdc);
    color: inherit
}

.favorites-push-nudge__ios-hint {
    flex-basis: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--bb-neutral-700, #666)
}

.bb-standard-new-dropdown.reviews-sort {
    width: 150px
}

.bb-review-band--excellent,.bb-review-band--good,.bb-review-band--neutral,.bb-review-band--poor,.bb-review-band--negative {
    color: #fefefe
}

.bb-review-band--negative {
    background-color: #fe0101
}

.bb-review-band--poor {
    background-color: #f69800
}

.bb-review-band--neutral {
    background-color: #9ac127
}

.bb-review-band--good {
    background-color: #1A52B8
}

.bb-review-band--excellent {
    background-color: #196729
}

.bb-rating-slider__input {
    position: absolute;
    top: 50%;
    left: calc(10% - 9px);
    right: calc(10% - 9px);
    transform: translateY(-50%);
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer
}

.bb-rating-slider__input::-webkit-slider-runnable-track {
    height: 18px;
    border: 0;
    background: rgba(0,0,0,0)
}

.bb-rating-slider__input::-webkit-slider-thumb {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 4px solid #111;
    border-radius: 50%;
    background: #fefefe;
    box-shadow: none;
    cursor: pointer
}

.bb-rating-slider__input::-moz-range-track {
    height: 18px;
    border: 0;
    background: rgba(0,0,0,0)
}

.bb-rating-slider__input::-moz-range-thumb {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 4px solid #111;
    border-radius: 50%;
    background: #fefefe;
    cursor: pointer
}

.bb-rating-slider__input:focus-visible::-webkit-slider-thumb {
    outline: 2px solid #111;
    outline-offset: 2px
}

.bb-rating-slider__input:focus-visible::-moz-range-thumb {
    outline: 2px solid #111;
    outline-offset: 2px
}

.author-counter-tiles-wrap {
    container-type: inline-size;
    container-name: author-tiles;
    width: 100%
}

.author-counter-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.author-counter-tiles__item {
    display: flex;
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 12px
}

.author-counter-tiles__row {
    display: flex;
    align-items: center;
    gap: 8px
}

.author-counter-tiles__value {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -0.32px;
    color: var(--bb-neutral-750)
}

.author-counter-tiles__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.24px;
    color: var(--bb-neutral-850)
}

@container author-tiles (min-width: 400px) {
    .author-counter-tiles__item {
        flex: 1 1 calc(33.333% - 11px)
    }
}

@container author-tiles (min-width: 620px) {
    .author-counter-tiles {
        flex-wrap: nowrap
    }

    .author-counter-tiles__item {
        flex: 1 0 0;
        align-self: stretch
    }
}

body:has(.participant-page-2211) .title-wrapper {
    background: rgba(0,0,0,0);
    padding-left: 0;
    padding-right: 0
}

body:has(.participant-page-2211) ul[class~=flex][class~=gap-16][class~=fs-12][class~=color-bb-neutral-700] {
    row-gap: 8px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-layout__crumbs-bar {
        border-bottom:1px solid var(--bb-neutral-400)
    }

    body:has(.participant-page-2211) .pp-layout__crumbs {
        box-sizing: border-box;
        max-width: 1312px;
        height: 40px;
        padding: 0 16px;
        color: var(--bb-neutral-700)
    }

    body:has(.participant-page-2211) .pp-layout__crumbs [class~=color-bb-neutral-100-children-important] * {
        color: var(--bb-neutral-700) !important
    }

    body:has(.participant-page-2211) .pp-layout {
        box-sizing: border-box;
        max-width: 1312px;
        padding: 0 16px;
        margin: 40px auto;
        gap: 30px
    }

    body:has(.participant-page-2211) .pp-layout__left {
        width: 190px;
        gap: 32px
    }

    body:has(.participant-page-2211) .pp-layout__mid {
        gap: 40px
    }

    body:has(.participant-page-2211) .pp-layout__right {
        width: 410px;
        gap: 32px
    }

    body:has(.participant-page-2211) .pp-layout__mid>.pp-niw {
        margin-top: -40px
    }

    body:has(.participant-page-2211) .pp-layout__left .title-default {
        font-size: 16px;
        line-height: 20px;
        padding-left: 14px
    }

    body:has(.participant-page-2211) .pp-layout__left .title-default.title-border-left::before {
        width: 4px;
        height: 16px
    }
}

@media(max-width: 1023px) {
    body:has(.participant-page-2211) .pp-m-stack {
        padding-top:26px;
        padding-bottom: 32px;
        gap: 40px
    }

    body:has(.participant-page-2211) .pp-events-with-odds {
        padding-left: 16px;
        padding-right: 16px
    }

    body:has(.participant-page-2211) .pp-events-with-odds>[data-widget-wrapper]>ul[data-widgets-container] {
        background: var(--bb-neutral-100);
        border: 1px solid var(--bb-neutral-400);
        border-radius: 4px;
        overflow: hidden
    }

    body:has(.participant-page-2211) .pp-events-with-odds>[data-widget-wrapper]>ul[data-widgets-container]>li:first-child>details {
        border-top: 0
    }

    body:has(.participant-page-2211) .pp-m-stack>ul[class~=fs-12][class~=color-bb-neutral-700] {
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background: var(--bb-neutral-100);
        padding: 12px 16px 16px;
        border-bottom: 1px solid var(--bb-neutral-400);
        margin-bottom: -14px
    }

    body:has(.participant-page-2211) .pp-m-stack>ul[class~=fs-12][class~=color-bb-neutral-700]:first-child {
        margin-top: -26px
    }

    body:has(.participant-page-2211) .pp-m-stack>.participant-content:not(.pp-nm-seg) {
        padding-left: 16px;
        padding-right: 16px
    }

    body:has(.participant-page-2211) .pp-nm-seg {
        margin-left: 16px;
        margin-right: 16px
    }

    body:has(.participant-page-2211) .title-default {
        font-size: 18px;
        line-height: 1.1;
        padding-left: 14px
    }

    body:has(.participant-page-2211) .title-default.title-border-left::before {
        width: 4px;
        height: 18px
    }

    body:has(.participant-page-2211) div[class~=background-bb-neutral-200][class~=border-b-1]>div[class~=h-36] {
        height: 40px
    }
}

body:has(.participant-page-2211) h3.title-default {
    font-size: 16px;
    line-height: 1.1
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) h3.title-default {
        line-height:1.15
    }
}

body:has(.participant-page-2211) .pp-hero {
    background: var(--bb-neutral-100);
    color: var(--bb-neutral-850);
    padding: 24px 16px 16px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-hero {
        border:1px solid var(--bb-neutral-400);
        border-bottom-width: 0;
        border-radius: 4px 4px 0 0;
        padding: 20px 16px
    }
}

body:has(.participant-page-2211) .pp-hero__top {
    align-items: center
}

body:has(.participant-page-2211) .pp-hero__crest {
    width: 48px;
    height: 48px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-hero__crest {
        width:54px;
        height: 54px
    }
}

body:has(.participant-page-2211) .pp-hero__name {
    color: var(--bb-neutral-850);
    margin: 0
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-hero__name {
        font-size:32px;
        line-height: 35px
    }
}

body:has(.participant-page-2211) .pp-hero__form {
    list-style: none;
    margin: 0;
    padding: 0
}

body:has(.participant-page-2211) .pp-hero__form-dot {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-hero__meta {
    display: none;
    color: var(--bb-neutral-700)
}

body:has(.participant-page-2211) .pp-hero__meta svg {
    fill: var(--bb-neutral-700)
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-hero__meta {
        display:flex
    }
}

body:has(.participant-page-2211) .pp-hero__form-dot {
    color: var(--bb-neutral-100);
    font-size: 12px;
    font-weight: 700;
    line-height: 1
}

body:has(.participant-page-2211) .pp-niw {
    background: var(--bb-neutral-100)
}

body:has(.participant-page-2211) .pp-niw svg {
    display: none
}

body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item]>a {
    color: var(--bb-neutral-850);
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: none;
    border-bottom: 2px solid rgba(0,0,0,0);
    transition: border-color .15s ease,color .15s ease
}

body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item]>a:hover {
    color: var(--bb-primary-300);
    text-decoration: none
}

body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item].ActiveItem>a,body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item].ActiveItem>a:hover {
    background-color: rgba(0,0,0,0);
    color: var(--bb-primary-300) !important;
    border-bottom-color: var(--bb-primary-300)
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-niw {
        box-sizing:border-box;
        height: 44px;
        border: 1px solid var(--bb-neutral-400);
        border-radius: 0 0 4px 4px
    }

    body:has(.participant-page-2211) .pp-niw>ul {
        height: 42px
    }

    body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item]>a {
        padding: 0 10px;
        font-size: 14px;
        line-height: 1
    }
}

body:has(.participant-page-2211) .pp-niw:not(.fixed-niw)>ul:not(:has(.ActiveItem))>[data-internal-widgets-item]:first-child>a {
    color: var(--bb-primary-300) !important;
    border-bottom-color: var(--bb-primary-300)
}

@media(max-width: 1023px) {
    body:has(.participant-page-2211) .pp-niw {
        top:56px;
        border-bottom: 1px solid var(--bb-neutral-400);
        position: sticky
    }

    body:has(.participant-page-2211) .pp-niw::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 1px;
        width: 40px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, var(--bb-neutral-100) 60%)
    }

    body:has(.participant-page-2211) .pp-niw::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        z-index: 1;
        width: 7px;
        height: 7px;
        border-right: 1.5px solid var(--bb-neutral-850);
        border-bottom: 1.5px solid var(--bb-neutral-850);
        opacity: .5;
        transform: translateY(-50%) rotate(-45deg);
        pointer-events: none
    }

    body:has(.participant-page-2211) .pp-niw>ul {
        height: auto;
        padding-left: 6px;
        padding-right: 40px
    }

    body:has(.participant-page-2211) .pp-niw [data-internal-widgets-item]>a {
        padding: 10px;
        font-size: 12px;
        line-height: 16px
    }
}

body:has(.participant-page-2211) .niw-participant.fixed-niw {
    border-top-width: 0
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .niw-participant.fixed-niw {
        border-top-width:1px;
        border-top-color: var(--bb-neutral-400)
    }
}

body:has(.participant-page-2211) .pp-forma-stats ul:not(.pp-picker ul)>li:not(.pp-picker li) {
    min-height: 84px;
    justify-content: center
}

body:has(.participant-page-2211) .pp-forma-stats .pp-picker li {
    min-height: 0;
    justify-content: flex-start
}

body:has(.participant-page-2211) .participant-content .pp-content__text {
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: -0.02em
}

body:has(.participant-page-2211) .participant-content .pp-content__text p+p {
    margin-top: 12px
}

body:has(.participant-page-2211) .participant-content .pp-content__text strong,body:has(.participant-page-2211) .participant-content .pp-content__text b {
    font-weight: 700;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-content__card {
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 16px
}

body:has(.participant-page-2211) .pp-content__text p+p {
    margin-top: 12px
}

body:has(.participant-page-2211) .pp-content__text--clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

body:has(.participant-page-2211) .pp-content__more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--bb-neutral-850);
    cursor: pointer;
    position: static
}

body:has(.participant-page-2211) .pp-content__more.invisible {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--preview .pp-content__wrap {
    padding: 0
}

body:has(.participant-page-2211) .pp-nm-seg {
    background: var(--bb-global-white);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-nm-seg--scoreboard .pp-nm-crest {
    object-fit: contain
}

body:has(.participant-page-2211) .pp-nm-seg--scoreboard .pp-nm-form-dot {
    border-radius: 2px
}

body:has(.participant-page-2211) .pp-nm-seg--scoreboard article[class~=br-4][class~=border-1][class~=background-bb-neutral-100] {
    border: 0;
    border-radius: 0;
    background: rgba(0,0,0,0)
}

body:has(.participant-page-2211) .pp-nm-seg--preview {
    padding: 16px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-nm-seg--preview {
        padding:24px
    }
}

body:has(.participant-page-2211) .pp-nm-seg--odds>div>div:first-child {
    padding-left: 16px;
    padding-right: 16px
}

body:has(.participant-page-2211) .pp-nm-seg--tips>section {
    border-radius: inherit
}

body:has(.participant-page-2211) .pp-nm-seg {
    border-radius: 0;
    border-top-width: 0
}

body:has(.participant-page-2211) .pp-nm-seg:not(.pp-nm-seg~.pp-nm-seg) {
    border-top-width: 1px;
    border-radius: 4px 4px 0 0
}

body:has(.participant-page-2211) .pp-nm-seg:not(:has(~.pp-nm-seg)) {
    border-radius: 0 0 4px 4px
}

body:has(.participant-page-2211) .pp-nm-seg:not(.pp-nm-seg~.pp-nm-seg):not(:has(~.pp-nm-seg)) {
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-nm-seg:has(+.pp-nm-seg) {
    margin-bottom: -40px
}

body:has(.participant-page-2211) .pp-nm-title+.pp-nm-seg {
    margin-top: -28px
}

body:has(.participant-page-2211) .pp-nm-seg--scoreboard {
    background: var(--bb-neutral-200)
}

body:has(.participant-page-2211) .pp-nm-sb__teams {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    align-items: center
}

body:has(.participant-page-2211) .pp-nm-sb__center {
    min-width: 110px
}

body:has(.participant-page-2211) .pp-nm-sb__countdown,body:has(.participant-page-2211) .pp-nm-sb__score {
    font-variant-numeric: tabular-nums
}

@media(max-width: 1023px) {
    body:has(.participant-page-2211) .pp-nm-title {
        padding:0 16px
    }

    body:has(.participant-page-2211) .pp-nm-sb__teams {
        grid-template-columns: 1fr auto 1fr;
        gap: 8px
    }

    body:has(.participant-page-2211) .pp-nm-sb__team--home,body:has(.participant-page-2211) .pp-nm-sb__team--away {
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
        gap: 8px
    }

    body:has(.participant-page-2211) .pp-nm-sb__team--away {
        flex-direction: column
    }

    body:has(.participant-page-2211) .pp-nm-sb__center {
        min-width: 80px
    }

    body:has(.participant-page-2211) .pp-nm-sb__name {
        font-size: 14px
    }

    body:has(.participant-page-2211) .pp-nm-sb__name {
        text-align: center
    }
}

body:has(.participant-page-2211) .pp-nm-seg--tips .title-wrapper .title-default {
    font-size: 16px;
    line-height: 1.15;
    padding-left: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips .title-wrapper .title-default.title-border-left::before {
    display: none
}

body:has(.participant-page-2211) .pp-nm-sb__tournament {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-nm-sb__date {
    font-size: 14px;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-650)
}

body:has(.participant-page-2211) .pp-nm-sb__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em
}

body:has(.participant-page-2211) .pp-nm-sb__countdown,body:has(.participant-page-2211) .pp-nm-sb__score {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em
}

body:has(.participant-page-2211) .pp-nm-sb__venue {
    font-size: 12px;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-650)
}

body:has(.participant-page-2211) .pp-nm-seg--ai {
    padding: 16px
}

body:has(.participant-page-2211) .pp-nm-seg--ai .title-wrapper .title-default {
    font-size: 16px;
    line-height: 1.15;
    padding-left: 0
}

body:has(.participant-page-2211) .pp-nm-seg--ai .title-wrapper .title-default.title-border-left::before {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--tips details>summary:has(>h3) {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--tips {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 16px
}

body:has(.participant-page-2211) .pp-nm-seg--tips>* {
    grid-column: 1/-1
}

body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper {
    grid-column: 1;
    margin: 0;
    padding: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div {
    grid-column: 2;
    justify-content: flex-end
}

body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-primary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-secondary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-tertiary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-quaternary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-dash,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-danger,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-warning,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-light,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-light-danger,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-link,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-neutral,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-disabled {
    height: 44px;
    font-size: 14px;
    font-weight: 700
}

body:has(.participant-page-2211) .pp-nm-seg--tips details[data-tournament-id],body:has(.participant-page-2211) .pp-nm-seg--tips>[data-widgets-container]>div[data-tournament-id] {
    margin: 0 -16px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-top: 1px solid var(--bb-neutral-400);
    border-bottom: 1px solid var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-nm-seg--tips>[data-widgets-container] {
    display: block
}

body:has(.participant-page-2211) .pp-nm-seg--tips .tips-with-filters-match-panel {
    padding: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips .details>.summary {
    background: var(--bb-global-white);
    border-bottom: 1px solid var(--bb-neutral-400);
    cursor: default;
    pointer-events: none
}

body:has(.participant-page-2211) .pp-nm-seg--tips .details>.summary>svg.arrow-summary {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--tips .tips-datepicker-v2-tips-container {
    gap: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips .tips-datepicker-v2-tips-container>li[data-slides] {
    border: 0;
    border-top: 1px solid var(--bb-neutral-400);
    border-radius: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips .tips-datepicker-v2-tips-container>li[data-slides]:first-child {
    border-top: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips .tips-datepicker-v2-tips-container>li[data-slides]:hover {
    border-color: var(--bb-neutral-400)
}

@media(max-width: 1023px) {
    body:has(.participant-page-2211) .pp-nm-seg--tips {
        grid-template-columns:minmax(0, 1fr)
    }

    body:has(.participant-page-2211) .pp-nm-seg--tips .details>.summary {
        background: var(--bb-neutral-200)
    }

    body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div {
        grid-column: 1
    }

    body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-primary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-secondary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-tertiary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-quaternary,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-dash,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-danger,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-warning,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-light,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-light-danger,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-link,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-neutral,body:has(.participant-page-2211) .pp-nm-seg--tips>.title-wrapper+div>.btn-disabled {
        width: 100%;
        justify-content: center
    }
}

body:has(.participant-page-2211) .player-stats {
    display: block;
    overflow-x: auto
}

body:has(.participant-page-2211) .player-stats thead,body:has(.participant-page-2211) .player-stats tbody,body:has(.participant-page-2211) .player-stats tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

body:has(.participant-page-2211) .pp-result-badge {
    line-height: 1
}

body:has(.participant-page-2211) .pp-events-with-odds [data-widget-wrapper]>div>.title-wrapper {
    display: none
}

body:has(.participant-page-2211) .pp-events-with-odds:has(.pp-events-with-odds) {
    border: 0;
    background: rgba(0,0,0,0);
    border-radius: 0;
    overflow: visible
}

body:has(.participant-page-2211) .pp-events-with-odds:has(.pp-events-with-odds)>.title-wrapper {
    display: none
}

body:has(.participant-page-2211) .special-bonus-card-top-border {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06)
}

body:has(.participant-page-2211) .special-bonus-card-top-border>div>.background-bb-card-top-bg {
    border-radius: 4px 4px 0 0
}

body:has(.participant-page-2211) .pp-tstats__nav .btnScroller a,body:has(.participant-page-2211) .pp-tstats__nav .btnScroller button {
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    background: var(--bb-neutral-150);
    color: var(--bb-neutral-650)
}

body:has(.participant-page-2211) .pp-tstats__nav .btnScroller a:hover,body:has(.participant-page-2211) .pp-tstats__nav .btnScroller button:hover {
    background: var(--bb-neutral-200);
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-tstats__nav .btnScroller a.active,body:has(.participant-page-2211) .pp-tstats__nav .btnScroller a.active:hover,body:has(.participant-page-2211) .pp-tstats__nav .btnScroller button.active,body:has(.participant-page-2211) .pp-tstats__nav .btnScroller button.active:hover {
    background: var(--bb-primary-500);
    color: var(--bb-global-white);
    border-bottom: 0
}

body:has(.participant-page-2211) .pp-tstats tr.highlightedParticipant {
    box-shadow: inset 3px 0 0 var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-nm-seg--odds>div>div:first-child {
    background: var(--bb-neutral-100)
}

body:has(.participant-page-2211) .pp-nm-seg--odds button[onclick^=openOddsModal] {
    transition: border-color .15s ease
}

body:has(.participant-page-2211) .pp-nm-seg--odds button[onclick^=openOddsModal]:hover {
    border-color: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-nm-seg--odds ul[class~=flex][class~=br-4][class~=border-1]>li>button[class~=background-bb-primary-300] {
    color: var(--bb-global-white)
}

body:has(.participant-page-2211) li[data-slides] {
    border-radius: 4px;
    transition: border-color .15s ease
}

body:has(.participant-page-2211) li[data-slides]:hover {
    border-color: var(--bb-primary-300)
}

body:has(.participant-page-2211) [data-filter-panel] {
    border-radius: 4px
}

body:has(.participant-page-2211) [data-filter-panel] summary {
    border-radius: 4px 4px 0 0
}

body:has(.participant-page-2211) section[class~=grid][class~=gap-20]>ul[class~=grid][class~=gap-24] {
    row-gap: 16px
}

body:has(.participant-page-2211) li[class~=p-20][class~=flex-col][class~=border-1][class~=br-4][class~=background-bb-neutral-100] {
    transition: border-color .15s ease
}

body:has(.participant-page-2211) li[class~=p-20][class~=flex-col][class~=border-1][class~=br-4][class~=background-bb-neutral-100]:hover {
    border-color: var(--bb-primary-300)
}

body:has(.participant-page-2211) ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4][class~=overflow-hidden] {
    transition: border-color .15s ease
}

body:has(.participant-page-2211) ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4][class~=overflow-hidden]:hover {
    border-color: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-events-with-odds>[data-widget-wrapper] {
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    overflow: visible
}

body:has(.participant-page-2211) .pp-events-with-odds>.title-wrapper {
    padding: 0
}

body:has(.participant-page-2211) .pp-nm-seg--tips {
    padding: 16px
}

body:has(.participant-page-2211) .pp-op__tnc>[data-clamped-text-container] {
    display: none
}

body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div {
    justify-content: flex-start
}

body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div>svg {
    display: none
}

body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div>.title-default {
    position: relative;
    padding-left: 18px
}

body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div>.title-default::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 1em;
    background: var(--bb-primary-500)
}

@media(max-width: 1023px) {
    body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div>.title-default {
        padding-left:14px
    }

    body:has(.participant-page-2211) section:has(>ul[class~=d-grid][class~=gap-16]>li[class~=border-1][class~=br-4])>.title-wrapper>div>.title-default::before {
        width: 4px
    }
}

body:has(.participant-page-2211) .pp-sec-head {
    flex-wrap: wrap;
    row-gap: 8px
}

body:has(.participant-page-2211) .pp-picker,body:has(.participant-page-2211) .pp-sec-head>[role=group] {
    width: 100%;
    order: 2
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-sec-head {
        flex-wrap:nowrap
    }

    body:has(.participant-page-2211) .pp-picker,body:has(.participant-page-2211) .pp-sec-head>[role=group] {
        width: 260px;
        flex: 0 0 260px;
        order: 0
    }

    body:has(.participant-page-2211) .pp-sec-head>[role=group]>.pp-picker {
        width: 100%;
        flex: 1 1 auto
    }
}

body:has(.participant-page-2211) .pp-sec-head {
    position: relative;
    z-index: 1
}

body:has(.participant-page-2211) .pp-sec-head:has(.pp-picker.active) {
    z-index: 20
}

body:has(.participant-page-2211) .pp-picker.active {
    position: relative;
    z-index: 20
}

body:has(.participant-page-2211) .pp-picker {
    height: 40px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    box-sizing: border-box
}

body:has(.participant-page-2211) .pp-picker>button {
    height: 38px;
    padding: 0 12px !important;
    gap: 8px
}

body:has(.participant-page-2211) .pp-picker__icon {
    fill: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-picker__label {
    text-align: left
}

body:has(.participant-page-2211) .pp-picker>ul {
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400) !important;
    border-radius: 0 0 4px 4px !important
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker {
    width: 100%;
    flex-basis: 100%
}

body:has(.participant-page-2211) .pp-sidebar {
    gap: 16px
}

body:has(.participant-page-2211) .pp-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none
}

body:has(.participant-page-2211) .pp-sidebar__item,body:has(.participant-page-2211) .pp-sidebar__row {
    min-width: 0
}

body:has(.participant-page-2211) .pp-sidebar a.pp-sidebar__link,body:has(.participant-page-2211) .pp-sidebar button.pp-sidebar__link,body:has(.participant-page-2211) .pp-sidebar div.pp-sidebar__link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    text-align: left;
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: color .15s ease
}

body:has(.participant-page-2211) .pp-sidebar a.pp-sidebar__link:hover,body:has(.participant-page-2211) .pp-sidebar button.pp-sidebar__link:hover,body:has(.participant-page-2211) .pp-sidebar div.pp-sidebar__link:hover {
    color: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-sidebar div.pp-sidebar__link {
    cursor: default
}

body:has(.participant-page-2211) .pp-sidebar div.pp-sidebar__link:hover {
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-sidebar__label {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-sidebar__flag {
    display: block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    object-fit: cover
}

body:has(.participant-page-2211) .pp-sidebar--m {
    gap: 14px
}

body:has(.participant-page-2211) .pp-sidebar__card {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    overflow: hidden;
    background: var(--bb-global-white)
}

body:has(.participant-page-2211) .pp-sidebar__row {
    border-bottom: 1px solid var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-sidebar__row:last-child {
    border-bottom: 0
}

body:has(.participant-page-2211) .pp-sidebar__row>a.pp-sidebar__link,body:has(.participant-page-2211) .pp-sidebar__row>button.pp-sidebar__link,body:has(.participant-page-2211) .pp-sidebar__row>div.pp-sidebar__link {
    gap: 10px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3
}

body:has(.participant-page-2211) .pp-sidebar__dot {
    display: inline-block;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-sidebar a.pp-sidebar__link {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%
}

body:has(.participant-page-2211) .pp-sidebar,body:has(.participant-page-2211) .pp-sidebar__list,body:has(.participant-page-2211) .pp-sidebar__item {
    min-width: 0;
    max-width: 100%
}

body:has(.participant-page-2211) .pp-sidebar__item>.pp-sidebar__link {
    max-width: 100%
}

body:has(.participant-page-2211) .pp-results__groups {
    display: grid;
    gap: 12px
}

body:has(.participant-page-2211) .pp-results__group {
    display: block;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    overflow: hidden
}

body:has(.participant-page-2211) .pp-results__group--extra {
    display: none
}

body:has(.participant-page-2211) .pp-results__group-head {
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    height: 40px;
    padding: 0 12px;
    cursor: pointer;
    list-style: none
}

body:has(.participant-page-2211) .pp-results__group-flag {
    display: block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    object-fit: cover
}

body:has(.participant-page-2211) .pp-results__group-name {
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-results__chev {
    flex: 0 0 auto;
    margin-left: auto;
    opacity: .5;
    transition: transform .2s ease
}

body:has(.participant-page-2211) .pp-results__group[open]>.pp-results__group-head .pp-results__chev {
    transform: rotate(180deg)
}

body:has(.participant-page-2211) .pp-results__rows {
    list-style: none;
    margin: 0;
    padding: 0
}

body:has(.participant-page-2211) .pp-results__row {
    display: block;
    border-top: 1px solid var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-results__row--extra {
    display: none
}

body:has(.participant-page-2211) .pp-results a.pp-results__link,body:has(.participant-page-2211) .pp-results button.pp-results__link,body:has(.participant-page-2211) .pp-results div.pp-results__link {
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 12px;
    margin: 0;
    border: 0;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    color: inherit;
    text-align: left;
    text-decoration: none
}

body:has(.participant-page-2211) .pp-results a.pp-results__link,body:has(.participant-page-2211) .pp-results button.pp-results__link {
    cursor: pointer
}

body:has(.participant-page-2211) .pp-results div.pp-results__link {
    cursor: default
}

body:has(.participant-page-2211) .pp-results__meta {
    display: flex;
    flex: 0 0 56px;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

body:has(.participant-page-2211) .pp-results__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--bb-global-white)
}

body:has(.participant-page-2211) .pp-results__badge--win {
    background: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-results__badge--draw {
    background: var(--bb-global-warning-600)
}

body:has(.participant-page-2211) .pp-results__badge--loss {
    background: var(--bb-secondary-600)
}

body:has(.participant-page-2211) .pp-results__date {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-700);
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-results__teams {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

body:has(.participant-page-2211) .pp-results__team {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0
}

body:has(.participant-page-2211) .pp-results__team-id {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex: 1 1 0;
    min-width: 0
}

body:has(.participant-page-2211) .pp-results__team-logo {
    display: block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px
}

body:has(.participant-page-2211) .pp-results__team-name {
    flex: 1 1 0;
    min-width: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-results__team-name--focal {
    font-weight: 600
}

body:has(.participant-page-2211) .pp-results__score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 18px;
    max-width: 26px;
    padding: 0 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    background: var(--bb-neutral-200);
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-results__score--win {
    background: var(--bb-primary-50);
    color: var(--bb-primary-800)
}

body:has(.participant-page-2211) .pp-results__more-toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-results__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--bb-neutral-850);
    cursor: pointer;
    user-select: none
}

body:has(.participant-page-2211) .pp-results__more-label {
    text-decoration: underline;
    text-underline-offset: 3px
}

body:has(.participant-page-2211) .pp-results__more-less {
    display: none
}

body:has(.participant-page-2211) .pp-results__more-chev {
    flex: 0 0 auto;
    transition: transform .2s ease
}

body:has(.participant-page-2211) .pp-results__more-toggle:checked~.pp-results__groups .pp-results__row--extra,body:has(.participant-page-2211) .pp-results__more-toggle:checked~.pp-results__groups .pp-results__group--extra {
    display: block
}

body:has(.participant-page-2211) .pp-results__more-toggle:checked~.pp-results__more .pp-results__more-open {
    display: none
}

body:has(.participant-page-2211) .pp-results__more-toggle:checked~.pp-results__more .pp-results__more-less {
    display: inline
}

body:has(.participant-page-2211) .pp-results__more-toggle:checked~.pp-results__more .pp-results__more-chev {
    transform: rotate(180deg)
}

body:has(.participant-page-2211) .pp-results__more-toggle:focus-visible~.pp-results__more {
    outline: 2px solid var(--bb-primary-300);
    outline-offset: 2px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-results a.pp-results__link,body:has(.participant-page-2211) .pp-results button.pp-results__link,body:has(.participant-page-2211) .pp-results div.pp-results__link {
        gap:16px
    }

    body:has(.participant-page-2211) .pp-results__meta {
        flex-basis: 110px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px
    }
}

body:has(.participant-page-2211) .pp-results__paging {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap
}

body:has(.participant-page-2211) .pp-results__more--btn {
    margin: 0;
    border: 0;
    background: none;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none
}

body:has(.participant-page-2211) .pp-results__more--btn .pp-results__more-label {
    text-decoration: underline;
    text-underline-offset: 3px
}

body:has(.participant-page-2211) .pp-results__more--btn .pp-results__more-chev--up {
    transform: rotate(180deg)
}

body:has(.participant-page-2211) .pp-results__more--btn:hover {
    color: var(--bb-primary-500)
}

body:has(.participant-page-2211) .pp-squad {
    gap: 16px
}

body:has(.participant-page-2211) .pp-squad .pp-picker {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding: 0 12px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-squad .pp-picker>ul {
    left: -1px;
    width: calc(100% + 2px)
}

body:has(.participant-page-2211) .pp-squad__card {
    box-sizing: border-box;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

body:has(.participant-page-2211) .pp-squad__head {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 12px 0;
    border-bottom: 2px solid var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-squad__title {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-squad__title .pp-squad__num {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

body:has(.participant-page-2211) .pp-squad__num {
    flex: 0 0 auto;
    width: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-700)
}

body:has(.participant-page-2211) .pp-squad__num--coach {
    font-size: 14px;
    color: var(--bb-neutral-650)
}

body:has(.participant-page-2211) .pp-squad__row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--bb-neutral-200)
}

body:has(.participant-page-2211) .pp-squad__player {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px
}

body:has(.participant-page-2211) .pp-squad__flag {
    display: block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    object-fit: cover
}

body:has(.participant-page-2211) .pp-squad__name {
    flex: 1 1 0;
    min-width: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-squad__name--coach {
    font-weight: 600;
    line-height: 1.3
}

body:has(.participant-page-2211) .pp-squad__stats {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-squad__stats--head {
    font-size: 12px;
    font-weight: 600;
    color: var(--bb-neutral-700)
}

body:has(.participant-page-2211) .pp-squad__c {
    box-sizing: border-box;
    text-align: center
}

body:has(.participant-page-2211) .pp-squad__c--m {
    width: 32px
}

body:has(.participant-page-2211) .pp-squad__c--g,body:has(.participant-page-2211) .pp-squad__c--a {
    width: 28px
}

body:has(.participant-page-2211) .pp-squad__c--min {
    width: 44px;
    text-align: right
}

body:has(.participant-page-2211) .pp-squad__row .pp-squad__c--min {
    font-size: 12px;
    color: var(--bb-neutral-700)
}

body:has(.participant-page-2211) .pp-squad__th {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    cursor: pointer;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-squad__th.is-active {
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-squad__th.is-active::after {
    content: "↓";
    display: inline-block;
    margin-left: 1px;
    font-size: 9px;
    line-height: 1;
    vertical-align: 1px
}

body:has(.participant-page-2211) .pp-squad__th.is-asc::after {
    content: "↑"
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-squad__card {
        padding:16px;
        gap: 16px
    }

    body:has(.participant-page-2211) .pp-squad__title {
        line-height: 1.15
    }

    body:has(.participant-page-2211) .pp-squad__num {
        width: 22px
    }

    body:has(.participant-page-2211) .pp-squad__player {
        gap: 8px
    }

    body:has(.participant-page-2211) .pp-squad__name {
        font-weight: 600;
        line-height: 1.3
    }

    body:has(.participant-page-2211) .pp-squad__stats {
        gap: 16px
    }

    body:has(.participant-page-2211) .pp-squad__c--m {
        width: 40px
    }

    body:has(.participant-page-2211) .pp-squad__c--g,body:has(.participant-page-2211) .pp-squad__c--a {
        width: 36px
    }

    body:has(.participant-page-2211) .pp-squad__c--min {
        width: 56px
    }
}

body:has(.participant-page-2211) .pp-forma-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 12px
}

body:has(.participant-page-2211) .pp-forma-card__picker {
    display: flex
}

body:has(.participant-page-2211) .pp-forma-card__picker .pp-picker {
    width: 100%;
    flex: 1 1 auto
}

body:has(.participant-page-2211) .pp-forma-tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px
}

body:has(.participant-page-2211) .pp-forma-stats .pp-forma-tiles>.pp-forma-tile {
    box-sizing: border-box;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    background: var(--bb-neutral-150);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    padding: 8px
}

body:has(.participant-page-2211) .pp-forma-tile__value {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-forma-tile__value--win {
    color: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-forma-tile__value--draw {
    color: var(--bb-secondary-400)
}

body:has(.participant-page-2211) .pp-forma-tile__value--loss {
    color: var(--bb-secondary-600)
}

body:has(.participant-page-2211) .pp-forma-tile__label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-forma-card__season {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-650)
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-forma-card {
        gap:16px;
        padding: 16px
    }

    body:has(.participant-page-2211) .pp-forma-tiles {
        gap: 12px
    }

    body:has(.participant-page-2211) .pp-forma-stats .pp-forma-tiles>.pp-forma-tile {
        padding: 12px
    }

    body:has(.participant-page-2211) .pp-forma-tile__value {
        font-size: 24px
    }
}

body:has(.participant-page-2211) .pp-tpicker {
    position: relative
}

body:has(.participant-page-2211) .pp-tpicker__icon {
    position: absolute;
    left: 12px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 6
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker {
    width: 100%;
    flex: 0 0 auto;
    order: 0;
    height: auto !important;
    background: var(--bb-global-white) !important;
    border: 1px solid var(--bb-neutral-400) !important;
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker>button {
    height: auto !important;
    padding: 12px 12px 12px 34px !important;
    gap: 16px;
    justify-content: flex-start
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker>button>div {
    justify-content: flex-start
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker>button span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-900)
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker>button>svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto
}

body:has(.participant-page-2211) .pp-tpicker .pp-picker>ul {
    border: 1px solid var(--bb-neutral-400) !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px !important;
    margin-top: 0 !important
}

body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.br-4,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-primary,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-secondary,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-tertiary,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-quaternary,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-dash,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-danger,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-warning,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-light,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-light-danger,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-link,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-neutral,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-disabled,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-icon-light,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-filter,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-only-icon,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-only-icon-m,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.btn-only-icon-s,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>textarea,body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=text],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=password],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=url],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=tel],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=search],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=number],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type*=date],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=email],body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>input[type=checkbox] {
    background: var(--bb-global-white);
    border-color: var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.bb-standard-new-dropdown>button {
    border-color: var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-tstats table thead tr {
    text-transform: none;
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-900);
    border-bottom: 1px solid var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-tstats table thead tr th {
    height: 41px;
    padding-top: 0;
    padding-bottom: 0
}

body:has(.participant-page-2211) .pp-tstats table tbody tr {
    height: 34px
}

body:has(.participant-page-2211) .pp-tstats table tbody td {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-900)
}

body:has(.participant-page-2211) .pp-tstats table tbody td:nth-child(2) {
    font-weight: 600
}

body:has(.participant-page-2211) .pp-tstats table tbody td:nth-child(2) img {
    width: 16px;
    height: 16px
}

body:has(.participant-page-2211) .pp-tstats table tbody>tr:nth-child(2n+1) {
    background: var(--bb-neutral-150)
}

body:has(.participant-page-2211) .pp-tstats table tbody>tr:nth-child(2n) {
    background: var(--bb-global-white)
}

body:has(.participant-page-2211) .pp-tstats .btn-load-more {
    justify-content: flex-start;
    padding: 16px;
    border-top-color: var(--bb-neutral-400);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--bb-neutral-900)
}

body:has(.participant-page-2211) .pp-tstats .btn-load-more span {
    text-decoration: underline;
    text-underline-offset: 3px
}

body:has(.participant-page-2211) .pp-standings>.br-4,body:has(.participant-page-2211) .pp-standings>.btn,body:has(.participant-page-2211) .pp-standings>.btn-primary,body:has(.participant-page-2211) .pp-standings>.btn-secondary,body:has(.participant-page-2211) .pp-standings>.btn-tertiary,body:has(.participant-page-2211) .pp-standings>.btn-quaternary,body:has(.participant-page-2211) .pp-standings>.btn-dash,body:has(.participant-page-2211) .pp-standings>.btn-danger,body:has(.participant-page-2211) .pp-standings>.btn-warning,body:has(.participant-page-2211) .pp-standings>.btn-light,body:has(.participant-page-2211) .pp-standings>.btn-light-danger,body:has(.participant-page-2211) .pp-standings>.btn-link,body:has(.participant-page-2211) .pp-standings>.btn-neutral,body:has(.participant-page-2211) .pp-standings>.btn-disabled,body:has(.participant-page-2211) .pp-standings>.btn-icon-light,body:has(.participant-page-2211) .pp-standings>.btn-filter,body:has(.participant-page-2211) .pp-standings>.btn-only-icon,body:has(.participant-page-2211) .pp-standings>.btn-only-icon-m,body:has(.participant-page-2211) .pp-standings>.btn-only-icon-s,body:has(.participant-page-2211) .pp-standings>textarea,body:has(.participant-page-2211) .pp-standings>input[type=text],body:has(.participant-page-2211) .pp-standings>input[type=password],body:has(.participant-page-2211) .pp-standings>input[type=url],body:has(.participant-page-2211) .pp-standings>input[type=tel],body:has(.participant-page-2211) .pp-standings>input[type=search],body:has(.participant-page-2211) .pp-standings>input[type=number],body:has(.participant-page-2211) .pp-standings>input[type*=date],body:has(.participant-page-2211) .pp-standings>input[type=email],body:has(.participant-page-2211) .pp-standings>input[type=checkbox] {
    border-color: var(--bb-neutral-400)
}

body:has(.participant-page-2211) .pp-tstats [data-tournamenet-stats-container]>.bb-standard-new-dropdown {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--odds {
    padding: 0 16px 16px;
    gap: 0
}

body:has(.participant-page-2211) .pp-nm-seg--odds>.title-wrapper {
    margin: 32px 0 0;
    padding: 0;
    background: rgba(0,0,0,0)
}

body:has(.participant-page-2211) .pp-nm-seg--odds>.title-wrapper>div:first-child {
    padding-left: 0;
    padding-right: 0;
    background: rgba(0,0,0,0)
}

body:has(.participant-page-2211) .pp-nm-seg--odds>.title-wrapper .title-default {
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850);
    padding-left: 0 !important;
    margin: 0
}

body:has(.participant-page-2211) .pp-nm-seg--odds>.title-wrapper .title-default::before {
    display: none
}

body:has(.participant-page-2211) .pp-nm-seg--odds:has(+.pp-nm-seg--odds) {
    padding-bottom: 0
}

body:has(.participant-page-2211) .pp-nm-seg--odds:has(+.pp-nm-seg--odds) .pp-odds__all {
    display: none
}

body:has(.participant-page-2211) .pp-odds {
    min-width: 0
}

body:has(.participant-page-2211) .pp-odds__market {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-odds__grid {
    display: grid;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-odds__grid {
        gap:12px
    }
}

body:has(.participant-page-2211) .pp-odds__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

body:has(.participant-page-2211) .pp-odds__grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-odds__grid--4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
}

body:has(.participant-page-2211) .pp-odds__cell {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px
}

body:has(.participant-page-2211) .pp-odds__hdr {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--bb-neutral-850)
}

body:has(.participant-page-2211) .pp-odds__hdr--player {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body:has(.participant-page-2211) .pp-odds__pill {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px;
    overflow: hidden;
    background: var(--bb-global-white);
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: border-color .15s ease
}

body:has(.participant-page-2211) .pp-odds__pill:hover,body:has(.participant-page-2211) .pp-odds__pill:focus-visible {
    border-color: var(--bb-primary-300)
}

body:has(.participant-page-2211) .pp-odds__pill--stack {
    flex-direction: column
}

body:has(.participant-page-2211) .pp-odds__pill--stack .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill--stack .pp-odds__logo {
    width: 100%;
    height: 22px
}

body:has(.participant-page-2211) .pp-odds__pill--row {
    flex-direction: row;
    align-items: stretch
}

body:has(.participant-page-2211) .pp-odds__pill--row .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill--row .pp-odds__logo {
    flex: 1 1 0;
    height: 26px
}

body:has(.participant-page-2211) .pp-odds__pill--row .pp-odds__logo-img {
    height: 22px
}

body:has(.participant-page-2211) .pp-odds__odd {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    background: var(--bb-neutral-200);
    color: var(--bb-neutral-850);
    transition: background-color .15s ease,color .15s ease
}

body:has(.participant-page-2211) .pp-odds__pill:hover .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill:focus-visible .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill:active .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill.is-selected .pp-odds__odd,body:has(.participant-page-2211) .pp-odds__pill[aria-pressed=true] .pp-odds__odd {
    background: var(--bb-primary-300);
    color: var(--bb-global-white)
}

body:has(.participant-page-2211) .pp-odds__logo {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--bb-neutral-200)
}

body:has(.participant-page-2211) .pp-odds__logo-img {
    display: block;
    width: 54px;
    height: 18px;
    max-width: 100%;
    object-fit: fill;
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-odds__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bb-neutral-850);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: color .15s ease
}

body:has(.participant-page-2211) .pp-odds__all:hover {
    color: var(--bb-primary-500)
}

body:has(.participant-page-2211) .pp-odds__all-text {
    text-decoration: underline;
    text-underline-offset: 3px
}

body:has(.participant-page-2211) .pp-odds__all-icon {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    fill: currentColor
}

body:has(.participant-page-2211) .pp-op__list {
    margin: 0;
    padding: 0
}

body:has(.participant-page-2211) .pp-op__card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    background: var(--bb-neutral-100);
    border: 1px solid var(--bb-neutral-400);
    border-radius: 4px
}

@media(min-width: 1024px) {
    body:has(.participant-page-2211) .pp-op__card {
        padding:16px
    }
}

body:has(.participant-page-2211) a.pp-op__brand-link,body:has(.participant-page-2211) div.pp-op__brand-link {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    color: inherit;
    text-decoration: none
}

body:has(.participant-page-2211) a.pp-op__brand-link {
    cursor: pointer
}

body:has(.participant-page-2211) div.pp-op__brand-link {
    cursor: default
}

body:has(.participant-page-2211) .pp-op__logo {
    display: block;
    flex: 0 0 auto;
    width: 54px;
    height: 22px;
    max-width: 54px;
    object-fit: contain;
    border-radius: 4px
}

body:has(.participant-page-2211) .pp-op__name {
    flex: 1 1 0;
    min-width: 0
}

body:has(.participant-page-2211) .pp-op__rating {
    box-sizing: border-box;
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
    height: 22px;
    padding: 0 6px;
    line-height: 20px
}

body:has(.participant-page-2211) .pp-op__title {
    margin: 0
}

body:has(.participant-page-2211) a.pp-op__title-link,body:has(.participant-page-2211) span.pp-op__title-link {
    display: block;
    color: inherit;
    text-decoration: none
}

body:has(.participant-page-2211) .pp-op__tags>span {
    height: 20px
}

body:has(.participant-page-2211) .pp-op__cta-wrap {
    width: 100%
}

body:has(.participant-page-2211) a.pp-op__cta,body:has(.participant-page-2211) button.pp-op__cta {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none
}

body:has(.participant-page-2211) .pp-op__cta-icon {
    fill: currentColor;
    width: 10px;
    height: 10px
}

body:has(.participant-page-2211) a.pp-op__tnc-link,body:has(.participant-page-2211) button.pp-op__tnc-link {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none
}

body:has(.participant-page-2211) .pp-op .grayscale-cta.btn-primary,body:has(.participant-page-2211) .pp-op .grayscale-cta .btn-primary {
    background: var(--bb-primary-300);
    color: var(--bb-neutral-100)
}

body:has(.participant-page-2211) .pp-op .grayscale-cta.btn-primary:hover,body:has(.participant-page-2211) .pp-op .grayscale-cta .btn-primary:hover {
    background: var(--bb-primary-500)
}

[is-sapling-overlay],[data-grammarly-shadow-root],[data-grammarly-part],grammarly-extension,grammarly-extension-vbars,.lt-highlighter {
    display: none !important
}

@media (min-width: 1024px) {
    .body-top-menu-2 .MainMenuItem:hover>.SubList,.body-top-menu-2 .MainMenuItem:focus-within>.SubList {
        display:flex
    }
}