.sr-only {
    clip: rect(1px,1px,1px,1px) !important;
    border: 0 !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.box-flex {
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.cp {
    cursor: pointer
}

.us {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bg-white, .bgh-white:hover {
    background: var(--colorWhite)
}

.bg-black, .bgh-black:hover {
    background: #000
}

.cl-white {
    color: var(--colorWhite)
}

.cl-black {
    color: #000
}

.fl-white {
    fill: var(--colorWhite)
}

.fl-black {
    fill: #000
}

.bc-white {
    border: 1px solid var(--colorWhite)
}

.bc-black {
    border: 1px solid #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-zero {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-zero {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-zero {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-zero {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.px-zero {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-zero {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-zero {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-zero {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-zero {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

.py-zero {
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-zero {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-zero {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-zero {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-zero {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.mx-zero {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-zero {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-zero {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-zero {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-zero {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

.my-zero {
    margin-bottom: 0;
    margin-top: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-xxxs {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-xxxs {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-xxxs {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-xxxs {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

.px-xxxs {
    padding-left: 2px;
    padding-right: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-xxxs {
        padding-bottom: 2px !important;
        padding-top: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-xxxs {
        padding-bottom: 2px !important;
        padding-top: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-xxxs {
        padding-bottom: 2px !important;
        padding-top: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-xxxs {
        padding-bottom: 2px !important;
        padding-top: 2px !important
    }
}

.py-xxxs {
    padding-bottom: 2px;
    padding-top: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-xxxs {
        margin-left: 2px !important;
        margin-right: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-xxxs {
        margin-left: 2px !important;
        margin-right: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-xxxs {
        margin-left: 2px !important;
        margin-right: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-xxxs {
        margin-left: 2px !important;
        margin-right: 2px !important
    }
}

.mx-xxxs {
    margin-left: 2px;
    margin-right: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-xxxs {
        margin-bottom: 2px !important;
        margin-top: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-xxxs {
        margin-bottom: 2px !important;
        margin-top: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-xxxs {
        margin-bottom: 2px !important;
        margin-top: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-xxxs {
        margin-bottom: 2px !important;
        margin-top: 2px !important
    }
}

.my-xxxs {
    margin-bottom: 2px;
    margin-top: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-xxs {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-xxs {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-xxs {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-xxs {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

.px-xxs {
    padding-left: 4px;
    padding-right: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-xxs {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-xxs {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-xxs {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-xxs {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }
}

.py-xxs {
    padding-bottom: 4px;
    padding-top: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-xxs {
        margin-left: 4px !important;
        margin-right: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-xxs {
        margin-left: 4px !important;
        margin-right: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-xxs {
        margin-left: 4px !important;
        margin-right: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-xxs {
        margin-left: 4px !important;
        margin-right: 4px !important
    }
}

.mx-xxs {
    margin-left: 4px;
    margin-right: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-xxs {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-xxs {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-xxs {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-xxs {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }
}

.my-xxs {
    margin-bottom: 4px;
    margin-top: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-xs {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-xs {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-xs {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-xs {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

.px-xs {
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-xs {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-xs {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-xs {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-xs {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }
}

.py-xs {
    padding-bottom: 8px;
    padding-top: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-xs {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-xs {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-xs {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-xs {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
}

.mx-xs {
    margin-left: 8px;
    margin-right: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-xs {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-xs {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-xs {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-xs {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }
}

.my-xs {
    margin-bottom: 8px;
    margin-top: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-st {
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-st {
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-st {
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-st {
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

.px-st {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-st {
        padding-bottom: 12px !important;
        padding-top: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-st {
        padding-bottom: 12px !important;
        padding-top: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-st {
        padding-bottom: 12px !important;
        padding-top: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-st {
        padding-bottom: 12px !important;
        padding-top: 12px !important
    }
}

.py-st {
    padding-bottom: 12px;
    padding-top: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-st {
        margin-left: 12px !important;
        margin-right: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-st {
        margin-left: 12px !important;
        margin-right: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-st {
        margin-left: 12px !important;
        margin-right: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-st {
        margin-left: 12px !important;
        margin-right: 12px !important
    }
}

.mx-st {
    margin-left: 12px;
    margin-right: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-st {
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-st {
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-st {
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-st {
        margin-bottom: 12px !important;
        margin-top: 12px !important
    }
}

.my-st {
    margin-bottom: 12px;
    margin-top: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-sm {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-sm {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-sm {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-sm {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

.px-sm {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-sm {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-sm {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-sm {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-sm {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }
}

.py-sm {
    padding-bottom: 16px;
    padding-top: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-sm {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-sm {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-sm {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-sm {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
}

.mx-sm {
    margin-left: 16px;
    margin-right: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-sm {
        margin-bottom: 16px !important;
        margin-top: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-sm {
        margin-bottom: 16px !important;
        margin-top: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-sm {
        margin-bottom: 16px !important;
        margin-top: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-sm {
        margin-bottom: 16px !important;
        margin-top: 16px !important
    }
}

.my-sm {
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-md {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-md {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-md {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-md {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

.px-md {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-md {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-md {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-md {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-md {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }
}

.py-md {
    padding-bottom: 24px;
    padding-top: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-md {
        margin-left: 24px !important;
        margin-right: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-md {
        margin-left: 24px !important;
        margin-right: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-md {
        margin-left: 24px !important;
        margin-right: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-md {
        margin-left: 24px !important;
        margin-right: 24px !important
    }
}

.mx-md {
    margin-left: 24px;
    margin-right: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-md {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-md {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-md {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-md {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }
}

.my-md {
    margin-bottom: 24px;
    margin-top: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-lg {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-lg {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-lg {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-lg {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
}

.px-lg {
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-lg {
        padding-bottom: 32px !important;
        padding-top: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-lg {
        padding-bottom: 32px !important;
        padding-top: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-lg {
        padding-bottom: 32px !important;
        padding-top: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-lg {
        padding-bottom: 32px !important;
        padding-top: 32px !important
    }
}

.py-lg {
    padding-bottom: 32px;
    padding-top: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-lg {
        margin-left: 32px !important;
        margin-right: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-lg {
        margin-left: 32px !important;
        margin-right: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-lg {
        margin-left: 32px !important;
        margin-right: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-lg {
        margin-left: 32px !important;
        margin-right: 32px !important
    }
}

.mx-lg {
    margin-left: 32px;
    margin-right: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-lg {
        margin-bottom: 32px !important;
        margin-top: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-lg {
        margin-bottom: 32px !important;
        margin-top: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-lg {
        margin-bottom: 32px !important;
        margin-top: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-lg {
        margin-bottom: 32px !important;
        margin-top: 32px !important
    }
}

.my-lg {
    margin-bottom: 32px;
    margin-top: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-xl {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-xl {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-xl {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-xl {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

.px-xl {
    padding-left: 48px;
    padding-right: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-xl {
        padding-bottom: 48px !important;
        padding-top: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-xl {
        padding-bottom: 48px !important;
        padding-top: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-xl {
        padding-bottom: 48px !important;
        padding-top: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-xl {
        padding-bottom: 48px !important;
        padding-top: 48px !important
    }
}

.py-xl {
    padding-bottom: 48px;
    padding-top: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-xl {
        margin-left: 48px !important;
        margin-right: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-xl {
        margin-left: 48px !important;
        margin-right: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-xl {
        margin-left: 48px !important;
        margin-right: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-xl {
        margin-left: 48px !important;
        margin-right: 48px !important
    }
}

.mx-xl {
    margin-left: 48px;
    margin-right: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-xl {
        margin-bottom: 48px !important;
        margin-top: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-xl {
        margin-bottom: 48px !important;
        margin-top: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-xl {
        margin-bottom: 48px !important;
        margin-top: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-xl {
        margin-bottom: 48px !important;
        margin-top: 48px !important
    }
}

.my-xl {
    margin-bottom: 48px;
    margin-top: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:px-xxl {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:px-xxl {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:px-xxl {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:px-xxl {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
}

.px-xxl {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:py-xxl {
        padding-bottom: 80px !important;
        padding-top: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:py-xxl {
        padding-bottom: 80px !important;
        padding-top: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:py-xxl {
        padding-bottom: 80px !important;
        padding-top: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:py-xxl {
        padding-bottom: 80px !important;
        padding-top: 80px !important
    }
}

.py-xxl {
    padding-bottom: 80px;
    padding-top: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mx-xxl {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mx-xxl {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mx-xxl {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mx-xxl {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
}

.mx-xxl {
    margin-left: 80px;
    margin-right: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:my-xxl {
        margin-bottom: 80px !important;
        margin-top: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:my-xxl {
        margin-bottom: 80px !important;
        margin-top: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:my-xxl {
        margin-bottom: 80px !important;
        margin-top: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:my-xxl {
        margin-bottom: 80px !important;
        margin-top: 80px !important
    }
}

.my-xxl {
    margin-bottom: 80px;
    margin-top: 80px
}

.pa-zero {
    padding: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-zero {
        padding: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-zero {
        padding: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-zero {
        padding: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-zero {
        padding: 0 !important
    }
}

.pa-xxxs {
    padding: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-xxxs {
        padding: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-xxxs {
        padding: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-xxxs {
        padding: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-xxxs {
        padding: 2px !important
    }
}

.pa-xxs {
    padding: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-xxs {
        padding: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-xxs {
        padding: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-xxs {
        padding: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-xxs {
        padding: 4px !important
    }
}

.pa-xs {
    padding: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-xs {
        padding: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-xs {
        padding: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-xs {
        padding: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-xs {
        padding: 8px !important
    }
}

.pa-st {
    padding: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-st {
        padding: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-st {
        padding: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-st {
        padding: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-st {
        padding: 12px !important
    }
}

.pa-sm {
    padding: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-sm {
        padding: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-sm {
        padding: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-sm {
        padding: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-sm {
        padding: 16px !important
    }
}

.pa-md {
    padding: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-md {
        padding: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-md {
        padding: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-md {
        padding: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-md {
        padding: 24px !important
    }
}

.pa-lg {
    padding: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-lg {
        padding: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-lg {
        padding: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-lg {
        padding: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-lg {
        padding: 32px !important
    }
}

.pa-xl {
    padding: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-xl {
        padding: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-xl {
        padding: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-xl {
        padding: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-xl {
        padding: 48px !important
    }
}

.pa-xxl {
    padding: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pa-xxl {
        padding: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pa-xxl {
        padding: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pa-xxl {
        padding: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pa-xxl {
        padding: 80px !important
    }
}

.pr-zero {
    padding-right: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-zero {
        padding-right: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-zero {
        padding-right: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-zero {
        padding-right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-zero {
        padding-right: 0 !important
    }
}

.pr-xxxs {
    padding-right: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-xxxs {
        padding-right: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-xxxs {
        padding-right: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-xxxs {
        padding-right: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-xxxs {
        padding-right: 2px !important
    }
}

.pr-xxs {
    padding-right: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-xxs {
        padding-right: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-xxs {
        padding-right: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-xxs {
        padding-right: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-xxs {
        padding-right: 4px !important
    }
}

.pr-xs {
    padding-right: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-xs {
        padding-right: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-xs {
        padding-right: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-xs {
        padding-right: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-xs {
        padding-right: 8px !important
    }
}

.pr-st {
    padding-right: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-st {
        padding-right: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-st {
        padding-right: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-st {
        padding-right: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-st {
        padding-right: 12px !important
    }
}

.pr-sm {
    padding-right: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-sm {
        padding-right: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-sm {
        padding-right: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-sm {
        padding-right: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-sm {
        padding-right: 16px !important
    }
}

.pr-md {
    padding-right: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-md {
        padding-right: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-md {
        padding-right: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-md {
        padding-right: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-md {
        padding-right: 24px !important
    }
}

.pr-lg {
    padding-right: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-lg {
        padding-right: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-lg {
        padding-right: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-lg {
        padding-right: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-lg {
        padding-right: 32px !important
    }
}

.pr-xl {
    padding-right: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-xl {
        padding-right: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-xl {
        padding-right: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-xl {
        padding-right: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-xl {
        padding-right: 48px !important
    }
}

.pr-xxl {
    padding-right: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pr-xxl {
        padding-right: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pr-xxl {
        padding-right: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pr-xxl {
        padding-right: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pr-xxl {
        padding-right: 80px !important
    }
}

.pl-zero {
    padding-left: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-zero {
        padding-left: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-zero {
        padding-left: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-zero {
        padding-left: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-zero {
        padding-left: 0 !important
    }
}

.pl-xxxs {
    padding-left: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-xxxs {
        padding-left: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-xxxs {
        padding-left: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-xxxs {
        padding-left: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-xxxs {
        padding-left: 2px !important
    }
}

.pl-xxs {
    padding-left: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-xxs {
        padding-left: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-xxs {
        padding-left: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-xxs {
        padding-left: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-xxs {
        padding-left: 4px !important
    }
}

.pl-xs {
    padding-left: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-xs {
        padding-left: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-xs {
        padding-left: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-xs {
        padding-left: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-xs {
        padding-left: 8px !important
    }
}

.pl-st {
    padding-left: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-st {
        padding-left: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-st {
        padding-left: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-st {
        padding-left: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-st {
        padding-left: 12px !important
    }
}

.pl-sm {
    padding-left: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-sm {
        padding-left: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-sm {
        padding-left: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-sm {
        padding-left: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-sm {
        padding-left: 16px !important
    }
}

.pl-md {
    padding-left: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-md {
        padding-left: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-md {
        padding-left: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-md {
        padding-left: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-md {
        padding-left: 24px !important
    }
}

.pl-lg {
    padding-left: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-lg {
        padding-left: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-lg {
        padding-left: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-lg {
        padding-left: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-lg {
        padding-left: 32px !important
    }
}

.pl-xl {
    padding-left: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-xl {
        padding-left: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-xl {
        padding-left: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-xl {
        padding-left: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-xl {
        padding-left: 48px !important
    }
}

.pl-xxl {
    padding-left: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pl-xxl {
        padding-left: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pl-xxl {
        padding-left: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pl-xxl {
        padding-left: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pl-xxl {
        padding-left: 80px !important
    }
}

.pt-zero {
    padding-top: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-zero {
        padding-top: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-zero {
        padding-top: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-zero {
        padding-top: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-zero {
        padding-top: 0 !important
    }
}

.pt-xxxs {
    padding-top: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-xxxs {
        padding-top: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-xxxs {
        padding-top: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-xxxs {
        padding-top: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-xxxs {
        padding-top: 2px !important
    }
}

.pt-xxs {
    padding-top: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-xxs {
        padding-top: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-xxs {
        padding-top: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-xxs {
        padding-top: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-xxs {
        padding-top: 4px !important
    }
}

.pt-xs {
    padding-top: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-xs {
        padding-top: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-xs {
        padding-top: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-xs {
        padding-top: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-xs {
        padding-top: 8px !important
    }
}

.pt-st {
    padding-top: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-st {
        padding-top: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-st {
        padding-top: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-st {
        padding-top: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-st {
        padding-top: 12px !important
    }
}

.pt-sm {
    padding-top: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-sm {
        padding-top: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-sm {
        padding-top: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-sm {
        padding-top: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-sm {
        padding-top: 16px !important
    }
}

.pt-md {
    padding-top: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-md {
        padding-top: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-md {
        padding-top: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-md {
        padding-top: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-md {
        padding-top: 24px !important
    }
}

.pt-lg {
    padding-top: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-lg {
        padding-top: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-lg {
        padding-top: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-lg {
        padding-top: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-lg {
        padding-top: 32px !important
    }
}

.pt-xl {
    padding-top: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-xl {
        padding-top: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-xl {
        padding-top: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-xl {
        padding-top: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-xl {
        padding-top: 48px !important
    }
}

.pt-xxl {
    padding-top: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pt-xxl {
        padding-top: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pt-xxl {
        padding-top: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pt-xxl {
        padding-top: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pt-xxl {
        padding-top: 80px !important
    }
}

.pb-zero {
    padding-bottom: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-zero {
        padding-bottom: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-zero {
        padding-bottom: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-zero {
        padding-bottom: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-zero {
        padding-bottom: 0 !important
    }
}

.pb-xxxs {
    padding-bottom: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-xxxs {
        padding-bottom: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-xxxs {
        padding-bottom: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-xxxs {
        padding-bottom: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-xxxs {
        padding-bottom: 2px !important
    }
}

.pb-xxs {
    padding-bottom: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-xxs {
        padding-bottom: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-xxs {
        padding-bottom: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-xxs {
        padding-bottom: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-xxs {
        padding-bottom: 4px !important
    }
}

.pb-xs {
    padding-bottom: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-xs {
        padding-bottom: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-xs {
        padding-bottom: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-xs {
        padding-bottom: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-xs {
        padding-bottom: 8px !important
    }
}

.pb-st {
    padding-bottom: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-st {
        padding-bottom: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-st {
        padding-bottom: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-st {
        padding-bottom: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-st {
        padding-bottom: 12px !important
    }
}

.pb-sm {
    padding-bottom: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-sm {
        padding-bottom: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-sm {
        padding-bottom: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-sm {
        padding-bottom: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-sm {
        padding-bottom: 16px !important
    }
}

.pb-md {
    padding-bottom: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-md {
        padding-bottom: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-md {
        padding-bottom: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-md {
        padding-bottom: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-md {
        padding-bottom: 24px !important
    }
}

.pb-lg {
    padding-bottom: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-lg {
        padding-bottom: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-lg {
        padding-bottom: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-lg {
        padding-bottom: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-lg {
        padding-bottom: 32px !important
    }
}

.pb-xl {
    padding-bottom: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-xl {
        padding-bottom: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-xl {
        padding-bottom: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-xl {
        padding-bottom: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-xl {
        padding-bottom: 48px !important
    }
}

.pb-xxl {
    padding-bottom: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:pb-xxl {
        padding-bottom: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:pb-xxl {
        padding-bottom: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:pb-xxl {
        padding-bottom: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:pb-xxl {
        padding-bottom: 80px !important
    }
}

.ma-zero {
    margin: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-zero {
        margin: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-zero {
        margin: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-zero {
        margin: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-zero {
        margin: 0 !important
    }
}

.ma-xxxs {
    margin: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-xxxs {
        margin: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-xxxs {
        margin: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-xxxs {
        margin: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-xxxs {
        margin: 2px !important
    }
}

.ma-xxs {
    margin: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-xxs {
        margin: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-xxs {
        margin: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-xxs {
        margin: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-xxs {
        margin: 4px !important
    }
}

.ma-xs {
    margin: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-xs {
        margin: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-xs {
        margin: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-xs {
        margin: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-xs {
        margin: 8px !important
    }
}

.ma-st {
    margin: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-st {
        margin: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-st {
        margin: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-st {
        margin: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-st {
        margin: 12px !important
    }
}

.ma-sm {
    margin: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-sm {
        margin: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-sm {
        margin: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-sm {
        margin: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-sm {
        margin: 16px !important
    }
}

.ma-md {
    margin: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-md {
        margin: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-md {
        margin: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-md {
        margin: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-md {
        margin: 24px !important
    }
}

.ma-lg {
    margin: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-lg {
        margin: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-lg {
        margin: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-lg {
        margin: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-lg {
        margin: 32px !important
    }
}

.ma-xl {
    margin: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-xl {
        margin: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-xl {
        margin: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-xl {
        margin: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-xl {
        margin: 48px !important
    }
}

.ma-xxl {
    margin: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ma-xxl {
        margin: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ma-xxl {
        margin: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ma-xxl {
        margin: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ma-xxl {
        margin: 80px !important
    }
}

.mr-zero {
    margin-right: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-zero {
        margin-right: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-zero {
        margin-right: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-zero {
        margin-right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-zero {
        margin-right: 0 !important
    }
}

.mr-xxxs {
    margin-right: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-xxxs {
        margin-right: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-xxxs {
        margin-right: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-xxxs {
        margin-right: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-xxxs {
        margin-right: 2px !important
    }
}

.mr-xxs {
    margin-right: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-xxs {
        margin-right: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-xxs {
        margin-right: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-xxs {
        margin-right: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-xxs {
        margin-right: 4px !important
    }
}

.mr-xs {
    margin-right: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-xs {
        margin-right: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-xs {
        margin-right: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-xs {
        margin-right: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-xs {
        margin-right: 8px !important
    }
}

.mr-st {
    margin-right: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-st {
        margin-right: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-st {
        margin-right: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-st {
        margin-right: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-st {
        margin-right: 12px !important
    }
}

.mr-sm {
    margin-right: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-sm {
        margin-right: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-sm {
        margin-right: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-sm {
        margin-right: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-sm {
        margin-right: 16px !important
    }
}

.mr-md {
    margin-right: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-md {
        margin-right: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-md {
        margin-right: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-md {
        margin-right: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-md {
        margin-right: 24px !important
    }
}

.mr-lg {
    margin-right: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-lg {
        margin-right: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-lg {
        margin-right: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-lg {
        margin-right: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-lg {
        margin-right: 32px !important
    }
}

.mr-xl {
    margin-right: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-xl {
        margin-right: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-xl {
        margin-right: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-xl {
        margin-right: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-xl {
        margin-right: 48px !important
    }
}

.mr-xxl {
    margin-right: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mr-xxl {
        margin-right: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mr-xxl {
        margin-right: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mr-xxl {
        margin-right: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mr-xxl {
        margin-right: 80px !important
    }
}

.ml-zero {
    margin-left: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-zero {
        margin-left: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-zero {
        margin-left: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-zero {
        margin-left: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-zero {
        margin-left: 0 !important
    }
}

.ml-xxxs {
    margin-left: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-xxxs {
        margin-left: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-xxxs {
        margin-left: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-xxxs {
        margin-left: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-xxxs {
        margin-left: 2px !important
    }
}

.ml-xxs {
    margin-left: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-xxs {
        margin-left: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-xxs {
        margin-left: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-xxs {
        margin-left: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-xxs {
        margin-left: 4px !important
    }
}

.ml-xs {
    margin-left: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-xs {
        margin-left: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-xs {
        margin-left: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-xs {
        margin-left: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-xs {
        margin-left: 8px !important
    }
}

.ml-st {
    margin-left: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-st {
        margin-left: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-st {
        margin-left: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-st {
        margin-left: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-st {
        margin-left: 12px !important
    }
}

.ml-sm {
    margin-left: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-sm {
        margin-left: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-sm {
        margin-left: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-sm {
        margin-left: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-sm {
        margin-left: 16px !important
    }
}

.ml-md {
    margin-left: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-md {
        margin-left: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-md {
        margin-left: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-md {
        margin-left: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-md {
        margin-left: 24px !important
    }
}

.ml-lg {
    margin-left: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-lg {
        margin-left: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-lg {
        margin-left: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-lg {
        margin-left: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-lg {
        margin-left: 32px !important
    }
}

.ml-xl {
    margin-left: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-xl {
        margin-left: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-xl {
        margin-left: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-xl {
        margin-left: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-xl {
        margin-left: 48px !important
    }
}

.ml-xxl {
    margin-left: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ml-xxl {
        margin-left: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ml-xxl {
        margin-left: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ml-xxl {
        margin-left: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ml-xxl {
        margin-left: 80px !important
    }
}

.mt-zero {
    margin-top: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-zero {
        margin-top: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-zero {
        margin-top: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-zero {
        margin-top: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-zero {
        margin-top: 0 !important
    }
}

.mt-xxxs {
    margin-top: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-xxxs {
        margin-top: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-xxxs {
        margin-top: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-xxxs {
        margin-top: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-xxxs {
        margin-top: 2px !important
    }
}

.mt-xxs {
    margin-top: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-xxs {
        margin-top: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-xxs {
        margin-top: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-xxs {
        margin-top: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-xxs {
        margin-top: 4px !important
    }
}

.mt-xs {
    margin-top: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-xs {
        margin-top: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-xs {
        margin-top: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-xs {
        margin-top: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-xs {
        margin-top: 8px !important
    }
}

.mt-st {
    margin-top: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-st {
        margin-top: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-st {
        margin-top: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-st {
        margin-top: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-st {
        margin-top: 12px !important
    }
}

.mt-sm {
    margin-top: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-sm {
        margin-top: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-sm {
        margin-top: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-sm {
        margin-top: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-sm {
        margin-top: 16px !important
    }
}

.mt-md {
    margin-top: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-md {
        margin-top: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-md {
        margin-top: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-md {
        margin-top: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-md {
        margin-top: 24px !important
    }
}

.mt-lg {
    margin-top: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-lg {
        margin-top: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-lg {
        margin-top: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-lg {
        margin-top: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-lg {
        margin-top: 32px !important
    }
}

.mt-xl {
    margin-top: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-xl {
        margin-top: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-xl {
        margin-top: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-xl {
        margin-top: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-xl {
        margin-top: 48px !important
    }
}

.mt-xxl {
    margin-top: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mt-xxl {
        margin-top: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mt-xxl {
        margin-top: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mt-xxl {
        margin-top: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mt-xxl {
        margin-top: 80px !important
    }
}

.mb-zero {
    margin-bottom: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-zero {
        margin-bottom: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-zero {
        margin-bottom: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-zero {
        margin-bottom: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-zero {
        margin-bottom: 0 !important
    }
}

.mb-xxxs {
    margin-bottom: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-xxxs {
        margin-bottom: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-xxxs {
        margin-bottom: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-xxxs {
        margin-bottom: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-xxxs {
        margin-bottom: 2px !important
    }
}

.mb-xxs {
    margin-bottom: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-xxs {
        margin-bottom: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-xxs {
        margin-bottom: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-xxs {
        margin-bottom: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-xxs {
        margin-bottom: 4px !important
    }
}

.mb-xs {
    margin-bottom: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-xs {
        margin-bottom: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-xs {
        margin-bottom: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-xs {
        margin-bottom: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-xs {
        margin-bottom: 8px !important
    }
}

.mb-st {
    margin-bottom: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-st {
        margin-bottom: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-st {
        margin-bottom: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-st {
        margin-bottom: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-st {
        margin-bottom: 12px !important
    }
}

.mb-sm {
    margin-bottom: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-sm {
        margin-bottom: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-sm {
        margin-bottom: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-sm {
        margin-bottom: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-sm {
        margin-bottom: 16px !important
    }
}

.mb-md {
    margin-bottom: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-md {
        margin-bottom: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-md {
        margin-bottom: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-md {
        margin-bottom: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-md {
        margin-bottom: 24px !important
    }
}

.mb-lg {
    margin-bottom: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-lg {
        margin-bottom: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-lg {
        margin-bottom: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-lg {
        margin-bottom: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-lg {
        margin-bottom: 32px !important
    }
}

.mb-xl {
    margin-bottom: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-xl {
        margin-bottom: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-xl {
        margin-bottom: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-xl {
        margin-bottom: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-xl {
        margin-bottom: 48px !important
    }
}

.mb-xxl {
    margin-bottom: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:mb-xxl {
        margin-bottom: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:mb-xxl {
        margin-bottom: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:mb-xxl {
        margin-bottom: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:mb-xxl {
        margin-bottom: 80px !important
    }
}

.br-zero {
    border-radius: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-zero {
        border-radius: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-zero {
        border-radius: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-zero {
        border-radius: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-zero {
        border-radius: 0 !important
    }
}

.br-xxxs {
    border-radius: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-xxxs {
        border-radius: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-xxxs {
        border-radius: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-xxxs {
        border-radius: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-xxxs {
        border-radius: 2px !important
    }
}

.br-xxs {
    border-radius: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-xxs {
        border-radius: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-xxs {
        border-radius: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-xxs {
        border-radius: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-xxs {
        border-radius: 4px !important
    }
}

.br-xs {
    border-radius: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-xs {
        border-radius: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-xs {
        border-radius: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-xs {
        border-radius: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-xs {
        border-radius: 8px !important
    }
}

.br-sm {
    border-radius: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-sm {
        border-radius: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-sm {
        border-radius: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-sm {
        border-radius: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-sm {
        border-radius: 12px !important
    }
}

.br-md {
    border-radius: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-md {
        border-radius: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-md {
        border-radius: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-md {
        border-radius: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-md {
        border-radius: 16px !important
    }
}

.br-lg {
    border-radius: 20px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-lg {
        border-radius: 20px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-lg {
        border-radius: 20px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-lg {
        border-radius: 20px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-lg {
        border-radius: 20px !important
    }
}

.br-full {
    border-radius: 50%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:br-full {
        border-radius: 50% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:br-full {
        border-radius: 50% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:br-full {
        border-radius: 50% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:br-full {
        border-radius: 50% !important
    }
}

.bs-0 {
    box-shadow: none
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-0 {
        box-shadow: none !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-0 {
        box-shadow: none !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-0 {
        box-shadow: none !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-0 {
        box-shadow: none !important
    }
}

.bs-1 {
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-1 {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-1 {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-1 {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-1 {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15) !important
    }
}

.bs-2 {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-2 {
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-2 {
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-2 {
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-2 {
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12) !important
    }
}

.bs-3 {
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-3 {
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-3 {
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-3 {
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-3 {
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1) !important
    }
}

.bs-4 {
    box-shadow: 0 .4rem 3rem rgba(0,0,0,.1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-4 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-4 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-4 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-4 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

.bs-5 {
    box-shadow: 0 .4rem 3rem rgba(0,0,0,.1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bs-5 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bs-5 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bs-5 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bs-5 {
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1) !important
    }
}

.f-8 {
    font-size: .8rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-8 {
        font-size: .8rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-8 {
        font-size: .8rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-8 {
        font-size: .8rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-8 {
        font-size: .8rem !important
    }
}

.f-10 {
    font-size: 1rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-10 {
        font-size: 1rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-10 {
        font-size: 1rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-10 {
        font-size: 1rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-10 {
        font-size: 1rem !important
    }
}

.f-12 {
    font-size: 1.2rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-12 {
        font-size: 1.2rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-12 {
        font-size: 1.2rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-12 {
        font-size: 1.2rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-12 {
        font-size: 1.2rem !important
    }
}

.f-14 {
    font-size: 1.4rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-14 {
        font-size: 1.4rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-14 {
        font-size: 1.4rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-14 {
        font-size: 1.4rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-14 {
        font-size: 1.4rem !important
    }
}

.f-16 {
    font-size: 1.6rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-16 {
        font-size: 1.6rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-16 {
        font-size: 1.6rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-16 {
        font-size: 1.6rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-16 {
        font-size: 1.6rem !important
    }
}

.f-18 {
    font-size: 1.8rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-18 {
        font-size: 1.8rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-18 {
        font-size: 1.8rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-18 {
        font-size: 1.8rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-18 {
        font-size: 1.8rem !important
    }
}

.f-20 {
    font-size: 2rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-20 {
        font-size: 2rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-20 {
        font-size: 2rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-20 {
        font-size: 2rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-20 {
        font-size: 2rem !important
    }
}

.f-24 {
    font-size: 2.4rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-24 {
        font-size: 2.4rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-24 {
        font-size: 2.4rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-24 {
        font-size: 2.4rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-24 {
        font-size: 2.4rem !important
    }
}

.f-28 {
    font-size: 2.8rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-28 {
        font-size: 2.8rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-28 {
        font-size: 2.8rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-28 {
        font-size: 2.8rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-28 {
        font-size: 2.8rem !important
    }
}

.f-32 {
    font-size: 3.2rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-32 {
        font-size: 3.2rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-32 {
        font-size: 3.2rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-32 {
        font-size: 3.2rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-32 {
        font-size: 3.2rem !important
    }
}

.f-40 {
    font-size: 4rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-40 {
        font-size: 4rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-40 {
        font-size: 4rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-40 {
        font-size: 4rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-40 {
        font-size: 4rem !important
    }
}

.f-80 {
    font-size: 8rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-80 {
        font-size: 8rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-80 {
        font-size: 8rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-80 {
        font-size: 8rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-80 {
        font-size: 8rem !important
    }
}

.f-120 {
    font-size: 12rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-120 {
        font-size: 12rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-120 {
        font-size: 12rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-120 {
        font-size: 12rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-120 {
        font-size: 12rem !important
    }
}

.f-160 {
    font-size: 16rem
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:f-160 {
        font-size: 16rem !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:f-160 {
        font-size: 16rem !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:f-160 {
        font-size: 16rem !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:f-160 {
        font-size: 16rem !important
    }
}

.fw-light {
    font-weight: 300
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-light {
        font-weight: 300 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-light {
        font-weight: 300 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-light {
        font-weight: 300 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-light {
        font-weight: 300 !important
    }
}

.fw-normal {
    font-weight: 500
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-normal {
        font-weight: 500 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-normal {
        font-weight: 500 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-normal {
        font-weight: 500 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-normal {
        font-weight: 500 !important
    }
}

.fw-bold {
    font-weight: 700
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-bold {
        font-weight: 700 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-bold {
        font-weight: 700 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-bold {
        font-weight: 700 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-bold {
        font-weight: 700 !important
    }
}

.fw-semi-bold {
    font-weight: 600
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-semi-bold {
        font-weight: 600 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-semi-bold {
        font-weight: 600 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-semi-bold {
        font-weight: 600 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-semi-bold {
        font-weight: 600 !important
    }
}

.lh-reset {
    line-height: 1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:lh-reset {
        line-height: 1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:lh-reset {
        line-height: 1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:lh-reset {
        line-height: 1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:lh-reset {
        line-height: 1 !important
    }
}

.lh-regular {
    line-height: 1.25
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:lh-regular {
        line-height: 1.25 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:lh-regular {
        line-height: 1.25 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:lh-regular {
        line-height: 1.25 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:lh-regular {
        line-height: 1.25 !important
    }
}

.lh-spacious {
    line-height: 1.5
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:lh-spacious {
        line-height: 1.5 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:lh-spacious {
        line-height: 1.5 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:lh-spacious {
        line-height: 1.5 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:lh-spacious {
        line-height: 1.5 !important
    }
}

.fl-brand-primary {
    fill: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-primary {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-primary {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-primary {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-primary {
        fill: var(--colorBrandPrimary) !important
    }
}

.fl-brand-secondary {
    fill: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-secondary {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-secondary {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-secondary {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-secondary {
        fill: var(--colorBrandSecondary) !important
    }
}

.fl-brand-dark {
    fill: var(--colorBrandDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-dark {
        fill: var(--colorBrandDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-dark {
        fill: var(--colorBrandDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-dark {
        fill: var(--colorBrandDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-dark {
        fill: var(--colorBrandDark) !important
    }
}

.fl-brand-highlight {
    fill: var(--colorBrandHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-highlight {
        fill: var(--colorBrandHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-highlight {
        fill: var(--colorBrandHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-highlight {
        fill: var(--colorBrandHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-highlight {
        fill: var(--colorBrandHighlight) !important
    }
}

.fl-gradient-brand {
    fill: var(--colorGradientBrand)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-gradient-brand {
        fill: var(--colorGradientBrand) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-gradient-brand {
        fill: var(--colorGradientBrand) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-gradient-brand {
        fill: var(--colorGradientBrand) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-gradient-brand {
        fill: var(--colorGradientBrand) !important
    }
}

.fl-gradient-dark {
    fill: var(--colorGradientDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-gradient-dark {
        fill: var(--colorGradientDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-gradient-dark {
        fill: var(--colorGradientDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-gradient-dark {
        fill: var(--colorGradientDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-gradient-dark {
        fill: var(--colorGradientDark) !important
    }
}

.fl-gradient-light {
    fill: var(--colorGradientLight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-gradient-light {
        fill: var(--colorGradientLight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-gradient-light {
        fill: var(--colorGradientLight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-gradient-light {
        fill: var(--colorGradientLight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-gradient-light {
        fill: var(--colorGradientLight) !important
    }
}

.fl-interaction-primary {
    fill: var(--colorInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-primary {
        fill: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-primary {
        fill: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-primary {
        fill: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-primary {
        fill: var(--colorInteractionPrimary) !important
    }
}

.fl-interaction-secondary {
    fill: var(--colorInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-secondary {
        fill: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-secondary {
        fill: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-secondary {
        fill: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-secondary {
        fill: var(--colorInteractionSecondary) !important
    }
}

.fl-interaction-tertiary {
    fill: var(--colorInteractionTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-tertiary {
        fill: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-tertiary {
        fill: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-tertiary {
        fill: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-tertiary {
        fill: var(--colorInteractionTertiary) !important
    }
}

.fl-interaction-primary-hover {
    fill: var(--colorInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-primary-hover {
        fill: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-primary-hover {
        fill: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-primary-hover {
        fill: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-primary-hover {
        fill: var(--colorInteractionPrimaryHover) !important
    }
}

.fl-interaction-secondary-hover {
    fill: var(--colorInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-secondary-hover {
        fill: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-secondary-hover {
        fill: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-secondary-hover {
        fill: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-secondary-hover {
        fill: var(--colorInteractionSecondaryHover) !important
    }
}

.fl-interaction-primary-feedback {
    fill: var(--colorInteractionPrimaryFeedback)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-primary-feedback {
        fill: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-primary-feedback {
        fill: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-primary-feedback {
        fill: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-primary-feedback {
        fill: var(--colorInteractionPrimaryFeedback) !important
    }
}

.fl-info-banner-cta {
    fill: var(--colorInfoBannerCta)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-info-banner-cta {
        fill: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-info-banner-cta {
        fill: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-info-banner-cta {
        fill: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-info-banner-cta {
        fill: var(--colorInfoBannerCta) !important
    }
}

.fl-on-interaction-primary {
    fill: var(--colorOnInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-on-interaction-primary {
        fill: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-on-interaction-primary {
        fill: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-on-interaction-primary {
        fill: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-on-interaction-primary {
        fill: var(--colorOnInteractionPrimary) !important
    }
}

.fl-on-interaction-primary-hover {
    fill: var(--colorOnInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-on-interaction-primary-hover {
        fill: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-on-interaction-primary-hover {
        fill: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-on-interaction-primary-hover {
        fill: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-on-interaction-primary-hover {
        fill: var(--colorOnInteractionPrimaryHover) !important
    }
}

.fl-on-interaction-secondary {
    fill: var(--colorOnInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-on-interaction-secondary {
        fill: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-on-interaction-secondary {
        fill: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-on-interaction-secondary {
        fill: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-on-interaction-secondary {
        fill: var(--colorOnInteractionSecondary) !important
    }
}

.fl-on-interaction-secondary-hover {
    fill: var(--colorOnInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-on-interaction-secondary-hover {
        fill: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-on-interaction-secondary-hover {
        fill: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-on-interaction-secondary-hover {
        fill: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-on-interaction-secondary-hover {
        fill: var(--colorOnInteractionSecondaryHover) !important
    }
}

.fl-interaction-background-hover {
    fill: var(--colorInteractionBackgroundHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-background-hover {
        fill: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-background-hover {
        fill: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-background-hover {
        fill: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-background-hover {
        fill: var(--colorInteractionBackgroundHover) !important
    }
}

.fl-interaction-text-hover {
    fill: var(--colorInteractionTextHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-text-hover {
        fill: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-text-hover {
        fill: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-text-hover {
        fill: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-text-hover {
        fill: var(--colorInteractionTextHover) !important
    }
}

.fl-interaction-focus {
    fill: var(--colorInteractionFocus)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-focus {
        fill: var(--colorInteractionFocus) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-focus {
        fill: var(--colorInteractionFocus) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-focus {
        fill: var(--colorInteractionFocus) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-focus {
        fill: var(--colorInteractionFocus) !important
    }
}

.fl-interaction-focus-reversed {
    fill: var(--colorInteractionFocusReversed)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-interaction-focus-reversed {
        fill: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-interaction-focus-reversed {
        fill: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-interaction-focus-reversed {
        fill: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-interaction-focus-reversed {
        fill: var(--colorInteractionFocusReversed) !important
    }
}

.fl-main-text {
    fill: var(--colorMainText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-main-text {
        fill: var(--colorMainText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-main-text {
        fill: var(--colorMainText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-main-text {
        fill: var(--colorMainText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-main-text {
        fill: var(--colorMainText) !important
    }
}

.fl-tiers-subtitle-text {
    fill: var(--colorTiersSubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tiers-subtitle-text {
        fill: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tiers-subtitle-text {
        fill: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tiers-subtitle-text {
        fill: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tiers-subtitle-text {
        fill: var(--colorTiersSubtitleText) !important
    }
}

.fl-tier-3-subtitle-text {
    fill: var(--colorTier3SubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tier-3-subtitle-text {
        fill: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tier-3-subtitle-text {
        fill: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tier-3-subtitle-text {
        fill: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tier-3-subtitle-text {
        fill: var(--colorTier3SubtitleText) !important
    }
}

.fl-tier-1-tile {
    fill: var(--colorTier1Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tier-1-tile {
        fill: var(--colorTier1Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tier-1-tile {
        fill: var(--colorTier1Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tier-1-tile {
        fill: var(--colorTier1Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tier-1-tile {
        fill: var(--colorTier1Tile) !important
    }
}

.fl-tier-2-tile {
    fill: var(--colorTier2Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tier-2-tile {
        fill: var(--colorTier2Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tier-2-tile {
        fill: var(--colorTier2Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tier-2-tile {
        fill: var(--colorTier2Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tier-2-tile {
        fill: var(--colorTier2Tile) !important
    }
}

.fl-tier-3-tile {
    fill: var(--colorTier3Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tier-3-tile {
        fill: var(--colorTier3Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tier-3-tile {
        fill: var(--colorTier3Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tier-3-tile {
        fill: var(--colorTier3Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tier-3-tile {
        fill: var(--colorTier3Tile) !important
    }
}

.fl-how-it-works-text {
    fill: var(--colorHowItWorksText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-how-it-works-text {
        fill: var(--colorHowItWorksText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-how-it-works-text {
        fill: var(--colorHowItWorksText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-how-it-works-text {
        fill: var(--colorHowItWorksText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-how-it-works-text {
        fill: var(--colorHowItWorksText) !important
    }
}

.fl-how-it-works-icon-bg {
    fill: var(--colorHowItWorksIconBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-how-it-works-icon-bg {
        fill: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-how-it-works-icon-bg {
        fill: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-how-it-works-icon-bg {
        fill: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-how-it-works-icon-bg {
        fill: var(--colorHowItWorksIconBg) !important
    }
}

.fl-timer-bg {
    fill: var(--colorTimerBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-timer-bg {
        fill: var(--colorTimerBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-timer-bg {
        fill: var(--colorTimerBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-timer-bg {
        fill: var(--colorTimerBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-timer-bg {
        fill: var(--colorTimerBg) !important
    }
}

.fl-next-tier-text-3 {
    fill: var(--colorNextTierText3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-next-tier-text-3 {
        fill: var(--colorNextTierText3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-next-tier-text-3 {
        fill: var(--colorNextTierText3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-next-tier-text-3 {
        fill: var(--colorNextTierText3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-next-tier-text-3 {
        fill: var(--colorNextTierText3) !important
    }
}

.fl-default-tier {
    fill: var(--colorDefaultTier)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-default-tier {
        fill: var(--colorDefaultTier) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-default-tier {
        fill: var(--colorDefaultTier) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-default-tier {
        fill: var(--colorDefaultTier) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-default-tier {
        fill: var(--colorDefaultTier) !important
    }
}

.fl-rdp-sheet-tier-1 {
    fill: var(--colorRdpSheetTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-1 {
        fill: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-1 {
        fill: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-1 {
        fill: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-1 {
        fill: var(--colorRdpSheetTier1) !important
    }
}

.fl-rdp-sheet-tier-2 {
    fill: var(--colorRdpSheetTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-2 {
        fill: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-2 {
        fill: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-2 {
        fill: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-2 {
        fill: var(--colorRdpSheetTier2) !important
    }
}

.fl-rdp-sheet-tier-3 {
    fill: var(--colorRdpSheetTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-3 {
        fill: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-3 {
        fill: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-3 {
        fill: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-3 {
        fill: var(--colorRdpSheetTier3) !important
    }
}

.fl-rdp-sheet-tier-4 {
    fill: var(--colorRdpSheetTier4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-4 {
        fill: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-4 {
        fill: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-4 {
        fill: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-4 {
        fill: var(--colorRdpSheetTier4) !important
    }
}

.fl-star-bg-tier-1 {
    fill: var(--colorStarBgTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-star-bg-tier-1 {
        fill: var(--colorStarBgTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-star-bg-tier-1 {
        fill: var(--colorStarBgTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-star-bg-tier-1 {
        fill: var(--colorStarBgTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-star-bg-tier-1 {
        fill: var(--colorStarBgTier1) !important
    }
}

.fl-star-bg-tier-2 {
    fill: var(--colorStarBgTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-star-bg-tier-2 {
        fill: var(--colorStarBgTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-star-bg-tier-2 {
        fill: var(--colorStarBgTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-star-bg-tier-2 {
        fill: var(--colorStarBgTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-star-bg-tier-2 {
        fill: var(--colorStarBgTier2) !important
    }
}

.fl-star-bg-tier-3 {
    fill: var(--colorStarBgTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-star-bg-tier-3 {
        fill: var(--colorStarBgTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-star-bg-tier-3 {
        fill: var(--colorStarBgTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-star-bg-tier-3 {
        fill: var(--colorStarBgTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-star-bg-tier-3 {
        fill: var(--colorStarBgTier3) !important
    }
}

.fl-rdp-sheet-tier-text-bg-1 {
    fill: var(--colorRdpSheetTierTextBg1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-text-bg-1 {
        fill: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-text-bg-1 {
        fill: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-text-bg-1 {
        fill: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-text-bg-1 {
        fill: var(--colorRdpSheetTierTextBg1) !important
    }
}

.fl-rdp-sheet-tier-text-bg-2 {
    fill: var(--colorRdpSheetTierTextBg2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-text-bg-2 {
        fill: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-text-bg-2 {
        fill: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-text-bg-2 {
        fill: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-text-bg-2 {
        fill: var(--colorRdpSheetTierTextBg2) !important
    }
}

.fl-rdp-sheet-tier-text-bg-3 {
    fill: var(--colorRdpSheetTierTextBg3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-text-bg-3 {
        fill: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-text-bg-3 {
        fill: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-text-bg-3 {
        fill: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-text-bg-3 {
        fill: var(--colorRdpSheetTierTextBg3) !important
    }
}

.fl-rdp-sheet-tier-text-bg-4 {
    fill: var(--colorRdpSheetTierTextBg4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rdp-sheet-tier-text-bg-4 {
        fill: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rdp-sheet-tier-text-bg-4 {
        fill: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rdp-sheet-tier-text-bg-4 {
        fill: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rdp-sheet-tier-text-bg-4 {
        fill: var(--colorRdpSheetTierTextBg4) !important
    }
}

.fl-next-tier-1-rdp {
    fill: var(--colorNextTier1Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-next-tier-1-rdp {
        fill: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-next-tier-1-rdp {
        fill: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-next-tier-1-rdp {
        fill: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-next-tier-1-rdp {
        fill: var(--colorNextTier1Rdp) !important
    }
}

.fl-next-tier-2-rdp {
    fill: var(--colorNextTier2Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-next-tier-2-rdp {
        fill: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-next-tier-2-rdp {
        fill: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-next-tier-2-rdp {
        fill: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-next-tier-2-rdp {
        fill: var(--colorNextTier2Rdp) !important
    }
}

.fl-next-tier-3-rdp {
    fill: var(--colorNextTier3Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-next-tier-3-rdp {
        fill: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-next-tier-3-rdp {
        fill: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-next-tier-3-rdp {
        fill: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-next-tier-3-rdp {
        fill: var(--colorNextTier3Rdp) !important
    }
}

.fl-next-tier-4-rdp {
    fill: var(--colorNextTier4Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-next-tier-4-rdp {
        fill: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-next-tier-4-rdp {
        fill: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-next-tier-4-rdp {
        fill: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-next-tier-4-rdp {
        fill: var(--colorNextTier4Rdp) !important
    }
}

.fl-popup-text {
    fill: var(--colorPopupText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-popup-text {
        fill: var(--colorPopupText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-popup-text {
        fill: var(--colorPopupText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-popup-text {
        fill: var(--colorPopupText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-popup-text {
        fill: var(--colorPopupText) !important
    }
}

.fl-rating {
    fill: var(--colorRating)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating {
        fill: var(--colorRating) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating {
        fill: var(--colorRating) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating {
        fill: var(--colorRating) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating {
        fill: var(--colorRating) !important
    }
}

.fl-rating-background {
    fill: var(--colorRatingBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-background {
        fill: var(--colorRatingBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-background {
        fill: var(--colorRatingBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-background {
        fill: var(--colorRatingBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-background {
        fill: var(--colorRatingBackground) !important
    }
}

.fl-rating-feedback-background {
    fill: var(--colorRatingFeedbackBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-feedback-background {
        fill: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-feedback-background {
        fill: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-feedback-background {
        fill: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-feedback-background {
        fill: var(--colorRatingFeedbackBackground) !important
    }
}

.fl-rating-feedback-active {
    fill: var(--colorRatingFeedbackActive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-feedback-active {
        fill: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-feedback-active {
        fill: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-feedback-active {
        fill: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-feedback-active {
        fill: var(--colorRatingFeedbackActive) !important
    }
}

.fl-popular-icon {
    fill: var(--colorPopularIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-popular-icon {
        fill: var(--colorPopularIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-popular-icon {
        fill: var(--colorPopularIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-popular-icon {
        fill: var(--colorPopularIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-popular-icon {
        fill: var(--colorPopularIcon) !important
    }
}

.fl-rating-outline {
    fill: var(--colorRatingOutline)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-outline {
        fill: var(--colorRatingOutline) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-outline {
        fill: var(--colorRatingOutline) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-outline {
        fill: var(--colorRatingOutline) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-outline {
        fill: var(--colorRatingOutline) !important
    }
}

.fl-deal-highlight-lvl-1 {
    fill: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-highlight-lvl-1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-highlight-lvl-1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-highlight-lvl-1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-highlight-lvl-1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

.fl-deal-highlight-lvl-2 {
    fill: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-highlight-lvl-2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-highlight-lvl-2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-highlight-lvl-2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-highlight-lvl-2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

.fl-deal-tertiary {
    fill: var(--colorDealTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-tertiary {
        fill: var(--colorDealTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-tertiary {
        fill: var(--colorDealTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-tertiary {
        fill: var(--colorDealTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-tertiary {
        fill: var(--colorDealTertiary) !important
    }
}

.fl-deal-secondary {
    fill: var(--colorDealSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-secondary {
        fill: var(--colorDealSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-secondary {
        fill: var(--colorDealSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-secondary {
        fill: var(--colorDealSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-secondary {
        fill: var(--colorDealSecondary) !important
    }
}

.fl-deal-primary {
    fill: var(--colorDealPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-primary {
        fill: var(--colorDealPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-primary {
        fill: var(--colorDealPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-primary {
        fill: var(--colorDealPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-primary {
        fill: var(--colorDealPrimary) !important
    }
}

.fl-deal-text-on-white {
    fill: var(--colorDealTextOnWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-text-on-white {
        fill: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-text-on-white {
        fill: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-text-on-white {
        fill: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-text-on-white {
        fill: var(--colorDealTextOnWhite) !important
    }
}

.fl-deal-banner-text {
    fill: var(--colorDealBannerText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-banner-text {
        fill: var(--colorDealBannerText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-banner-text {
        fill: var(--colorDealBannerText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-banner-text {
        fill: var(--colorDealBannerText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-banner-text {
        fill: var(--colorDealBannerText) !important
    }
}

.fl-price-emphasis {
    fill: var(--colorPriceEmphasis)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-price-emphasis {
        fill: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-price-emphasis {
        fill: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-price-emphasis {
        fill: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-price-emphasis {
        fill: var(--colorPriceEmphasis) !important
    }
}

.fl-tag-deal-background {
    fill: var(--colorTagDealBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-deal-background {
        fill: var(--colorTagDealBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-deal-background {
        fill: var(--colorTagDealBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-deal-background {
        fill: var(--colorTagDealBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-deal-background {
        fill: var(--colorTagDealBackground) !important
    }
}

.fl-tag-deal-text {
    fill: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-deal-text {
        fill: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-deal-text {
        fill: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-deal-text {
        fill: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-deal-text {
        fill: #fef6f9 !important
    }
}

.fl-tag-best-city-background {
    fill: var(--colorTagBestCityBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-best-city-background {
        fill: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-best-city-background {
        fill: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-best-city-background {
        fill: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-best-city-background {
        fill: var(--colorTagBestCityBackground) !important
    }
}

.fl-tag-best-city-text {
    fill: var(--colorTagBestCityText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-best-city-text {
        fill: var(--colorTagBestCityText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-best-city-text {
        fill: var(--colorTagBestCityText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-best-city-text {
        fill: var(--colorTagBestCityText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-best-city-text {
        fill: var(--colorTagBestCityText) !important
    }
}

.fl-rating-light-tag-icon {
    fill: var(--colorRatingLightTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-light-tag-icon {
        fill: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-light-tag-icon {
        fill: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-light-tag-icon {
        fill: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-light-tag-icon {
        fill: var(--colorRatingLightTagIcon) !important
    }
}

.fl-rating-light-tag-text {
    fill: var(--colorRatingLightTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-light-tag-text {
        fill: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-light-tag-text {
        fill: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-light-tag-text {
        fill: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-light-tag-text {
        fill: var(--colorRatingLightTagText) !important
    }
}

.fl-tag-primary-text {
    fill: var(--colorTagPrimaryText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-primary-text {
        fill: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-primary-text {
        fill: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-primary-text {
        fill: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-primary-text {
        fill: var(--colorTagPrimaryText) !important
    }
}

.fl-tag-primary-background {
    fill: var(--colorTagPrimaryBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-primary-background {
        fill: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-primary-background {
        fill: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-primary-background {
        fill: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-primary-background {
        fill: var(--colorTagPrimaryBackground) !important
    }
}

.fl-popular-highlight {
    fill: var(--colorPopularHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-popular-highlight {
        fill: var(--colorPopularHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-popular-highlight {
        fill: var(--colorPopularHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-popular-highlight {
        fill: var(--colorPopularHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-popular-highlight {
        fill: var(--colorPopularHighlight) !important
    }
}

.fl-popular-tag-text {
    fill: var(--colorPopularTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-popular-tag-text {
        fill: var(--colorPopularTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-popular-tag-text {
        fill: var(--colorPopularTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-popular-tag-text {
        fill: var(--colorPopularTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-popular-tag-text {
        fill: var(--colorPopularTagText) !important
    }
}

.fl-popular-tag-icon {
    fill: var(--colorPopularTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-popular-tag-icon {
        fill: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-popular-tag-icon {
        fill: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-popular-tag-icon {
        fill: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-popular-tag-icon {
        fill: var(--colorPopularTagIcon) !important
    }
}

.fl-information {
    fill: var(--colorInformation)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-information {
        fill: var(--colorInformation) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-information {
        fill: var(--colorInformation) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-information {
        fill: var(--colorInformation) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-information {
        fill: var(--colorInformation) !important
    }
}

.fl-error {
    fill: var(--colorError)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-error {
        fill: var(--colorError) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-error {
        fill: var(--colorError) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-error {
        fill: var(--colorError) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-error {
        fill: var(--colorError) !important
    }
}

.fl-success {
    fill: var(--colorSuccess)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-success {
        fill: var(--colorSuccess) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-success {
        fill: var(--colorSuccess) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-success {
        fill: var(--colorSuccess) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-success {
        fill: var(--colorSuccess) !important
    }
}

.fl-warning {
    fill: var(--colorWarning)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-warning {
        fill: var(--colorWarning) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-warning {
        fill: var(--colorWarning) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-warning {
        fill: var(--colorWarning) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-warning {
        fill: var(--colorWarning) !important
    }
}

.fl-information-highlight {
    fill: var(--colorInformationHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-information-highlight {
        fill: var(--colorInformationHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-information-highlight {
        fill: var(--colorInformationHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-information-highlight {
        fill: var(--colorInformationHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-information-highlight {
        fill: var(--colorInformationHighlight) !important
    }
}

.fl-error-highlight {
    fill: var(--colorErrorHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-error-highlight {
        fill: var(--colorErrorHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-error-highlight {
        fill: var(--colorErrorHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-error-highlight {
        fill: var(--colorErrorHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-error-highlight {
        fill: var(--colorErrorHighlight) !important
    }
}

.fl-success-highlight {
    fill: var(--colorSuccessHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-success-highlight {
        fill: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-success-highlight {
        fill: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-success-highlight {
        fill: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-success-highlight {
        fill: var(--colorSuccessHighlight) !important
    }
}

.fl-warning-highlight {
    fill: var(--colorWarningHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-warning-highlight {
        fill: var(--colorWarningHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-warning-highlight {
        fill: var(--colorWarningHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-warning-highlight {
        fill: var(--colorWarningHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-warning-highlight {
        fill: var(--colorWarningHighlight) !important
    }
}

.fl-special-1 {
    fill: var(--colorSpecial1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-1 {
        fill: var(--colorSpecial1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-1 {
        fill: var(--colorSpecial1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-1 {
        fill: var(--colorSpecial1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-1 {
        fill: var(--colorSpecial1) !important
    }
}

.fl-special-2 {
    fill: var(--colorSpecial2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-2 {
        fill: var(--colorSpecial2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-2 {
        fill: var(--colorSpecial2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-2 {
        fill: var(--colorSpecial2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-2 {
        fill: var(--colorSpecial2) !important
    }
}

.fl-special-3 {
    fill: var(--colorSpecial3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-3 {
        fill: var(--colorSpecial3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-3 {
        fill: var(--colorSpecial3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-3 {
        fill: var(--colorSpecial3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-3 {
        fill: var(--colorSpecial3) !important
    }
}

.fl-special-4 {
    fill: var(--colorSpecial4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-4 {
        fill: var(--colorSpecial4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-4 {
        fill: var(--colorSpecial4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-4 {
        fill: var(--colorSpecial4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-4 {
        fill: var(--colorSpecial4) !important
    }
}

.fl-special-5 {
    fill: var(--colorSpecial5)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-5 {
        fill: var(--colorSpecial5) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-5 {
        fill: var(--colorSpecial5) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-5 {
        fill: var(--colorSpecial5) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-5 {
        fill: var(--colorSpecial5) !important
    }
}

.fl-special-6 {
    fill: var(--colorSpecial6)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-6 {
        fill: var(--colorSpecial6) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-6 {
        fill: var(--colorSpecial6) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-6 {
        fill: var(--colorSpecial6) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-6 {
        fill: var(--colorSpecial6) !important
    }
}

.fl-special-7 {
    fill: var(--colorSpecial7)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-special-7 {
        fill: var(--colorSpecial7) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-special-7 {
        fill: var(--colorSpecial7) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-special-7 {
        fill: var(--colorSpecial7) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-special-7 {
        fill: var(--colorSpecial7) !important
    }
}

.fl-neutral-primary {
    fill: var(--colorNeutralPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-primary {
        fill: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-primary {
        fill: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-primary {
        fill: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-primary {
        fill: var(--colorNeutralPrimary) !important
    }
}

.fl-neutral-secondary {
    fill: var(--colorNeutralSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-secondary {
        fill: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-secondary {
        fill: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-secondary {
        fill: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-secondary {
        fill: var(--colorNeutralSecondary) !important
    }
}

.fl-neutral-inactive {
    fill: var(--colorNeutralInactive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-inactive {
        fill: var(--colorNeutralInactive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-inactive {
        fill: var(--colorNeutralInactive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-inactive {
        fill: var(--colorNeutralInactive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-inactive {
        fill: var(--colorNeutralInactive) !important
    }
}

.fl-neutral-border {
    fill: var(--colorNeutralBorder)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-border {
        fill: var(--colorNeutralBorder) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-border {
        fill: var(--colorNeutralBorder) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-border {
        fill: var(--colorNeutralBorder) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-border {
        fill: var(--colorNeutralBorder) !important
    }
}

.fl-neutral-divider {
    fill: var(--colorNeutralDivider)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-divider {
        fill: var(--colorNeutralDivider) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-divider {
        fill: var(--colorNeutralDivider) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-divider {
        fill: var(--colorNeutralDivider) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-divider {
        fill: var(--colorNeutralDivider) !important
    }
}

.fl-neutral-surface {
    fill: var(--colorNeutralSurface)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-surface {
        fill: var(--colorNeutralSurface) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-surface {
        fill: var(--colorNeutralSurface) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-surface {
        fill: var(--colorNeutralSurface) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-surface {
        fill: var(--colorNeutralSurface) !important
    }
}

.fl-#fff {
    fill: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-#fff {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-#fff {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-#fff {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-#fff {
        fill: var(--colorWhite) !important
    }
}

.fl-dark-4 {
    fill: var(--colorDark4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-dark-4 {
        fill: var(--colorDark4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-dark-4 {
        fill: var(--colorDark4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-dark-4 {
        fill: var(--colorDark4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-dark-4 {
        fill: var(--colorDark4) !important
    }
}

.fl-dark-64 {
    fill: var(--colorDark64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-dark-64 {
        fill: var(--colorDark64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-dark-64 {
        fill: var(--colorDark64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-dark-64 {
        fill: var(--colorDark64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-dark-64 {
        fill: var(--colorDark64) !important
    }
}

.fl-light-80 {
    fill: var(--colorLight80)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-light-80 {
        fill: var(--colorLight80) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-light-80 {
        fill: var(--colorLight80) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-light-80 {
        fill: var(--colorLight80) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-light-80 {
        fill: var(--colorLight80) !important
    }
}

.fl-light-56 {
    fill: var(--colorLight56)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-light-56 {
        fill: var(--colorLight56) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-light-56 {
        fill: var(--colorLight56) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-light-56 {
        fill: var(--colorLight56) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-light-56 {
        fill: var(--colorLight56) !important
    }
}

.fl-illu-secondary-dark {
    fill: var(--colorIlluSecondaryDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-dark {
        fill: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-dark {
        fill: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-dark {
        fill: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-dark {
        fill: var(--colorIlluSecondaryDark) !important
    }
}

.fl-illu-secondary-75 {
    fill: var(--colorIlluSecondary75)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-75 {
        fill: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-75 {
        fill: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-75 {
        fill: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-75 {
        fill: var(--colorIlluSecondary75) !important
    }
}

.fl-illu-secondary-50 {
    fill: var(--colorIlluSecondary50)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-50 {
        fill: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-50 {
        fill: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-50 {
        fill: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-50 {
        fill: var(--colorIlluSecondary50) !important
    }
}

.fl-illu-secondary-30 {
    fill: var(--colorIlluSecondary30)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-30 {
        fill: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-30 {
        fill: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-30 {
        fill: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-30 {
        fill: var(--colorIlluSecondary30) !important
    }
}

.fl-illu-secondary-20 {
    fill: var(--colorIlluSecondary20)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-20 {
        fill: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-20 {
        fill: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-20 {
        fill: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-20 {
        fill: var(--colorIlluSecondary20) !important
    }
}

.fl-illu-secondary-15 {
    fill: var(--colorIlluSecondary15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-15 {
        fill: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-15 {
        fill: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-15 {
        fill: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-15 {
        fill: var(--colorIlluSecondary15) !important
    }
}

.fl-illu-secondary-10 {
    fill: var(--colorIlluSecondary10)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-illu-secondary-10 {
        fill: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-illu-secondary-10 {
        fill: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-illu-secondary-10 {
        fill: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-illu-secondary-10 {
        fill: var(--colorIlluSecondary10) !important
    }
}

.fl-tile-navigation-primary-800 {
    fill: var(--colorTileNavigationPrimary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-primary-800 {
        fill: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-primary-800 {
        fill: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-primary-800 {
        fill: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-primary-800 {
        fill: var(--colorTileNavigationPrimary800) !important
    }
}

.fl-tile-navigation-primary-700 {
    fill: var(--colorTileNavigationPrimary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-primary-700 {
        fill: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-primary-700 {
        fill: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-primary-700 {
        fill: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-primary-700 {
        fill: var(--colorTileNavigationPrimary700) !important
    }
}

.fl-tile-navigation-primary-600 {
    fill: var(--colorTileNavigationPrimary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-primary-600 {
        fill: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-primary-600 {
        fill: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-primary-600 {
        fill: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-primary-600 {
        fill: var(--colorTileNavigationPrimary600) !important
    }
}

.fl-tile-navigation-primary-500 {
    fill: var(--colorTileNavigationPrimary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-primary-500 {
        fill: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-primary-500 {
        fill: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-primary-500 {
        fill: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-primary-500 {
        fill: var(--colorTileNavigationPrimary500) !important
    }
}

.fl-tile-list-primary-400 {
    fill: var(--colorTileListPrimary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-primary-400 {
        fill: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-primary-400 {
        fill: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-primary-400 {
        fill: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-primary-400 {
        fill: var(--colorTileListPrimary400) !important
    }
}

.fl-tile-list-primary-300 {
    fill: var(--colorTileListPrimary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-primary-300 {
        fill: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-primary-300 {
        fill: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-primary-300 {
        fill: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-primary-300 {
        fill: var(--colorTileListPrimary300) !important
    }
}

.fl-tile-list-primary-200 {
    fill: var(--colorTileListPrimary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-primary-200 {
        fill: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-primary-200 {
        fill: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-primary-200 {
        fill: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-primary-200 {
        fill: var(--colorTileListPrimary200) !important
    }
}

.fl-tile-list-primary-100 {
    fill: var(--colorTileListPrimary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-primary-100 {
        fill: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-primary-100 {
        fill: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-primary-100 {
        fill: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-primary-100 {
        fill: var(--colorTileListPrimary100) !important
    }
}

.fl-tile-navigation-secondary-800 {
    fill: var(--colorTileNavigationSecondary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-secondary-800 {
        fill: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-secondary-800 {
        fill: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-secondary-800 {
        fill: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-secondary-800 {
        fill: var(--colorTileNavigationSecondary800) !important
    }
}

.fl-tile-navigation-secondary-700 {
    fill: var(--colorTileNavigationSecondary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-secondary-700 {
        fill: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-secondary-700 {
        fill: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-secondary-700 {
        fill: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-secondary-700 {
        fill: var(--colorTileNavigationSecondary700) !important
    }
}

.fl-tile-navigation-secondary-600 {
    fill: var(--colorTileNavigationSecondary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-secondary-600 {
        fill: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-secondary-600 {
        fill: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-secondary-600 {
        fill: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-secondary-600 {
        fill: var(--colorTileNavigationSecondary600) !important
    }
}

.fl-tile-navigation-secondary-500 {
    fill: var(--colorTileNavigationSecondary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-secondary-500 {
        fill: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-secondary-500 {
        fill: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-secondary-500 {
        fill: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-secondary-500 {
        fill: var(--colorTileNavigationSecondary500) !important
    }
}

.fl-tile-list-secondary-400 {
    fill: var(--colorTileListSecondary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-secondary-400 {
        fill: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-secondary-400 {
        fill: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-secondary-400 {
        fill: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-secondary-400 {
        fill: var(--colorTileListSecondary400) !important
    }
}

.fl-tile-list-secondary-300 {
    fill: var(--colorTileListSecondary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-secondary-300 {
        fill: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-secondary-300 {
        fill: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-secondary-300 {
        fill: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-secondary-300 {
        fill: var(--colorTileListSecondary300) !important
    }
}

.fl-tile-list-secondary-200 {
    fill: var(--colorTileListSecondary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-secondary-200 {
        fill: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-secondary-200 {
        fill: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-secondary-200 {
        fill: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-secondary-200 {
        fill: var(--colorTileListSecondary200) !important
    }
}

.fl-tile-list-secondary-100 {
    fill: var(--colorTileListSecondary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-secondary-100 {
        fill: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-secondary-100 {
        fill: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-secondary-100 {
        fill: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-secondary-100 {
        fill: var(--colorTileListSecondary100) !important
    }
}

.fl-tile-navigation-tertiary-800 {
    fill: var(--colorTileNavigationTertiary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-tertiary-800 {
        fill: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-tertiary-800 {
        fill: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-tertiary-800 {
        fill: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-tertiary-800 {
        fill: var(--colorTileNavigationTertiary800) !important
    }
}

.fl-tile-navigation-tertiary-700 {
    fill: var(--colorTileNavigationTertiary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-tertiary-700 {
        fill: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-tertiary-700 {
        fill: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-tertiary-700 {
        fill: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-tertiary-700 {
        fill: var(--colorTileNavigationTertiary700) !important
    }
}

.fl-tile-navigation-tertiary-600 {
    fill: var(--colorTileNavigationTertiary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-tertiary-600 {
        fill: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-tertiary-600 {
        fill: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-tertiary-600 {
        fill: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-tertiary-600 {
        fill: var(--colorTileNavigationTertiary600) !important
    }
}

.fl-tile-navigation-tertiary-500 {
    fill: var(--colorTileNavigationTertiary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-navigation-tertiary-500 {
        fill: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-navigation-tertiary-500 {
        fill: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-navigation-tertiary-500 {
        fill: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-navigation-tertiary-500 {
        fill: var(--colorTileNavigationTertiary500) !important
    }
}

.fl-tile-list-tertiary-400 {
    fill: var(--colorTileListTertiary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-tertiary-400 {
        fill: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-tertiary-400 {
        fill: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-tertiary-400 {
        fill: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-tertiary-400 {
        fill: var(--colorTileListTertiary400) !important
    }
}

.fl-tile-list-tertiary-300 {
    fill: var(--colorTileListTertiary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-tertiary-300 {
        fill: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-tertiary-300 {
        fill: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-tertiary-300 {
        fill: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-tertiary-300 {
        fill: var(--colorTileListTertiary300) !important
    }
}

.fl-tile-list-tertiary-200 {
    fill: var(--colorTileListTertiary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-tertiary-200 {
        fill: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-tertiary-200 {
        fill: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-tertiary-200 {
        fill: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-tertiary-200 {
        fill: var(--colorTileListTertiary200) !important
    }
}

.fl-tile-list-tertiary-100 {
    fill: var(--colorTileListTertiary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tile-list-tertiary-100 {
        fill: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tile-list-tertiary-100 {
        fill: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tile-list-tertiary-100 {
        fill: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tile-list-tertiary-100 {
        fill: var(--colorTileListTertiary100) !important
    }
}

.fl-social-media-facebook {
    fill: var(--colorSocialMediaFacebook)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-social-media-facebook {
        fill: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-social-media-facebook {
        fill: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-social-media-facebook {
        fill: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-social-media-facebook {
        fill: var(--colorSocialMediaFacebook) !important
    }
}

.fl-social-media-facebook-hover {
    fill: var(--colorSocialMediaFacebookHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-social-media-facebook-hover {
        fill: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-social-media-facebook-hover {
        fill: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-social-media-facebook-hover {
        fill: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-social-media-facebook-hover {
        fill: var(--colorSocialMediaFacebookHover) !important
    }
}

.fl-brand-highlight-lvl1 {
    fill: var(--colorBrandHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-highlight-lvl1 {
        fill: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-highlight-lvl1 {
        fill: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-highlight-lvl1 {
        fill: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-highlight-lvl1 {
        fill: var(--colorBrandHighlightLvl1) !important
    }
}

.fl-brand-linear-gradient-1 {
    fill: var(--colorLinearGradient1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-linear-gradient-1 {
        fill: var(--colorLinearGradient1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-linear-gradient-1 {
        fill: var(--colorLinearGradient1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-linear-gradient-1 {
        fill: var(--colorLinearGradient1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-linear-gradient-1 {
        fill: var(--colorLinearGradient1) !important
    }
}

.fl-brand-linear-gradient-2 {
    fill: var(--colorLinearGradient2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-linear-gradient-2 {
        fill: var(--colorLinearGradient2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-linear-gradient-2 {
        fill: var(--colorLinearGradient2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-linear-gradient-2 {
        fill: var(--colorLinearGradient2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-linear-gradient-2 {
        fill: var(--colorLinearGradient2) !important
    }
}

.fl-rating-tag-text {
    fill: var(--colorRatingTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-tag-text {
        fill: var(--colorRatingTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-tag-text {
        fill: var(--colorRatingTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-tag-text {
        fill: var(--colorRatingTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-tag-text {
        fill: var(--colorRatingTagText) !important
    }
}

.fl-deal-highlight-lvl1 {
    fill: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-highlight-lvl1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-highlight-lvl1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-highlight-lvl1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-highlight-lvl1 {
        fill: var(--colorDealHighlightLvl1) !important
    }
}

.fl-deal-highlight-lvl2 {
    fill: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-deal-highlight-lvl2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-deal-highlight-lvl2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-deal-highlight-lvl2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-deal-highlight-lvl2 {
        fill: var(--colorDealHighlightLvl2) !important
    }
}

.fl-joker-primary {
    fill: var(--colorJokerPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-primary {
        fill: var(--colorJokerPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-primary {
        fill: var(--colorJokerPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-primary {
        fill: var(--colorJokerPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-primary {
        fill: var(--colorJokerPrimary) !important
    }
}

.fl-joker-primary-bk {
    fill: var(--colorJokerPrimaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-primary-bk {
        fill: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-primary-bk {
        fill: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-primary-bk {
        fill: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-primary-bk {
        fill: var(--colorJokerPrimaryBk) !important
    }
}

.fl-joker-primary-bk2 {
    fill: var(--colorJokerPrimaryBk2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-primary-bk2 {
        fill: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-primary-bk2 {
        fill: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-primary-bk2 {
        fill: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-primary-bk2 {
        fill: var(--colorJokerPrimaryBk2) !important
    }
}

.fl-joker-secondary {
    fill: var(--colorJokerSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-secondary {
        fill: var(--colorJokerSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-secondary {
        fill: var(--colorJokerSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-secondary {
        fill: var(--colorJokerSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-secondary {
        fill: var(--colorJokerSecondary) !important
    }
}

.fl-joker-secondary-bk {
    fill: var(--colorJokerSecondaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-secondary-bk {
        fill: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-secondary-bk {
        fill: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-secondary-bk {
        fill: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-secondary-bk {
        fill: var(--colorJokerSecondaryBk) !important
    }
}

.fl-joker-tertiary {
    fill: var(--colorJokerTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-tertiary {
        fill: var(--colorJokerTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-tertiary {
        fill: var(--colorJokerTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-tertiary {
        fill: var(--colorJokerTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-tertiary {
        fill: var(--colorJokerTertiary) !important
    }
}

.fl-joker-tertiary-bk {
    fill: var(--colorJokerTertiaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-joker-tertiary-bk {
        fill: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-joker-tertiary-bk {
        fill: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-joker-tertiary-bk {
        fill: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-joker-tertiary-bk {
        fill: var(--colorJokerTertiaryBk) !important
    }
}

.fl-brand-primary-dark {
    fill: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-primary-dark {
        fill: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-primary-dark {
        fill: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-primary-dark {
        fill: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-primary-dark {
        fill: #c60d5c !important
    }
}

.fl-ratings {
    fill: #276fbf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-ratings {
        fill: #276fbf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-ratings {
        fill: #276fbf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-ratings {
        fill: #276fbf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-ratings {
        fill: #276fbf !important
    }
}

.fl-tag-best-in-city-bg {
    fill: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-best-in-city-bg {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-best-in-city-bg {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-best-in-city-bg {
        fill: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-best-in-city-bg {
        fill: var(--colorBrandSecondary) !important
    }
}

.fl-tag-best-in-city-text {
    fill: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-best-in-city-text {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-best-in-city-text {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-best-in-city-text {
        fill: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-best-in-city-text {
        fill: var(--colorWhite) !important
    }
}

.fl-tag-deal-bg {
    fill: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-deal-bg {
        fill: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-deal-bg {
        fill: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-deal-bg {
        fill: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-deal-bg {
        fill: #fef6f9 !important
    }
}

.fl-tag-primary-bg {
    fill: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-tag-primary-bg {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-tag-primary-bg {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-tag-primary-bg {
        fill: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-tag-primary-bg {
        fill: var(--colorBrandPrimary) !important
    }
}

.fl-brand-blue {
    fill: #d4dfe6
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-blue {
        fill: #d4dfe6 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-blue {
        fill: #d4dfe6 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-blue {
        fill: #d4dfe6 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-blue {
        fill: #d4dfe6 !important
    }
}

.fl-brand-blue-II {
    fill: #1f4d5d
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-blue-II {
        fill: #1f4d5d !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-blue-II {
        fill: #1f4d5d !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-blue-II {
        fill: #1f4d5d !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-blue-II {
        fill: #1f4d5d !important
    }
}

.fl-brand-blue-III {
    fill: #9cb4bf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-blue-III {
        fill: #9cb4bf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-blue-III {
        fill: #9cb4bf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-blue-III {
        fill: #9cb4bf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-blue-III {
        fill: #9cb4bf !important
    }
}

.fl-brand-blue-IV {
    fill: #8aa7b3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-blue-IV {
        fill: #8aa7b3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-blue-IV {
        fill: #8aa7b3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-blue-IV {
        fill: #8aa7b3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-blue-IV {
        fill: #8aa7b3 !important
    }
}

.fl-brand-grayedout {
    fill: #ea81ae
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-grayedout {
        fill: #ea81ae !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-grayedout {
        fill: #ea81ae !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-grayedout {
        fill: #ea81ae !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-grayedout {
        fill: #ea81ae !important
    }
}

.fl-brand-pink-80 {
    fill: #e14e84
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-pink-80 {
        fill: #e14e84 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-pink-80 {
        fill: #e14e84 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-pink-80 {
        fill: #e14e84 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-pink-80 {
        fill: #e14e84 !important
    }
}

.fl-brand-pink-60 {
    fill: #eb7ca3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-pink-60 {
        fill: #eb7ca3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-pink-60 {
        fill: #eb7ca3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-pink-60 {
        fill: #eb7ca3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-pink-60 {
        fill: #eb7ca3 !important
    }
}

.fl-brand-pink-30 {
    fill: #f7bdd1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-brand-pink-30 {
        fill: #f7bdd1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-brand-pink-30 {
        fill: #f7bdd1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-brand-pink-30 {
        fill: #f7bdd1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-brand-pink-30 {
        fill: #f7bdd1 !important
    }
}

.fl-gradient-middle {
    fill: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-gradient-middle {
        fill: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-gradient-middle {
        fill: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-gradient-middle {
        fill: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-gradient-middle {
        fill: #c60d5c !important
    }
}

.fl-grayedout {
    fill: hsla(0,0%,100%,.84)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-grayedout {
        fill: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-grayedout {
        fill: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-grayedout {
        fill: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-grayedout {
        fill: hsla(0,0%,100%,.84) !important
    }
}

.fl-neutral-light-surface {
    fill: #fafafa
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-neutral-light-surface {
        fill: #fafafa !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-neutral-light-surface {
        fill: #fafafa !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-neutral-light-surface {
        fill: #fafafa !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-neutral-light-surface {
        fill: #fafafa !important
    }
}

.fl-overlay-lvl1 {
    fill: rgba(0,0,0,.02)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl1 {
        fill: rgba(0,0,0,.02) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl1 {
        fill: rgba(0,0,0,.02) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl1 {
        fill: rgba(0,0,0,.02) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl1 {
        fill: rgba(0,0,0,.02) !important
    }
}

.fl-overlay-lvl2 {
    fill: rgba(0,0,0,.04)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl2 {
        fill: rgba(0,0,0,.04) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl2 {
        fill: rgba(0,0,0,.04) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl2 {
        fill: rgba(0,0,0,.04) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl2 {
        fill: rgba(0,0,0,.04) !important
    }
}

.fl-overlay-lvl3 {
    fill: rgba(0,0,0,.08)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl3 {
        fill: rgba(0,0,0,.08) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl3 {
        fill: rgba(0,0,0,.08) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl3 {
        fill: rgba(0,0,0,.08) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl3 {
        fill: rgba(0,0,0,.08) !important
    }
}

.fl-overlay-lvl4 {
    fill: rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl4 {
        fill: rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl4 {
        fill: rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl4 {
        fill: rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl4 {
        fill: rgba(0,0,0,.12) !important
    }
}

.fl-overlay-lvl5 {
    fill: rgba(0,0,0,.16)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl5 {
        fill: rgba(0,0,0,.16) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl5 {
        fill: rgba(0,0,0,.16) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl5 {
        fill: rgba(0,0,0,.16) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl5 {
        fill: rgba(0,0,0,.16) !important
    }
}

.fl-overlay-lvl6 {
    fill: rgba(0,0,0,.48)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-lvl6 {
        fill: rgba(0,0,0,.48) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-lvl6 {
        fill: rgba(0,0,0,.48) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-lvl6 {
        fill: rgba(0,0,0,.48) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-lvl6 {
        fill: rgba(0,0,0,.48) !important
    }
}

.fl-overlay-white {
    fill: hsla(0,0%,100%,.64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-overlay-white {
        fill: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-overlay-white {
        fill: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-overlay-white {
        fill: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-overlay-white {
        fill: hsla(0,0%,100%,.64) !important
    }
}

.fl-rating-highlight {
    fill: #e9f0f8
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rating-highlight {
        fill: #e9f0f8 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rating-highlight {
        fill: #e9f0f8 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rating-highlight {
        fill: #e9f0f8 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rating-highlight {
        fill: #e9f0f8 !important
    }
}

.fl-rider-banner {
    fill: #d70f64
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-rider-banner {
        fill: #d70f64 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-rider-banner {
        fill: #d70f64 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-rider-banner {
        fill: #d70f64 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-rider-banner {
        fill: #d70f64 !important
    }
}

.fl-social-applepay {
    fill: #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-social-applepay {
        fill: #000 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-social-applepay {
        fill: #000 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-social-applepay {
        fill: #000 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-social-applepay {
        fill: #000 !important
    }
}

.fl-social-facebook {
    fill: #1877f2
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fl-social-facebook {
        fill: #1877f2 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fl-social-facebook {
        fill: #1877f2 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fl-social-facebook {
        fill: #1877f2 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fl-social-facebook {
        fill: #1877f2 !important
    }
}

.bg-brand-primary {
    background: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-primary {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-primary {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-primary {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-primary {
        background: var(--colorBrandPrimary) !important
    }
}

.bg-brand-secondary {
    background: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-secondary {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-secondary {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-secondary {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-secondary {
        background: var(--colorBrandSecondary) !important
    }
}

.bg-brand-dark {
    background: var(--colorBrandDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-dark {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-dark {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-dark {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-dark {
        background: var(--colorBrandDark) !important
    }
}

.bg-brand-highlight {
    background: var(--colorBrandHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-highlight {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-highlight {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-highlight {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-highlight {
        background: var(--colorBrandHighlight) !important
    }
}

.bg-gradient-brand {
    background: var(--colorGradientBrand)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-gradient-brand {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-gradient-brand {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-gradient-brand {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-gradient-brand {
        background: var(--colorGradientBrand) !important
    }
}

.bg-gradient-dark {
    background: var(--colorGradientDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-gradient-dark {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-gradient-dark {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-gradient-dark {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-gradient-dark {
        background: var(--colorGradientDark) !important
    }
}

.bg-gradient-light {
    background: var(--colorGradientLight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-gradient-light {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-gradient-light {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-gradient-light {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-gradient-light {
        background: var(--colorGradientLight) !important
    }
}

.bg-interaction-primary {
    background: var(--colorInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-primary {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-primary {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-primary {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-primary {
        background: var(--colorInteractionPrimary) !important
    }
}

.bg-interaction-secondary {
    background: var(--colorInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-secondary {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-secondary {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-secondary {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-secondary {
        background: var(--colorInteractionSecondary) !important
    }
}

.bg-interaction-tertiary {
    background: var(--colorInteractionTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-tertiary {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-tertiary {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-tertiary {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-tertiary {
        background: var(--colorInteractionTertiary) !important
    }
}

.bg-interaction-primary-hover {
    background: var(--colorInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-primary-hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-primary-hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-primary-hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-primary-hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

.bg-interaction-secondary-hover {
    background: var(--colorInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-secondary-hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-secondary-hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-secondary-hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-secondary-hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

.bg-interaction-primary-feedback {
    background: var(--colorInteractionPrimaryFeedback)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-primary-feedback {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-primary-feedback {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-primary-feedback {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-primary-feedback {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

.bg-info-banner-cta {
    background: var(--colorInfoBannerCta)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-info-banner-cta {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-info-banner-cta {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-info-banner-cta {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-info-banner-cta {
        background: var(--colorInfoBannerCta) !important
    }
}

.bg-on-interaction-primary {
    background: var(--colorOnInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-on-interaction-primary {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-on-interaction-primary {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-on-interaction-primary {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-on-interaction-primary {
        background: var(--colorOnInteractionPrimary) !important
    }
}

.bg-on-interaction-primary-hover {
    background: var(--colorOnInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-on-interaction-primary-hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-on-interaction-primary-hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-on-interaction-primary-hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-on-interaction-primary-hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

.bg-on-interaction-secondary {
    background: var(--colorOnInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-on-interaction-secondary {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-on-interaction-secondary {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-on-interaction-secondary {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-on-interaction-secondary {
        background: var(--colorOnInteractionSecondary) !important
    }
}

.bg-on-interaction-secondary-hover {
    background: var(--colorOnInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-on-interaction-secondary-hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-on-interaction-secondary-hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-on-interaction-secondary-hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-on-interaction-secondary-hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

.bg-interaction-background-hover {
    background: var(--colorInteractionBackgroundHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-background-hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-background-hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-background-hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-background-hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

.bg-interaction-text-hover {
    background: var(--colorInteractionTextHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-text-hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-text-hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-text-hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-text-hover {
        background: var(--colorInteractionTextHover) !important
    }
}

.bg-interaction-focus {
    background: var(--colorInteractionFocus)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-focus {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-focus {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-focus {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-focus {
        background: var(--colorInteractionFocus) !important
    }
}

.bg-interaction-focus-reversed {
    background: var(--colorInteractionFocusReversed)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-interaction-focus-reversed {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-interaction-focus-reversed {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-interaction-focus-reversed {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-interaction-focus-reversed {
        background: var(--colorInteractionFocusReversed) !important
    }
}

.bg-main-text {
    background: var(--colorMainText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-main-text {
        background: var(--colorMainText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-main-text {
        background: var(--colorMainText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-main-text {
        background: var(--colorMainText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-main-text {
        background: var(--colorMainText) !important
    }
}

.bg-tiers-subtitle-text {
    background: var(--colorTiersSubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tiers-subtitle-text {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tiers-subtitle-text {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tiers-subtitle-text {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tiers-subtitle-text {
        background: var(--colorTiersSubtitleText) !important
    }
}

.bg-tier-3-subtitle-text {
    background: var(--colorTier3SubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tier-3-subtitle-text {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tier-3-subtitle-text {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tier-3-subtitle-text {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tier-3-subtitle-text {
        background: var(--colorTier3SubtitleText) !important
    }
}

.bg-tier-1-tile {
    background: var(--colorTier1Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tier-1-tile {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tier-1-tile {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tier-1-tile {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tier-1-tile {
        background: var(--colorTier1Tile) !important
    }
}

.bg-tier-2-tile {
    background: var(--colorTier2Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tier-2-tile {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tier-2-tile {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tier-2-tile {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tier-2-tile {
        background: var(--colorTier2Tile) !important
    }
}

.bg-tier-3-tile {
    background: var(--colorTier3Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tier-3-tile {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tier-3-tile {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tier-3-tile {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tier-3-tile {
        background: var(--colorTier3Tile) !important
    }
}

.bg-how-it-works-text {
    background: var(--colorHowItWorksText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-how-it-works-text {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-how-it-works-text {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-how-it-works-text {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-how-it-works-text {
        background: var(--colorHowItWorksText) !important
    }
}

.bg-how-it-works-icon-bg {
    background: var(--colorHowItWorksIconBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-how-it-works-icon-bg {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-how-it-works-icon-bg {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-how-it-works-icon-bg {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-how-it-works-icon-bg {
        background: var(--colorHowItWorksIconBg) !important
    }
}

.bg-timer-bg {
    background: var(--colorTimerBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-timer-bg {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-timer-bg {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-timer-bg {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-timer-bg {
        background: var(--colorTimerBg) !important
    }
}

.bg-next-tier-text-3 {
    background: var(--colorNextTierText3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-next-tier-text-3 {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-next-tier-text-3 {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-next-tier-text-3 {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-next-tier-text-3 {
        background: var(--colorNextTierText3) !important
    }
}

.bg-default-tier {
    background: var(--colorDefaultTier)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-default-tier {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-default-tier {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-default-tier {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-default-tier {
        background: var(--colorDefaultTier) !important
    }
}

.bg-rdp-sheet-tier-1 {
    background: var(--colorRdpSheetTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-1 {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-1 {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-1 {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-1 {
        background: var(--colorRdpSheetTier1) !important
    }
}

.bg-rdp-sheet-tier-2 {
    background: var(--colorRdpSheetTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-2 {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-2 {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-2 {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-2 {
        background: var(--colorRdpSheetTier2) !important
    }
}

.bg-rdp-sheet-tier-3 {
    background: var(--colorRdpSheetTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-3 {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-3 {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-3 {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-3 {
        background: var(--colorRdpSheetTier3) !important
    }
}

.bg-rdp-sheet-tier-4 {
    background: var(--colorRdpSheetTier4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-4 {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-4 {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-4 {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-4 {
        background: var(--colorRdpSheetTier4) !important
    }
}

.bg-star-bg-tier-1 {
    background: var(--colorStarBgTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-star-bg-tier-1 {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-star-bg-tier-1 {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-star-bg-tier-1 {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-star-bg-tier-1 {
        background: var(--colorStarBgTier1) !important
    }
}

.bg-star-bg-tier-2 {
    background: var(--colorStarBgTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-star-bg-tier-2 {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-star-bg-tier-2 {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-star-bg-tier-2 {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-star-bg-tier-2 {
        background: var(--colorStarBgTier2) !important
    }
}

.bg-star-bg-tier-3 {
    background: var(--colorStarBgTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-star-bg-tier-3 {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-star-bg-tier-3 {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-star-bg-tier-3 {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-star-bg-tier-3 {
        background: var(--colorStarBgTier3) !important
    }
}

.bg-rdp-sheet-tier-text-bg-1 {
    background: var(--colorRdpSheetTierTextBg1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-text-bg-1 {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-text-bg-1 {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-text-bg-1 {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-text-bg-1 {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

.bg-rdp-sheet-tier-text-bg-2 {
    background: var(--colorRdpSheetTierTextBg2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-text-bg-2 {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-text-bg-2 {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-text-bg-2 {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-text-bg-2 {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

.bg-rdp-sheet-tier-text-bg-3 {
    background: var(--colorRdpSheetTierTextBg3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-text-bg-3 {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-text-bg-3 {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-text-bg-3 {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-text-bg-3 {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

.bg-rdp-sheet-tier-text-bg-4 {
    background: var(--colorRdpSheetTierTextBg4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rdp-sheet-tier-text-bg-4 {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rdp-sheet-tier-text-bg-4 {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rdp-sheet-tier-text-bg-4 {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rdp-sheet-tier-text-bg-4 {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

.bg-next-tier-1-rdp {
    background: var(--colorNextTier1Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-next-tier-1-rdp {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-next-tier-1-rdp {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-next-tier-1-rdp {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-next-tier-1-rdp {
        background: var(--colorNextTier1Rdp) !important
    }
}

.bg-next-tier-2-rdp {
    background: var(--colorNextTier2Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-next-tier-2-rdp {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-next-tier-2-rdp {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-next-tier-2-rdp {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-next-tier-2-rdp {
        background: var(--colorNextTier2Rdp) !important
    }
}

.bg-next-tier-3-rdp {
    background: var(--colorNextTier3Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-next-tier-3-rdp {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-next-tier-3-rdp {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-next-tier-3-rdp {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-next-tier-3-rdp {
        background: var(--colorNextTier3Rdp) !important
    }
}

.bg-next-tier-4-rdp {
    background: var(--colorNextTier4Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-next-tier-4-rdp {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-next-tier-4-rdp {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-next-tier-4-rdp {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-next-tier-4-rdp {
        background: var(--colorNextTier4Rdp) !important
    }
}

.bg-popup-text {
    background: var(--colorPopupText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-popup-text {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-popup-text {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-popup-text {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-popup-text {
        background: var(--colorPopupText) !important
    }
}

.bg-rating {
    background: var(--colorRating)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating {
        background: var(--colorRating) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating {
        background: var(--colorRating) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating {
        background: var(--colorRating) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating {
        background: var(--colorRating) !important
    }
}

.bg-rating-background {
    background: var(--colorRatingBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-background {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-background {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-background {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-background {
        background: var(--colorRatingBackground) !important
    }
}

.bg-rating-feedback-background {
    background: var(--colorRatingFeedbackBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-feedback-background {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-feedback-background {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-feedback-background {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-feedback-background {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

.bg-rating-feedback-active {
    background: var(--colorRatingFeedbackActive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-feedback-active {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-feedback-active {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-feedback-active {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-feedback-active {
        background: var(--colorRatingFeedbackActive) !important
    }
}

.bg-popular-icon {
    background: var(--colorPopularIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-popular-icon {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-popular-icon {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-popular-icon {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-popular-icon {
        background: var(--colorPopularIcon) !important
    }
}

.bg-rating-outline {
    background: var(--colorRatingOutline)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-outline {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-outline {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-outline {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-outline {
        background: var(--colorRatingOutline) !important
    }
}

.bg-deal-highlight-lvl-1 {
    background: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-highlight-lvl-1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-highlight-lvl-1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-highlight-lvl-1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-highlight-lvl-1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

.bg-deal-highlight-lvl-2 {
    background: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-highlight-lvl-2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-highlight-lvl-2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-highlight-lvl-2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-highlight-lvl-2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

.bg-deal-tertiary {
    background: var(--colorDealTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-tertiary {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-tertiary {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-tertiary {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-tertiary {
        background: var(--colorDealTertiary) !important
    }
}

.bg-deal-secondary {
    background: var(--colorDealSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-secondary {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-secondary {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-secondary {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-secondary {
        background: var(--colorDealSecondary) !important
    }
}

.bg-deal-primary {
    background: var(--colorDealPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-primary {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-primary {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-primary {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-primary {
        background: var(--colorDealPrimary) !important
    }
}

.bg-deal-text-on-white {
    background: var(--colorDealTextOnWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-text-on-white {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-text-on-white {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-text-on-white {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-text-on-white {
        background: var(--colorDealTextOnWhite) !important
    }
}

.bg-deal-banner-text {
    background: var(--colorDealBannerText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-banner-text {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-banner-text {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-banner-text {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-banner-text {
        background: var(--colorDealBannerText) !important
    }
}

.bg-price-emphasis {
    background: var(--colorPriceEmphasis)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-price-emphasis {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-price-emphasis {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-price-emphasis {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-price-emphasis {
        background: var(--colorPriceEmphasis) !important
    }
}

.bg-tag-deal-background {
    background: var(--colorTagDealBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-deal-background {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-deal-background {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-deal-background {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-deal-background {
        background: var(--colorTagDealBackground) !important
    }
}

.bg-tag-deal-text {
    background: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-deal-text {
        background: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-deal-text {
        background: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-deal-text {
        background: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-deal-text {
        background: #fef6f9 !important
    }
}

.bg-tag-best-city-background {
    background: var(--colorTagBestCityBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-best-city-background {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-best-city-background {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-best-city-background {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-best-city-background {
        background: var(--colorTagBestCityBackground) !important
    }
}

.bg-tag-best-city-text {
    background: var(--colorTagBestCityText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-best-city-text {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-best-city-text {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-best-city-text {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-best-city-text {
        background: var(--colorTagBestCityText) !important
    }
}

.bg-rating-light-tag-icon {
    background: var(--colorRatingLightTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-light-tag-icon {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-light-tag-icon {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-light-tag-icon {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-light-tag-icon {
        background: var(--colorRatingLightTagIcon) !important
    }
}

.bg-rating-light-tag-text {
    background: var(--colorRatingLightTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-light-tag-text {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-light-tag-text {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-light-tag-text {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-light-tag-text {
        background: var(--colorRatingLightTagText) !important
    }
}

.bg-tag-primary-text {
    background: var(--colorTagPrimaryText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-primary-text {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-primary-text {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-primary-text {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-primary-text {
        background: var(--colorTagPrimaryText) !important
    }
}

.bg-tag-primary-background {
    background: var(--colorTagPrimaryBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-primary-background {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-primary-background {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-primary-background {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-primary-background {
        background: var(--colorTagPrimaryBackground) !important
    }
}

.bg-popular-highlight {
    background: var(--colorPopularHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-popular-highlight {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-popular-highlight {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-popular-highlight {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-popular-highlight {
        background: var(--colorPopularHighlight) !important
    }
}

.bg-popular-tag-text {
    background: var(--colorPopularTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-popular-tag-text {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-popular-tag-text {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-popular-tag-text {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-popular-tag-text {
        background: var(--colorPopularTagText) !important
    }
}

.bg-popular-tag-icon {
    background: var(--colorPopularTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-popular-tag-icon {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-popular-tag-icon {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-popular-tag-icon {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-popular-tag-icon {
        background: var(--colorPopularTagIcon) !important
    }
}

.bg-information {
    background: var(--colorInformation)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-information {
        background: var(--colorInformation) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-information {
        background: var(--colorInformation) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-information {
        background: var(--colorInformation) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-information {
        background: var(--colorInformation) !important
    }
}

.bg-error {
    background: var(--colorError)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-error {
        background: var(--colorError) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-error {
        background: var(--colorError) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-error {
        background: var(--colorError) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-error {
        background: var(--colorError) !important
    }
}

.bg-success {
    background: var(--colorSuccess)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-success {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-success {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-success {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-success {
        background: var(--colorSuccess) !important
    }
}

.bg-warning {
    background: var(--colorWarning)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-warning {
        background: var(--colorWarning) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-warning {
        background: var(--colorWarning) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-warning {
        background: var(--colorWarning) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-warning {
        background: var(--colorWarning) !important
    }
}

.bg-information-highlight {
    background: var(--colorInformationHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-information-highlight {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-information-highlight {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-information-highlight {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-information-highlight {
        background: var(--colorInformationHighlight) !important
    }
}

.bg-error-highlight {
    background: var(--colorErrorHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-error-highlight {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-error-highlight {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-error-highlight {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-error-highlight {
        background: var(--colorErrorHighlight) !important
    }
}

.bg-success-highlight {
    background: var(--colorSuccessHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-success-highlight {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-success-highlight {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-success-highlight {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-success-highlight {
        background: var(--colorSuccessHighlight) !important
    }
}

.bg-warning-highlight {
    background: var(--colorWarningHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-warning-highlight {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-warning-highlight {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-warning-highlight {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-warning-highlight {
        background: var(--colorWarningHighlight) !important
    }
}

.bg-special-1 {
    background: var(--colorSpecial1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-1 {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-1 {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-1 {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-1 {
        background: var(--colorSpecial1) !important
    }
}

.bg-special-2 {
    background: var(--colorSpecial2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-2 {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-2 {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-2 {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-2 {
        background: var(--colorSpecial2) !important
    }
}

.bg-special-3 {
    background: var(--colorSpecial3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-3 {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-3 {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-3 {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-3 {
        background: var(--colorSpecial3) !important
    }
}

.bg-special-4 {
    background: var(--colorSpecial4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-4 {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-4 {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-4 {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-4 {
        background: var(--colorSpecial4) !important
    }
}

.bg-special-5 {
    background: var(--colorSpecial5)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-5 {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-5 {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-5 {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-5 {
        background: var(--colorSpecial5) !important
    }
}

.bg-special-6 {
    background: var(--colorSpecial6)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-6 {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-6 {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-6 {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-6 {
        background: var(--colorSpecial6) !important
    }
}

.bg-special-7 {
    background: var(--colorSpecial7)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-special-7 {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-special-7 {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-special-7 {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-special-7 {
        background: var(--colorSpecial7) !important
    }
}

.bg-neutral-primary {
    background: var(--colorNeutralPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-primary {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-primary {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-primary {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-primary {
        background: var(--colorNeutralPrimary) !important
    }
}

.bg-neutral-secondary {
    background: var(--colorNeutralSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-secondary {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-secondary {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-secondary {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-secondary {
        background: var(--colorNeutralSecondary) !important
    }
}

.bg-neutral-inactive {
    background: var(--colorNeutralInactive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-inactive {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-inactive {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-inactive {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-inactive {
        background: var(--colorNeutralInactive) !important
    }
}

.bg-neutral-border {
    background: var(--colorNeutralBorder)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-border {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-border {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-border {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-border {
        background: var(--colorNeutralBorder) !important
    }
}

.bg-neutral-divider {
    background: var(--colorNeutralDivider)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-divider {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-divider {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-divider {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-divider {
        background: var(--colorNeutralDivider) !important
    }
}

.bg-neutral-surface {
    background: var(--colorNeutralSurface)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-surface {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-surface {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-surface {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-surface {
        background: var(--colorNeutralSurface) !important
    }
}

.bg-#fff {
    background: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-#fff {
        background: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-#fff {
        background: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-#fff {
        background: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-#fff {
        background: var(--colorWhite) !important
    }
}

.bg-dark-4 {
    background: var(--colorDark4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-dark-4 {
        background: var(--colorDark4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-dark-4 {
        background: var(--colorDark4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-dark-4 {
        background: var(--colorDark4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-dark-4 {
        background: var(--colorDark4) !important
    }
}

.bg-dark-64 {
    background: var(--colorDark64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-dark-64 {
        background: var(--colorDark64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-dark-64 {
        background: var(--colorDark64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-dark-64 {
        background: var(--colorDark64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-dark-64 {
        background: var(--colorDark64) !important
    }
}

.bg-light-80 {
    background: var(--colorLight80)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-light-80 {
        background: var(--colorLight80) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-light-80 {
        background: var(--colorLight80) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-light-80 {
        background: var(--colorLight80) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-light-80 {
        background: var(--colorLight80) !important
    }
}

.bg-light-56 {
    background: var(--colorLight56)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-light-56 {
        background: var(--colorLight56) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-light-56 {
        background: var(--colorLight56) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-light-56 {
        background: var(--colorLight56) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-light-56 {
        background: var(--colorLight56) !important
    }
}

.bg-illu-secondary-dark {
    background: var(--colorIlluSecondaryDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-dark {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-dark {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-dark {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-dark {
        background: var(--colorIlluSecondaryDark) !important
    }
}

.bg-illu-secondary-75 {
    background: var(--colorIlluSecondary75)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-75 {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-75 {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-75 {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-75 {
        background: var(--colorIlluSecondary75) !important
    }
}

.bg-illu-secondary-50 {
    background: var(--colorIlluSecondary50)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-50 {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-50 {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-50 {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-50 {
        background: var(--colorIlluSecondary50) !important
    }
}

.bg-illu-secondary-30 {
    background: var(--colorIlluSecondary30)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-30 {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-30 {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-30 {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-30 {
        background: var(--colorIlluSecondary30) !important
    }
}

.bg-illu-secondary-20 {
    background: var(--colorIlluSecondary20)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-20 {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-20 {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-20 {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-20 {
        background: var(--colorIlluSecondary20) !important
    }
}

.bg-illu-secondary-15 {
    background: var(--colorIlluSecondary15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-15 {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-15 {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-15 {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-15 {
        background: var(--colorIlluSecondary15) !important
    }
}

.bg-illu-secondary-10 {
    background: var(--colorIlluSecondary10)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-illu-secondary-10 {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-illu-secondary-10 {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-illu-secondary-10 {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-illu-secondary-10 {
        background: var(--colorIlluSecondary10) !important
    }
}

.bg-tile-navigation-primary-800 {
    background: var(--colorTileNavigationPrimary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-primary-800 {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-primary-800 {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-primary-800 {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-primary-800 {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

.bg-tile-navigation-primary-700 {
    background: var(--colorTileNavigationPrimary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-primary-700 {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-primary-700 {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-primary-700 {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-primary-700 {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

.bg-tile-navigation-primary-600 {
    background: var(--colorTileNavigationPrimary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-primary-600 {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-primary-600 {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-primary-600 {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-primary-600 {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

.bg-tile-navigation-primary-500 {
    background: var(--colorTileNavigationPrimary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-primary-500 {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-primary-500 {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-primary-500 {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-primary-500 {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

.bg-tile-list-primary-400 {
    background: var(--colorTileListPrimary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-primary-400 {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-primary-400 {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-primary-400 {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-primary-400 {
        background: var(--colorTileListPrimary400) !important
    }
}

.bg-tile-list-primary-300 {
    background: var(--colorTileListPrimary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-primary-300 {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-primary-300 {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-primary-300 {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-primary-300 {
        background: var(--colorTileListPrimary300) !important
    }
}

.bg-tile-list-primary-200 {
    background: var(--colorTileListPrimary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-primary-200 {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-primary-200 {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-primary-200 {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-primary-200 {
        background: var(--colorTileListPrimary200) !important
    }
}

.bg-tile-list-primary-100 {
    background: var(--colorTileListPrimary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-primary-100 {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-primary-100 {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-primary-100 {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-primary-100 {
        background: var(--colorTileListPrimary100) !important
    }
}

.bg-tile-navigation-secondary-800 {
    background: var(--colorTileNavigationSecondary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-secondary-800 {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-secondary-800 {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-secondary-800 {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-secondary-800 {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

.bg-tile-navigation-secondary-700 {
    background: var(--colorTileNavigationSecondary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-secondary-700 {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-secondary-700 {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-secondary-700 {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-secondary-700 {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

.bg-tile-navigation-secondary-600 {
    background: var(--colorTileNavigationSecondary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-secondary-600 {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-secondary-600 {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-secondary-600 {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-secondary-600 {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

.bg-tile-navigation-secondary-500 {
    background: var(--colorTileNavigationSecondary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-secondary-500 {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-secondary-500 {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-secondary-500 {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-secondary-500 {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

.bg-tile-list-secondary-400 {
    background: var(--colorTileListSecondary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-secondary-400 {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-secondary-400 {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-secondary-400 {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-secondary-400 {
        background: var(--colorTileListSecondary400) !important
    }
}

.bg-tile-list-secondary-300 {
    background: var(--colorTileListSecondary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-secondary-300 {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-secondary-300 {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-secondary-300 {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-secondary-300 {
        background: var(--colorTileListSecondary300) !important
    }
}

.bg-tile-list-secondary-200 {
    background: var(--colorTileListSecondary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-secondary-200 {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-secondary-200 {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-secondary-200 {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-secondary-200 {
        background: var(--colorTileListSecondary200) !important
    }
}

.bg-tile-list-secondary-100 {
    background: var(--colorTileListSecondary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-secondary-100 {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-secondary-100 {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-secondary-100 {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-secondary-100 {
        background: var(--colorTileListSecondary100) !important
    }
}

.bg-tile-navigation-tertiary-800 {
    background: var(--colorTileNavigationTertiary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-tertiary-800 {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-tertiary-800 {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-tertiary-800 {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-tertiary-800 {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

.bg-tile-navigation-tertiary-700 {
    background: var(--colorTileNavigationTertiary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-tertiary-700 {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-tertiary-700 {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-tertiary-700 {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-tertiary-700 {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

.bg-tile-navigation-tertiary-600 {
    background: var(--colorTileNavigationTertiary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-tertiary-600 {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-tertiary-600 {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-tertiary-600 {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-tertiary-600 {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

.bg-tile-navigation-tertiary-500 {
    background: var(--colorTileNavigationTertiary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-navigation-tertiary-500 {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-navigation-tertiary-500 {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-navigation-tertiary-500 {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-navigation-tertiary-500 {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

.bg-tile-list-tertiary-400 {
    background: var(--colorTileListTertiary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-tertiary-400 {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-tertiary-400 {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-tertiary-400 {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-tertiary-400 {
        background: var(--colorTileListTertiary400) !important
    }
}

.bg-tile-list-tertiary-300 {
    background: var(--colorTileListTertiary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-tertiary-300 {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-tertiary-300 {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-tertiary-300 {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-tertiary-300 {
        background: var(--colorTileListTertiary300) !important
    }
}

.bg-tile-list-tertiary-200 {
    background: var(--colorTileListTertiary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-tertiary-200 {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-tertiary-200 {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-tertiary-200 {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-tertiary-200 {
        background: var(--colorTileListTertiary200) !important
    }
}

.bg-tile-list-tertiary-100 {
    background: var(--colorTileListTertiary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tile-list-tertiary-100 {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tile-list-tertiary-100 {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tile-list-tertiary-100 {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tile-list-tertiary-100 {
        background: var(--colorTileListTertiary100) !important
    }
}

.bg-social-media-facebook {
    background: var(--colorSocialMediaFacebook)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-social-media-facebook {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-social-media-facebook {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-social-media-facebook {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-social-media-facebook {
        background: var(--colorSocialMediaFacebook) !important
    }
}

.bg-social-media-facebook-hover {
    background: var(--colorSocialMediaFacebookHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-social-media-facebook-hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-social-media-facebook-hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-social-media-facebook-hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-social-media-facebook-hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

.bg-brand-highlight-lvl1 {
    background: var(--colorBrandHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-highlight-lvl1 {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-highlight-lvl1 {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-highlight-lvl1 {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-highlight-lvl1 {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

.bg-brand-linear-gradient-1 {
    background: var(--colorLinearGradient1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-linear-gradient-1 {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-linear-gradient-1 {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-linear-gradient-1 {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-linear-gradient-1 {
        background: var(--colorLinearGradient1) !important
    }
}

.bg-brand-linear-gradient-2 {
    background: var(--colorLinearGradient2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-linear-gradient-2 {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-linear-gradient-2 {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-linear-gradient-2 {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-linear-gradient-2 {
        background: var(--colorLinearGradient2) !important
    }
}

.bg-rating-tag-text {
    background: var(--colorRatingTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-tag-text {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-tag-text {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-tag-text {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-tag-text {
        background: var(--colorRatingTagText) !important
    }
}

.bg-deal-highlight-lvl1 {
    background: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-highlight-lvl1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-highlight-lvl1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-highlight-lvl1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-highlight-lvl1 {
        background: var(--colorDealHighlightLvl1) !important
    }
}

.bg-deal-highlight-lvl2 {
    background: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-deal-highlight-lvl2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-deal-highlight-lvl2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-deal-highlight-lvl2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-deal-highlight-lvl2 {
        background: var(--colorDealHighlightLvl2) !important
    }
}

.bg-joker-primary {
    background: var(--colorJokerPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-primary {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-primary {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-primary {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-primary {
        background: var(--colorJokerPrimary) !important
    }
}

.bg-joker-primary-bk {
    background: var(--colorJokerPrimaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-primary-bk {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-primary-bk {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-primary-bk {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-primary-bk {
        background: var(--colorJokerPrimaryBk) !important
    }
}

.bg-joker-primary-bk2 {
    background: var(--colorJokerPrimaryBk2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-primary-bk2 {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-primary-bk2 {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-primary-bk2 {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-primary-bk2 {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

.bg-joker-secondary {
    background: var(--colorJokerSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-secondary {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-secondary {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-secondary {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-secondary {
        background: var(--colorJokerSecondary) !important
    }
}

.bg-joker-secondary-bk {
    background: var(--colorJokerSecondaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-secondary-bk {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-secondary-bk {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-secondary-bk {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-secondary-bk {
        background: var(--colorJokerSecondaryBk) !important
    }
}

.bg-joker-tertiary {
    background: var(--colorJokerTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-tertiary {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-tertiary {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-tertiary {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-tertiary {
        background: var(--colorJokerTertiary) !important
    }
}

.bg-joker-tertiary-bk {
    background: var(--colorJokerTertiaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-joker-tertiary-bk {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-joker-tertiary-bk {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-joker-tertiary-bk {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-joker-tertiary-bk {
        background: var(--colorJokerTertiaryBk) !important
    }
}

.bg-brand-primary-dark {
    background: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-primary-dark {
        background: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-primary-dark {
        background: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-primary-dark {
        background: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-primary-dark {
        background: #c60d5c !important
    }
}

.bg-ratings {
    background: #276fbf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-ratings {
        background: #276fbf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-ratings {
        background: #276fbf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-ratings {
        background: #276fbf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-ratings {
        background: #276fbf !important
    }
}

.bg-tag-best-in-city-bg {
    background: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-best-in-city-bg {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-best-in-city-bg {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-best-in-city-bg {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-best-in-city-bg {
        background: var(--colorBrandSecondary) !important
    }
}

.bg-tag-best-in-city-text {
    background: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-best-in-city-text {
        background: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-best-in-city-text {
        background: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-best-in-city-text {
        background: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-best-in-city-text {
        background: var(--colorWhite) !important
    }
}

.bg-tag-deal-bg {
    background: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-deal-bg {
        background: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-deal-bg {
        background: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-deal-bg {
        background: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-deal-bg {
        background: #fef6f9 !important
    }
}

.bg-tag-primary-bg {
    background: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-tag-primary-bg {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-tag-primary-bg {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-tag-primary-bg {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-tag-primary-bg {
        background: var(--colorBrandPrimary) !important
    }
}

.bg-brand-blue {
    background: #d4dfe6
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-blue {
        background: #d4dfe6 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-blue {
        background: #d4dfe6 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-blue {
        background: #d4dfe6 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-blue {
        background: #d4dfe6 !important
    }
}

.bg-brand-blue-II {
    background: #1f4d5d
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-blue-II {
        background: #1f4d5d !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-blue-II {
        background: #1f4d5d !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-blue-II {
        background: #1f4d5d !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-blue-II {
        background: #1f4d5d !important
    }
}

.bg-brand-blue-III {
    background: #9cb4bf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-blue-III {
        background: #9cb4bf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-blue-III {
        background: #9cb4bf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-blue-III {
        background: #9cb4bf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-blue-III {
        background: #9cb4bf !important
    }
}

.bg-brand-blue-IV {
    background: #8aa7b3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-blue-IV {
        background: #8aa7b3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-blue-IV {
        background: #8aa7b3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-blue-IV {
        background: #8aa7b3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-blue-IV {
        background: #8aa7b3 !important
    }
}

.bg-brand-grayedout {
    background: #ea81ae
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-grayedout {
        background: #ea81ae !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-grayedout {
        background: #ea81ae !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-grayedout {
        background: #ea81ae !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-grayedout {
        background: #ea81ae !important
    }
}

.bg-brand-pink-80 {
    background: #e14e84
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-pink-80 {
        background: #e14e84 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-pink-80 {
        background: #e14e84 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-pink-80 {
        background: #e14e84 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-pink-80 {
        background: #e14e84 !important
    }
}

.bg-brand-pink-60 {
    background: #eb7ca3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-pink-60 {
        background: #eb7ca3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-pink-60 {
        background: #eb7ca3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-pink-60 {
        background: #eb7ca3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-pink-60 {
        background: #eb7ca3 !important
    }
}

.bg-brand-pink-30 {
    background: #f7bdd1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-brand-pink-30 {
        background: #f7bdd1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-brand-pink-30 {
        background: #f7bdd1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-brand-pink-30 {
        background: #f7bdd1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-brand-pink-30 {
        background: #f7bdd1 !important
    }
}

.bg-gradient-middle {
    background: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-gradient-middle {
        background: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-gradient-middle {
        background: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-gradient-middle {
        background: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-gradient-middle {
        background: #c60d5c !important
    }
}

.bg-grayedout {
    background: hsla(0,0%,100%,.84)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-grayedout {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-grayedout {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-grayedout {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-grayedout {
        background: hsla(0,0%,100%,.84) !important
    }
}

.bg-neutral-light-surface {
    background: #fafafa
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-neutral-light-surface {
        background: #fafafa !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-neutral-light-surface {
        background: #fafafa !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-neutral-light-surface {
        background: #fafafa !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-neutral-light-surface {
        background: #fafafa !important
    }
}

.bg-overlay-lvl1 {
    background: rgba(0,0,0,.02)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl1 {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl1 {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl1 {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl1 {
        background: rgba(0,0,0,.02) !important
    }
}

.bg-overlay-lvl2 {
    background: rgba(0,0,0,.04)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl2 {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl2 {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl2 {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl2 {
        background: rgba(0,0,0,.04) !important
    }
}

.bg-overlay-lvl3 {
    background: rgba(0,0,0,.08)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl3 {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl3 {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl3 {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl3 {
        background: rgba(0,0,0,.08) !important
    }
}

.bg-overlay-lvl4 {
    background: rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl4 {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl4 {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl4 {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl4 {
        background: rgba(0,0,0,.12) !important
    }
}

.bg-overlay-lvl5 {
    background: rgba(0,0,0,.16)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl5 {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl5 {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl5 {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl5 {
        background: rgba(0,0,0,.16) !important
    }
}

.bg-overlay-lvl6 {
    background: rgba(0,0,0,.48)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-lvl6 {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-lvl6 {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-lvl6 {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-lvl6 {
        background: rgba(0,0,0,.48) !important
    }
}

.bg-overlay-white {
    background: hsla(0,0%,100%,.64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-overlay-white {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-overlay-white {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-overlay-white {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-overlay-white {
        background: hsla(0,0%,100%,.64) !important
    }
}

.bg-rating-highlight {
    background: #e9f0f8
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rating-highlight {
        background: #e9f0f8 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rating-highlight {
        background: #e9f0f8 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rating-highlight {
        background: #e9f0f8 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rating-highlight {
        background: #e9f0f8 !important
    }
}

.bg-rider-banner {
    background: #d70f64
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-rider-banner {
        background: #d70f64 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-rider-banner {
        background: #d70f64 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-rider-banner {
        background: #d70f64 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-rider-banner {
        background: #d70f64 !important
    }
}

.bg-social-applepay {
    background: #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-social-applepay {
        background: #000 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-social-applepay {
        background: #000 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-social-applepay {
        background: #000 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-social-applepay {
        background: #000 !important
    }
}

.bg-social-facebook {
    background: #1877f2
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bg-social-facebook {
        background: #1877f2 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bg-social-facebook {
        background: #1877f2 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bg-social-facebook {
        background: #1877f2 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bg-social-facebook {
        background: #1877f2 !important
    }
}

.bgh-brand-primary:hover {
    background: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-primary:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-primary:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-primary:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-primary:hover {
        background: var(--colorBrandPrimary) !important
    }
}

.bgh-brand-secondary:hover {
    background: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-secondary:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-secondary:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-secondary:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-secondary:hover {
        background: var(--colorBrandSecondary) !important
    }
}

.bgh-brand-dark:hover {
    background: var(--colorBrandDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-dark:hover {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-dark:hover {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-dark:hover {
        background: var(--colorBrandDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-dark:hover {
        background: var(--colorBrandDark) !important
    }
}

.bgh-brand-highlight:hover {
    background: var(--colorBrandHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-highlight:hover {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-highlight:hover {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-highlight:hover {
        background: var(--colorBrandHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-highlight:hover {
        background: var(--colorBrandHighlight) !important
    }
}

.bgh-gradient-brand:hover {
    background: var(--colorGradientBrand)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-gradient-brand:hover {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-gradient-brand:hover {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-gradient-brand:hover {
        background: var(--colorGradientBrand) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-gradient-brand:hover {
        background: var(--colorGradientBrand) !important
    }
}

.bgh-gradient-dark:hover {
    background: var(--colorGradientDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-gradient-dark:hover {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-gradient-dark:hover {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-gradient-dark:hover {
        background: var(--colorGradientDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-gradient-dark:hover {
        background: var(--colorGradientDark) !important
    }
}

.bgh-gradient-light:hover {
    background: var(--colorGradientLight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-gradient-light:hover {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-gradient-light:hover {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-gradient-light:hover {
        background: var(--colorGradientLight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-gradient-light:hover {
        background: var(--colorGradientLight) !important
    }
}

.bgh-interaction-primary:hover {
    background: var(--colorInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-primary:hover {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-primary:hover {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-primary:hover {
        background: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-primary:hover {
        background: var(--colorInteractionPrimary) !important
    }
}

.bgh-interaction-secondary:hover {
    background: var(--colorInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-secondary:hover {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-secondary:hover {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-secondary:hover {
        background: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-secondary:hover {
        background: var(--colorInteractionSecondary) !important
    }
}

.bgh-interaction-tertiary:hover {
    background: var(--colorInteractionTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-tertiary:hover {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-tertiary:hover {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-tertiary:hover {
        background: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-tertiary:hover {
        background: var(--colorInteractionTertiary) !important
    }
}

.bgh-interaction-primary-hover:hover {
    background: var(--colorInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-primary-hover:hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-primary-hover:hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-primary-hover:hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-primary-hover:hover {
        background: var(--colorInteractionPrimaryHover) !important
    }
}

.bgh-interaction-secondary-hover:hover {
    background: var(--colorInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-secondary-hover:hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-secondary-hover:hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-secondary-hover:hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-secondary-hover:hover {
        background: var(--colorInteractionSecondaryHover) !important
    }
}

.bgh-interaction-primary-feedback:hover {
    background: var(--colorInteractionPrimaryFeedback)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-primary-feedback:hover {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-primary-feedback:hover {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-primary-feedback:hover {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-primary-feedback:hover {
        background: var(--colorInteractionPrimaryFeedback) !important
    }
}

.bgh-info-banner-cta:hover {
    background: var(--colorInfoBannerCta)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-info-banner-cta:hover {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-info-banner-cta:hover {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-info-banner-cta:hover {
        background: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-info-banner-cta:hover {
        background: var(--colorInfoBannerCta) !important
    }
}

.bgh-on-interaction-primary:hover {
    background: var(--colorOnInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-on-interaction-primary:hover {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-on-interaction-primary:hover {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-on-interaction-primary:hover {
        background: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-on-interaction-primary:hover {
        background: var(--colorOnInteractionPrimary) !important
    }
}

.bgh-on-interaction-primary-hover:hover {
    background: var(--colorOnInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-on-interaction-primary-hover:hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-on-interaction-primary-hover:hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-on-interaction-primary-hover:hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-on-interaction-primary-hover:hover {
        background: var(--colorOnInteractionPrimaryHover) !important
    }
}

.bgh-on-interaction-secondary:hover {
    background: var(--colorOnInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-on-interaction-secondary:hover {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-on-interaction-secondary:hover {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-on-interaction-secondary:hover {
        background: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-on-interaction-secondary:hover {
        background: var(--colorOnInteractionSecondary) !important
    }
}

.bgh-on-interaction-secondary-hover:hover {
    background: var(--colorOnInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-on-interaction-secondary-hover:hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-on-interaction-secondary-hover:hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-on-interaction-secondary-hover:hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-on-interaction-secondary-hover:hover {
        background: var(--colorOnInteractionSecondaryHover) !important
    }
}

.bgh-interaction-background-hover:hover {
    background: var(--colorInteractionBackgroundHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-background-hover:hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-background-hover:hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-background-hover:hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-background-hover:hover {
        background: var(--colorInteractionBackgroundHover) !important
    }
}

.bgh-interaction-text-hover:hover {
    background: var(--colorInteractionTextHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-text-hover:hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-text-hover:hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-text-hover:hover {
        background: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-text-hover:hover {
        background: var(--colorInteractionTextHover) !important
    }
}

.bgh-interaction-focus:hover {
    background: var(--colorInteractionFocus)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-focus:hover {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-focus:hover {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-focus:hover {
        background: var(--colorInteractionFocus) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-focus:hover {
        background: var(--colorInteractionFocus) !important
    }
}

.bgh-interaction-focus-reversed:hover {
    background: var(--colorInteractionFocusReversed)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-interaction-focus-reversed:hover {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-interaction-focus-reversed:hover {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-interaction-focus-reversed:hover {
        background: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-interaction-focus-reversed:hover {
        background: var(--colorInteractionFocusReversed) !important
    }
}

.bgh-main-text:hover {
    background: var(--colorMainText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-main-text:hover {
        background: var(--colorMainText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-main-text:hover {
        background: var(--colorMainText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-main-text:hover {
        background: var(--colorMainText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-main-text:hover {
        background: var(--colorMainText) !important
    }
}

.bgh-tiers-subtitle-text:hover {
    background: var(--colorTiersSubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tiers-subtitle-text:hover {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tiers-subtitle-text:hover {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tiers-subtitle-text:hover {
        background: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tiers-subtitle-text:hover {
        background: var(--colorTiersSubtitleText) !important
    }
}

.bgh-tier-3-subtitle-text:hover {
    background: var(--colorTier3SubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tier-3-subtitle-text:hover {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tier-3-subtitle-text:hover {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tier-3-subtitle-text:hover {
        background: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tier-3-subtitle-text:hover {
        background: var(--colorTier3SubtitleText) !important
    }
}

.bgh-tier-1-tile:hover {
    background: var(--colorTier1Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tier-1-tile:hover {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tier-1-tile:hover {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tier-1-tile:hover {
        background: var(--colorTier1Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tier-1-tile:hover {
        background: var(--colorTier1Tile) !important
    }
}

.bgh-tier-2-tile:hover {
    background: var(--colorTier2Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tier-2-tile:hover {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tier-2-tile:hover {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tier-2-tile:hover {
        background: var(--colorTier2Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tier-2-tile:hover {
        background: var(--colorTier2Tile) !important
    }
}

.bgh-tier-3-tile:hover {
    background: var(--colorTier3Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tier-3-tile:hover {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tier-3-tile:hover {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tier-3-tile:hover {
        background: var(--colorTier3Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tier-3-tile:hover {
        background: var(--colorTier3Tile) !important
    }
}

.bgh-how-it-works-text:hover {
    background: var(--colorHowItWorksText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-how-it-works-text:hover {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-how-it-works-text:hover {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-how-it-works-text:hover {
        background: var(--colorHowItWorksText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-how-it-works-text:hover {
        background: var(--colorHowItWorksText) !important
    }
}

.bgh-how-it-works-icon-bg:hover {
    background: var(--colorHowItWorksIconBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-how-it-works-icon-bg:hover {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-how-it-works-icon-bg:hover {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-how-it-works-icon-bg:hover {
        background: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-how-it-works-icon-bg:hover {
        background: var(--colorHowItWorksIconBg) !important
    }
}

.bgh-timer-bg:hover {
    background: var(--colorTimerBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-timer-bg:hover {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-timer-bg:hover {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-timer-bg:hover {
        background: var(--colorTimerBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-timer-bg:hover {
        background: var(--colorTimerBg) !important
    }
}

.bgh-next-tier-text-3:hover {
    background: var(--colorNextTierText3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-next-tier-text-3:hover {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-next-tier-text-3:hover {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-next-tier-text-3:hover {
        background: var(--colorNextTierText3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-next-tier-text-3:hover {
        background: var(--colorNextTierText3) !important
    }
}

.bgh-default-tier:hover {
    background: var(--colorDefaultTier)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-default-tier:hover {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-default-tier:hover {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-default-tier:hover {
        background: var(--colorDefaultTier) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-default-tier:hover {
        background: var(--colorDefaultTier) !important
    }
}

.bgh-rdp-sheet-tier-1:hover {
    background: var(--colorRdpSheetTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-1:hover {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-1:hover {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-1:hover {
        background: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-1:hover {
        background: var(--colorRdpSheetTier1) !important
    }
}

.bgh-rdp-sheet-tier-2:hover {
    background: var(--colorRdpSheetTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-2:hover {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-2:hover {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-2:hover {
        background: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-2:hover {
        background: var(--colorRdpSheetTier2) !important
    }
}

.bgh-rdp-sheet-tier-3:hover {
    background: var(--colorRdpSheetTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-3:hover {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-3:hover {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-3:hover {
        background: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-3:hover {
        background: var(--colorRdpSheetTier3) !important
    }
}

.bgh-rdp-sheet-tier-4:hover {
    background: var(--colorRdpSheetTier4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-4:hover {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-4:hover {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-4:hover {
        background: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-4:hover {
        background: var(--colorRdpSheetTier4) !important
    }
}

.bgh-star-bg-tier-1:hover {
    background: var(--colorStarBgTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-star-bg-tier-1:hover {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-star-bg-tier-1:hover {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-star-bg-tier-1:hover {
        background: var(--colorStarBgTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-star-bg-tier-1:hover {
        background: var(--colorStarBgTier1) !important
    }
}

.bgh-star-bg-tier-2:hover {
    background: var(--colorStarBgTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-star-bg-tier-2:hover {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-star-bg-tier-2:hover {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-star-bg-tier-2:hover {
        background: var(--colorStarBgTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-star-bg-tier-2:hover {
        background: var(--colorStarBgTier2) !important
    }
}

.bgh-star-bg-tier-3:hover {
    background: var(--colorStarBgTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-star-bg-tier-3:hover {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-star-bg-tier-3:hover {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-star-bg-tier-3:hover {
        background: var(--colorStarBgTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-star-bg-tier-3:hover {
        background: var(--colorStarBgTier3) !important
    }
}

.bgh-rdp-sheet-tier-text-bg-1:hover {
    background: var(--colorRdpSheetTierTextBg1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-text-bg-1:hover {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-text-bg-1:hover {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-text-bg-1:hover {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-text-bg-1:hover {
        background: var(--colorRdpSheetTierTextBg1) !important
    }
}

.bgh-rdp-sheet-tier-text-bg-2:hover {
    background: var(--colorRdpSheetTierTextBg2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-text-bg-2:hover {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-text-bg-2:hover {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-text-bg-2:hover {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-text-bg-2:hover {
        background: var(--colorRdpSheetTierTextBg2) !important
    }
}

.bgh-rdp-sheet-tier-text-bg-3:hover {
    background: var(--colorRdpSheetTierTextBg3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-text-bg-3:hover {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-text-bg-3:hover {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-text-bg-3:hover {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-text-bg-3:hover {
        background: var(--colorRdpSheetTierTextBg3) !important
    }
}

.bgh-rdp-sheet-tier-text-bg-4:hover {
    background: var(--colorRdpSheetTierTextBg4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rdp-sheet-tier-text-bg-4:hover {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rdp-sheet-tier-text-bg-4:hover {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rdp-sheet-tier-text-bg-4:hover {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rdp-sheet-tier-text-bg-4:hover {
        background: var(--colorRdpSheetTierTextBg4) !important
    }
}

.bgh-next-tier-1-rdp:hover {
    background: var(--colorNextTier1Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-next-tier-1-rdp:hover {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-next-tier-1-rdp:hover {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-next-tier-1-rdp:hover {
        background: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-next-tier-1-rdp:hover {
        background: var(--colorNextTier1Rdp) !important
    }
}

.bgh-next-tier-2-rdp:hover {
    background: var(--colorNextTier2Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-next-tier-2-rdp:hover {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-next-tier-2-rdp:hover {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-next-tier-2-rdp:hover {
        background: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-next-tier-2-rdp:hover {
        background: var(--colorNextTier2Rdp) !important
    }
}

.bgh-next-tier-3-rdp:hover {
    background: var(--colorNextTier3Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-next-tier-3-rdp:hover {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-next-tier-3-rdp:hover {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-next-tier-3-rdp:hover {
        background: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-next-tier-3-rdp:hover {
        background: var(--colorNextTier3Rdp) !important
    }
}

.bgh-next-tier-4-rdp:hover {
    background: var(--colorNextTier4Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-next-tier-4-rdp:hover {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-next-tier-4-rdp:hover {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-next-tier-4-rdp:hover {
        background: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-next-tier-4-rdp:hover {
        background: var(--colorNextTier4Rdp) !important
    }
}

.bgh-popup-text:hover {
    background: var(--colorPopupText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-popup-text:hover {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-popup-text:hover {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-popup-text:hover {
        background: var(--colorPopupText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-popup-text:hover {
        background: var(--colorPopupText) !important
    }
}

.bgh-rating:hover {
    background: var(--colorRating)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating:hover {
        background: var(--colorRating) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating:hover {
        background: var(--colorRating) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating:hover {
        background: var(--colorRating) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating:hover {
        background: var(--colorRating) !important
    }
}

.bgh-rating-background:hover {
    background: var(--colorRatingBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-background:hover {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-background:hover {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-background:hover {
        background: var(--colorRatingBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-background:hover {
        background: var(--colorRatingBackground) !important
    }
}

.bgh-rating-feedback-background:hover {
    background: var(--colorRatingFeedbackBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-feedback-background:hover {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-feedback-background:hover {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-feedback-background:hover {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-feedback-background:hover {
        background: var(--colorRatingFeedbackBackground) !important
    }
}

.bgh-rating-feedback-active:hover {
    background: var(--colorRatingFeedbackActive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-feedback-active:hover {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-feedback-active:hover {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-feedback-active:hover {
        background: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-feedback-active:hover {
        background: var(--colorRatingFeedbackActive) !important
    }
}

.bgh-popular-icon:hover {
    background: var(--colorPopularIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-popular-icon:hover {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-popular-icon:hover {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-popular-icon:hover {
        background: var(--colorPopularIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-popular-icon:hover {
        background: var(--colorPopularIcon) !important
    }
}

.bgh-rating-outline:hover {
    background: var(--colorRatingOutline)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-outline:hover {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-outline:hover {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-outline:hover {
        background: var(--colorRatingOutline) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-outline:hover {
        background: var(--colorRatingOutline) !important
    }
}

.bgh-deal-highlight-lvl-1:hover {
    background: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-highlight-lvl-1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-highlight-lvl-1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-highlight-lvl-1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-highlight-lvl-1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

.bgh-deal-highlight-lvl-2:hover {
    background: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-highlight-lvl-2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-highlight-lvl-2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-highlight-lvl-2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-highlight-lvl-2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

.bgh-deal-tertiary:hover {
    background: var(--colorDealTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-tertiary:hover {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-tertiary:hover {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-tertiary:hover {
        background: var(--colorDealTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-tertiary:hover {
        background: var(--colorDealTertiary) !important
    }
}

.bgh-deal-secondary:hover {
    background: var(--colorDealSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-secondary:hover {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-secondary:hover {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-secondary:hover {
        background: var(--colorDealSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-secondary:hover {
        background: var(--colorDealSecondary) !important
    }
}

.bgh-deal-primary:hover {
    background: var(--colorDealPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-primary:hover {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-primary:hover {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-primary:hover {
        background: var(--colorDealPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-primary:hover {
        background: var(--colorDealPrimary) !important
    }
}

.bgh-deal-text-on-white:hover {
    background: var(--colorDealTextOnWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-text-on-white:hover {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-text-on-white:hover {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-text-on-white:hover {
        background: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-text-on-white:hover {
        background: var(--colorDealTextOnWhite) !important
    }
}

.bgh-deal-banner-text:hover {
    background: var(--colorDealBannerText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-banner-text:hover {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-banner-text:hover {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-banner-text:hover {
        background: var(--colorDealBannerText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-banner-text:hover {
        background: var(--colorDealBannerText) !important
    }
}

.bgh-price-emphasis:hover {
    background: var(--colorPriceEmphasis)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-price-emphasis:hover {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-price-emphasis:hover {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-price-emphasis:hover {
        background: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-price-emphasis:hover {
        background: var(--colorPriceEmphasis) !important
    }
}

.bgh-tag-deal-background:hover {
    background: var(--colorTagDealBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-deal-background:hover {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-deal-background:hover {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-deal-background:hover {
        background: var(--colorTagDealBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-deal-background:hover {
        background: var(--colorTagDealBackground) !important
    }
}

.bgh-tag-deal-text:hover {
    background: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-deal-text:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-deal-text:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-deal-text:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-deal-text:hover {
        background: #fef6f9 !important
    }
}

.bgh-tag-best-city-background:hover {
    background: var(--colorTagBestCityBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-best-city-background:hover {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-best-city-background:hover {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-best-city-background:hover {
        background: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-best-city-background:hover {
        background: var(--colorTagBestCityBackground) !important
    }
}

.bgh-tag-best-city-text:hover {
    background: var(--colorTagBestCityText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-best-city-text:hover {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-best-city-text:hover {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-best-city-text:hover {
        background: var(--colorTagBestCityText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-best-city-text:hover {
        background: var(--colorTagBestCityText) !important
    }
}

.bgh-rating-light-tag-icon:hover {
    background: var(--colorRatingLightTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-light-tag-icon:hover {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-light-tag-icon:hover {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-light-tag-icon:hover {
        background: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-light-tag-icon:hover {
        background: var(--colorRatingLightTagIcon) !important
    }
}

.bgh-rating-light-tag-text:hover {
    background: var(--colorRatingLightTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-light-tag-text:hover {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-light-tag-text:hover {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-light-tag-text:hover {
        background: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-light-tag-text:hover {
        background: var(--colorRatingLightTagText) !important
    }
}

.bgh-tag-primary-text:hover {
    background: var(--colorTagPrimaryText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-primary-text:hover {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-primary-text:hover {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-primary-text:hover {
        background: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-primary-text:hover {
        background: var(--colorTagPrimaryText) !important
    }
}

.bgh-tag-primary-background:hover {
    background: var(--colorTagPrimaryBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-primary-background:hover {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-primary-background:hover {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-primary-background:hover {
        background: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-primary-background:hover {
        background: var(--colorTagPrimaryBackground) !important
    }
}

.bgh-popular-highlight:hover {
    background: var(--colorPopularHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-popular-highlight:hover {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-popular-highlight:hover {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-popular-highlight:hover {
        background: var(--colorPopularHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-popular-highlight:hover {
        background: var(--colorPopularHighlight) !important
    }
}

.bgh-popular-tag-text:hover {
    background: var(--colorPopularTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-popular-tag-text:hover {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-popular-tag-text:hover {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-popular-tag-text:hover {
        background: var(--colorPopularTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-popular-tag-text:hover {
        background: var(--colorPopularTagText) !important
    }
}

.bgh-popular-tag-icon:hover {
    background: var(--colorPopularTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-popular-tag-icon:hover {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-popular-tag-icon:hover {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-popular-tag-icon:hover {
        background: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-popular-tag-icon:hover {
        background: var(--colorPopularTagIcon) !important
    }
}

.bgh-information:hover {
    background: var(--colorInformation)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-information:hover {
        background: var(--colorInformation) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-information:hover {
        background: var(--colorInformation) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-information:hover {
        background: var(--colorInformation) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-information:hover {
        background: var(--colorInformation) !important
    }
}

.bgh-error:hover {
    background: var(--colorError)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-error:hover {
        background: var(--colorError) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-error:hover {
        background: var(--colorError) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-error:hover {
        background: var(--colorError) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-error:hover {
        background: var(--colorError) !important
    }
}

.bgh-success:hover {
    background: var(--colorSuccess)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-success:hover {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-success:hover {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-success:hover {
        background: var(--colorSuccess) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-success:hover {
        background: var(--colorSuccess) !important
    }
}

.bgh-warning:hover {
    background: var(--colorWarning)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-warning:hover {
        background: var(--colorWarning) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-warning:hover {
        background: var(--colorWarning) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-warning:hover {
        background: var(--colorWarning) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-warning:hover {
        background: var(--colorWarning) !important
    }
}

.bgh-information-highlight:hover {
    background: var(--colorInformationHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-information-highlight:hover {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-information-highlight:hover {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-information-highlight:hover {
        background: var(--colorInformationHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-information-highlight:hover {
        background: var(--colorInformationHighlight) !important
    }
}

.bgh-error-highlight:hover {
    background: var(--colorErrorHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-error-highlight:hover {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-error-highlight:hover {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-error-highlight:hover {
        background: var(--colorErrorHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-error-highlight:hover {
        background: var(--colorErrorHighlight) !important
    }
}

.bgh-success-highlight:hover {
    background: var(--colorSuccessHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-success-highlight:hover {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-success-highlight:hover {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-success-highlight:hover {
        background: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-success-highlight:hover {
        background: var(--colorSuccessHighlight) !important
    }
}

.bgh-warning-highlight:hover {
    background: var(--colorWarningHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-warning-highlight:hover {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-warning-highlight:hover {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-warning-highlight:hover {
        background: var(--colorWarningHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-warning-highlight:hover {
        background: var(--colorWarningHighlight) !important
    }
}

.bgh-special-1:hover {
    background: var(--colorSpecial1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-1:hover {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-1:hover {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-1:hover {
        background: var(--colorSpecial1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-1:hover {
        background: var(--colorSpecial1) !important
    }
}

.bgh-special-2:hover {
    background: var(--colorSpecial2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-2:hover {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-2:hover {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-2:hover {
        background: var(--colorSpecial2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-2:hover {
        background: var(--colorSpecial2) !important
    }
}

.bgh-special-3:hover {
    background: var(--colorSpecial3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-3:hover {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-3:hover {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-3:hover {
        background: var(--colorSpecial3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-3:hover {
        background: var(--colorSpecial3) !important
    }
}

.bgh-special-4:hover {
    background: var(--colorSpecial4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-4:hover {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-4:hover {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-4:hover {
        background: var(--colorSpecial4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-4:hover {
        background: var(--colorSpecial4) !important
    }
}

.bgh-special-5:hover {
    background: var(--colorSpecial5)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-5:hover {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-5:hover {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-5:hover {
        background: var(--colorSpecial5) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-5:hover {
        background: var(--colorSpecial5) !important
    }
}

.bgh-special-6:hover {
    background: var(--colorSpecial6)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-6:hover {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-6:hover {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-6:hover {
        background: var(--colorSpecial6) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-6:hover {
        background: var(--colorSpecial6) !important
    }
}

.bgh-special-7:hover {
    background: var(--colorSpecial7)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-special-7:hover {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-special-7:hover {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-special-7:hover {
        background: var(--colorSpecial7) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-special-7:hover {
        background: var(--colorSpecial7) !important
    }
}

.bgh-neutral-primary:hover {
    background: var(--colorNeutralPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-primary:hover {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-primary:hover {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-primary:hover {
        background: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-primary:hover {
        background: var(--colorNeutralPrimary) !important
    }
}

.bgh-neutral-secondary:hover {
    background: var(--colorNeutralSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-secondary:hover {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-secondary:hover {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-secondary:hover {
        background: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-secondary:hover {
        background: var(--colorNeutralSecondary) !important
    }
}

.bgh-neutral-inactive:hover {
    background: var(--colorNeutralInactive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-inactive:hover {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-inactive:hover {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-inactive:hover {
        background: var(--colorNeutralInactive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-inactive:hover {
        background: var(--colorNeutralInactive) !important
    }
}

.bgh-neutral-border:hover {
    background: var(--colorNeutralBorder)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-border:hover {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-border:hover {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-border:hover {
        background: var(--colorNeutralBorder) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-border:hover {
        background: var(--colorNeutralBorder) !important
    }
}

.bgh-neutral-divider:hover {
    background: var(--colorNeutralDivider)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-divider:hover {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-divider:hover {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-divider:hover {
        background: var(--colorNeutralDivider) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-divider:hover {
        background: var(--colorNeutralDivider) !important
    }
}

.bgh-neutral-surface:hover {
    background: var(--colorNeutralSurface)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-surface:hover {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-surface:hover {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-surface:hover {
        background: var(--colorNeutralSurface) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-surface:hover {
        background: var(--colorNeutralSurface) !important
    }
}

.bgh-#fff:hover {
    background: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-#fff:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-#fff:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-#fff:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-#fff:hover {
        background: var(--colorWhite) !important
    }
}

.bgh-dark-4:hover {
    background: var(--colorDark4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-dark-4:hover {
        background: var(--colorDark4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-dark-4:hover {
        background: var(--colorDark4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-dark-4:hover {
        background: var(--colorDark4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-dark-4:hover {
        background: var(--colorDark4) !important
    }
}

.bgh-dark-64:hover {
    background: var(--colorDark64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-dark-64:hover {
        background: var(--colorDark64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-dark-64:hover {
        background: var(--colorDark64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-dark-64:hover {
        background: var(--colorDark64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-dark-64:hover {
        background: var(--colorDark64) !important
    }
}

.bgh-light-80:hover {
    background: var(--colorLight80)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-light-80:hover {
        background: var(--colorLight80) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-light-80:hover {
        background: var(--colorLight80) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-light-80:hover {
        background: var(--colorLight80) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-light-80:hover {
        background: var(--colorLight80) !important
    }
}

.bgh-light-56:hover {
    background: var(--colorLight56)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-light-56:hover {
        background: var(--colorLight56) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-light-56:hover {
        background: var(--colorLight56) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-light-56:hover {
        background: var(--colorLight56) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-light-56:hover {
        background: var(--colorLight56) !important
    }
}

.bgh-illu-secondary-dark:hover {
    background: var(--colorIlluSecondaryDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-dark:hover {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-dark:hover {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-dark:hover {
        background: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-dark:hover {
        background: var(--colorIlluSecondaryDark) !important
    }
}

.bgh-illu-secondary-75:hover {
    background: var(--colorIlluSecondary75)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-75:hover {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-75:hover {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-75:hover {
        background: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-75:hover {
        background: var(--colorIlluSecondary75) !important
    }
}

.bgh-illu-secondary-50:hover {
    background: var(--colorIlluSecondary50)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-50:hover {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-50:hover {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-50:hover {
        background: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-50:hover {
        background: var(--colorIlluSecondary50) !important
    }
}

.bgh-illu-secondary-30:hover {
    background: var(--colorIlluSecondary30)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-30:hover {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-30:hover {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-30:hover {
        background: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-30:hover {
        background: var(--colorIlluSecondary30) !important
    }
}

.bgh-illu-secondary-20:hover {
    background: var(--colorIlluSecondary20)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-20:hover {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-20:hover {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-20:hover {
        background: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-20:hover {
        background: var(--colorIlluSecondary20) !important
    }
}

.bgh-illu-secondary-15:hover {
    background: var(--colorIlluSecondary15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-15:hover {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-15:hover {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-15:hover {
        background: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-15:hover {
        background: var(--colorIlluSecondary15) !important
    }
}

.bgh-illu-secondary-10:hover {
    background: var(--colorIlluSecondary10)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-illu-secondary-10:hover {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-illu-secondary-10:hover {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-illu-secondary-10:hover {
        background: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-illu-secondary-10:hover {
        background: var(--colorIlluSecondary10) !important
    }
}

.bgh-tile-navigation-primary-800:hover {
    background: var(--colorTileNavigationPrimary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-primary-800:hover {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-primary-800:hover {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-primary-800:hover {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-primary-800:hover {
        background: var(--colorTileNavigationPrimary800) !important
    }
}

.bgh-tile-navigation-primary-700:hover {
    background: var(--colorTileNavigationPrimary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-primary-700:hover {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-primary-700:hover {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-primary-700:hover {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-primary-700:hover {
        background: var(--colorTileNavigationPrimary700) !important
    }
}

.bgh-tile-navigation-primary-600:hover {
    background: var(--colorTileNavigationPrimary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-primary-600:hover {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-primary-600:hover {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-primary-600:hover {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-primary-600:hover {
        background: var(--colorTileNavigationPrimary600) !important
    }
}

.bgh-tile-navigation-primary-500:hover {
    background: var(--colorTileNavigationPrimary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-primary-500:hover {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-primary-500:hover {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-primary-500:hover {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-primary-500:hover {
        background: var(--colorTileNavigationPrimary500) !important
    }
}

.bgh-tile-list-primary-400:hover {
    background: var(--colorTileListPrimary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-primary-400:hover {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-primary-400:hover {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-primary-400:hover {
        background: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-primary-400:hover {
        background: var(--colorTileListPrimary400) !important
    }
}

.bgh-tile-list-primary-300:hover {
    background: var(--colorTileListPrimary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-primary-300:hover {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-primary-300:hover {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-primary-300:hover {
        background: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-primary-300:hover {
        background: var(--colorTileListPrimary300) !important
    }
}

.bgh-tile-list-primary-200:hover {
    background: var(--colorTileListPrimary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-primary-200:hover {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-primary-200:hover {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-primary-200:hover {
        background: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-primary-200:hover {
        background: var(--colorTileListPrimary200) !important
    }
}

.bgh-tile-list-primary-100:hover {
    background: var(--colorTileListPrimary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-primary-100:hover {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-primary-100:hover {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-primary-100:hover {
        background: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-primary-100:hover {
        background: var(--colorTileListPrimary100) !important
    }
}

.bgh-tile-navigation-secondary-800:hover {
    background: var(--colorTileNavigationSecondary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-secondary-800:hover {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-secondary-800:hover {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-secondary-800:hover {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-secondary-800:hover {
        background: var(--colorTileNavigationSecondary800) !important
    }
}

.bgh-tile-navigation-secondary-700:hover {
    background: var(--colorTileNavigationSecondary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-secondary-700:hover {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-secondary-700:hover {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-secondary-700:hover {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-secondary-700:hover {
        background: var(--colorTileNavigationSecondary700) !important
    }
}

.bgh-tile-navigation-secondary-600:hover {
    background: var(--colorTileNavigationSecondary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-secondary-600:hover {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-secondary-600:hover {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-secondary-600:hover {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-secondary-600:hover {
        background: var(--colorTileNavigationSecondary600) !important
    }
}

.bgh-tile-navigation-secondary-500:hover {
    background: var(--colorTileNavigationSecondary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-secondary-500:hover {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-secondary-500:hover {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-secondary-500:hover {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-secondary-500:hover {
        background: var(--colorTileNavigationSecondary500) !important
    }
}

.bgh-tile-list-secondary-400:hover {
    background: var(--colorTileListSecondary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-secondary-400:hover {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-secondary-400:hover {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-secondary-400:hover {
        background: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-secondary-400:hover {
        background: var(--colorTileListSecondary400) !important
    }
}

.bgh-tile-list-secondary-300:hover {
    background: var(--colorTileListSecondary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-secondary-300:hover {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-secondary-300:hover {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-secondary-300:hover {
        background: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-secondary-300:hover {
        background: var(--colorTileListSecondary300) !important
    }
}

.bgh-tile-list-secondary-200:hover {
    background: var(--colorTileListSecondary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-secondary-200:hover {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-secondary-200:hover {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-secondary-200:hover {
        background: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-secondary-200:hover {
        background: var(--colorTileListSecondary200) !important
    }
}

.bgh-tile-list-secondary-100:hover {
    background: var(--colorTileListSecondary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-secondary-100:hover {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-secondary-100:hover {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-secondary-100:hover {
        background: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-secondary-100:hover {
        background: var(--colorTileListSecondary100) !important
    }
}

.bgh-tile-navigation-tertiary-800:hover {
    background: var(--colorTileNavigationTertiary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-tertiary-800:hover {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-tertiary-800:hover {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-tertiary-800:hover {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-tertiary-800:hover {
        background: var(--colorTileNavigationTertiary800) !important
    }
}

.bgh-tile-navigation-tertiary-700:hover {
    background: var(--colorTileNavigationTertiary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-tertiary-700:hover {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-tertiary-700:hover {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-tertiary-700:hover {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-tertiary-700:hover {
        background: var(--colorTileNavigationTertiary700) !important
    }
}

.bgh-tile-navigation-tertiary-600:hover {
    background: var(--colorTileNavigationTertiary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-tertiary-600:hover {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-tertiary-600:hover {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-tertiary-600:hover {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-tertiary-600:hover {
        background: var(--colorTileNavigationTertiary600) !important
    }
}

.bgh-tile-navigation-tertiary-500:hover {
    background: var(--colorTileNavigationTertiary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-navigation-tertiary-500:hover {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-navigation-tertiary-500:hover {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-navigation-tertiary-500:hover {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-navigation-tertiary-500:hover {
        background: var(--colorTileNavigationTertiary500) !important
    }
}

.bgh-tile-list-tertiary-400:hover {
    background: var(--colorTileListTertiary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-tertiary-400:hover {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-tertiary-400:hover {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-tertiary-400:hover {
        background: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-tertiary-400:hover {
        background: var(--colorTileListTertiary400) !important
    }
}

.bgh-tile-list-tertiary-300:hover {
    background: var(--colorTileListTertiary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-tertiary-300:hover {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-tertiary-300:hover {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-tertiary-300:hover {
        background: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-tertiary-300:hover {
        background: var(--colorTileListTertiary300) !important
    }
}

.bgh-tile-list-tertiary-200:hover {
    background: var(--colorTileListTertiary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-tertiary-200:hover {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-tertiary-200:hover {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-tertiary-200:hover {
        background: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-tertiary-200:hover {
        background: var(--colorTileListTertiary200) !important
    }
}

.bgh-tile-list-tertiary-100:hover {
    background: var(--colorTileListTertiary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tile-list-tertiary-100:hover {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tile-list-tertiary-100:hover {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tile-list-tertiary-100:hover {
        background: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tile-list-tertiary-100:hover {
        background: var(--colorTileListTertiary100) !important
    }
}

.bgh-social-media-facebook:hover {
    background: var(--colorSocialMediaFacebook)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-social-media-facebook:hover {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-social-media-facebook:hover {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-social-media-facebook:hover {
        background: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-social-media-facebook:hover {
        background: var(--colorSocialMediaFacebook) !important
    }
}

.bgh-social-media-facebook-hover:hover {
    background: var(--colorSocialMediaFacebookHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-social-media-facebook-hover:hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-social-media-facebook-hover:hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-social-media-facebook-hover:hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-social-media-facebook-hover:hover {
        background: var(--colorSocialMediaFacebookHover) !important
    }
}

.bgh-brand-highlight-lvl1:hover {
    background: var(--colorBrandHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-highlight-lvl1:hover {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-highlight-lvl1:hover {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-highlight-lvl1:hover {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-highlight-lvl1:hover {
        background: var(--colorBrandHighlightLvl1) !important
    }
}

.bgh-brand-linear-gradient-1:hover {
    background: var(--colorLinearGradient1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-linear-gradient-1:hover {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-linear-gradient-1:hover {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-linear-gradient-1:hover {
        background: var(--colorLinearGradient1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-linear-gradient-1:hover {
        background: var(--colorLinearGradient1) !important
    }
}

.bgh-brand-linear-gradient-2:hover {
    background: var(--colorLinearGradient2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-linear-gradient-2:hover {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-linear-gradient-2:hover {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-linear-gradient-2:hover {
        background: var(--colorLinearGradient2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-linear-gradient-2:hover {
        background: var(--colorLinearGradient2) !important
    }
}

.bgh-rating-tag-text:hover {
    background: var(--colorRatingTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-tag-text:hover {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-tag-text:hover {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-tag-text:hover {
        background: var(--colorRatingTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-tag-text:hover {
        background: var(--colorRatingTagText) !important
    }
}

.bgh-deal-highlight-lvl1:hover {
    background: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-highlight-lvl1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-highlight-lvl1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-highlight-lvl1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-highlight-lvl1:hover {
        background: var(--colorDealHighlightLvl1) !important
    }
}

.bgh-deal-highlight-lvl2:hover {
    background: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-deal-highlight-lvl2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-deal-highlight-lvl2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-deal-highlight-lvl2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-deal-highlight-lvl2:hover {
        background: var(--colorDealHighlightLvl2) !important
    }
}

.bgh-joker-primary:hover {
    background: var(--colorJokerPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-primary:hover {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-primary:hover {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-primary:hover {
        background: var(--colorJokerPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-primary:hover {
        background: var(--colorJokerPrimary) !important
    }
}

.bgh-joker-primary-bk:hover {
    background: var(--colorJokerPrimaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-primary-bk:hover {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-primary-bk:hover {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-primary-bk:hover {
        background: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-primary-bk:hover {
        background: var(--colorJokerPrimaryBk) !important
    }
}

.bgh-joker-primary-bk2:hover {
    background: var(--colorJokerPrimaryBk2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-primary-bk2:hover {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-primary-bk2:hover {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-primary-bk2:hover {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-primary-bk2:hover {
        background: var(--colorJokerPrimaryBk2) !important
    }
}

.bgh-joker-secondary:hover {
    background: var(--colorJokerSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-secondary:hover {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-secondary:hover {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-secondary:hover {
        background: var(--colorJokerSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-secondary:hover {
        background: var(--colorJokerSecondary) !important
    }
}

.bgh-joker-secondary-bk:hover {
    background: var(--colorJokerSecondaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-secondary-bk:hover {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-secondary-bk:hover {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-secondary-bk:hover {
        background: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-secondary-bk:hover {
        background: var(--colorJokerSecondaryBk) !important
    }
}

.bgh-joker-tertiary:hover {
    background: var(--colorJokerTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-tertiary:hover {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-tertiary:hover {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-tertiary:hover {
        background: var(--colorJokerTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-tertiary:hover {
        background: var(--colorJokerTertiary) !important
    }
}

.bgh-joker-tertiary-bk:hover {
    background: var(--colorJokerTertiaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-joker-tertiary-bk:hover {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-joker-tertiary-bk:hover {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-joker-tertiary-bk:hover {
        background: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-joker-tertiary-bk:hover {
        background: var(--colorJokerTertiaryBk) !important
    }
}

.bgh-brand-primary-dark:hover {
    background: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-primary-dark:hover {
        background: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-primary-dark:hover {
        background: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-primary-dark:hover {
        background: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-primary-dark:hover {
        background: #c60d5c !important
    }
}

.bgh-ratings:hover {
    background: #276fbf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-ratings:hover {
        background: #276fbf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-ratings:hover {
        background: #276fbf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-ratings:hover {
        background: #276fbf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-ratings:hover {
        background: #276fbf !important
    }
}

.bgh-tag-best-in-city-bg:hover {
    background: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-best-in-city-bg:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-best-in-city-bg:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-best-in-city-bg:hover {
        background: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-best-in-city-bg:hover {
        background: var(--colorBrandSecondary) !important
    }
}

.bgh-tag-best-in-city-text:hover {
    background: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-best-in-city-text:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-best-in-city-text:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-best-in-city-text:hover {
        background: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-best-in-city-text:hover {
        background: var(--colorWhite) !important
    }
}

.bgh-tag-deal-bg:hover {
    background: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-deal-bg:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-deal-bg:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-deal-bg:hover {
        background: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-deal-bg:hover {
        background: #fef6f9 !important
    }
}

.bgh-tag-primary-bg:hover {
    background: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-tag-primary-bg:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-tag-primary-bg:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-tag-primary-bg:hover {
        background: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-tag-primary-bg:hover {
        background: var(--colorBrandPrimary) !important
    }
}

.bgh-brand-blue:hover {
    background: #d4dfe6
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-blue:hover {
        background: #d4dfe6 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-blue:hover {
        background: #d4dfe6 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-blue:hover {
        background: #d4dfe6 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-blue:hover {
        background: #d4dfe6 !important
    }
}

.bgh-brand-blue-II:hover {
    background: #1f4d5d
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-blue-II:hover {
        background: #1f4d5d !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-blue-II:hover {
        background: #1f4d5d !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-blue-II:hover {
        background: #1f4d5d !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-blue-II:hover {
        background: #1f4d5d !important
    }
}

.bgh-brand-blue-III:hover {
    background: #9cb4bf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-blue-III:hover {
        background: #9cb4bf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-blue-III:hover {
        background: #9cb4bf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-blue-III:hover {
        background: #9cb4bf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-blue-III:hover {
        background: #9cb4bf !important
    }
}

.bgh-brand-blue-IV:hover {
    background: #8aa7b3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-blue-IV:hover {
        background: #8aa7b3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-blue-IV:hover {
        background: #8aa7b3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-blue-IV:hover {
        background: #8aa7b3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-blue-IV:hover {
        background: #8aa7b3 !important
    }
}

.bgh-brand-grayedout:hover {
    background: #ea81ae
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-grayedout:hover {
        background: #ea81ae !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-grayedout:hover {
        background: #ea81ae !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-grayedout:hover {
        background: #ea81ae !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-grayedout:hover {
        background: #ea81ae !important
    }
}

.bgh-brand-pink-80:hover {
    background: #e14e84
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-pink-80:hover {
        background: #e14e84 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-pink-80:hover {
        background: #e14e84 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-pink-80:hover {
        background: #e14e84 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-pink-80:hover {
        background: #e14e84 !important
    }
}

.bgh-brand-pink-60:hover {
    background: #eb7ca3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-pink-60:hover {
        background: #eb7ca3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-pink-60:hover {
        background: #eb7ca3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-pink-60:hover {
        background: #eb7ca3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-pink-60:hover {
        background: #eb7ca3 !important
    }
}

.bgh-brand-pink-30:hover {
    background: #f7bdd1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-brand-pink-30:hover {
        background: #f7bdd1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-brand-pink-30:hover {
        background: #f7bdd1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-brand-pink-30:hover {
        background: #f7bdd1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-brand-pink-30:hover {
        background: #f7bdd1 !important
    }
}

.bgh-gradient-middle:hover {
    background: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-gradient-middle:hover {
        background: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-gradient-middle:hover {
        background: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-gradient-middle:hover {
        background: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-gradient-middle:hover {
        background: #c60d5c !important
    }
}

.bgh-grayedout:hover {
    background: hsla(0,0%,100%,.84)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-grayedout:hover {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-grayedout:hover {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-grayedout:hover {
        background: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-grayedout:hover {
        background: hsla(0,0%,100%,.84) !important
    }
}

.bgh-neutral-light-surface:hover {
    background: #fafafa
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-neutral-light-surface:hover {
        background: #fafafa !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-neutral-light-surface:hover {
        background: #fafafa !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-neutral-light-surface:hover {
        background: #fafafa !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-neutral-light-surface:hover {
        background: #fafafa !important
    }
}

.bgh-overlay-lvl1:hover {
    background: rgba(0,0,0,.02)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl1:hover {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl1:hover {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl1:hover {
        background: rgba(0,0,0,.02) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl1:hover {
        background: rgba(0,0,0,.02) !important
    }
}

.bgh-overlay-lvl2:hover {
    background: rgba(0,0,0,.04)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl2:hover {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl2:hover {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl2:hover {
        background: rgba(0,0,0,.04) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl2:hover {
        background: rgba(0,0,0,.04) !important
    }
}

.bgh-overlay-lvl3:hover {
    background: rgba(0,0,0,.08)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl3:hover {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl3:hover {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl3:hover {
        background: rgba(0,0,0,.08) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl3:hover {
        background: rgba(0,0,0,.08) !important
    }
}

.bgh-overlay-lvl4:hover {
    background: rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl4:hover {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl4:hover {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl4:hover {
        background: rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl4:hover {
        background: rgba(0,0,0,.12) !important
    }
}

.bgh-overlay-lvl5:hover {
    background: rgba(0,0,0,.16)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl5:hover {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl5:hover {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl5:hover {
        background: rgba(0,0,0,.16) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl5:hover {
        background: rgba(0,0,0,.16) !important
    }
}

.bgh-overlay-lvl6:hover {
    background: rgba(0,0,0,.48)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-lvl6:hover {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-lvl6:hover {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-lvl6:hover {
        background: rgba(0,0,0,.48) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-lvl6:hover {
        background: rgba(0,0,0,.48) !important
    }
}

.bgh-overlay-white:hover {
    background: hsla(0,0%,100%,.64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-overlay-white:hover {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-overlay-white:hover {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-overlay-white:hover {
        background: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-overlay-white:hover {
        background: hsla(0,0%,100%,.64) !important
    }
}

.bgh-rating-highlight:hover {
    background: #e9f0f8
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rating-highlight:hover {
        background: #e9f0f8 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rating-highlight:hover {
        background: #e9f0f8 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rating-highlight:hover {
        background: #e9f0f8 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rating-highlight:hover {
        background: #e9f0f8 !important
    }
}

.bgh-rider-banner:hover {
    background: #d70f64
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-rider-banner:hover {
        background: #d70f64 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-rider-banner:hover {
        background: #d70f64 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-rider-banner:hover {
        background: #d70f64 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-rider-banner:hover {
        background: #d70f64 !important
    }
}

.bgh-social-applepay:hover {
    background: #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-social-applepay:hover {
        background: #000 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-social-applepay:hover {
        background: #000 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-social-applepay:hover {
        background: #000 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-social-applepay:hover {
        background: #000 !important
    }
}

.bgh-social-facebook:hover {
    background: #1877f2
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bgh-social-facebook:hover {
        background: #1877f2 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bgh-social-facebook:hover {
        background: #1877f2 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bgh-social-facebook:hover {
        background: #1877f2 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bgh-social-facebook:hover {
        background: #1877f2 !important
    }
}

.bc-brand-primary {
    border: 1px solid var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-primary {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-primary {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-primary {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-primary {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

.bc-brand-secondary {
    border: 1px solid var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-secondary {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-secondary {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-secondary {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-secondary {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

.bc-brand-dark {
    border: 1px solid var(--colorBrandDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-dark {
        border: 1px solid var(--colorBrandDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-dark {
        border: 1px solid var(--colorBrandDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-dark {
        border: 1px solid var(--colorBrandDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-dark {
        border: 1px solid var(--colorBrandDark) !important
    }
}

.bc-brand-highlight {
    border: 1px solid var(--colorBrandHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-highlight {
        border: 1px solid var(--colorBrandHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-highlight {
        border: 1px solid var(--colorBrandHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-highlight {
        border: 1px solid var(--colorBrandHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-highlight {
        border: 1px solid var(--colorBrandHighlight) !important
    }
}

.bc-gradient-brand {
    border: 1px solid var(--colorGradientBrand)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-gradient-brand {
        border: 1px solid var(--colorGradientBrand) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-gradient-brand {
        border: 1px solid var(--colorGradientBrand) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-gradient-brand {
        border: 1px solid var(--colorGradientBrand) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-gradient-brand {
        border: 1px solid var(--colorGradientBrand) !important
    }
}

.bc-gradient-dark {
    border: 1px solid var(--colorGradientDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-gradient-dark {
        border: 1px solid var(--colorGradientDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-gradient-dark {
        border: 1px solid var(--colorGradientDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-gradient-dark {
        border: 1px solid var(--colorGradientDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-gradient-dark {
        border: 1px solid var(--colorGradientDark) !important
    }
}

.bc-gradient-light {
    border: 1px solid var(--colorGradientLight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-gradient-light {
        border: 1px solid var(--colorGradientLight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-gradient-light {
        border: 1px solid var(--colorGradientLight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-gradient-light {
        border: 1px solid var(--colorGradientLight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-gradient-light {
        border: 1px solid var(--colorGradientLight) !important
    }
}

.bc-interaction-primary {
    border: 1px solid var(--colorInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-primary {
        border: 1px solid var(--colorInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-primary {
        border: 1px solid var(--colorInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-primary {
        border: 1px solid var(--colorInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-primary {
        border: 1px solid var(--colorInteractionPrimary) !important
    }
}

.bc-interaction-secondary {
    border: 1px solid var(--colorInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-secondary {
        border: 1px solid var(--colorInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-secondary {
        border: 1px solid var(--colorInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-secondary {
        border: 1px solid var(--colorInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-secondary {
        border: 1px solid var(--colorInteractionSecondary) !important
    }
}

.bc-interaction-tertiary {
    border: 1px solid var(--colorInteractionTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-tertiary {
        border: 1px solid var(--colorInteractionTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-tertiary {
        border: 1px solid var(--colorInteractionTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-tertiary {
        border: 1px solid var(--colorInteractionTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-tertiary {
        border: 1px solid var(--colorInteractionTertiary) !important
    }
}

.bc-interaction-primary-hover {
    border: 1px solid var(--colorInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-primary-hover {
        border: 1px solid var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-primary-hover {
        border: 1px solid var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-primary-hover {
        border: 1px solid var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-primary-hover {
        border: 1px solid var(--colorInteractionPrimaryHover) !important
    }
}

.bc-interaction-secondary-hover {
    border: 1px solid var(--colorInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-secondary-hover {
        border: 1px solid var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-secondary-hover {
        border: 1px solid var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-secondary-hover {
        border: 1px solid var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-secondary-hover {
        border: 1px solid var(--colorInteractionSecondaryHover) !important
    }
}

.bc-interaction-primary-feedback {
    border: 1px solid var(--colorInteractionPrimaryFeedback)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-primary-feedback {
        border: 1px solid var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-primary-feedback {
        border: 1px solid var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-primary-feedback {
        border: 1px solid var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-primary-feedback {
        border: 1px solid var(--colorInteractionPrimaryFeedback) !important
    }
}

.bc-info-banner-cta {
    border: 1px solid var(--colorInfoBannerCta)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-info-banner-cta {
        border: 1px solid var(--colorInfoBannerCta) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-info-banner-cta {
        border: 1px solid var(--colorInfoBannerCta) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-info-banner-cta {
        border: 1px solid var(--colorInfoBannerCta) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-info-banner-cta {
        border: 1px solid var(--colorInfoBannerCta) !important
    }
}

.bc-on-interaction-primary {
    border: 1px solid var(--colorOnInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-on-interaction-primary {
        border: 1px solid var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-on-interaction-primary {
        border: 1px solid var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-on-interaction-primary {
        border: 1px solid var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-on-interaction-primary {
        border: 1px solid var(--colorOnInteractionPrimary) !important
    }
}

.bc-on-interaction-primary-hover {
    border: 1px solid var(--colorOnInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-on-interaction-primary-hover {
        border: 1px solid var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-on-interaction-primary-hover {
        border: 1px solid var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-on-interaction-primary-hover {
        border: 1px solid var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-on-interaction-primary-hover {
        border: 1px solid var(--colorOnInteractionPrimaryHover) !important
    }
}

.bc-on-interaction-secondary {
    border: 1px solid var(--colorOnInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-on-interaction-secondary {
        border: 1px solid var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-on-interaction-secondary {
        border: 1px solid var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-on-interaction-secondary {
        border: 1px solid var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-on-interaction-secondary {
        border: 1px solid var(--colorOnInteractionSecondary) !important
    }
}

.bc-on-interaction-secondary-hover {
    border: 1px solid var(--colorOnInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-on-interaction-secondary-hover {
        border: 1px solid var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-on-interaction-secondary-hover {
        border: 1px solid var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-on-interaction-secondary-hover {
        border: 1px solid var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-on-interaction-secondary-hover {
        border: 1px solid var(--colorOnInteractionSecondaryHover) !important
    }
}

.bc-interaction-background-hover {
    border: 1px solid var(--colorInteractionBackgroundHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-background-hover {
        border: 1px solid var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-background-hover {
        border: 1px solid var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-background-hover {
        border: 1px solid var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-background-hover {
        border: 1px solid var(--colorInteractionBackgroundHover) !important
    }
}

.bc-interaction-text-hover {
    border: 1px solid var(--colorInteractionTextHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-text-hover {
        border: 1px solid var(--colorInteractionTextHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-text-hover {
        border: 1px solid var(--colorInteractionTextHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-text-hover {
        border: 1px solid var(--colorInteractionTextHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-text-hover {
        border: 1px solid var(--colorInteractionTextHover) !important
    }
}

.bc-interaction-focus {
    border: 1px solid var(--colorInteractionFocus)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-focus {
        border: 1px solid var(--colorInteractionFocus) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-focus {
        border: 1px solid var(--colorInteractionFocus) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-focus {
        border: 1px solid var(--colorInteractionFocus) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-focus {
        border: 1px solid var(--colorInteractionFocus) !important
    }
}

.bc-interaction-focus-reversed {
    border: 1px solid var(--colorInteractionFocusReversed)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-interaction-focus-reversed {
        border: 1px solid var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-interaction-focus-reversed {
        border: 1px solid var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-interaction-focus-reversed {
        border: 1px solid var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-interaction-focus-reversed {
        border: 1px solid var(--colorInteractionFocusReversed) !important
    }
}

.bc-main-text {
    border: 1px solid var(--colorMainText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-main-text {
        border: 1px solid var(--colorMainText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-main-text {
        border: 1px solid var(--colorMainText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-main-text {
        border: 1px solid var(--colorMainText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-main-text {
        border: 1px solid var(--colorMainText) !important
    }
}

.bc-tiers-subtitle-text {
    border: 1px solid var(--colorTiersSubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tiers-subtitle-text {
        border: 1px solid var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tiers-subtitle-text {
        border: 1px solid var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tiers-subtitle-text {
        border: 1px solid var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tiers-subtitle-text {
        border: 1px solid var(--colorTiersSubtitleText) !important
    }
}

.bc-tier-3-subtitle-text {
    border: 1px solid var(--colorTier3SubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tier-3-subtitle-text {
        border: 1px solid var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tier-3-subtitle-text {
        border: 1px solid var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tier-3-subtitle-text {
        border: 1px solid var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tier-3-subtitle-text {
        border: 1px solid var(--colorTier3SubtitleText) !important
    }
}

.bc-tier-1-tile {
    border: 1px solid var(--colorTier1Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tier-1-tile {
        border: 1px solid var(--colorTier1Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tier-1-tile {
        border: 1px solid var(--colorTier1Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tier-1-tile {
        border: 1px solid var(--colorTier1Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tier-1-tile {
        border: 1px solid var(--colorTier1Tile) !important
    }
}

.bc-tier-2-tile {
    border: 1px solid var(--colorTier2Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tier-2-tile {
        border: 1px solid var(--colorTier2Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tier-2-tile {
        border: 1px solid var(--colorTier2Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tier-2-tile {
        border: 1px solid var(--colorTier2Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tier-2-tile {
        border: 1px solid var(--colorTier2Tile) !important
    }
}

.bc-tier-3-tile {
    border: 1px solid var(--colorTier3Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tier-3-tile {
        border: 1px solid var(--colorTier3Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tier-3-tile {
        border: 1px solid var(--colorTier3Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tier-3-tile {
        border: 1px solid var(--colorTier3Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tier-3-tile {
        border: 1px solid var(--colorTier3Tile) !important
    }
}

.bc-how-it-works-text {
    border: 1px solid var(--colorHowItWorksText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-how-it-works-text {
        border: 1px solid var(--colorHowItWorksText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-how-it-works-text {
        border: 1px solid var(--colorHowItWorksText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-how-it-works-text {
        border: 1px solid var(--colorHowItWorksText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-how-it-works-text {
        border: 1px solid var(--colorHowItWorksText) !important
    }
}

.bc-how-it-works-icon-bg {
    border: 1px solid var(--colorHowItWorksIconBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-how-it-works-icon-bg {
        border: 1px solid var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-how-it-works-icon-bg {
        border: 1px solid var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-how-it-works-icon-bg {
        border: 1px solid var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-how-it-works-icon-bg {
        border: 1px solid var(--colorHowItWorksIconBg) !important
    }
}

.bc-timer-bg {
    border: 1px solid var(--colorTimerBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-timer-bg {
        border: 1px solid var(--colorTimerBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-timer-bg {
        border: 1px solid var(--colorTimerBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-timer-bg {
        border: 1px solid var(--colorTimerBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-timer-bg {
        border: 1px solid var(--colorTimerBg) !important
    }
}

.bc-next-tier-text-3 {
    border: 1px solid var(--colorNextTierText3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-next-tier-text-3 {
        border: 1px solid var(--colorNextTierText3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-next-tier-text-3 {
        border: 1px solid var(--colorNextTierText3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-next-tier-text-3 {
        border: 1px solid var(--colorNextTierText3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-next-tier-text-3 {
        border: 1px solid var(--colorNextTierText3) !important
    }
}

.bc-default-tier {
    border: 1px solid var(--colorDefaultTier)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-default-tier {
        border: 1px solid var(--colorDefaultTier) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-default-tier {
        border: 1px solid var(--colorDefaultTier) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-default-tier {
        border: 1px solid var(--colorDefaultTier) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-default-tier {
        border: 1px solid var(--colorDefaultTier) !important
    }
}

.bc-rdp-sheet-tier-1 {
    border: 1px solid var(--colorRdpSheetTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-1 {
        border: 1px solid var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-1 {
        border: 1px solid var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-1 {
        border: 1px solid var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-1 {
        border: 1px solid var(--colorRdpSheetTier1) !important
    }
}

.bc-rdp-sheet-tier-2 {
    border: 1px solid var(--colorRdpSheetTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-2 {
        border: 1px solid var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-2 {
        border: 1px solid var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-2 {
        border: 1px solid var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-2 {
        border: 1px solid var(--colorRdpSheetTier2) !important
    }
}

.bc-rdp-sheet-tier-3 {
    border: 1px solid var(--colorRdpSheetTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-3 {
        border: 1px solid var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-3 {
        border: 1px solid var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-3 {
        border: 1px solid var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-3 {
        border: 1px solid var(--colorRdpSheetTier3) !important
    }
}

.bc-rdp-sheet-tier-4 {
    border: 1px solid var(--colorRdpSheetTier4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-4 {
        border: 1px solid var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-4 {
        border: 1px solid var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-4 {
        border: 1px solid var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-4 {
        border: 1px solid var(--colorRdpSheetTier4) !important
    }
}

.bc-star-bg-tier-1 {
    border: 1px solid var(--colorStarBgTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-star-bg-tier-1 {
        border: 1px solid var(--colorStarBgTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-star-bg-tier-1 {
        border: 1px solid var(--colorStarBgTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-star-bg-tier-1 {
        border: 1px solid var(--colorStarBgTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-star-bg-tier-1 {
        border: 1px solid var(--colorStarBgTier1) !important
    }
}

.bc-star-bg-tier-2 {
    border: 1px solid var(--colorStarBgTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-star-bg-tier-2 {
        border: 1px solid var(--colorStarBgTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-star-bg-tier-2 {
        border: 1px solid var(--colorStarBgTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-star-bg-tier-2 {
        border: 1px solid var(--colorStarBgTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-star-bg-tier-2 {
        border: 1px solid var(--colorStarBgTier2) !important
    }
}

.bc-star-bg-tier-3 {
    border: 1px solid var(--colorStarBgTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-star-bg-tier-3 {
        border: 1px solid var(--colorStarBgTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-star-bg-tier-3 {
        border: 1px solid var(--colorStarBgTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-star-bg-tier-3 {
        border: 1px solid var(--colorStarBgTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-star-bg-tier-3 {
        border: 1px solid var(--colorStarBgTier3) !important
    }
}

.bc-rdp-sheet-tier-text-bg-1 {
    border: 1px solid var(--colorRdpSheetTierTextBg1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-text-bg-1 {
        border: 1px solid var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-text-bg-1 {
        border: 1px solid var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-text-bg-1 {
        border: 1px solid var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-text-bg-1 {
        border: 1px solid var(--colorRdpSheetTierTextBg1) !important
    }
}

.bc-rdp-sheet-tier-text-bg-2 {
    border: 1px solid var(--colorRdpSheetTierTextBg2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-text-bg-2 {
        border: 1px solid var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-text-bg-2 {
        border: 1px solid var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-text-bg-2 {
        border: 1px solid var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-text-bg-2 {
        border: 1px solid var(--colorRdpSheetTierTextBg2) !important
    }
}

.bc-rdp-sheet-tier-text-bg-3 {
    border: 1px solid var(--colorRdpSheetTierTextBg3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-text-bg-3 {
        border: 1px solid var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-text-bg-3 {
        border: 1px solid var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-text-bg-3 {
        border: 1px solid var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-text-bg-3 {
        border: 1px solid var(--colorRdpSheetTierTextBg3) !important
    }
}

.bc-rdp-sheet-tier-text-bg-4 {
    border: 1px solid var(--colorRdpSheetTierTextBg4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rdp-sheet-tier-text-bg-4 {
        border: 1px solid var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rdp-sheet-tier-text-bg-4 {
        border: 1px solid var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rdp-sheet-tier-text-bg-4 {
        border: 1px solid var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rdp-sheet-tier-text-bg-4 {
        border: 1px solid var(--colorRdpSheetTierTextBg4) !important
    }
}

.bc-next-tier-1-rdp {
    border: 1px solid var(--colorNextTier1Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-next-tier-1-rdp {
        border: 1px solid var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-next-tier-1-rdp {
        border: 1px solid var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-next-tier-1-rdp {
        border: 1px solid var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-next-tier-1-rdp {
        border: 1px solid var(--colorNextTier1Rdp) !important
    }
}

.bc-next-tier-2-rdp {
    border: 1px solid var(--colorNextTier2Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-next-tier-2-rdp {
        border: 1px solid var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-next-tier-2-rdp {
        border: 1px solid var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-next-tier-2-rdp {
        border: 1px solid var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-next-tier-2-rdp {
        border: 1px solid var(--colorNextTier2Rdp) !important
    }
}

.bc-next-tier-3-rdp {
    border: 1px solid var(--colorNextTier3Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-next-tier-3-rdp {
        border: 1px solid var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-next-tier-3-rdp {
        border: 1px solid var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-next-tier-3-rdp {
        border: 1px solid var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-next-tier-3-rdp {
        border: 1px solid var(--colorNextTier3Rdp) !important
    }
}

.bc-next-tier-4-rdp {
    border: 1px solid var(--colorNextTier4Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-next-tier-4-rdp {
        border: 1px solid var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-next-tier-4-rdp {
        border: 1px solid var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-next-tier-4-rdp {
        border: 1px solid var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-next-tier-4-rdp {
        border: 1px solid var(--colorNextTier4Rdp) !important
    }
}

.bc-popup-text {
    border: 1px solid var(--colorPopupText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-popup-text {
        border: 1px solid var(--colorPopupText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-popup-text {
        border: 1px solid var(--colorPopupText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-popup-text {
        border: 1px solid var(--colorPopupText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-popup-text {
        border: 1px solid var(--colorPopupText) !important
    }
}

.bc-rating {
    border: 1px solid var(--colorRating)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating {
        border: 1px solid var(--colorRating) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating {
        border: 1px solid var(--colorRating) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating {
        border: 1px solid var(--colorRating) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating {
        border: 1px solid var(--colorRating) !important
    }
}

.bc-rating-background {
    border: 1px solid var(--colorRatingBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-background {
        border: 1px solid var(--colorRatingBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-background {
        border: 1px solid var(--colorRatingBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-background {
        border: 1px solid var(--colorRatingBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-background {
        border: 1px solid var(--colorRatingBackground) !important
    }
}

.bc-rating-feedback-background {
    border: 1px solid var(--colorRatingFeedbackBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-feedback-background {
        border: 1px solid var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-feedback-background {
        border: 1px solid var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-feedback-background {
        border: 1px solid var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-feedback-background {
        border: 1px solid var(--colorRatingFeedbackBackground) !important
    }
}

.bc-rating-feedback-active {
    border: 1px solid var(--colorRatingFeedbackActive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-feedback-active {
        border: 1px solid var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-feedback-active {
        border: 1px solid var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-feedback-active {
        border: 1px solid var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-feedback-active {
        border: 1px solid var(--colorRatingFeedbackActive) !important
    }
}

.bc-popular-icon {
    border: 1px solid var(--colorPopularIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-popular-icon {
        border: 1px solid var(--colorPopularIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-popular-icon {
        border: 1px solid var(--colorPopularIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-popular-icon {
        border: 1px solid var(--colorPopularIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-popular-icon {
        border: 1px solid var(--colorPopularIcon) !important
    }
}

.bc-rating-outline {
    border: 1px solid var(--colorRatingOutline)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-outline {
        border: 1px solid var(--colorRatingOutline) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-outline {
        border: 1px solid var(--colorRatingOutline) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-outline {
        border: 1px solid var(--colorRatingOutline) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-outline {
        border: 1px solid var(--colorRatingOutline) !important
    }
}

.bc-deal-highlight-lvl-1 {
    border: 1px solid var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-highlight-lvl-1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-highlight-lvl-1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-highlight-lvl-1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-highlight-lvl-1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

.bc-deal-highlight-lvl-2 {
    border: 1px solid var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-highlight-lvl-2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-highlight-lvl-2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-highlight-lvl-2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-highlight-lvl-2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

.bc-deal-tertiary {
    border: 1px solid var(--colorDealTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-tertiary {
        border: 1px solid var(--colorDealTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-tertiary {
        border: 1px solid var(--colorDealTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-tertiary {
        border: 1px solid var(--colorDealTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-tertiary {
        border: 1px solid var(--colorDealTertiary) !important
    }
}

.bc-deal-secondary {
    border: 1px solid var(--colorDealSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-secondary {
        border: 1px solid var(--colorDealSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-secondary {
        border: 1px solid var(--colorDealSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-secondary {
        border: 1px solid var(--colorDealSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-secondary {
        border: 1px solid var(--colorDealSecondary) !important
    }
}

.bc-deal-primary {
    border: 1px solid var(--colorDealPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-primary {
        border: 1px solid var(--colorDealPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-primary {
        border: 1px solid var(--colorDealPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-primary {
        border: 1px solid var(--colorDealPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-primary {
        border: 1px solid var(--colorDealPrimary) !important
    }
}

.bc-deal-text-on-white {
    border: 1px solid var(--colorDealTextOnWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-text-on-white {
        border: 1px solid var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-text-on-white {
        border: 1px solid var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-text-on-white {
        border: 1px solid var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-text-on-white {
        border: 1px solid var(--colorDealTextOnWhite) !important
    }
}

.bc-deal-banner-text {
    border: 1px solid var(--colorDealBannerText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-banner-text {
        border: 1px solid var(--colorDealBannerText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-banner-text {
        border: 1px solid var(--colorDealBannerText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-banner-text {
        border: 1px solid var(--colorDealBannerText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-banner-text {
        border: 1px solid var(--colorDealBannerText) !important
    }
}

.bc-price-emphasis {
    border: 1px solid var(--colorPriceEmphasis)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-price-emphasis {
        border: 1px solid var(--colorPriceEmphasis) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-price-emphasis {
        border: 1px solid var(--colorPriceEmphasis) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-price-emphasis {
        border: 1px solid var(--colorPriceEmphasis) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-price-emphasis {
        border: 1px solid var(--colorPriceEmphasis) !important
    }
}

.bc-tag-deal-background {
    border: 1px solid var(--colorTagDealBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-deal-background {
        border: 1px solid var(--colorTagDealBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-deal-background {
        border: 1px solid var(--colorTagDealBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-deal-background {
        border: 1px solid var(--colorTagDealBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-deal-background {
        border: 1px solid var(--colorTagDealBackground) !important
    }
}

.bc-tag-deal-text {
    border: 1px solid #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-deal-text {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-deal-text {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-deal-text {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-deal-text {
        border: 1px solid #fef6f9 !important
    }
}

.bc-tag-best-city-background {
    border: 1px solid var(--colorTagBestCityBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-best-city-background {
        border: 1px solid var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-best-city-background {
        border: 1px solid var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-best-city-background {
        border: 1px solid var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-best-city-background {
        border: 1px solid var(--colorTagBestCityBackground) !important
    }
}

.bc-tag-best-city-text {
    border: 1px solid var(--colorTagBestCityText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-best-city-text {
        border: 1px solid var(--colorTagBestCityText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-best-city-text {
        border: 1px solid var(--colorTagBestCityText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-best-city-text {
        border: 1px solid var(--colorTagBestCityText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-best-city-text {
        border: 1px solid var(--colorTagBestCityText) !important
    }
}

.bc-rating-light-tag-icon {
    border: 1px solid var(--colorRatingLightTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-light-tag-icon {
        border: 1px solid var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-light-tag-icon {
        border: 1px solid var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-light-tag-icon {
        border: 1px solid var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-light-tag-icon {
        border: 1px solid var(--colorRatingLightTagIcon) !important
    }
}

.bc-rating-light-tag-text {
    border: 1px solid var(--colorRatingLightTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-light-tag-text {
        border: 1px solid var(--colorRatingLightTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-light-tag-text {
        border: 1px solid var(--colorRatingLightTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-light-tag-text {
        border: 1px solid var(--colorRatingLightTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-light-tag-text {
        border: 1px solid var(--colorRatingLightTagText) !important
    }
}

.bc-tag-primary-text {
    border: 1px solid var(--colorTagPrimaryText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-primary-text {
        border: 1px solid var(--colorTagPrimaryText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-primary-text {
        border: 1px solid var(--colorTagPrimaryText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-primary-text {
        border: 1px solid var(--colorTagPrimaryText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-primary-text {
        border: 1px solid var(--colorTagPrimaryText) !important
    }
}

.bc-tag-primary-background {
    border: 1px solid var(--colorTagPrimaryBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-primary-background {
        border: 1px solid var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-primary-background {
        border: 1px solid var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-primary-background {
        border: 1px solid var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-primary-background {
        border: 1px solid var(--colorTagPrimaryBackground) !important
    }
}

.bc-popular-highlight {
    border: 1px solid var(--colorPopularHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-popular-highlight {
        border: 1px solid var(--colorPopularHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-popular-highlight {
        border: 1px solid var(--colorPopularHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-popular-highlight {
        border: 1px solid var(--colorPopularHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-popular-highlight {
        border: 1px solid var(--colorPopularHighlight) !important
    }
}

.bc-popular-tag-text {
    border: 1px solid var(--colorPopularTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-popular-tag-text {
        border: 1px solid var(--colorPopularTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-popular-tag-text {
        border: 1px solid var(--colorPopularTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-popular-tag-text {
        border: 1px solid var(--colorPopularTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-popular-tag-text {
        border: 1px solid var(--colorPopularTagText) !important
    }
}

.bc-popular-tag-icon {
    border: 1px solid var(--colorPopularTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-popular-tag-icon {
        border: 1px solid var(--colorPopularTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-popular-tag-icon {
        border: 1px solid var(--colorPopularTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-popular-tag-icon {
        border: 1px solid var(--colorPopularTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-popular-tag-icon {
        border: 1px solid var(--colorPopularTagIcon) !important
    }
}

.bc-information {
    border: 1px solid var(--colorInformation)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-information {
        border: 1px solid var(--colorInformation) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-information {
        border: 1px solid var(--colorInformation) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-information {
        border: 1px solid var(--colorInformation) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-information {
        border: 1px solid var(--colorInformation) !important
    }
}

.bc-error {
    border: 1px solid var(--colorError)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-error {
        border: 1px solid var(--colorError) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-error {
        border: 1px solid var(--colorError) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-error {
        border: 1px solid var(--colorError) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-error {
        border: 1px solid var(--colorError) !important
    }
}

.bc-success {
    border: 1px solid var(--colorSuccess)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-success {
        border: 1px solid var(--colorSuccess) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-success {
        border: 1px solid var(--colorSuccess) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-success {
        border: 1px solid var(--colorSuccess) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-success {
        border: 1px solid var(--colorSuccess) !important
    }
}

.bc-warning {
    border: 1px solid var(--colorWarning)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-warning {
        border: 1px solid var(--colorWarning) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-warning {
        border: 1px solid var(--colorWarning) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-warning {
        border: 1px solid var(--colorWarning) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-warning {
        border: 1px solid var(--colorWarning) !important
    }
}

.bc-information-highlight {
    border: 1px solid var(--colorInformationHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-information-highlight {
        border: 1px solid var(--colorInformationHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-information-highlight {
        border: 1px solid var(--colorInformationHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-information-highlight {
        border: 1px solid var(--colorInformationHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-information-highlight {
        border: 1px solid var(--colorInformationHighlight) !important
    }
}

.bc-error-highlight {
    border: 1px solid var(--colorErrorHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-error-highlight {
        border: 1px solid var(--colorErrorHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-error-highlight {
        border: 1px solid var(--colorErrorHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-error-highlight {
        border: 1px solid var(--colorErrorHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-error-highlight {
        border: 1px solid var(--colorErrorHighlight) !important
    }
}

.bc-success-highlight {
    border: 1px solid var(--colorSuccessHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-success-highlight {
        border: 1px solid var(--colorSuccessHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-success-highlight {
        border: 1px solid var(--colorSuccessHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-success-highlight {
        border: 1px solid var(--colorSuccessHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-success-highlight {
        border: 1px solid var(--colorSuccessHighlight) !important
    }
}

.bc-warning-highlight {
    border: 1px solid var(--colorWarningHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-warning-highlight {
        border: 1px solid var(--colorWarningHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-warning-highlight {
        border: 1px solid var(--colorWarningHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-warning-highlight {
        border: 1px solid var(--colorWarningHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-warning-highlight {
        border: 1px solid var(--colorWarningHighlight) !important
    }
}

.bc-special-1 {
    border: 1px solid var(--colorSpecial1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-1 {
        border: 1px solid var(--colorSpecial1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-1 {
        border: 1px solid var(--colorSpecial1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-1 {
        border: 1px solid var(--colorSpecial1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-1 {
        border: 1px solid var(--colorSpecial1) !important
    }
}

.bc-special-2 {
    border: 1px solid var(--colorSpecial2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-2 {
        border: 1px solid var(--colorSpecial2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-2 {
        border: 1px solid var(--colorSpecial2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-2 {
        border: 1px solid var(--colorSpecial2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-2 {
        border: 1px solid var(--colorSpecial2) !important
    }
}

.bc-special-3 {
    border: 1px solid var(--colorSpecial3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-3 {
        border: 1px solid var(--colorSpecial3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-3 {
        border: 1px solid var(--colorSpecial3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-3 {
        border: 1px solid var(--colorSpecial3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-3 {
        border: 1px solid var(--colorSpecial3) !important
    }
}

.bc-special-4 {
    border: 1px solid var(--colorSpecial4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-4 {
        border: 1px solid var(--colorSpecial4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-4 {
        border: 1px solid var(--colorSpecial4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-4 {
        border: 1px solid var(--colorSpecial4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-4 {
        border: 1px solid var(--colorSpecial4) !important
    }
}

.bc-special-5 {
    border: 1px solid var(--colorSpecial5)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-5 {
        border: 1px solid var(--colorSpecial5) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-5 {
        border: 1px solid var(--colorSpecial5) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-5 {
        border: 1px solid var(--colorSpecial5) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-5 {
        border: 1px solid var(--colorSpecial5) !important
    }
}

.bc-special-6 {
    border: 1px solid var(--colorSpecial6)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-6 {
        border: 1px solid var(--colorSpecial6) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-6 {
        border: 1px solid var(--colorSpecial6) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-6 {
        border: 1px solid var(--colorSpecial6) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-6 {
        border: 1px solid var(--colorSpecial6) !important
    }
}

.bc-special-7 {
    border: 1px solid var(--colorSpecial7)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-special-7 {
        border: 1px solid var(--colorSpecial7) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-special-7 {
        border: 1px solid var(--colorSpecial7) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-special-7 {
        border: 1px solid var(--colorSpecial7) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-special-7 {
        border: 1px solid var(--colorSpecial7) !important
    }
}

.bc-neutral-primary {
    border: 1px solid var(--colorNeutralPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-primary {
        border: 1px solid var(--colorNeutralPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-primary {
        border: 1px solid var(--colorNeutralPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-primary {
        border: 1px solid var(--colorNeutralPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-primary {
        border: 1px solid var(--colorNeutralPrimary) !important
    }
}

.bc-neutral-secondary {
    border: 1px solid var(--colorNeutralSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-secondary {
        border: 1px solid var(--colorNeutralSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-secondary {
        border: 1px solid var(--colorNeutralSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-secondary {
        border: 1px solid var(--colorNeutralSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-secondary {
        border: 1px solid var(--colorNeutralSecondary) !important
    }
}

.bc-neutral-inactive {
    border: 1px solid var(--colorNeutralInactive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-inactive {
        border: 1px solid var(--colorNeutralInactive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-inactive {
        border: 1px solid var(--colorNeutralInactive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-inactive {
        border: 1px solid var(--colorNeutralInactive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-inactive {
        border: 1px solid var(--colorNeutralInactive) !important
    }
}

.bc-neutral-border {
    border: 1px solid var(--colorNeutralBorder)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-border {
        border: 1px solid var(--colorNeutralBorder) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-border {
        border: 1px solid var(--colorNeutralBorder) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-border {
        border: 1px solid var(--colorNeutralBorder) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-border {
        border: 1px solid var(--colorNeutralBorder) !important
    }
}

.bc-neutral-divider {
    border: 1px solid var(--colorNeutralDivider)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-divider {
        border: 1px solid var(--colorNeutralDivider) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-divider {
        border: 1px solid var(--colorNeutralDivider) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-divider {
        border: 1px solid var(--colorNeutralDivider) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-divider {
        border: 1px solid var(--colorNeutralDivider) !important
    }
}

.bc-neutral-surface {
    border: 1px solid var(--colorNeutralSurface)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-surface {
        border: 1px solid var(--colorNeutralSurface) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-surface {
        border: 1px solid var(--colorNeutralSurface) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-surface {
        border: 1px solid var(--colorNeutralSurface) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-surface {
        border: 1px solid var(--colorNeutralSurface) !important
    }
}

.bc-#fff {
    border: 1px solid var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-#fff {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-#fff {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-#fff {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-#fff {
        border: 1px solid var(--colorWhite) !important
    }
}

.bc-dark-4 {
    border: 1px solid var(--colorDark4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-dark-4 {
        border: 1px solid var(--colorDark4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-dark-4 {
        border: 1px solid var(--colorDark4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-dark-4 {
        border: 1px solid var(--colorDark4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-dark-4 {
        border: 1px solid var(--colorDark4) !important
    }
}

.bc-dark-64 {
    border: 1px solid var(--colorDark64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-dark-64 {
        border: 1px solid var(--colorDark64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-dark-64 {
        border: 1px solid var(--colorDark64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-dark-64 {
        border: 1px solid var(--colorDark64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-dark-64 {
        border: 1px solid var(--colorDark64) !important
    }
}

.bc-light-80 {
    border: 1px solid var(--colorLight80)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-light-80 {
        border: 1px solid var(--colorLight80) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-light-80 {
        border: 1px solid var(--colorLight80) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-light-80 {
        border: 1px solid var(--colorLight80) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-light-80 {
        border: 1px solid var(--colorLight80) !important
    }
}

.bc-light-56 {
    border: 1px solid var(--colorLight56)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-light-56 {
        border: 1px solid var(--colorLight56) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-light-56 {
        border: 1px solid var(--colorLight56) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-light-56 {
        border: 1px solid var(--colorLight56) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-light-56 {
        border: 1px solid var(--colorLight56) !important
    }
}

.bc-illu-secondary-dark {
    border: 1px solid var(--colorIlluSecondaryDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-dark {
        border: 1px solid var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-dark {
        border: 1px solid var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-dark {
        border: 1px solid var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-dark {
        border: 1px solid var(--colorIlluSecondaryDark) !important
    }
}

.bc-illu-secondary-75 {
    border: 1px solid var(--colorIlluSecondary75)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-75 {
        border: 1px solid var(--colorIlluSecondary75) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-75 {
        border: 1px solid var(--colorIlluSecondary75) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-75 {
        border: 1px solid var(--colorIlluSecondary75) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-75 {
        border: 1px solid var(--colorIlluSecondary75) !important
    }
}

.bc-illu-secondary-50 {
    border: 1px solid var(--colorIlluSecondary50)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-50 {
        border: 1px solid var(--colorIlluSecondary50) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-50 {
        border: 1px solid var(--colorIlluSecondary50) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-50 {
        border: 1px solid var(--colorIlluSecondary50) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-50 {
        border: 1px solid var(--colorIlluSecondary50) !important
    }
}

.bc-illu-secondary-30 {
    border: 1px solid var(--colorIlluSecondary30)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-30 {
        border: 1px solid var(--colorIlluSecondary30) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-30 {
        border: 1px solid var(--colorIlluSecondary30) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-30 {
        border: 1px solid var(--colorIlluSecondary30) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-30 {
        border: 1px solid var(--colorIlluSecondary30) !important
    }
}

.bc-illu-secondary-20 {
    border: 1px solid var(--colorIlluSecondary20)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-20 {
        border: 1px solid var(--colorIlluSecondary20) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-20 {
        border: 1px solid var(--colorIlluSecondary20) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-20 {
        border: 1px solid var(--colorIlluSecondary20) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-20 {
        border: 1px solid var(--colorIlluSecondary20) !important
    }
}

.bc-illu-secondary-15 {
    border: 1px solid var(--colorIlluSecondary15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-15 {
        border: 1px solid var(--colorIlluSecondary15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-15 {
        border: 1px solid var(--colorIlluSecondary15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-15 {
        border: 1px solid var(--colorIlluSecondary15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-15 {
        border: 1px solid var(--colorIlluSecondary15) !important
    }
}

.bc-illu-secondary-10 {
    border: 1px solid var(--colorIlluSecondary10)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-illu-secondary-10 {
        border: 1px solid var(--colorIlluSecondary10) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-illu-secondary-10 {
        border: 1px solid var(--colorIlluSecondary10) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-illu-secondary-10 {
        border: 1px solid var(--colorIlluSecondary10) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-illu-secondary-10 {
        border: 1px solid var(--colorIlluSecondary10) !important
    }
}

.bc-tile-navigation-primary-800 {
    border: 1px solid var(--colorTileNavigationPrimary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-primary-800 {
        border: 1px solid var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-primary-800 {
        border: 1px solid var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-primary-800 {
        border: 1px solid var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-primary-800 {
        border: 1px solid var(--colorTileNavigationPrimary800) !important
    }
}

.bc-tile-navigation-primary-700 {
    border: 1px solid var(--colorTileNavigationPrimary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-primary-700 {
        border: 1px solid var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-primary-700 {
        border: 1px solid var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-primary-700 {
        border: 1px solid var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-primary-700 {
        border: 1px solid var(--colorTileNavigationPrimary700) !important
    }
}

.bc-tile-navigation-primary-600 {
    border: 1px solid var(--colorTileNavigationPrimary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-primary-600 {
        border: 1px solid var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-primary-600 {
        border: 1px solid var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-primary-600 {
        border: 1px solid var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-primary-600 {
        border: 1px solid var(--colorTileNavigationPrimary600) !important
    }
}

.bc-tile-navigation-primary-500 {
    border: 1px solid var(--colorTileNavigationPrimary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-primary-500 {
        border: 1px solid var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-primary-500 {
        border: 1px solid var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-primary-500 {
        border: 1px solid var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-primary-500 {
        border: 1px solid var(--colorTileNavigationPrimary500) !important
    }
}

.bc-tile-list-primary-400 {
    border: 1px solid var(--colorTileListPrimary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-primary-400 {
        border: 1px solid var(--colorTileListPrimary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-primary-400 {
        border: 1px solid var(--colorTileListPrimary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-primary-400 {
        border: 1px solid var(--colorTileListPrimary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-primary-400 {
        border: 1px solid var(--colorTileListPrimary400) !important
    }
}

.bc-tile-list-primary-300 {
    border: 1px solid var(--colorTileListPrimary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-primary-300 {
        border: 1px solid var(--colorTileListPrimary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-primary-300 {
        border: 1px solid var(--colorTileListPrimary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-primary-300 {
        border: 1px solid var(--colorTileListPrimary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-primary-300 {
        border: 1px solid var(--colorTileListPrimary300) !important
    }
}

.bc-tile-list-primary-200 {
    border: 1px solid var(--colorTileListPrimary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-primary-200 {
        border: 1px solid var(--colorTileListPrimary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-primary-200 {
        border: 1px solid var(--colorTileListPrimary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-primary-200 {
        border: 1px solid var(--colorTileListPrimary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-primary-200 {
        border: 1px solid var(--colorTileListPrimary200) !important
    }
}

.bc-tile-list-primary-100 {
    border: 1px solid var(--colorTileListPrimary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-primary-100 {
        border: 1px solid var(--colorTileListPrimary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-primary-100 {
        border: 1px solid var(--colorTileListPrimary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-primary-100 {
        border: 1px solid var(--colorTileListPrimary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-primary-100 {
        border: 1px solid var(--colorTileListPrimary100) !important
    }
}

.bc-tile-navigation-secondary-800 {
    border: 1px solid var(--colorTileNavigationSecondary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-secondary-800 {
        border: 1px solid var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-secondary-800 {
        border: 1px solid var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-secondary-800 {
        border: 1px solid var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-secondary-800 {
        border: 1px solid var(--colorTileNavigationSecondary800) !important
    }
}

.bc-tile-navigation-secondary-700 {
    border: 1px solid var(--colorTileNavigationSecondary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-secondary-700 {
        border: 1px solid var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-secondary-700 {
        border: 1px solid var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-secondary-700 {
        border: 1px solid var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-secondary-700 {
        border: 1px solid var(--colorTileNavigationSecondary700) !important
    }
}

.bc-tile-navigation-secondary-600 {
    border: 1px solid var(--colorTileNavigationSecondary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-secondary-600 {
        border: 1px solid var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-secondary-600 {
        border: 1px solid var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-secondary-600 {
        border: 1px solid var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-secondary-600 {
        border: 1px solid var(--colorTileNavigationSecondary600) !important
    }
}

.bc-tile-navigation-secondary-500 {
    border: 1px solid var(--colorTileNavigationSecondary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-secondary-500 {
        border: 1px solid var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-secondary-500 {
        border: 1px solid var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-secondary-500 {
        border: 1px solid var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-secondary-500 {
        border: 1px solid var(--colorTileNavigationSecondary500) !important
    }
}

.bc-tile-list-secondary-400 {
    border: 1px solid var(--colorTileListSecondary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-secondary-400 {
        border: 1px solid var(--colorTileListSecondary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-secondary-400 {
        border: 1px solid var(--colorTileListSecondary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-secondary-400 {
        border: 1px solid var(--colorTileListSecondary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-secondary-400 {
        border: 1px solid var(--colorTileListSecondary400) !important
    }
}

.bc-tile-list-secondary-300 {
    border: 1px solid var(--colorTileListSecondary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-secondary-300 {
        border: 1px solid var(--colorTileListSecondary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-secondary-300 {
        border: 1px solid var(--colorTileListSecondary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-secondary-300 {
        border: 1px solid var(--colorTileListSecondary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-secondary-300 {
        border: 1px solid var(--colorTileListSecondary300) !important
    }
}

.bc-tile-list-secondary-200 {
    border: 1px solid var(--colorTileListSecondary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-secondary-200 {
        border: 1px solid var(--colorTileListSecondary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-secondary-200 {
        border: 1px solid var(--colorTileListSecondary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-secondary-200 {
        border: 1px solid var(--colorTileListSecondary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-secondary-200 {
        border: 1px solid var(--colorTileListSecondary200) !important
    }
}

.bc-tile-list-secondary-100 {
    border: 1px solid var(--colorTileListSecondary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-secondary-100 {
        border: 1px solid var(--colorTileListSecondary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-secondary-100 {
        border: 1px solid var(--colorTileListSecondary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-secondary-100 {
        border: 1px solid var(--colorTileListSecondary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-secondary-100 {
        border: 1px solid var(--colorTileListSecondary100) !important
    }
}

.bc-tile-navigation-tertiary-800 {
    border: 1px solid var(--colorTileNavigationTertiary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-tertiary-800 {
        border: 1px solid var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-tertiary-800 {
        border: 1px solid var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-tertiary-800 {
        border: 1px solid var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-tertiary-800 {
        border: 1px solid var(--colorTileNavigationTertiary800) !important
    }
}

.bc-tile-navigation-tertiary-700 {
    border: 1px solid var(--colorTileNavigationTertiary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-tertiary-700 {
        border: 1px solid var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-tertiary-700 {
        border: 1px solid var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-tertiary-700 {
        border: 1px solid var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-tertiary-700 {
        border: 1px solid var(--colorTileNavigationTertiary700) !important
    }
}

.bc-tile-navigation-tertiary-600 {
    border: 1px solid var(--colorTileNavigationTertiary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-tertiary-600 {
        border: 1px solid var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-tertiary-600 {
        border: 1px solid var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-tertiary-600 {
        border: 1px solid var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-tertiary-600 {
        border: 1px solid var(--colorTileNavigationTertiary600) !important
    }
}

.bc-tile-navigation-tertiary-500 {
    border: 1px solid var(--colorTileNavigationTertiary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-navigation-tertiary-500 {
        border: 1px solid var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-navigation-tertiary-500 {
        border: 1px solid var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-navigation-tertiary-500 {
        border: 1px solid var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-navigation-tertiary-500 {
        border: 1px solid var(--colorTileNavigationTertiary500) !important
    }
}

.bc-tile-list-tertiary-400 {
    border: 1px solid var(--colorTileListTertiary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-tertiary-400 {
        border: 1px solid var(--colorTileListTertiary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-tertiary-400 {
        border: 1px solid var(--colorTileListTertiary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-tertiary-400 {
        border: 1px solid var(--colorTileListTertiary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-tertiary-400 {
        border: 1px solid var(--colorTileListTertiary400) !important
    }
}

.bc-tile-list-tertiary-300 {
    border: 1px solid var(--colorTileListTertiary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-tertiary-300 {
        border: 1px solid var(--colorTileListTertiary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-tertiary-300 {
        border: 1px solid var(--colorTileListTertiary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-tertiary-300 {
        border: 1px solid var(--colorTileListTertiary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-tertiary-300 {
        border: 1px solid var(--colorTileListTertiary300) !important
    }
}

.bc-tile-list-tertiary-200 {
    border: 1px solid var(--colorTileListTertiary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-tertiary-200 {
        border: 1px solid var(--colorTileListTertiary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-tertiary-200 {
        border: 1px solid var(--colorTileListTertiary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-tertiary-200 {
        border: 1px solid var(--colorTileListTertiary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-tertiary-200 {
        border: 1px solid var(--colorTileListTertiary200) !important
    }
}

.bc-tile-list-tertiary-100 {
    border: 1px solid var(--colorTileListTertiary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tile-list-tertiary-100 {
        border: 1px solid var(--colorTileListTertiary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tile-list-tertiary-100 {
        border: 1px solid var(--colorTileListTertiary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tile-list-tertiary-100 {
        border: 1px solid var(--colorTileListTertiary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tile-list-tertiary-100 {
        border: 1px solid var(--colorTileListTertiary100) !important
    }
}

.bc-social-media-facebook {
    border: 1px solid var(--colorSocialMediaFacebook)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-social-media-facebook {
        border: 1px solid var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-social-media-facebook {
        border: 1px solid var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-social-media-facebook {
        border: 1px solid var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-social-media-facebook {
        border: 1px solid var(--colorSocialMediaFacebook) !important
    }
}

.bc-social-media-facebook-hover {
    border: 1px solid var(--colorSocialMediaFacebookHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-social-media-facebook-hover {
        border: 1px solid var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-social-media-facebook-hover {
        border: 1px solid var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-social-media-facebook-hover {
        border: 1px solid var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-social-media-facebook-hover {
        border: 1px solid var(--colorSocialMediaFacebookHover) !important
    }
}

.bc-brand-highlight-lvl1 {
    border: 1px solid var(--colorBrandHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-highlight-lvl1 {
        border: 1px solid var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-highlight-lvl1 {
        border: 1px solid var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-highlight-lvl1 {
        border: 1px solid var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-highlight-lvl1 {
        border: 1px solid var(--colorBrandHighlightLvl1) !important
    }
}

.bc-brand-linear-gradient-1 {
    border: 1px solid var(--colorLinearGradient1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-linear-gradient-1 {
        border: 1px solid var(--colorLinearGradient1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-linear-gradient-1 {
        border: 1px solid var(--colorLinearGradient1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-linear-gradient-1 {
        border: 1px solid var(--colorLinearGradient1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-linear-gradient-1 {
        border: 1px solid var(--colorLinearGradient1) !important
    }
}

.bc-brand-linear-gradient-2 {
    border: 1px solid var(--colorLinearGradient2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-linear-gradient-2 {
        border: 1px solid var(--colorLinearGradient2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-linear-gradient-2 {
        border: 1px solid var(--colorLinearGradient2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-linear-gradient-2 {
        border: 1px solid var(--colorLinearGradient2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-linear-gradient-2 {
        border: 1px solid var(--colorLinearGradient2) !important
    }
}

.bc-rating-tag-text {
    border: 1px solid var(--colorRatingTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-tag-text {
        border: 1px solid var(--colorRatingTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-tag-text {
        border: 1px solid var(--colorRatingTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-tag-text {
        border: 1px solid var(--colorRatingTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-tag-text {
        border: 1px solid var(--colorRatingTagText) !important
    }
}

.bc-deal-highlight-lvl1 {
    border: 1px solid var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-highlight-lvl1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-highlight-lvl1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-highlight-lvl1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-highlight-lvl1 {
        border: 1px solid var(--colorDealHighlightLvl1) !important
    }
}

.bc-deal-highlight-lvl2 {
    border: 1px solid var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-deal-highlight-lvl2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-deal-highlight-lvl2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-deal-highlight-lvl2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-deal-highlight-lvl2 {
        border: 1px solid var(--colorDealHighlightLvl2) !important
    }
}

.bc-joker-primary {
    border: 1px solid var(--colorJokerPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-primary {
        border: 1px solid var(--colorJokerPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-primary {
        border: 1px solid var(--colorJokerPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-primary {
        border: 1px solid var(--colorJokerPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-primary {
        border: 1px solid var(--colorJokerPrimary) !important
    }
}

.bc-joker-primary-bk {
    border: 1px solid var(--colorJokerPrimaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-primary-bk {
        border: 1px solid var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-primary-bk {
        border: 1px solid var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-primary-bk {
        border: 1px solid var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-primary-bk {
        border: 1px solid var(--colorJokerPrimaryBk) !important
    }
}

.bc-joker-primary-bk2 {
    border: 1px solid var(--colorJokerPrimaryBk2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-primary-bk2 {
        border: 1px solid var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-primary-bk2 {
        border: 1px solid var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-primary-bk2 {
        border: 1px solid var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-primary-bk2 {
        border: 1px solid var(--colorJokerPrimaryBk2) !important
    }
}

.bc-joker-secondary {
    border: 1px solid var(--colorJokerSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-secondary {
        border: 1px solid var(--colorJokerSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-secondary {
        border: 1px solid var(--colorJokerSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-secondary {
        border: 1px solid var(--colorJokerSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-secondary {
        border: 1px solid var(--colorJokerSecondary) !important
    }
}

.bc-joker-secondary-bk {
    border: 1px solid var(--colorJokerSecondaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-secondary-bk {
        border: 1px solid var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-secondary-bk {
        border: 1px solid var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-secondary-bk {
        border: 1px solid var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-secondary-bk {
        border: 1px solid var(--colorJokerSecondaryBk) !important
    }
}

.bc-joker-tertiary {
    border: 1px solid var(--colorJokerTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-tertiary {
        border: 1px solid var(--colorJokerTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-tertiary {
        border: 1px solid var(--colorJokerTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-tertiary {
        border: 1px solid var(--colorJokerTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-tertiary {
        border: 1px solid var(--colorJokerTertiary) !important
    }
}

.bc-joker-tertiary-bk {
    border: 1px solid var(--colorJokerTertiaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-joker-tertiary-bk {
        border: 1px solid var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-joker-tertiary-bk {
        border: 1px solid var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-joker-tertiary-bk {
        border: 1px solid var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-joker-tertiary-bk {
        border: 1px solid var(--colorJokerTertiaryBk) !important
    }
}

.bc-brand-primary-dark {
    border: 1px solid #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-primary-dark {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-primary-dark {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-primary-dark {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-primary-dark {
        border: 1px solid #c60d5c !important
    }
}

.bc-ratings {
    border: 1px solid #276fbf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-ratings {
        border: 1px solid #276fbf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-ratings {
        border: 1px solid #276fbf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-ratings {
        border: 1px solid #276fbf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-ratings {
        border: 1px solid #276fbf !important
    }
}

.bc-tag-best-in-city-bg {
    border: 1px solid var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-best-in-city-bg {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-best-in-city-bg {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-best-in-city-bg {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-best-in-city-bg {
        border: 1px solid var(--colorBrandSecondary) !important
    }
}

.bc-tag-best-in-city-text {
    border: 1px solid var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-best-in-city-text {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-best-in-city-text {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-best-in-city-text {
        border: 1px solid var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-best-in-city-text {
        border: 1px solid var(--colorWhite) !important
    }
}

.bc-tag-deal-bg {
    border: 1px solid #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-deal-bg {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-deal-bg {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-deal-bg {
        border: 1px solid #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-deal-bg {
        border: 1px solid #fef6f9 !important
    }
}

.bc-tag-primary-bg {
    border: 1px solid var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-tag-primary-bg {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-tag-primary-bg {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-tag-primary-bg {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-tag-primary-bg {
        border: 1px solid var(--colorBrandPrimary) !important
    }
}

.bc-brand-blue {
    border: 1px solid #d4dfe6
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-blue {
        border: 1px solid #d4dfe6 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-blue {
        border: 1px solid #d4dfe6 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-blue {
        border: 1px solid #d4dfe6 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-blue {
        border: 1px solid #d4dfe6 !important
    }
}

.bc-brand-blue-II {
    border: 1px solid #1f4d5d
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-blue-II {
        border: 1px solid #1f4d5d !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-blue-II {
        border: 1px solid #1f4d5d !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-blue-II {
        border: 1px solid #1f4d5d !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-blue-II {
        border: 1px solid #1f4d5d !important
    }
}

.bc-brand-blue-III {
    border: 1px solid #9cb4bf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-blue-III {
        border: 1px solid #9cb4bf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-blue-III {
        border: 1px solid #9cb4bf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-blue-III {
        border: 1px solid #9cb4bf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-blue-III {
        border: 1px solid #9cb4bf !important
    }
}

.bc-brand-blue-IV {
    border: 1px solid #8aa7b3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-blue-IV {
        border: 1px solid #8aa7b3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-blue-IV {
        border: 1px solid #8aa7b3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-blue-IV {
        border: 1px solid #8aa7b3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-blue-IV {
        border: 1px solid #8aa7b3 !important
    }
}

.bc-brand-grayedout {
    border: 1px solid #ea81ae
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-grayedout {
        border: 1px solid #ea81ae !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-grayedout {
        border: 1px solid #ea81ae !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-grayedout {
        border: 1px solid #ea81ae !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-grayedout {
        border: 1px solid #ea81ae !important
    }
}

.bc-brand-pink-80 {
    border: 1px solid #e14e84
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-pink-80 {
        border: 1px solid #e14e84 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-pink-80 {
        border: 1px solid #e14e84 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-pink-80 {
        border: 1px solid #e14e84 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-pink-80 {
        border: 1px solid #e14e84 !important
    }
}

.bc-brand-pink-60 {
    border: 1px solid #eb7ca3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-pink-60 {
        border: 1px solid #eb7ca3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-pink-60 {
        border: 1px solid #eb7ca3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-pink-60 {
        border: 1px solid #eb7ca3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-pink-60 {
        border: 1px solid #eb7ca3 !important
    }
}

.bc-brand-pink-30 {
    border: 1px solid #f7bdd1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-brand-pink-30 {
        border: 1px solid #f7bdd1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-brand-pink-30 {
        border: 1px solid #f7bdd1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-brand-pink-30 {
        border: 1px solid #f7bdd1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-brand-pink-30 {
        border: 1px solid #f7bdd1 !important
    }
}

.bc-gradient-middle {
    border: 1px solid #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-gradient-middle {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-gradient-middle {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-gradient-middle {
        border: 1px solid #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-gradient-middle {
        border: 1px solid #c60d5c !important
    }
}

.bc-grayedout {
    border: 1px solid hsla(0,0%,100%,.84)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-grayedout {
        border: 1px solid hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-grayedout {
        border: 1px solid hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-grayedout {
        border: 1px solid hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-grayedout {
        border: 1px solid hsla(0,0%,100%,.84) !important
    }
}

.bc-neutral-light-surface {
    border: 1px solid #fafafa
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-neutral-light-surface {
        border: 1px solid #fafafa !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-neutral-light-surface {
        border: 1px solid #fafafa !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-neutral-light-surface {
        border: 1px solid #fafafa !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-neutral-light-surface {
        border: 1px solid #fafafa !important
    }
}

.bc-overlay-lvl1 {
    border: 1px solid rgba(0,0,0,.02)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl1 {
        border: 1px solid rgba(0,0,0,.02) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl1 {
        border: 1px solid rgba(0,0,0,.02) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl1 {
        border: 1px solid rgba(0,0,0,.02) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl1 {
        border: 1px solid rgba(0,0,0,.02) !important
    }
}

.bc-overlay-lvl2 {
    border: 1px solid rgba(0,0,0,.04)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl2 {
        border: 1px solid rgba(0,0,0,.04) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl2 {
        border: 1px solid rgba(0,0,0,.04) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl2 {
        border: 1px solid rgba(0,0,0,.04) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl2 {
        border: 1px solid rgba(0,0,0,.04) !important
    }
}

.bc-overlay-lvl3 {
    border: 1px solid rgba(0,0,0,.08)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl3 {
        border: 1px solid rgba(0,0,0,.08) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl3 {
        border: 1px solid rgba(0,0,0,.08) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl3 {
        border: 1px solid rgba(0,0,0,.08) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl3 {
        border: 1px solid rgba(0,0,0,.08) !important
    }
}

.bc-overlay-lvl4 {
    border: 1px solid rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl4 {
        border: 1px solid rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl4 {
        border: 1px solid rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl4 {
        border: 1px solid rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl4 {
        border: 1px solid rgba(0,0,0,.12) !important
    }
}

.bc-overlay-lvl5 {
    border: 1px solid rgba(0,0,0,.16)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl5 {
        border: 1px solid rgba(0,0,0,.16) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl5 {
        border: 1px solid rgba(0,0,0,.16) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl5 {
        border: 1px solid rgba(0,0,0,.16) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl5 {
        border: 1px solid rgba(0,0,0,.16) !important
    }
}

.bc-overlay-lvl6 {
    border: 1px solid rgba(0,0,0,.48)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-lvl6 {
        border: 1px solid rgba(0,0,0,.48) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-lvl6 {
        border: 1px solid rgba(0,0,0,.48) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-lvl6 {
        border: 1px solid rgba(0,0,0,.48) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-lvl6 {
        border: 1px solid rgba(0,0,0,.48) !important
    }
}

.bc-overlay-white {
    border: 1px solid hsla(0,0%,100%,.64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-overlay-white {
        border: 1px solid hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-overlay-white {
        border: 1px solid hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-overlay-white {
        border: 1px solid hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-overlay-white {
        border: 1px solid hsla(0,0%,100%,.64) !important
    }
}

.bc-rating-highlight {
    border: 1px solid #e9f0f8
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rating-highlight {
        border: 1px solid #e9f0f8 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rating-highlight {
        border: 1px solid #e9f0f8 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rating-highlight {
        border: 1px solid #e9f0f8 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rating-highlight {
        border: 1px solid #e9f0f8 !important
    }
}

.bc-rider-banner {
    border: 1px solid #d70f64
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-rider-banner {
        border: 1px solid #d70f64 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-rider-banner {
        border: 1px solid #d70f64 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-rider-banner {
        border: 1px solid #d70f64 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-rider-banner {
        border: 1px solid #d70f64 !important
    }
}

.bc-social-applepay {
    border: 1px solid #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-social-applepay {
        border: 1px solid #000 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-social-applepay {
        border: 1px solid #000 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-social-applepay {
        border: 1px solid #000 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-social-applepay {
        border: 1px solid #000 !important
    }
}

.bc-social-facebook {
    border: 1px solid #1877f2
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:bc-social-facebook {
        border: 1px solid #1877f2 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:bc-social-facebook {
        border: 1px solid #1877f2 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:bc-social-facebook {
        border: 1px solid #1877f2 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:bc-social-facebook {
        border: 1px solid #1877f2 !important
    }
}

.cl-brand-primary {
    color: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-primary {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-primary {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-primary {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-primary {
        color: var(--colorBrandPrimary) !important
    }
}

.cl-brand-secondary {
    color: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-secondary {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-secondary {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-secondary {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-secondary {
        color: var(--colorBrandSecondary) !important
    }
}

.cl-brand-dark {
    color: var(--colorBrandDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-dark {
        color: var(--colorBrandDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-dark {
        color: var(--colorBrandDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-dark {
        color: var(--colorBrandDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-dark {
        color: var(--colorBrandDark) !important
    }
}

.cl-brand-highlight {
    color: var(--colorBrandHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-highlight {
        color: var(--colorBrandHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-highlight {
        color: var(--colorBrandHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-highlight {
        color: var(--colorBrandHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-highlight {
        color: var(--colorBrandHighlight) !important
    }
}

.cl-gradient-brand {
    color: var(--colorGradientBrand)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-gradient-brand {
        color: var(--colorGradientBrand) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-gradient-brand {
        color: var(--colorGradientBrand) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-gradient-brand {
        color: var(--colorGradientBrand) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-gradient-brand {
        color: var(--colorGradientBrand) !important
    }
}

.cl-gradient-dark {
    color: var(--colorGradientDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-gradient-dark {
        color: var(--colorGradientDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-gradient-dark {
        color: var(--colorGradientDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-gradient-dark {
        color: var(--colorGradientDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-gradient-dark {
        color: var(--colorGradientDark) !important
    }
}

.cl-gradient-light {
    color: var(--colorGradientLight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-gradient-light {
        color: var(--colorGradientLight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-gradient-light {
        color: var(--colorGradientLight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-gradient-light {
        color: var(--colorGradientLight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-gradient-light {
        color: var(--colorGradientLight) !important
    }
}

.cl-interaction-primary {
    color: var(--colorInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-primary {
        color: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-primary {
        color: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-primary {
        color: var(--colorInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-primary {
        color: var(--colorInteractionPrimary) !important
    }
}

.cl-interaction-secondary {
    color: var(--colorInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-secondary {
        color: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-secondary {
        color: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-secondary {
        color: var(--colorInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-secondary {
        color: var(--colorInteractionSecondary) !important
    }
}

.cl-interaction-tertiary {
    color: var(--colorInteractionTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-tertiary {
        color: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-tertiary {
        color: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-tertiary {
        color: var(--colorInteractionTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-tertiary {
        color: var(--colorInteractionTertiary) !important
    }
}

.cl-interaction-primary-hover {
    color: var(--colorInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-primary-hover {
        color: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-primary-hover {
        color: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-primary-hover {
        color: var(--colorInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-primary-hover {
        color: var(--colorInteractionPrimaryHover) !important
    }
}

.cl-interaction-secondary-hover {
    color: var(--colorInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-secondary-hover {
        color: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-secondary-hover {
        color: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-secondary-hover {
        color: var(--colorInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-secondary-hover {
        color: var(--colorInteractionSecondaryHover) !important
    }
}

.cl-interaction-primary-feedback {
    color: var(--colorInteractionPrimaryFeedback)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-primary-feedback {
        color: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-primary-feedback {
        color: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-primary-feedback {
        color: var(--colorInteractionPrimaryFeedback) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-primary-feedback {
        color: var(--colorInteractionPrimaryFeedback) !important
    }
}

.cl-info-banner-cta {
    color: var(--colorInfoBannerCta)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-info-banner-cta {
        color: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-info-banner-cta {
        color: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-info-banner-cta {
        color: var(--colorInfoBannerCta) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-info-banner-cta {
        color: var(--colorInfoBannerCta) !important
    }
}

.cl-on-interaction-primary {
    color: var(--colorOnInteractionPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-on-interaction-primary {
        color: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-on-interaction-primary {
        color: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-on-interaction-primary {
        color: var(--colorOnInteractionPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-on-interaction-primary {
        color: var(--colorOnInteractionPrimary) !important
    }
}

.cl-on-interaction-primary-hover {
    color: var(--colorOnInteractionPrimaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-on-interaction-primary-hover {
        color: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-on-interaction-primary-hover {
        color: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-on-interaction-primary-hover {
        color: var(--colorOnInteractionPrimaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-on-interaction-primary-hover {
        color: var(--colorOnInteractionPrimaryHover) !important
    }
}

.cl-on-interaction-secondary {
    color: var(--colorOnInteractionSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-on-interaction-secondary {
        color: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-on-interaction-secondary {
        color: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-on-interaction-secondary {
        color: var(--colorOnInteractionSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-on-interaction-secondary {
        color: var(--colorOnInteractionSecondary) !important
    }
}

.cl-on-interaction-secondary-hover {
    color: var(--colorOnInteractionSecondaryHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-on-interaction-secondary-hover {
        color: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-on-interaction-secondary-hover {
        color: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-on-interaction-secondary-hover {
        color: var(--colorOnInteractionSecondaryHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-on-interaction-secondary-hover {
        color: var(--colorOnInteractionSecondaryHover) !important
    }
}

.cl-interaction-background-hover {
    color: var(--colorInteractionBackgroundHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-background-hover {
        color: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-background-hover {
        color: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-background-hover {
        color: var(--colorInteractionBackgroundHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-background-hover {
        color: var(--colorInteractionBackgroundHover) !important
    }
}

.cl-interaction-text-hover {
    color: var(--colorInteractionTextHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-text-hover {
        color: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-text-hover {
        color: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-text-hover {
        color: var(--colorInteractionTextHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-text-hover {
        color: var(--colorInteractionTextHover) !important
    }
}

.cl-interaction-focus {
    color: var(--colorInteractionFocus)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-focus {
        color: var(--colorInteractionFocus) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-focus {
        color: var(--colorInteractionFocus) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-focus {
        color: var(--colorInteractionFocus) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-focus {
        color: var(--colorInteractionFocus) !important
    }
}

.cl-interaction-focus-reversed {
    color: var(--colorInteractionFocusReversed)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-interaction-focus-reversed {
        color: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-interaction-focus-reversed {
        color: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-interaction-focus-reversed {
        color: var(--colorInteractionFocusReversed) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-interaction-focus-reversed {
        color: var(--colorInteractionFocusReversed) !important
    }
}

.cl-main-text {
    color: var(--colorMainText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-main-text {
        color: var(--colorMainText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-main-text {
        color: var(--colorMainText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-main-text {
        color: var(--colorMainText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-main-text {
        color: var(--colorMainText) !important
    }
}

.cl-tiers-subtitle-text {
    color: var(--colorTiersSubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tiers-subtitle-text {
        color: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tiers-subtitle-text {
        color: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tiers-subtitle-text {
        color: var(--colorTiersSubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tiers-subtitle-text {
        color: var(--colorTiersSubtitleText) !important
    }
}

.cl-tier-3-subtitle-text {
    color: var(--colorTier3SubtitleText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tier-3-subtitle-text {
        color: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tier-3-subtitle-text {
        color: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tier-3-subtitle-text {
        color: var(--colorTier3SubtitleText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tier-3-subtitle-text {
        color: var(--colorTier3SubtitleText) !important
    }
}

.cl-tier-1-tile {
    color: var(--colorTier1Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tier-1-tile {
        color: var(--colorTier1Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tier-1-tile {
        color: var(--colorTier1Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tier-1-tile {
        color: var(--colorTier1Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tier-1-tile {
        color: var(--colorTier1Tile) !important
    }
}

.cl-tier-2-tile {
    color: var(--colorTier2Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tier-2-tile {
        color: var(--colorTier2Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tier-2-tile {
        color: var(--colorTier2Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tier-2-tile {
        color: var(--colorTier2Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tier-2-tile {
        color: var(--colorTier2Tile) !important
    }
}

.cl-tier-3-tile {
    color: var(--colorTier3Tile)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tier-3-tile {
        color: var(--colorTier3Tile) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tier-3-tile {
        color: var(--colorTier3Tile) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tier-3-tile {
        color: var(--colorTier3Tile) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tier-3-tile {
        color: var(--colorTier3Tile) !important
    }
}

.cl-how-it-works-text {
    color: var(--colorHowItWorksText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-how-it-works-text {
        color: var(--colorHowItWorksText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-how-it-works-text {
        color: var(--colorHowItWorksText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-how-it-works-text {
        color: var(--colorHowItWorksText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-how-it-works-text {
        color: var(--colorHowItWorksText) !important
    }
}

.cl-how-it-works-icon-bg {
    color: var(--colorHowItWorksIconBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-how-it-works-icon-bg {
        color: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-how-it-works-icon-bg {
        color: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-how-it-works-icon-bg {
        color: var(--colorHowItWorksIconBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-how-it-works-icon-bg {
        color: var(--colorHowItWorksIconBg) !important
    }
}

.cl-timer-bg {
    color: var(--colorTimerBg)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-timer-bg {
        color: var(--colorTimerBg) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-timer-bg {
        color: var(--colorTimerBg) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-timer-bg {
        color: var(--colorTimerBg) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-timer-bg {
        color: var(--colorTimerBg) !important
    }
}

.cl-next-tier-text-3 {
    color: var(--colorNextTierText3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-next-tier-text-3 {
        color: var(--colorNextTierText3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-next-tier-text-3 {
        color: var(--colorNextTierText3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-next-tier-text-3 {
        color: var(--colorNextTierText3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-next-tier-text-3 {
        color: var(--colorNextTierText3) !important
    }
}

.cl-default-tier {
    color: var(--colorDefaultTier)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-default-tier {
        color: var(--colorDefaultTier) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-default-tier {
        color: var(--colorDefaultTier) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-default-tier {
        color: var(--colorDefaultTier) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-default-tier {
        color: var(--colorDefaultTier) !important
    }
}

.cl-rdp-sheet-tier-1 {
    color: var(--colorRdpSheetTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-1 {
        color: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-1 {
        color: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-1 {
        color: var(--colorRdpSheetTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-1 {
        color: var(--colorRdpSheetTier1) !important
    }
}

.cl-rdp-sheet-tier-2 {
    color: var(--colorRdpSheetTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-2 {
        color: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-2 {
        color: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-2 {
        color: var(--colorRdpSheetTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-2 {
        color: var(--colorRdpSheetTier2) !important
    }
}

.cl-rdp-sheet-tier-3 {
    color: var(--colorRdpSheetTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-3 {
        color: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-3 {
        color: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-3 {
        color: var(--colorRdpSheetTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-3 {
        color: var(--colorRdpSheetTier3) !important
    }
}

.cl-rdp-sheet-tier-4 {
    color: var(--colorRdpSheetTier4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-4 {
        color: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-4 {
        color: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-4 {
        color: var(--colorRdpSheetTier4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-4 {
        color: var(--colorRdpSheetTier4) !important
    }
}

.cl-star-bg-tier-1 {
    color: var(--colorStarBgTier1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-star-bg-tier-1 {
        color: var(--colorStarBgTier1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-star-bg-tier-1 {
        color: var(--colorStarBgTier1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-star-bg-tier-1 {
        color: var(--colorStarBgTier1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-star-bg-tier-1 {
        color: var(--colorStarBgTier1) !important
    }
}

.cl-star-bg-tier-2 {
    color: var(--colorStarBgTier2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-star-bg-tier-2 {
        color: var(--colorStarBgTier2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-star-bg-tier-2 {
        color: var(--colorStarBgTier2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-star-bg-tier-2 {
        color: var(--colorStarBgTier2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-star-bg-tier-2 {
        color: var(--colorStarBgTier2) !important
    }
}

.cl-star-bg-tier-3 {
    color: var(--colorStarBgTier3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-star-bg-tier-3 {
        color: var(--colorStarBgTier3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-star-bg-tier-3 {
        color: var(--colorStarBgTier3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-star-bg-tier-3 {
        color: var(--colorStarBgTier3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-star-bg-tier-3 {
        color: var(--colorStarBgTier3) !important
    }
}

.cl-rdp-sheet-tier-text-bg-1 {
    color: var(--colorRdpSheetTierTextBg1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-text-bg-1 {
        color: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-text-bg-1 {
        color: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-text-bg-1 {
        color: var(--colorRdpSheetTierTextBg1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-text-bg-1 {
        color: var(--colorRdpSheetTierTextBg1) !important
    }
}

.cl-rdp-sheet-tier-text-bg-2 {
    color: var(--colorRdpSheetTierTextBg2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-text-bg-2 {
        color: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-text-bg-2 {
        color: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-text-bg-2 {
        color: var(--colorRdpSheetTierTextBg2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-text-bg-2 {
        color: var(--colorRdpSheetTierTextBg2) !important
    }
}

.cl-rdp-sheet-tier-text-bg-3 {
    color: var(--colorRdpSheetTierTextBg3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-text-bg-3 {
        color: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-text-bg-3 {
        color: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-text-bg-3 {
        color: var(--colorRdpSheetTierTextBg3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-text-bg-3 {
        color: var(--colorRdpSheetTierTextBg3) !important
    }
}

.cl-rdp-sheet-tier-text-bg-4 {
    color: var(--colorRdpSheetTierTextBg4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rdp-sheet-tier-text-bg-4 {
        color: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rdp-sheet-tier-text-bg-4 {
        color: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rdp-sheet-tier-text-bg-4 {
        color: var(--colorRdpSheetTierTextBg4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rdp-sheet-tier-text-bg-4 {
        color: var(--colorRdpSheetTierTextBg4) !important
    }
}

.cl-next-tier-1-rdp {
    color: var(--colorNextTier1Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-next-tier-1-rdp {
        color: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-next-tier-1-rdp {
        color: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-next-tier-1-rdp {
        color: var(--colorNextTier1Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-next-tier-1-rdp {
        color: var(--colorNextTier1Rdp) !important
    }
}

.cl-next-tier-2-rdp {
    color: var(--colorNextTier2Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-next-tier-2-rdp {
        color: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-next-tier-2-rdp {
        color: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-next-tier-2-rdp {
        color: var(--colorNextTier2Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-next-tier-2-rdp {
        color: var(--colorNextTier2Rdp) !important
    }
}

.cl-next-tier-3-rdp {
    color: var(--colorNextTier3Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-next-tier-3-rdp {
        color: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-next-tier-3-rdp {
        color: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-next-tier-3-rdp {
        color: var(--colorNextTier3Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-next-tier-3-rdp {
        color: var(--colorNextTier3Rdp) !important
    }
}

.cl-next-tier-4-rdp {
    color: var(--colorNextTier4Rdp)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-next-tier-4-rdp {
        color: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-next-tier-4-rdp {
        color: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-next-tier-4-rdp {
        color: var(--colorNextTier4Rdp) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-next-tier-4-rdp {
        color: var(--colorNextTier4Rdp) !important
    }
}

.cl-popup-text {
    color: var(--colorPopupText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-popup-text {
        color: var(--colorPopupText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-popup-text {
        color: var(--colorPopupText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-popup-text {
        color: var(--colorPopupText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-popup-text {
        color: var(--colorPopupText) !important
    }
}

.cl-rating {
    color: var(--colorRating)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating {
        color: var(--colorRating) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating {
        color: var(--colorRating) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating {
        color: var(--colorRating) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating {
        color: var(--colorRating) !important
    }
}

.cl-rating-background {
    color: var(--colorRatingBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-background {
        color: var(--colorRatingBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-background {
        color: var(--colorRatingBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-background {
        color: var(--colorRatingBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-background {
        color: var(--colorRatingBackground) !important
    }
}

.cl-rating-feedback-background {
    color: var(--colorRatingFeedbackBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-feedback-background {
        color: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-feedback-background {
        color: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-feedback-background {
        color: var(--colorRatingFeedbackBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-feedback-background {
        color: var(--colorRatingFeedbackBackground) !important
    }
}

.cl-rating-feedback-active {
    color: var(--colorRatingFeedbackActive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-feedback-active {
        color: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-feedback-active {
        color: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-feedback-active {
        color: var(--colorRatingFeedbackActive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-feedback-active {
        color: var(--colorRatingFeedbackActive) !important
    }
}

.cl-popular-icon {
    color: var(--colorPopularIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-popular-icon {
        color: var(--colorPopularIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-popular-icon {
        color: var(--colorPopularIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-popular-icon {
        color: var(--colorPopularIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-popular-icon {
        color: var(--colorPopularIcon) !important
    }
}

.cl-rating-outline {
    color: var(--colorRatingOutline)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-outline {
        color: var(--colorRatingOutline) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-outline {
        color: var(--colorRatingOutline) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-outline {
        color: var(--colorRatingOutline) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-outline {
        color: var(--colorRatingOutline) !important
    }
}

.cl-deal-highlight-lvl-1 {
    color: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-highlight-lvl-1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-highlight-lvl-1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-highlight-lvl-1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-highlight-lvl-1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

.cl-deal-highlight-lvl-2 {
    color: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-highlight-lvl-2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-highlight-lvl-2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-highlight-lvl-2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-highlight-lvl-2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

.cl-deal-tertiary {
    color: var(--colorDealTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-tertiary {
        color: var(--colorDealTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-tertiary {
        color: var(--colorDealTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-tertiary {
        color: var(--colorDealTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-tertiary {
        color: var(--colorDealTertiary) !important
    }
}

.cl-deal-secondary {
    color: var(--colorDealSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-secondary {
        color: var(--colorDealSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-secondary {
        color: var(--colorDealSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-secondary {
        color: var(--colorDealSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-secondary {
        color: var(--colorDealSecondary) !important
    }
}

.cl-deal-primary {
    color: var(--colorDealPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-primary {
        color: var(--colorDealPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-primary {
        color: var(--colorDealPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-primary {
        color: var(--colorDealPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-primary {
        color: var(--colorDealPrimary) !important
    }
}

.cl-deal-text-on-white {
    color: var(--colorDealTextOnWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-text-on-white {
        color: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-text-on-white {
        color: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-text-on-white {
        color: var(--colorDealTextOnWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-text-on-white {
        color: var(--colorDealTextOnWhite) !important
    }
}

.cl-deal-banner-text {
    color: var(--colorDealBannerText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-banner-text {
        color: var(--colorDealBannerText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-banner-text {
        color: var(--colorDealBannerText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-banner-text {
        color: var(--colorDealBannerText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-banner-text {
        color: var(--colorDealBannerText) !important
    }
}

.cl-price-emphasis {
    color: var(--colorPriceEmphasis)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-price-emphasis {
        color: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-price-emphasis {
        color: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-price-emphasis {
        color: var(--colorPriceEmphasis) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-price-emphasis {
        color: var(--colorPriceEmphasis) !important
    }
}

.cl-tag-deal-background {
    color: var(--colorTagDealBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-deal-background {
        color: var(--colorTagDealBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-deal-background {
        color: var(--colorTagDealBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-deal-background {
        color: var(--colorTagDealBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-deal-background {
        color: var(--colorTagDealBackground) !important
    }
}

.cl-tag-deal-text {
    color: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-deal-text {
        color: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-deal-text {
        color: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-deal-text {
        color: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-deal-text {
        color: #fef6f9 !important
    }
}

.cl-tag-best-city-background {
    color: var(--colorTagBestCityBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-best-city-background {
        color: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-best-city-background {
        color: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-best-city-background {
        color: var(--colorTagBestCityBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-best-city-background {
        color: var(--colorTagBestCityBackground) !important
    }
}

.cl-tag-best-city-text {
    color: var(--colorTagBestCityText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-best-city-text {
        color: var(--colorTagBestCityText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-best-city-text {
        color: var(--colorTagBestCityText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-best-city-text {
        color: var(--colorTagBestCityText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-best-city-text {
        color: var(--colorTagBestCityText) !important
    }
}

.cl-rating-light-tag-icon {
    color: var(--colorRatingLightTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-light-tag-icon {
        color: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-light-tag-icon {
        color: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-light-tag-icon {
        color: var(--colorRatingLightTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-light-tag-icon {
        color: var(--colorRatingLightTagIcon) !important
    }
}

.cl-rating-light-tag-text {
    color: var(--colorRatingLightTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-light-tag-text {
        color: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-light-tag-text {
        color: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-light-tag-text {
        color: var(--colorRatingLightTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-light-tag-text {
        color: var(--colorRatingLightTagText) !important
    }
}

.cl-tag-primary-text {
    color: var(--colorTagPrimaryText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-primary-text {
        color: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-primary-text {
        color: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-primary-text {
        color: var(--colorTagPrimaryText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-primary-text {
        color: var(--colorTagPrimaryText) !important
    }
}

.cl-tag-primary-background {
    color: var(--colorTagPrimaryBackground)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-primary-background {
        color: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-primary-background {
        color: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-primary-background {
        color: var(--colorTagPrimaryBackground) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-primary-background {
        color: var(--colorTagPrimaryBackground) !important
    }
}

.cl-popular-highlight {
    color: var(--colorPopularHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-popular-highlight {
        color: var(--colorPopularHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-popular-highlight {
        color: var(--colorPopularHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-popular-highlight {
        color: var(--colorPopularHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-popular-highlight {
        color: var(--colorPopularHighlight) !important
    }
}

.cl-popular-tag-text {
    color: var(--colorPopularTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-popular-tag-text {
        color: var(--colorPopularTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-popular-tag-text {
        color: var(--colorPopularTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-popular-tag-text {
        color: var(--colorPopularTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-popular-tag-text {
        color: var(--colorPopularTagText) !important
    }
}

.cl-popular-tag-icon {
    color: var(--colorPopularTagIcon)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-popular-tag-icon {
        color: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-popular-tag-icon {
        color: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-popular-tag-icon {
        color: var(--colorPopularTagIcon) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-popular-tag-icon {
        color: var(--colorPopularTagIcon) !important
    }
}

.cl-information {
    color: var(--colorInformation)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-information {
        color: var(--colorInformation) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-information {
        color: var(--colorInformation) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-information {
        color: var(--colorInformation) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-information {
        color: var(--colorInformation) !important
    }
}

.cl-error {
    color: var(--colorError)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-error {
        color: var(--colorError) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-error {
        color: var(--colorError) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-error {
        color: var(--colorError) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-error {
        color: var(--colorError) !important
    }
}

.cl-success {
    color: var(--colorSuccess)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-success {
        color: var(--colorSuccess) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-success {
        color: var(--colorSuccess) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-success {
        color: var(--colorSuccess) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-success {
        color: var(--colorSuccess) !important
    }
}

.cl-warning {
    color: var(--colorWarning)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-warning {
        color: var(--colorWarning) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-warning {
        color: var(--colorWarning) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-warning {
        color: var(--colorWarning) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-warning {
        color: var(--colorWarning) !important
    }
}

.cl-information-highlight {
    color: var(--colorInformationHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-information-highlight {
        color: var(--colorInformationHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-information-highlight {
        color: var(--colorInformationHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-information-highlight {
        color: var(--colorInformationHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-information-highlight {
        color: var(--colorInformationHighlight) !important
    }
}

.cl-error-highlight {
    color: var(--colorErrorHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-error-highlight {
        color: var(--colorErrorHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-error-highlight {
        color: var(--colorErrorHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-error-highlight {
        color: var(--colorErrorHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-error-highlight {
        color: var(--colorErrorHighlight) !important
    }
}

.cl-success-highlight {
    color: var(--colorSuccessHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-success-highlight {
        color: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-success-highlight {
        color: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-success-highlight {
        color: var(--colorSuccessHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-success-highlight {
        color: var(--colorSuccessHighlight) !important
    }
}

.cl-warning-highlight {
    color: var(--colorWarningHighlight)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-warning-highlight {
        color: var(--colorWarningHighlight) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-warning-highlight {
        color: var(--colorWarningHighlight) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-warning-highlight {
        color: var(--colorWarningHighlight) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-warning-highlight {
        color: var(--colorWarningHighlight) !important
    }
}

.cl-special-1 {
    color: var(--colorSpecial1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-1 {
        color: var(--colorSpecial1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-1 {
        color: var(--colorSpecial1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-1 {
        color: var(--colorSpecial1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-1 {
        color: var(--colorSpecial1) !important
    }
}

.cl-special-2 {
    color: var(--colorSpecial2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-2 {
        color: var(--colorSpecial2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-2 {
        color: var(--colorSpecial2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-2 {
        color: var(--colorSpecial2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-2 {
        color: var(--colorSpecial2) !important
    }
}

.cl-special-3 {
    color: var(--colorSpecial3)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-3 {
        color: var(--colorSpecial3) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-3 {
        color: var(--colorSpecial3) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-3 {
        color: var(--colorSpecial3) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-3 {
        color: var(--colorSpecial3) !important
    }
}

.cl-special-4 {
    color: var(--colorSpecial4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-4 {
        color: var(--colorSpecial4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-4 {
        color: var(--colorSpecial4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-4 {
        color: var(--colorSpecial4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-4 {
        color: var(--colorSpecial4) !important
    }
}

.cl-special-5 {
    color: var(--colorSpecial5)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-5 {
        color: var(--colorSpecial5) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-5 {
        color: var(--colorSpecial5) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-5 {
        color: var(--colorSpecial5) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-5 {
        color: var(--colorSpecial5) !important
    }
}

.cl-special-6 {
    color: var(--colorSpecial6)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-6 {
        color: var(--colorSpecial6) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-6 {
        color: var(--colorSpecial6) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-6 {
        color: var(--colorSpecial6) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-6 {
        color: var(--colorSpecial6) !important
    }
}

.cl-special-7 {
    color: var(--colorSpecial7)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-special-7 {
        color: var(--colorSpecial7) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-special-7 {
        color: var(--colorSpecial7) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-special-7 {
        color: var(--colorSpecial7) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-special-7 {
        color: var(--colorSpecial7) !important
    }
}

.cl-neutral-primary {
    color: var(--colorNeutralPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-primary {
        color: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-primary {
        color: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-primary {
        color: var(--colorNeutralPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-primary {
        color: var(--colorNeutralPrimary) !important
    }
}

.cl-neutral-secondary {
    color: var(--colorNeutralSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-secondary {
        color: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-secondary {
        color: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-secondary {
        color: var(--colorNeutralSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-secondary {
        color: var(--colorNeutralSecondary) !important
    }
}

.cl-neutral-inactive {
    color: var(--colorNeutralInactive)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-inactive {
        color: var(--colorNeutralInactive) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-inactive {
        color: var(--colorNeutralInactive) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-inactive {
        color: var(--colorNeutralInactive) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-inactive {
        color: var(--colorNeutralInactive) !important
    }
}

.cl-neutral-border {
    color: var(--colorNeutralBorder)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-border {
        color: var(--colorNeutralBorder) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-border {
        color: var(--colorNeutralBorder) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-border {
        color: var(--colorNeutralBorder) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-border {
        color: var(--colorNeutralBorder) !important
    }
}

.cl-neutral-divider {
    color: var(--colorNeutralDivider)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-divider {
        color: var(--colorNeutralDivider) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-divider {
        color: var(--colorNeutralDivider) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-divider {
        color: var(--colorNeutralDivider) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-divider {
        color: var(--colorNeutralDivider) !important
    }
}

.cl-neutral-surface {
    color: var(--colorNeutralSurface)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-surface {
        color: var(--colorNeutralSurface) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-surface {
        color: var(--colorNeutralSurface) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-surface {
        color: var(--colorNeutralSurface) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-surface {
        color: var(--colorNeutralSurface) !important
    }
}

.cl-#fff {
    color: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-#fff {
        color: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-#fff {
        color: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-#fff {
        color: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-#fff {
        color: var(--colorWhite) !important
    }
}

.cl-dark-4 {
    color: var(--colorDark4)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-dark-4 {
        color: var(--colorDark4) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-dark-4 {
        color: var(--colorDark4) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-dark-4 {
        color: var(--colorDark4) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-dark-4 {
        color: var(--colorDark4) !important
    }
}

.cl-dark-64 {
    color: var(--colorDark64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-dark-64 {
        color: var(--colorDark64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-dark-64 {
        color: var(--colorDark64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-dark-64 {
        color: var(--colorDark64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-dark-64 {
        color: var(--colorDark64) !important
    }
}

.cl-light-80 {
    color: var(--colorLight80)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-light-80 {
        color: var(--colorLight80) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-light-80 {
        color: var(--colorLight80) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-light-80 {
        color: var(--colorLight80) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-light-80 {
        color: var(--colorLight80) !important
    }
}

.cl-light-56 {
    color: var(--colorLight56)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-light-56 {
        color: var(--colorLight56) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-light-56 {
        color: var(--colorLight56) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-light-56 {
        color: var(--colorLight56) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-light-56 {
        color: var(--colorLight56) !important
    }
}

.cl-illu-secondary-dark {
    color: var(--colorIlluSecondaryDark)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-dark {
        color: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-dark {
        color: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-dark {
        color: var(--colorIlluSecondaryDark) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-dark {
        color: var(--colorIlluSecondaryDark) !important
    }
}

.cl-illu-secondary-75 {
    color: var(--colorIlluSecondary75)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-75 {
        color: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-75 {
        color: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-75 {
        color: var(--colorIlluSecondary75) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-75 {
        color: var(--colorIlluSecondary75) !important
    }
}

.cl-illu-secondary-50 {
    color: var(--colorIlluSecondary50)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-50 {
        color: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-50 {
        color: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-50 {
        color: var(--colorIlluSecondary50) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-50 {
        color: var(--colorIlluSecondary50) !important
    }
}

.cl-illu-secondary-30 {
    color: var(--colorIlluSecondary30)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-30 {
        color: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-30 {
        color: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-30 {
        color: var(--colorIlluSecondary30) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-30 {
        color: var(--colorIlluSecondary30) !important
    }
}

.cl-illu-secondary-20 {
    color: var(--colorIlluSecondary20)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-20 {
        color: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-20 {
        color: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-20 {
        color: var(--colorIlluSecondary20) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-20 {
        color: var(--colorIlluSecondary20) !important
    }
}

.cl-illu-secondary-15 {
    color: var(--colorIlluSecondary15)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-15 {
        color: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-15 {
        color: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-15 {
        color: var(--colorIlluSecondary15) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-15 {
        color: var(--colorIlluSecondary15) !important
    }
}

.cl-illu-secondary-10 {
    color: var(--colorIlluSecondary10)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-illu-secondary-10 {
        color: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-illu-secondary-10 {
        color: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-illu-secondary-10 {
        color: var(--colorIlluSecondary10) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-illu-secondary-10 {
        color: var(--colorIlluSecondary10) !important
    }
}

.cl-tile-navigation-primary-800 {
    color: var(--colorTileNavigationPrimary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-primary-800 {
        color: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-primary-800 {
        color: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-primary-800 {
        color: var(--colorTileNavigationPrimary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-primary-800 {
        color: var(--colorTileNavigationPrimary800) !important
    }
}

.cl-tile-navigation-primary-700 {
    color: var(--colorTileNavigationPrimary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-primary-700 {
        color: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-primary-700 {
        color: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-primary-700 {
        color: var(--colorTileNavigationPrimary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-primary-700 {
        color: var(--colorTileNavigationPrimary700) !important
    }
}

.cl-tile-navigation-primary-600 {
    color: var(--colorTileNavigationPrimary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-primary-600 {
        color: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-primary-600 {
        color: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-primary-600 {
        color: var(--colorTileNavigationPrimary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-primary-600 {
        color: var(--colorTileNavigationPrimary600) !important
    }
}

.cl-tile-navigation-primary-500 {
    color: var(--colorTileNavigationPrimary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-primary-500 {
        color: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-primary-500 {
        color: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-primary-500 {
        color: var(--colorTileNavigationPrimary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-primary-500 {
        color: var(--colorTileNavigationPrimary500) !important
    }
}

.cl-tile-list-primary-400 {
    color: var(--colorTileListPrimary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-primary-400 {
        color: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-primary-400 {
        color: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-primary-400 {
        color: var(--colorTileListPrimary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-primary-400 {
        color: var(--colorTileListPrimary400) !important
    }
}

.cl-tile-list-primary-300 {
    color: var(--colorTileListPrimary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-primary-300 {
        color: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-primary-300 {
        color: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-primary-300 {
        color: var(--colorTileListPrimary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-primary-300 {
        color: var(--colorTileListPrimary300) !important
    }
}

.cl-tile-list-primary-200 {
    color: var(--colorTileListPrimary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-primary-200 {
        color: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-primary-200 {
        color: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-primary-200 {
        color: var(--colorTileListPrimary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-primary-200 {
        color: var(--colorTileListPrimary200) !important
    }
}

.cl-tile-list-primary-100 {
    color: var(--colorTileListPrimary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-primary-100 {
        color: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-primary-100 {
        color: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-primary-100 {
        color: var(--colorTileListPrimary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-primary-100 {
        color: var(--colorTileListPrimary100) !important
    }
}

.cl-tile-navigation-secondary-800 {
    color: var(--colorTileNavigationSecondary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-secondary-800 {
        color: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-secondary-800 {
        color: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-secondary-800 {
        color: var(--colorTileNavigationSecondary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-secondary-800 {
        color: var(--colorTileNavigationSecondary800) !important
    }
}

.cl-tile-navigation-secondary-700 {
    color: var(--colorTileNavigationSecondary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-secondary-700 {
        color: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-secondary-700 {
        color: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-secondary-700 {
        color: var(--colorTileNavigationSecondary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-secondary-700 {
        color: var(--colorTileNavigationSecondary700) !important
    }
}

.cl-tile-navigation-secondary-600 {
    color: var(--colorTileNavigationSecondary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-secondary-600 {
        color: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-secondary-600 {
        color: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-secondary-600 {
        color: var(--colorTileNavigationSecondary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-secondary-600 {
        color: var(--colorTileNavigationSecondary600) !important
    }
}

.cl-tile-navigation-secondary-500 {
    color: var(--colorTileNavigationSecondary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-secondary-500 {
        color: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-secondary-500 {
        color: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-secondary-500 {
        color: var(--colorTileNavigationSecondary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-secondary-500 {
        color: var(--colorTileNavigationSecondary500) !important
    }
}

.cl-tile-list-secondary-400 {
    color: var(--colorTileListSecondary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-secondary-400 {
        color: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-secondary-400 {
        color: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-secondary-400 {
        color: var(--colorTileListSecondary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-secondary-400 {
        color: var(--colorTileListSecondary400) !important
    }
}

.cl-tile-list-secondary-300 {
    color: var(--colorTileListSecondary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-secondary-300 {
        color: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-secondary-300 {
        color: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-secondary-300 {
        color: var(--colorTileListSecondary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-secondary-300 {
        color: var(--colorTileListSecondary300) !important
    }
}

.cl-tile-list-secondary-200 {
    color: var(--colorTileListSecondary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-secondary-200 {
        color: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-secondary-200 {
        color: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-secondary-200 {
        color: var(--colorTileListSecondary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-secondary-200 {
        color: var(--colorTileListSecondary200) !important
    }
}

.cl-tile-list-secondary-100 {
    color: var(--colorTileListSecondary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-secondary-100 {
        color: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-secondary-100 {
        color: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-secondary-100 {
        color: var(--colorTileListSecondary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-secondary-100 {
        color: var(--colorTileListSecondary100) !important
    }
}

.cl-tile-navigation-tertiary-800 {
    color: var(--colorTileNavigationTertiary800)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-tertiary-800 {
        color: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-tertiary-800 {
        color: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-tertiary-800 {
        color: var(--colorTileNavigationTertiary800) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-tertiary-800 {
        color: var(--colorTileNavigationTertiary800) !important
    }
}

.cl-tile-navigation-tertiary-700 {
    color: var(--colorTileNavigationTertiary700)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-tertiary-700 {
        color: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-tertiary-700 {
        color: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-tertiary-700 {
        color: var(--colorTileNavigationTertiary700) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-tertiary-700 {
        color: var(--colorTileNavigationTertiary700) !important
    }
}

.cl-tile-navigation-tertiary-600 {
    color: var(--colorTileNavigationTertiary600)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-tertiary-600 {
        color: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-tertiary-600 {
        color: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-tertiary-600 {
        color: var(--colorTileNavigationTertiary600) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-tertiary-600 {
        color: var(--colorTileNavigationTertiary600) !important
    }
}

.cl-tile-navigation-tertiary-500 {
    color: var(--colorTileNavigationTertiary500)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-navigation-tertiary-500 {
        color: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-navigation-tertiary-500 {
        color: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-navigation-tertiary-500 {
        color: var(--colorTileNavigationTertiary500) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-navigation-tertiary-500 {
        color: var(--colorTileNavigationTertiary500) !important
    }
}

.cl-tile-list-tertiary-400 {
    color: var(--colorTileListTertiary400)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-tertiary-400 {
        color: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-tertiary-400 {
        color: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-tertiary-400 {
        color: var(--colorTileListTertiary400) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-tertiary-400 {
        color: var(--colorTileListTertiary400) !important
    }
}

.cl-tile-list-tertiary-300 {
    color: var(--colorTileListTertiary300)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-tertiary-300 {
        color: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-tertiary-300 {
        color: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-tertiary-300 {
        color: var(--colorTileListTertiary300) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-tertiary-300 {
        color: var(--colorTileListTertiary300) !important
    }
}

.cl-tile-list-tertiary-200 {
    color: var(--colorTileListTertiary200)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-tertiary-200 {
        color: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-tertiary-200 {
        color: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-tertiary-200 {
        color: var(--colorTileListTertiary200) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-tertiary-200 {
        color: var(--colorTileListTertiary200) !important
    }
}

.cl-tile-list-tertiary-100 {
    color: var(--colorTileListTertiary100)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tile-list-tertiary-100 {
        color: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tile-list-tertiary-100 {
        color: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tile-list-tertiary-100 {
        color: var(--colorTileListTertiary100) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tile-list-tertiary-100 {
        color: var(--colorTileListTertiary100) !important
    }
}

.cl-social-media-facebook {
    color: var(--colorSocialMediaFacebook)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-social-media-facebook {
        color: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-social-media-facebook {
        color: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-social-media-facebook {
        color: var(--colorSocialMediaFacebook) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-social-media-facebook {
        color: var(--colorSocialMediaFacebook) !important
    }
}

.cl-social-media-facebook-hover {
    color: var(--colorSocialMediaFacebookHover)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-social-media-facebook-hover {
        color: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-social-media-facebook-hover {
        color: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-social-media-facebook-hover {
        color: var(--colorSocialMediaFacebookHover) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-social-media-facebook-hover {
        color: var(--colorSocialMediaFacebookHover) !important
    }
}

.cl-brand-highlight-lvl1 {
    color: var(--colorBrandHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-highlight-lvl1 {
        color: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-highlight-lvl1 {
        color: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-highlight-lvl1 {
        color: var(--colorBrandHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-highlight-lvl1 {
        color: var(--colorBrandHighlightLvl1) !important
    }
}

.cl-brand-linear-gradient-1 {
    color: var(--colorLinearGradient1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-linear-gradient-1 {
        color: var(--colorLinearGradient1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-linear-gradient-1 {
        color: var(--colorLinearGradient1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-linear-gradient-1 {
        color: var(--colorLinearGradient1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-linear-gradient-1 {
        color: var(--colorLinearGradient1) !important
    }
}

.cl-brand-linear-gradient-2 {
    color: var(--colorLinearGradient2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-linear-gradient-2 {
        color: var(--colorLinearGradient2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-linear-gradient-2 {
        color: var(--colorLinearGradient2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-linear-gradient-2 {
        color: var(--colorLinearGradient2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-linear-gradient-2 {
        color: var(--colorLinearGradient2) !important
    }
}

.cl-rating-tag-text {
    color: var(--colorRatingTagText)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-tag-text {
        color: var(--colorRatingTagText) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-tag-text {
        color: var(--colorRatingTagText) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-tag-text {
        color: var(--colorRatingTagText) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-tag-text {
        color: var(--colorRatingTagText) !important
    }
}

.cl-deal-highlight-lvl1 {
    color: var(--colorDealHighlightLvl1)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-highlight-lvl1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-highlight-lvl1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-highlight-lvl1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-highlight-lvl1 {
        color: var(--colorDealHighlightLvl1) !important
    }
}

.cl-deal-highlight-lvl2 {
    color: var(--colorDealHighlightLvl2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-deal-highlight-lvl2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-deal-highlight-lvl2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-deal-highlight-lvl2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-deal-highlight-lvl2 {
        color: var(--colorDealHighlightLvl2) !important
    }
}

.cl-joker-primary {
    color: var(--colorJokerPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-primary {
        color: var(--colorJokerPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-primary {
        color: var(--colorJokerPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-primary {
        color: var(--colorJokerPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-primary {
        color: var(--colorJokerPrimary) !important
    }
}

.cl-joker-primary-bk {
    color: var(--colorJokerPrimaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-primary-bk {
        color: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-primary-bk {
        color: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-primary-bk {
        color: var(--colorJokerPrimaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-primary-bk {
        color: var(--colorJokerPrimaryBk) !important
    }
}

.cl-joker-primary-bk2 {
    color: var(--colorJokerPrimaryBk2)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-primary-bk2 {
        color: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-primary-bk2 {
        color: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-primary-bk2 {
        color: var(--colorJokerPrimaryBk2) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-primary-bk2 {
        color: var(--colorJokerPrimaryBk2) !important
    }
}

.cl-joker-secondary {
    color: var(--colorJokerSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-secondary {
        color: var(--colorJokerSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-secondary {
        color: var(--colorJokerSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-secondary {
        color: var(--colorJokerSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-secondary {
        color: var(--colorJokerSecondary) !important
    }
}

.cl-joker-secondary-bk {
    color: var(--colorJokerSecondaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-secondary-bk {
        color: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-secondary-bk {
        color: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-secondary-bk {
        color: var(--colorJokerSecondaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-secondary-bk {
        color: var(--colorJokerSecondaryBk) !important
    }
}

.cl-joker-tertiary {
    color: var(--colorJokerTertiary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-tertiary {
        color: var(--colorJokerTertiary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-tertiary {
        color: var(--colorJokerTertiary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-tertiary {
        color: var(--colorJokerTertiary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-tertiary {
        color: var(--colorJokerTertiary) !important
    }
}

.cl-joker-tertiary-bk {
    color: var(--colorJokerTertiaryBk)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-joker-tertiary-bk {
        color: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-joker-tertiary-bk {
        color: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-joker-tertiary-bk {
        color: var(--colorJokerTertiaryBk) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-joker-tertiary-bk {
        color: var(--colorJokerTertiaryBk) !important
    }
}

.cl-brand-primary-dark {
    color: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-primary-dark {
        color: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-primary-dark {
        color: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-primary-dark {
        color: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-primary-dark {
        color: #c60d5c !important
    }
}

.cl-ratings {
    color: #276fbf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-ratings {
        color: #276fbf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-ratings {
        color: #276fbf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-ratings {
        color: #276fbf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-ratings {
        color: #276fbf !important
    }
}

.cl-tag-best-in-city-bg {
    color: var(--colorBrandSecondary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-best-in-city-bg {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-best-in-city-bg {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-best-in-city-bg {
        color: var(--colorBrandSecondary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-best-in-city-bg {
        color: var(--colorBrandSecondary) !important
    }
}

.cl-tag-best-in-city-text {
    color: var(--colorWhite)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-best-in-city-text {
        color: var(--colorWhite) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-best-in-city-text {
        color: var(--colorWhite) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-best-in-city-text {
        color: var(--colorWhite) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-best-in-city-text {
        color: var(--colorWhite) !important
    }
}

.cl-tag-deal-bg {
    color: #fef6f9
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-deal-bg {
        color: #fef6f9 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-deal-bg {
        color: #fef6f9 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-deal-bg {
        color: #fef6f9 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-deal-bg {
        color: #fef6f9 !important
    }
}

.cl-tag-primary-bg {
    color: var(--colorBrandPrimary)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-tag-primary-bg {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-tag-primary-bg {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-tag-primary-bg {
        color: var(--colorBrandPrimary) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-tag-primary-bg {
        color: var(--colorBrandPrimary) !important
    }
}

.cl-brand-blue {
    color: #d4dfe6
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-blue {
        color: #d4dfe6 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-blue {
        color: #d4dfe6 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-blue {
        color: #d4dfe6 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-blue {
        color: #d4dfe6 !important
    }
}

.cl-brand-blue-II {
    color: #1f4d5d
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-blue-II {
        color: #1f4d5d !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-blue-II {
        color: #1f4d5d !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-blue-II {
        color: #1f4d5d !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-blue-II {
        color: #1f4d5d !important
    }
}

.cl-brand-blue-III {
    color: #9cb4bf
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-blue-III {
        color: #9cb4bf !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-blue-III {
        color: #9cb4bf !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-blue-III {
        color: #9cb4bf !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-blue-III {
        color: #9cb4bf !important
    }
}

.cl-brand-blue-IV {
    color: #8aa7b3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-blue-IV {
        color: #8aa7b3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-blue-IV {
        color: #8aa7b3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-blue-IV {
        color: #8aa7b3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-blue-IV {
        color: #8aa7b3 !important
    }
}

.cl-brand-grayedout {
    color: #ea81ae
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-grayedout {
        color: #ea81ae !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-grayedout {
        color: #ea81ae !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-grayedout {
        color: #ea81ae !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-grayedout {
        color: #ea81ae !important
    }
}

.cl-brand-pink-80 {
    color: #e14e84
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-pink-80 {
        color: #e14e84 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-pink-80 {
        color: #e14e84 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-pink-80 {
        color: #e14e84 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-pink-80 {
        color: #e14e84 !important
    }
}

.cl-brand-pink-60 {
    color: #eb7ca3
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-pink-60 {
        color: #eb7ca3 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-pink-60 {
        color: #eb7ca3 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-pink-60 {
        color: #eb7ca3 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-pink-60 {
        color: #eb7ca3 !important
    }
}

.cl-brand-pink-30 {
    color: #f7bdd1
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-brand-pink-30 {
        color: #f7bdd1 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-brand-pink-30 {
        color: #f7bdd1 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-brand-pink-30 {
        color: #f7bdd1 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-brand-pink-30 {
        color: #f7bdd1 !important
    }
}

.cl-gradient-middle {
    color: #c60d5c
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-gradient-middle {
        color: #c60d5c !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-gradient-middle {
        color: #c60d5c !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-gradient-middle {
        color: #c60d5c !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-gradient-middle {
        color: #c60d5c !important
    }
}

.cl-grayedout {
    color: hsla(0,0%,100%,.84)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-grayedout {
        color: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-grayedout {
        color: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-grayedout {
        color: hsla(0,0%,100%,.84) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-grayedout {
        color: hsla(0,0%,100%,.84) !important
    }
}

.cl-neutral-light-surface {
    color: #fafafa
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-neutral-light-surface {
        color: #fafafa !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-neutral-light-surface {
        color: #fafafa !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-neutral-light-surface {
        color: #fafafa !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-neutral-light-surface {
        color: #fafafa !important
    }
}

.cl-overlay-lvl1 {
    color: rgba(0,0,0,.02)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl1 {
        color: rgba(0,0,0,.02) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl1 {
        color: rgba(0,0,0,.02) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl1 {
        color: rgba(0,0,0,.02) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl1 {
        color: rgba(0,0,0,.02) !important
    }
}

.cl-overlay-lvl2 {
    color: rgba(0,0,0,.04)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl2 {
        color: rgba(0,0,0,.04) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl2 {
        color: rgba(0,0,0,.04) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl2 {
        color: rgba(0,0,0,.04) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl2 {
        color: rgba(0,0,0,.04) !important
    }
}

.cl-overlay-lvl3 {
    color: rgba(0,0,0,.08)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl3 {
        color: rgba(0,0,0,.08) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl3 {
        color: rgba(0,0,0,.08) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl3 {
        color: rgba(0,0,0,.08) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl3 {
        color: rgba(0,0,0,.08) !important
    }
}

.cl-overlay-lvl4 {
    color: rgba(0,0,0,.12)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl4 {
        color: rgba(0,0,0,.12) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl4 {
        color: rgba(0,0,0,.12) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl4 {
        color: rgba(0,0,0,.12) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl4 {
        color: rgba(0,0,0,.12) !important
    }
}

.cl-overlay-lvl5 {
    color: rgba(0,0,0,.16)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl5 {
        color: rgba(0,0,0,.16) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl5 {
        color: rgba(0,0,0,.16) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl5 {
        color: rgba(0,0,0,.16) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl5 {
        color: rgba(0,0,0,.16) !important
    }
}

.cl-overlay-lvl6 {
    color: rgba(0,0,0,.48)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-lvl6 {
        color: rgba(0,0,0,.48) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-lvl6 {
        color: rgba(0,0,0,.48) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-lvl6 {
        color: rgba(0,0,0,.48) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-lvl6 {
        color: rgba(0,0,0,.48) !important
    }
}

.cl-overlay-white {
    color: hsla(0,0%,100%,.64)
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-overlay-white {
        color: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-overlay-white {
        color: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-overlay-white {
        color: hsla(0,0%,100%,.64) !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-overlay-white {
        color: hsla(0,0%,100%,.64) !important
    }
}

.cl-rating-highlight {
    color: #e9f0f8
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rating-highlight {
        color: #e9f0f8 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rating-highlight {
        color: #e9f0f8 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rating-highlight {
        color: #e9f0f8 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rating-highlight {
        color: #e9f0f8 !important
    }
}

.cl-rider-banner {
    color: #d70f64
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-rider-banner {
        color: #d70f64 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-rider-banner {
        color: #d70f64 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-rider-banner {
        color: #d70f64 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-rider-banner {
        color: #d70f64 !important
    }
}

.cl-social-applepay {
    color: #000
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-social-applepay {
        color: #000 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-social-applepay {
        color: #000 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-social-applepay {
        color: #000 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-social-applepay {
        color: #000 !important
    }
}

.cl-social-facebook {
    color: #1877f2
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:cl-social-facebook {
        color: #1877f2 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:cl-social-facebook {
        color: #1877f2 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:cl-social-facebook {
        color: #1877f2 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:cl-social-facebook {
        color: #1877f2 !important
    }
}

.ai-center {
    align-items: center
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-center {
        align-items: center !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-center {
        align-items: center !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-center {
        align-items: center !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-center {
        align-items: center !important
    }
}

.ai-space-between {
    align-items: space-between
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-space-between {
        align-items: space-between !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-space-between {
        align-items: space-between !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-space-between {
        align-items: space-between !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-space-between {
        align-items: space-between !important
    }
}

.ai-space-evenly {
    align-items: space-evenly
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-space-evenly {
        align-items: space-evenly !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-space-evenly {
        align-items: space-evenly !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-space-evenly {
        align-items: space-evenly !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-space-evenly {
        align-items: space-evenly !important
    }
}

.ai-space-around {
    align-items: space-around
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-space-around {
        align-items: space-around !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-space-around {
        align-items: space-around !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-space-around {
        align-items: space-around !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-space-around {
        align-items: space-around !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-start {
        align-items: flex-start !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-start {
        align-items: flex-start !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-start {
        align-items: flex-start !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-start {
        align-items: flex-start !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:ai-end {
        align-items: flex-end !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:ai-end {
        align-items: flex-end !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:ai-end {
        align-items: flex-end !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:ai-end {
        align-items: flex-end !important
    }
}

.jc-center {
    justify-content: center
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-center {
        justify-content: center !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-center {
        justify-content: center !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-center {
        justify-content: center !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-center {
        justify-content: center !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-space-between {
        justify-content: space-between !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-space-between {
        justify-content: space-between !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-space-between {
        justify-content: space-between !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-space-between {
        justify-content: space-between !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-space-evenly {
        justify-content: space-evenly !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-space-evenly {
        justify-content: space-evenly !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-space-evenly {
        justify-content: space-evenly !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-space-evenly {
        justify-content: space-evenly !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-space-around {
        justify-content: space-around !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-space-around {
        justify-content: space-around !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-space-around {
        justify-content: space-around !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-space-around {
        justify-content: space-around !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-start {
        justify-content: flex-start !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-start {
        justify-content: flex-start !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-start {
        justify-content: flex-start !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-start {
        justify-content: flex-start !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:jc-end {
        justify-content: flex-end !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:jc-end {
        justify-content: flex-end !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:jc-end {
        justify-content: flex-end !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:jc-end {
        justify-content: flex-end !important
    }
}

.fw-nowrap {
    flex-wrap: nowrap
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-nowrap {
        flex-wrap: nowrap !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-nowrap {
        flex-wrap: nowrap !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-nowrap {
        flex-wrap: nowrap !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-nowrap {
        flex-wrap: nowrap !important
    }
}

.fw-wrap {
    flex-wrap: wrap
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-wrap {
        flex-wrap: wrap !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-wrap {
        flex-wrap: wrap !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-wrap {
        flex-wrap: wrap !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-wrap {
        flex-wrap: wrap !important
    }
}

.fw-wrap-reverse {
    flex-wrap: wrap-reverse
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
}

.fw-initial {
    flex-wrap: nowrap
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fw-initial {
        flex-wrap: nowrap !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fw-initial {
        flex-wrap: nowrap !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fw-initial {
        flex-wrap: nowrap !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fw-initial {
        flex-wrap: nowrap !important
    }
}

.fd-row {
    flex-direction: row
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fd-row {
        flex-direction: row !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fd-row {
        flex-direction: row !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fd-row {
        flex-direction: row !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fd-row {
        flex-direction: row !important
    }
}

.fd-row-reverse {
    flex-direction: row-reverse
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fd-row-reverse {
        flex-direction: row-reverse !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fd-row-reverse {
        flex-direction: row-reverse !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fd-row-reverse {
        flex-direction: row-reverse !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fd-row-reverse {
        flex-direction: row-reverse !important
    }
}

.fd-column {
    flex-direction: column
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fd-column {
        flex-direction: column !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fd-column {
        flex-direction: column !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fd-column {
        flex-direction: column !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fd-column {
        flex-direction: column !important
    }
}

.fd-column-reverse {
    flex-direction: column-reverse
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fd-column-reverse {
        flex-direction: column-reverse !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fd-column-reverse {
        flex-direction: column-reverse !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fd-column-reverse {
        flex-direction: column-reverse !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fd-column-reverse {
        flex-direction: column-reverse !important
    }
}

.fd-initial {
    flex-direction: row
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:fd-initial {
        flex-direction: row !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:fd-initial {
        flex-direction: row !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:fd-initial {
        flex-direction: row !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:fd-initial {
        flex-direction: row !important
    }
}

.as-center {
    align-self: center
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-center {
        align-self: center !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-center {
        align-self: center !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-center {
        align-self: center !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-center {
        align-self: center !important
    }
}

.as-space-between {
    align-self: space-between
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-space-between {
        align-self: space-between !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-space-between {
        align-self: space-between !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-space-between {
        align-self: space-between !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-space-between {
        align-self: space-between !important
    }
}

.as-space-evenly {
    align-self: space-evenly
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-space-evenly {
        align-self: space-evenly !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-space-evenly {
        align-self: space-evenly !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-space-evenly {
        align-self: space-evenly !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-space-evenly {
        align-self: space-evenly !important
    }
}

.as-space-around {
    align-self: space-around
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-space-around {
        align-self: space-around !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-space-around {
        align-self: space-around !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-space-around {
        align-self: space-around !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-space-around {
        align-self: space-around !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-start {
        align-self: flex-start !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-start {
        align-self: flex-start !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-start {
        align-self: flex-start !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-start {
        align-self: flex-start !important
    }
}

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

@media (min-width:0px) and (max-width:480px) {
    .sm\:as-end {
        align-self: flex-end !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:as-end {
        align-self: flex-end !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:as-end {
        align-self: flex-end !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:as-end {
        align-self: flex-end !important
    }
}

.p-absolute {
    position: absolute
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:p-absolute {
        position: absolute !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:p-absolute {
        position: absolute !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:p-absolute {
        position: absolute !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:p-absolute {
        position: absolute !important
    }
}

.p-fixed {
    position: fixed
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:p-fixed {
        position: fixed !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:p-fixed {
        position: fixed !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:p-fixed {
        position: fixed !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:p-fixed {
        position: fixed !important
    }
}

.p-relative {
    position: relative
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:p-relative {
        position: relative !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:p-relative {
        position: relative !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:p-relative {
        position: relative !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:p-relative {
        position: relative !important
    }
}

.p-sticky {
    position: sticky
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:p-sticky {
        position: sticky !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:p-sticky {
        position: sticky !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:p-sticky {
        position: sticky !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:p-sticky {
        position: sticky !important
    }
}

.t-zero {
    top: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-zero {
        top: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-zero {
        top: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-zero {
        top: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-zero {
        top: 0 !important
    }
}

.t-xxxs {
    top: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-xxxs {
        top: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-xxxs {
        top: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-xxxs {
        top: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-xxxs {
        top: 2px !important
    }
}

.t-xxs {
    top: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-xxs {
        top: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-xxs {
        top: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-xxs {
        top: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-xxs {
        top: 4px !important
    }
}

.t-xs {
    top: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-xs {
        top: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-xs {
        top: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-xs {
        top: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-xs {
        top: 8px !important
    }
}

.t-st {
    top: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-st {
        top: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-st {
        top: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-st {
        top: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-st {
        top: 12px !important
    }
}

.t-sm {
    top: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-sm {
        top: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-sm {
        top: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-sm {
        top: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-sm {
        top: 16px !important
    }
}

.t-md {
    top: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-md {
        top: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-md {
        top: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-md {
        top: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-md {
        top: 24px !important
    }
}

.t-lg {
    top: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-lg {
        top: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-lg {
        top: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-lg {
        top: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-lg {
        top: 32px !important
    }
}

.t-xl {
    top: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-xl {
        top: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-xl {
        top: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-xl {
        top: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-xl {
        top: 48px !important
    }
}

.t-xxl {
    top: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:t-xxl {
        top: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:t-xxl {
        top: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:t-xxl {
        top: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:t-xxl {
        top: 80px !important
    }
}

.l-zero {
    left: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-zero {
        left: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-zero {
        left: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-zero {
        left: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-zero {
        left: 0 !important
    }
}

.l-xxxs {
    left: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-xxxs {
        left: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-xxxs {
        left: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-xxxs {
        left: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-xxxs {
        left: 2px !important
    }
}

.l-xxs {
    left: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-xxs {
        left: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-xxs {
        left: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-xxs {
        left: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-xxs {
        left: 4px !important
    }
}

.l-xs {
    left: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-xs {
        left: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-xs {
        left: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-xs {
        left: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-xs {
        left: 8px !important
    }
}

.l-st {
    left: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-st {
        left: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-st {
        left: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-st {
        left: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-st {
        left: 12px !important
    }
}

.l-sm {
    left: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-sm {
        left: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-sm {
        left: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-sm {
        left: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-sm {
        left: 16px !important
    }
}

.l-md {
    left: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-md {
        left: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-md {
        left: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-md {
        left: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-md {
        left: 24px !important
    }
}

.l-lg {
    left: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-lg {
        left: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-lg {
        left: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-lg {
        left: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-lg {
        left: 32px !important
    }
}

.l-xl {
    left: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-xl {
        left: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-xl {
        left: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-xl {
        left: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-xl {
        left: 48px !important
    }
}

.l-xxl {
    left: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:l-xxl {
        left: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:l-xxl {
        left: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:l-xxl {
        left: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:l-xxl {
        left: 80px !important
    }
}

.b-zero {
    bottom: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-zero {
        bottom: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-zero {
        bottom: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-zero {
        bottom: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-zero {
        bottom: 0 !important
    }
}

.b-xxxs {
    bottom: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-xxxs {
        bottom: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-xxxs {
        bottom: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-xxxs {
        bottom: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-xxxs {
        bottom: 2px !important
    }
}

.b-xxs {
    bottom: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-xxs {
        bottom: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-xxs {
        bottom: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-xxs {
        bottom: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-xxs {
        bottom: 4px !important
    }
}

.b-xs {
    bottom: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-xs {
        bottom: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-xs {
        bottom: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-xs {
        bottom: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-xs {
        bottom: 8px !important
    }
}

.b-st {
    bottom: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-st {
        bottom: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-st {
        bottom: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-st {
        bottom: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-st {
        bottom: 12px !important
    }
}

.b-sm {
    bottom: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-sm {
        bottom: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-sm {
        bottom: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-sm {
        bottom: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-sm {
        bottom: 16px !important
    }
}

.b-md {
    bottom: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-md {
        bottom: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-md {
        bottom: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-md {
        bottom: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-md {
        bottom: 24px !important
    }
}

.b-lg {
    bottom: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-lg {
        bottom: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-lg {
        bottom: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-lg {
        bottom: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-lg {
        bottom: 32px !important
    }
}

.b-xl {
    bottom: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-xl {
        bottom: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-xl {
        bottom: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-xl {
        bottom: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-xl {
        bottom: 48px !important
    }
}

.b-xxl {
    bottom: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:b-xxl {
        bottom: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:b-xxl {
        bottom: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:b-xxl {
        bottom: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:b-xxl {
        bottom: 80px !important
    }
}

.r-zero {
    right: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-zero {
        right: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-zero {
        right: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-zero {
        right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-zero {
        right: 0 !important
    }
}

.r-xxxs {
    right: 2px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-xxxs {
        right: 2px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-xxxs {
        right: 2px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-xxxs {
        right: 2px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-xxxs {
        right: 2px !important
    }
}

.r-xxs {
    right: 4px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-xxs {
        right: 4px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-xxs {
        right: 4px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-xxs {
        right: 4px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-xxs {
        right: 4px !important
    }
}

.r-xs {
    right: 8px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-xs {
        right: 8px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-xs {
        right: 8px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-xs {
        right: 8px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-xs {
        right: 8px !important
    }
}

.r-st {
    right: 12px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-st {
        right: 12px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-st {
        right: 12px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-st {
        right: 12px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-st {
        right: 12px !important
    }
}

.r-sm {
    right: 16px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-sm {
        right: 16px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-sm {
        right: 16px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-sm {
        right: 16px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-sm {
        right: 16px !important
    }
}

.r-md {
    right: 24px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-md {
        right: 24px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-md {
        right: 24px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-md {
        right: 24px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-md {
        right: 24px !important
    }
}

.r-lg {
    right: 32px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-lg {
        right: 32px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-lg {
        right: 32px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-lg {
        right: 32px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-lg {
        right: 32px !important
    }
}

.r-xl {
    right: 48px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-xl {
        right: 48px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-xl {
        right: 48px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-xl {
        right: 48px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-xl {
        right: 48px !important
    }
}

.r-xxl {
    right: 80px
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:r-xxl {
        right: 80px !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:r-xxl {
        right: 80px !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:r-xxl {
        right: 80px !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:r-xxl {
        right: 80px !important
    }
}

.w-0 {
    width: 0
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-0 {
        width: 0 !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-0 {
        width: 0 !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-0 {
        width: 0 !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-0 {
        width: 0 !important
    }
}

.w-10 {
    width: 10%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-10 {
        width: 10% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-10 {
        width: 10% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-10 {
        width: 10% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-10 {
        width: 10% !important
    }
}

.w-20 {
    width: 20%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-20 {
        width: 20% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-20 {
        width: 20% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-20 {
        width: 20% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-20 {
        width: 20% !important
    }
}

.w-25 {
    width: 25%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-25 {
        width: 25% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-25 {
        width: 25% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-25 {
        width: 25% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-25 {
        width: 25% !important
    }
}

.w-30 {
    width: 30%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-30 {
        width: 30% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-30 {
        width: 30% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-30 {
        width: 30% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-30 {
        width: 30% !important
    }
}

.w-40 {
    width: 40%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-40 {
        width: 40% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-40 {
        width: 40% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-40 {
        width: 40% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-40 {
        width: 40% !important
    }
}

.w-50 {
    width: 50%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-50 {
        width: 50% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-50 {
        width: 50% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-50 {
        width: 50% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-50 {
        width: 50% !important
    }
}

.w-60 {
    width: 60%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-60 {
        width: 60% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-60 {
        width: 60% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-60 {
        width: 60% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-60 {
        width: 60% !important
    }
}

.w-70 {
    width: 70%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-70 {
        width: 70% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-70 {
        width: 70% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-70 {
        width: 70% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-70 {
        width: 70% !important
    }
}

.w-80 {
    width: 80%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-80 {
        width: 80% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-80 {
        width: 80% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-80 {
        width: 80% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-80 {
        width: 80% !important
    }
}

.w-90 {
    width: 90%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-90 {
        width: 90% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-90 {
        width: 90% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-90 {
        width: 90% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-90 {
        width: 90% !important
    }
}

.w-100 {
    width: 100%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:w-100 {
        width: 100% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:w-100 {
        width: 100% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:w-100 {
        width: 100% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:w-100 {
        width: 100% !important
    }
}

.w-third {
    width: 33.33333%
}

.w-two-thirds {
    width: 66.66667%
}

.w-auto {
    width: auto
}

.h-auto {
    height: auto
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:h-auto {
        height: auto !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:h-auto {
        height: auto !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:h-auto {
        height: auto !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:h-auto {
        height: auto !important
    }
}

.h-full {
    height: 100%
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:h-full {
        height: 100% !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:h-full {
        height: 100% !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:h-full {
        height: 100% !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:h-full {
        height: 100% !important
    }
}

.h-screen {
    height: 100vh
}

@media (min-width:0px) and (max-width:480px) {
    .sm\:h-screen {
        height: 100vh !important
    }
}

@media (min-width:480px) and (max-width:768px) {
    .md\:h-screen {
        height: 100vh !important
    }
}

@media (min-width:768px) and (max-width:960px) {
    .lg\:h-screen {
        height: 100vh !important
    }
}

@media (min-width:960px) and (max-width:1265px) {
    .xl\:h-screen {
        height: 100vh !important
    }
}

@font-face {
    font-family: icomoon;
    font-style: 500;
    font-weight: 500;
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?2);
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?2) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/icomoon.ttf?2) format("truetype"),url(https://micro-assets.foodora.com/fonts/icomoon.woff?2) format("woff"),url(https://micro-assets.foodora.com/fonts/icomoon.svg?2#icomoon) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.eot) format("eot");
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.svg#OpenSans) format("svg")
}

.alan-container {
    background-color: var(--colorWhite);
    border-radius: 5px;
    bottom: 24px;
    color: var(--colorWhite);
    display: none;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    min-height: 48px;
    overflow: hidden;
    position: fixed;
    right: 24px;
    z-index: 1300
}

    .alan-container.minimized {
        border-radius: 5px 5px 0 0;
        bottom: 0;
        display: block
    }

        .alan-container.minimized .handler {
            padding-right: 80px
        }

            .alan-container.minimized .handler .widget-close {
                top: -10px
            }

    .alan-container.expand {
        box-shadow: 0 2px 28px 0 rgba(0,0,0,.12);
        display: flex;
        height: 460px;
        max-height: 460px;
        min-height: 240px;
        width: 380px
    }

        .alan-container.expand.global-help-center {
            height: 80vh;
            max-height: 620px
        }

        .alan-container.expand iframe {
            border: none;
            display: inherit;
            flex: 1
        }

        .alan-container.expand .handler {
            cursor: inherit;
            height: 48px;
            text-align: center
        }

            .alan-container.expand .handler .widget-close {
                cursor: pointer;
                line-height: normal;
                right: 16px;
                transform: rotate(0deg) scale(1.7)
            }

    .alan-container iframe {
        display: none
    }

    .alan-container .handler {
        background-color: var(--colorInteractionPrimary);
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 700;
        height: 48px;
        line-height: 48px;
        padding: 0 16px
    }

        .alan-container .handler .widget-close {
            cursor: pointer;
            position: absolute;
            right: 16px;
            top: 13px;
            transform: rotate(180deg) scale(1.7)
        }

            .alan-container .handler .widget-close path {
                fill: var(--colorWhite)
            }

.is-mobile .alan-container.expand {
    border-radius: 0;
    bottom: 0;
    height: inherit;
    left: 0;
    margin: 0;
    max-height: inherit;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1425px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

@media (min-width:480px) {
    .full-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:768px) {
    .full-container {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:1265px) {
    .full-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.wallet-widget {
    cursor: pointer;
    height: 70px;
    width: 100%
}

.wallet-widget__logo {
    height: 18px
}

.wallet-widget__notification-icon {
    height: 16px;
    width: 16px
}

.wallet-widget__action {
    border-left: 1px solid var(--colorNeutralBorder);
    text-align: center;
    white-space: nowrap
}

    .wallet-widget__action img {
        height: 24px;
        width: 24px
    }

    .wallet-widget__action.disabled {
        cursor: default
    }

        .wallet-widget__action.disabled img {
            filter: grayscale(100%)
        }

@media (min-width:768px) {
    .wallet-widget {
        width: 345px
    }
}

.hero-section .wallet-widget ~ .tracking-card {
    margin-top: 56px
}

.hero-section .wallet-widget ~ .hero-section-text {
    padding-top: 32px
}

@media (min-width:768px) {
    .hero-section .wallet-widget ~ .hero-section-text {
        padding-top: 56px
    }
}

.header-account-menu .wallet-widget {
    width: 313px
}