#min-h h2 {color:#fff}
#min-h h2.bbl-headline-3{color:#000; font-size:32px}
.form--boxed {position:relative!important}
@charset "utf-8";

:root {
    --adm-radius-s: 1.07vw;
    --adm-radius-m: 2.13vw;
    --adm-radius-l: 3.2vw;
    --adm-font-size-1: 2.4vw;
    --adm-font-size-2: 2.67vw;
    --adm-font-size-3: 2.93vw;
    --adm-font-size-4: 3.2vw;
    --adm-font-size-5: 3.47vw;
    --adm-font-size-6: 3.73vw;
    --adm-font-size-7: 4vw;
    --adm-font-size-8: 4.27vw;
    --adm-font-size-9: 4.53vw;
    --adm-font-size-10: 4.8vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    background-color: var(--adm-color-background-body)
}



a,
button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * .53vw);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-dot-loading {
    display: inline-block
}

.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    z-index: var(--z-index);
    display: block
}

.adm-mask,
.adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-popup {
    --z-index: var(--adm-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-top .adm-popup-close-icon {
    right: 2.13vw;
    bottom: 2.13vw
}

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 2.13vw;
    top: 2.13vw
}

.adm-popup-close-icon {
    cursor: pointer;
    padding: 1.07vw;
    font-size: 4.8vw;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    max-width: 54.4vw;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2.13vw;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: initial
}

.adm-toast-mask .adm-toast-main-text {
    padding: 3.2vw;
    min-width: 0
}

.adm-toast-mask .adm-toast-main-icon {
    padding: 9.33vw 3.2vw;
    min-width: 40vw
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 2.13vw;
    font-size: 9.6vw;
    line-height: 1
}

.adm-toast-loading {
    --size: 12.8vw;
    margin: 0 auto 2.13vw
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 8.53vw;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-auto-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adm-auto-center-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: hsla(0, 0%, 100%, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 0.53vw;
    --pswp-error-text-color: var(--pswp-icon-color);
    position: fixed;
    z-index: var(--pswp-root-z-index);
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp,
.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp,
.pswp__bg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    -webkit-transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 13.33vw;
    height: 16vw;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
    -webkit-transition: none;
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    position: absolute;
    top: 3.73vw;
    left: 2.4vw;
    width: 8.53vw;
    height: 8.53vw;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 16vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 1.6vw
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 20vw;
    height: 26.67vw;
    top: 50%;
    margin-top: -13.33vw
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -8vw;
    width: 16vw;
    height: 16vw;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 3.73vw;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 13.33vw;
    height: 16vw;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-animation: pswp-clockwise .6s linear infinite;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@-webkit-keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.pswp__counter {
    height: 8vw;
    margin-top: 4vw;
    -webkit-margin-start: 5.33vw;
    -moz-margin-start: 5.33vw;
    margin-inline-start: 5.33vw;
    font-size: 3.73vw;
    line-height: 8vw;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px .8vw var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

[hidden] {
    display: none !important
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

:active {
    outline: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6,
p {

}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0
}

img {
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top
}

svg:not(:root) {
    overflow: hidden
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 16px
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

button,
input[type=submit] {
    padding: 0;
    overflow: visible;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal;
    border-radius: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: none;
    box-sizing: content-box
}

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: inherit
}

input::placeholder,
textarea::placeholder {
    color: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 6px 10px 12px
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0
}

.Grid,
td,
th {
    padding: 0
}

.Grid {
    display: block;
    list-style: none;
    margin: 0 0 0 -24px;
    font-size: 0
}

.Grid__Cell {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 0 0 24px;
    margin: 0;
    vertical-align: top;
    font-size: 1rem
}

.Grid--center {
    text-align: center
}

.Grid--center>.Grid__Cell {
    text-align: left
}

.Grid__Cell--center {
    display: block;
    margin: 0 auto
}

.Grid--right {
    text-align: right
}

.Grid--right>.Grid__Cell {
    text-align: left
}

.Grid--middle>.Grid__Cell {
    vertical-align: middle
}

.Grid--bottom>.Grid__Cell {
    vertical-align: bottom
}

.Grid--m {
    margin-left: -30px
}

.Grid--m>.Grid__Cell {
    padding-left: 30px
}

.Grid--l {
    margin-left: -50px
}

.Grid--l>.Grid__Cell {
    padding-left: 50px
}

.Grid--xl {
    margin-left: -50px
}

.Grid--xl>.Grid__Cell {
    padding-left: 50px
}

@media screen and (min-width: 1140px) {
    .Grid--m {
        margin-left: -60px
    }

    .Grid--m>.Grid__Cell {
        padding-left: 60px
    }

    .Grid--l {
        margin-left: -80px
    }

    .Grid--l>.Grid__Cell {
        padding-left: 80px
    }

    .Grid--xl {
        margin-left: -100px
    }

    .Grid--xl>.Grid__Cell {
        padding-left: 100px
    }
}

.\31\/2,
.\32\/4,
.\36\/12 {
    width: 50%
}

.\31\/3,
.\34\/12 {
    width: 33.33333%
}

.\32\/3,
.\38\/12 {
    width: 66.66667%
}

.\31\/4,
.\33\/12 {
    width: 25%
}

.\33\/4,
.\39\/12 {
    width: 75%
}

.\31\/12 {
    width: 8.33333%
}

.\32\/12 {
    width: 16.66667%
}

.\35\/12 {
    width: 41.66667%
}

.\37\/12 {
    width: 58.33333%
}

.\31\30\/12 {
    width: 83.33333%
}

.\31\31\/12 {
    width: 91.66667%
}

@media screen and (max-width: 640px) {
    .hidden-phone {
        display: none !important
    }

    .\31\/2--phone,
    .\32\/4--phone,
    .\36\/12--phone {
        width: 50%
    }

    .\31\/3--phone,
    .\34\/12--phone {
        width: 33.33333%
    }

    .\32\/3--phone,
    .\38\/12--phone {
        width: 66.66667%
    }

    .\31\/4--phone,
    .\33\/12--phone {
        width: 25%
    }

    .\33\/4--phone,
    .\39\/12--phone {
        width: 75%
    }

    .\31\/12--phone {
        width: 8.33333%
    }

    .\32\/12--phone {
        width: 16.66667%
    }

    .\35\/12--phone {
        width: 41.66667%
    }

    .\37\/12--phone {
        width: 58.33333%
    }

    .\31\30\/12--phone {
        width: 83.33333%
    }

    .\31\31\/12--phone {
        width: 91.66667%
    }
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .hidden-tablet {
        display: none !important
    }

    .\31\/2--tablet,
    .\32\/4--tablet,
    .\36\/12--tablet {
        width: 50%
    }

    .\31\/3--tablet,
    .\34\/12--tablet {
        width: 33.33333%
    }

    .\32\/3--tablet,
    .\38\/12--tablet {
        width: 66.66667%
    }

    .\31\/4--tablet,
    .\33\/12--tablet {
        width: 25%
    }

    .\33\/4--tablet,
    .\39\/12--tablet {
        width: 75%
    }

    .\31\/12--tablet {
        width: 8.33333%
    }

    .\32\/12--tablet {
        width: 16.66667%
    }

    .\35\/12--tablet {
        width: 41.66667%
    }

    .\37\/12--tablet {
        width: 58.33333%
    }

    .\31\30\/12--tablet {
        width: 83.33333%
    }

    .\31\31\/12--tablet {
        width: 91.66667%
    }
}

@media screen and (min-width: 641px) {
    .hidden-tablet-and-up {
        display: none !important
    }

    .\31\/2--tablet-and-up,
    .\32\/4--tablet-and-up,
    .\36\/12--tablet-and-up {
        width: 50%
    }

    .\31\/3--tablet-and-up,
    .\34\/12--tablet-and-up {
        width: 33.33333%
    }

    .\32\/3--tablet-and-up,
    .\38\/12--tablet-and-up {
        width: 66.66667%
    }

    .\31\/4--tablet-and-up,
    .\33\/12--tablet-and-up {
        width: 25%
    }

    .\33\/4--tablet-and-up,
    .\39\/12--tablet-and-up {
        width: 75%
    }

    .\31\/12--tablet-and-up {
        width: 8.33333%
    }

    .\32\/12--tablet-and-up {
        width: 16.66667%
    }

    .\35\/12--tablet-and-up {
        width: 41.66667%
    }

    .\37\/12--tablet-and-up {
        width: 58.33333%
    }

    .\31\30\/12--tablet-and-up {
        width: 83.33333%
    }

    .\31\31\/12--tablet-and-up {
        width: 91.66667%
    }
}

@media screen and (max-width: 1007px) {
    .hidden-pocket {
        display: none !important
    }

    .\31\/2--pocket,
    .\32\/4--pocket,
    .\36\/12--pocket {
        width: 50%
    }

    .\31\/3--pocket,
    .\34\/12--pocket {
        width: 33.33333%
    }

    .\32\/3--pocket,
    .\38\/12--pocket {
        width: 66.66667%
    }

    .\31\/4--pocket,
    .\33\/12--pocket {
        width: 25%
    }

    .\33\/4--pocket,
    .\39\/12--pocket {
        width: 75%
    }

    .\31\/12--pocket {
        width: 8.33333%
    }

    .\32\/12--pocket {
        width: 16.66667%
    }

    .\35\/12--pocket {
        width: 41.66667%
    }

    .\37\/12--pocket {
        width: 58.33333%
    }

    .\31\30\/12--pocket {
        width: 83.33333%
    }

    .\31\31\/12--pocket {
        width: 91.66667%
    }
}

@media screen and (min-width: 1025px) and (max-width:1139px) {
    .hidden-lap {
        display: none !important
    }

    .\31\/2--lap,
    .\32\/4--lap,
    .\36\/12--lap {
        width: 50%
    }

    .\31\/3--lap,
    .\34\/12--lap {
        width: 33.33333%
    }

    .\32\/3--lap,
    .\38\/12--lap {
        width: 66.66667%
    }

    .\31\/4--lap,
    .\33\/12--lap {
        width: 25%
    }

    .\33\/4--lap,
    .\39\/12--lap {
        width: 75%
    }

    .\31\/12--lap {
        width: 8.33333%
    }

    .\32\/12--lap {
        width: 16.66667%
    }

    .\35\/12--lap {
        width: 41.66667%
    }

    .\37\/12--lap {
        width: 58.33333%
    }

    .\31\30\/12--lap {
        width: 83.33333%
    }

    .\31\31\/12--lap {
        width: 91.66667%
    }
}

@media screen and (min-width: 1025px) {
    .hidden-lap-and-up {
        display: none !important
    }

    .Product__SlideshowNav--thumbnails {
        display: block
    }

    .\31\/2--lap-and-up,
    .\32\/4--lap-and-up,
    .\36\/12--lap-and-up {
        width: 50%
    }

    .\31\/3--lap-and-up,
    .\34\/12--lap-and-up {
        width: 33.33333%
    }

    .\32\/3--lap-and-up,
    .\38\/12--lap-and-up {
        width: 66.66667%
    }

    .\31\/4--lap-and-up,
    .\33\/12--lap-and-up {
        width: 25%
    }

    .\33\/4--lap-and-up,
    .\39\/12--lap-and-up {
        width: 75%
    }

    .\31\/12--lap-and-up {
        width: 8.33333%
    }

    .\32\/12--lap-and-up {
        width: 16.66667%
    }

    .\35\/12--lap-and-up {
        width: 41.66667%
    }

    .\37\/12--lap-and-up {
        width: 58.33333%
    }

    .\31\30\/12--lap-and-up {
        width: 83.33333%
    }

    .\31\31\/12--lap-and-up {
        width: 91.66667%
    }
}

@media screen and (min-width: 1140px) {
    .hidden-desk {
        display: none !important
    }

    .\31\/2--desk,
    .\32\/4--desk,
    .\36\/12--desk {
        width: 50%
    }

    .\31\/3--desk,
    .\34\/12--desk {
        width: 33.33333%
    }

    .\32\/3--desk,
    .\38\/12--desk {
        width: 66.66667%
    }

    .\31\/4--desk,
    .\33\/12--desk {
        width: 25%
    }

    .\33\/4--desk,
    .\39\/12--desk {
        width: 75%
    }

    .\31\/12--desk {
        width: 8.33333%
    }

    .\32\/12--desk {
        width: 16.66667%
    }

    .\35\/12--desk {
        width: 41.66667%
    }

    .\37\/12--desk {
        width: 58.33333%
    }

    .\31\30\/12--desk {
        width: 83.33333%
    }

    .\31\31\/12--desk {
        width: 91.66667%
    }
}

@media screen and (min-width: 1500px) {
    .hidden-widescreen {
        display: none !important
    }

    .\31\/2--widescreen,
    .\32\/4--widescreen,
    .\36\/12--widescreen {
        width: 50%
    }

    .\31\/3--widescreen,
    .\34\/12--widescreen {
        width: 33.33333%
    }

    .\32\/3--widescreen,
    .\38\/12--widescreen {
        width: 66.66667%
    }

    .\31\/4--widescreen,
    .\33\/12--widescreen {
        width: 25%
    }

    .\33\/4--widescreen,
    .\39\/12--widescreen {
        width: 75%
    }

    .\31\/12--widescreen {
        width: 8.33333%
    }

    .\32\/12--widescreen {
        width: 16.66667%
    }

    .\35\/12--widescreen {
        width: 41.66667%
    }

    .\37\/12--widescreen {
        width: 58.33333%
    }

    .\31\30\/12--widescreen {
        width: 83.33333%
    }

    .\31\31\/12--widescreen {
        width: 91.66667%
    }

    .\31\/6--widescreen-and-up {
        width: 16.66666%
    }

    .\31\/8--widescreen-and-up {
        width: 12.5%
    }
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity .5s cubic-bezier(.4, 0, .22, 1);
    transition: opacity .5s cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: var(--cursor-zoom-in-svg) 18 18, -webkit-zoom-in;
    cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
    cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x) 18 18, -webkit-zoom-in;
    cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x) 18 18, zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: var(--background);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__counter {
    display: none
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__container {
    -webkit-transition: -webkit-transform .7s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .7s cubic-bezier(.645, .045, .355, 1);
    transition: transform .7s cubic-bezier(.645, .045, .355, 1);
    transition: transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-transform .7s cubic-bezier(.645, .045, .355, 1)
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform .5s cubic-bezier(.4, 0, .22, 1);
    transition: transform .5s cubic-bezier(.4, 0, .22, 1);
    transition: transform .5s cubic-bezier(.4, 0, .22, 1), -webkit-transform .5s cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity .5s cubic-bezier(.4, 0, .22, 1);
    transition: opacity .5s cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,
.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: var(--background)
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__ui {
    position: absolute;
    visibility: hidden;
    width: 100%;
    bottom: 50px;
    opacity: 0;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
    left: 0;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.pswp__button[disabled] {
    opacity: 0;
    pointer-events: none
}

.pswp--animated-in .pswp__ui {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--animated-in .pswp__ui--hidden {
    visibility: hidden;
    opacity: 0
}

.pswp__button--close {
    margin: 0 18px;
    font-size: 24px;
    width: 40px !important;
    height: 40px !important;
    z-index: 100
}

.pswp__button svg {
    pointer-events: none
}

.pswp__error-msg {
    position: absolute;
    top: 40%;
    margin: 0 15px;
    padding: 8px 15px;
    background: #e6554d;
    color: #fff;
    text-align: center
}

.js .no-js,
.no-js .hide-no-js {
    display: none !important
}

.no-scroll {
    overflow: hidden
}

body:not(.is-tabbing) [tabindex]:focus,
body:not(.is-tabbing) button:focus,
body:not(.is-tabbing) input:focus,
body:not(.is-tabbing) select:focus,
body:not(.is-tabbing) textarea:focus {
    outline: none
}

[data-scrollable] {
    overflow: auto
}

.Container {
    margin: 0 auto;
    padding: 0 24px
}

.Container--narrow {
    max-width: 1420px
}

.Container--extraNarrow {
    max-width: 800px
}

.FlexboxIeFix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (min-width: 641px) {
    .Container {
        padding: 0 50px
    }
}

@media screen and (min-width: 1140px) {
    .Container {
        padding: 0 80px
    }
}

html {
    font-size: var(--base-text-font-size)
}


.Link {
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out
}

.Link--primary.is-active,
.supports-hover .Link--primary:hover {
    color: var(--text-color)
}

.Link--secondary.is-active,
.supports-hover .Link--secondary:hover {
    color: var(--text-color-light)
}

.Link--underline {
    position: relative;
    display: inline-block
}

.Link--underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: currentColor;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .Link--underline:hover:before {
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Link--underlineShort:before {
    width: 100%
}

.features--heading-uppercase .Link--underlineShort:before {
    width: calc(100% - .2em)
}

.Link--underlineNative {
    text-decoration: underline;
    text-underline-position: under
}

.Heading {
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    color: var(--heading-color);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.features--heading-uppercase .Heading {
    letter-spacing: .2em;
    text-transform: uppercase
}

.Text--subdued {
    color: var(--text-color-light)
}

.Text--alignCenter {
    text-align: center !important
}

.Text--alignRight {
    text-align: right !important
}

.Icon-Wrapper--clickable {
    position: relative;
    background: transparent
}

.Icon-Wrapper--clickable:before {
    position: absolute;
    content: "";
    top: -8px;
    right: -12px;
    left: -12px;
    bottom: -8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    vertical-align: middle;
    stroke-width: 1px;
    background: none;
    pointer-events: none
}

.u-visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.features--heading-small .Rte h1,
.features--heading-small .u-h1 {
    font-size: 20px
}

.features--heading-small .Rte h2,
.features--heading-small .u-h2 {
    font-size: 18px
}

.features--heading-small .Rte h3,
.features--heading-small .u-h3 {
    font-size: 16px
}

.features--heading-small .Rte h4,
.features--heading-small .u-h4 {
    font-size: 15px
}

.features--heading-small .Rte h5,
.features--heading-small .u-h5 {
    font-size: 13px
}

.features--heading-small .Rte h6,
.features--heading-small .u-h6 {
    font-size: 12px
}

.features--heading-small .u-h7 {
    font-size: 11px
}

.features--heading-small .u-h8 {
    font-size: 10px
}

.features--heading-normal .Rte h1,
.features--heading-normal .u-h1 {
    font-size: 22px
}

.features--heading-normal .Rte h2,
.features--heading-normal .u-h2 {
    font-size: 20px
}

.features--heading-normal .Rte h3,
.features--heading-normal .u-h3 {
    font-size: 18px
}

.features--heading-normal .Rte h4,
.features--heading-normal .u-h4 {
    font-size: 16px
}

.features--heading-normal .Rte h5,
.features--heading-normal .u-h5 {
    font-size: 14px
}

.features--heading-normal .Rte h6,
.features--heading-normal .u-h6 {
    font-size: 13px
}

.features--heading-normal .u-h7,
.features--heading-normal .u-h8 {
    font-size: 12px
}

.features--heading-large .Rte h1,
.features--heading-large .u-h1 {
    font-size: 24px
}

.features--heading-large .Rte h2,
.features--heading-large .u-h2 {
    font-size: 22px
}

.features--heading-large .Rte h3,
.features--heading-large .u-h3 {
    font-size: 20px
}

.features--heading-large .Rte h4,
.features--heading-large .u-h4 {
    font-size: 18px
}

.features--heading-large .Rte h5,
.features--heading-large .u-h5 {
    font-size: 16px
}

.features--heading-large .Rte h6,
.features--heading-large .u-h6 {
    font-size: 15px
}

.features--heading-large .u-h7,
.features--heading-large .u-h8 {
    font-size: 13px
}

@media screen and (min-width: 641px) {

    .features--heading-small .Rte h1,
    .features--heading-small .u-h1 {
        font-size: 20px
    }

    .features--heading-small .Rte h2,
    .features--heading-small .Rte h3,
    .features--heading-small .u-h2,
    .features--heading-small .u-h3 {
        font-size: 18px
    }

    .features--heading-small .Rte h4,
    .features--heading-small .u-h4 {
        font-size: 16px
    }

    .features--heading-small .Rte h5,
    .features--heading-small .u-h5 {
        font-size: 13px
    }

    .features--heading-small .Rte h6,
    .features--heading-small .u-h6 {
        font-size: 12px
    }

    .features--heading-small .u-h7 {
        font-size: 11px
    }

    .features--heading-small .u-h8 {
        font-size: 10px
    }

    .features--heading-normal .Rte h1,
    .features--heading-normal .u-h1 {
        font-size: 22px
    }

    .features--heading-normal .Rte h2,
    .features--heading-normal .Rte h3,
    .features--heading-normal .u-h2,
    .features--heading-normal .u-h3 {
        font-size: 20px
    }

    .features--heading-normal .Rte h4,
    .features--heading-normal .u-h4 {
        font-size: 17px
    }

    .features--heading-normal .Rte h5,
    .features--heading-normal .u-h5 {
        font-size: 14px
    }

    .features--heading-normal .Rte h6,
    .features--heading-normal .u-h6 {
        font-size: 13px
    }

    .features--heading-normal .u-h7,
    .features--heading-normal .u-h8 {
        font-size: 12px
    }

    .features--heading-large .Rte h1,
    .features--heading-large .u-h1 {
        font-size: 24px
    }

    .features--heading-large .Rte h2,
    .features--heading-large .u-h2 {
        font-size: 22px
    }

    .features--heading-large .Rte h3,
    .features--heading-large .u-h3 {
        font-size: 20px
    }

    .features--heading-large .Rte h4,
    .features--heading-large .u-h4 {
        font-size: 19px
    }

    .features--heading-large .Rte h5,
    .features--heading-large .u-h5 {
        font-size: 16px
    }

    .features--heading-large .Rte h6,
    .features--heading-large .u-h6 {
        font-size: 15px
    }

    .features--heading-large .u-h7,
    .features--heading-large .u-h8 {
        font-size: 13px
    }
}

.js .features--show-page-transition .PageTransition {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--background);
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.Button,
.shopify-payment-button__button--unbranded,
.spr-button-primary:not(input),
.spr-pagination-next>a,
.spr-pagination-prev>a,
.spr-summary-actions-newreview,
input.spr-button-primary {
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    text-align: center;
    letter-spacing: .2em;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    background-color: transparent;
    -webkit-transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    -webkit-tap-highlight-color: initial
}

.Button:before,
.shopify-payment-button__button--unbranded:before,
.spr-button-primary:not(input):before,
.spr-pagination-next>a:before,
.spr-pagination-prev>a:before,
.spr-summary-actions-newreview.spr-summary-actions-newreview:before,
input.spr-button-primary:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    z-index: -1
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .features--show-button-transition .Button:not([disabled]):before,
    .features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):before,
    .features--show-button-transition .spr-button-primary:not(input):not([disabled]):before,
    .features--show-button-transition .spr-pagination-next>a:not([disabled]):before,
    .features--show-button-transition .spr-pagination-prev>a:not([disabled]):before,
    .features--show-button-transition .spr-summary-actions-newreview:not([disabled]):before,
    .features--show-button-transition input.spr-button-primary:not([disabled]):before {
        -webkit-transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86), -webkit-transform .45s cubic-bezier(.785, .135, .15, .86)
    }

    .features--show-button-transition .Button:not([disabled]):hover:before,
    .features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover:before,
    .features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover:before,
    .features--show-button-transition .spr-pagination-next>a:not([disabled]):hover:before,
    .features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover:before,
    .features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover:before,
    .features--show-button-transition input.spr-button-primary:not([disabled]):hover:before {
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Button[disabled],
.shopify-payment-button__button--unbranded[disabled],
.spr-button-primary:not(input)[disabled],
.spr-pagination-next>a[disabled],
.spr-pagination-prev>a[disabled],
.spr-summary-actions-newreview[disabled],
input.spr-button-primary[disabled] {
    cursor: not-allowed
}

.Button--primary,
.shopify-payment-button__button--unbranded,
.spr-button-primary:not(input),
.spr-summary-actions-newreview {
    color: var(--button-text-color);
    border-color: var(--button-background) !important
}

.Button--default,
.shopify-payment-button__button--unbranded,
.spr-button-primary:not(input),
.spr-summary-actions-newreview {
    color: var(--button-default-text-color);
    border-color: var(--button-default-border-color)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .features--show-button-transition .Button--primary:not([disabled]):hover,
    .features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover,
    .features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover,
    .features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover {
        color: var(--button-background);
        background-color: transparent
    }
}

.Button--secondary,
.spr-pagination-next>a,
.spr-pagination-prev>a {
    color: var(--text-color-light);
    border: 1px solid rgba(var(--text-color-light-rgb), .2) !important
}

.Button--secondary:before,
.spr-pagination-next>a:before,
.spr-pagination-prev>a:before {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .features--show-button-transition .Button--secondary:not([disabled]):hover,
    .features--show-button-transition .spr-pagination-next>a:not([disabled]):hover,
    .features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover {
        color: var(--button-text-color);
        border-color: var(--button-background)
    }

    .features--show-button-transition .Button--secondary:not([disabled]):hover:before,
    .features--show-button-transition .spr-pagination-next>a:not([disabled]):hover:before,
    .features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover:before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.Button--full {
    width: 100%
}

.Button--stretched {
    padding-left: 40px;
    padding-right: 40px
}

.Button--small {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    padding: 12px 24px
}

.Button__SeparatorDot {
    display: inline-block;
    margin: 0 18px;
    content: "";
    height: 3px;
    width: 3px;
    border-radius: 100%;
    background: currentColor
}

.ButtonWrapper {
    text-align: center
}

.Button__PrimaryState,
.Button__SecondaryState {
    display: block;
    -webkit-transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1)
}

.Button__SecondaryState {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.Button--secondaryState .Button__PrimaryState {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.Button--secondaryState .Button__SecondaryState {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ButtonGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -12px
}

.ButtonGroup__Item {
    margin: 12px
}

.ButtonGroup__Item--expand {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ButtonGroup--spacingSmall {
    margin: -8px
}

.ButtonGroup--spacingSmall .ButtonGroup__Item {
    margin: 8px
}

.ButtonGroup--sameSize .ButtonGroup__Item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    max-width: 245px
}

@supports (object-fit: cover) {
    .ButtonGroup--sameSize .ButtonGroup__Item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

@media screen and (min-width: 641px) {
    @supports (display:inline-grid) {
        .ButtonGroup--sameSize {
            display: inline-grid;
            grid-template-columns: 1fr 1fr
        }

        .ButtonGroup--sameSize .ButtonGroup__Item {
            max-width: none
        }
    }
}

.RoundButton,
.flickity-prev-next-button {
    position: relative;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: var(--button-text-color);
    color: var(--button-background);
    cursor: pointer;
    text-align: center;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(54, 54, 54, .15);
    vertical-align: middle;
    line-height: 0;
    -webkit-transform: scale(1.001);
    -ms-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: background .15s ease-in-out, opacity .15s ease-in-out, color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: background .15s ease-in-out, opacity .15s ease-in-out, color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: background .15s ease-in-out, opacity .15s ease-in-out, transform .2s ease-in-out, color .2s ease-in-out;
    transition: background .15s ease-in-out, opacity .15s ease-in-out, transform .2s ease-in-out, color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    overflow: hidden
}

.RoundButton.is-active,
.flickity-prev-next-button.is-active {
    background: var(--button-background);
    color: var(--button-text-color);
    outline: none
}

.RoundButton svg,
.flickity-prev-next-button svg {
    height: 15px;
    width: 15px;
    fill: currentColor
}

.RoundButton--small {
    width: 35px;
    height: 35px
}

.RoundButton--small svg {
    height: 14px;
    width: 14px
}

.RoundButton--medium {
    width: 50px;
    height: 50px
}

.RoundButton--medium svg {
    height: 18px;
    width: 18px
}

.RoundButton--large {
    width: 55px;
    height: 55px
}

.RoundButton--large svg {
    height: 15px;
    width: 15px
}

.RoundButton--flat {
    box-shadow: 0 1px 5px rgba(54, 54, 54, .15);
    color: rgba(var(--button-background-rgb), .5)
}

.RoundButton__PrimaryState,
.RoundButton__SecondaryState {
    display: block;
    -webkit-transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1)
}

.RoundButton__SecondaryState {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.RoundButton--secondaryState .RoundButton__PrimaryState {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.RoundButton--secondaryState .RoundButton__SecondaryState {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes buttonFromLeftToRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes buttonFromLeftToRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes buttonFromRightToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes buttonFromRightToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes buttonFromTopToBottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes buttonFromTopToBottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .RoundButton:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .RoundButton--small:hover {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15)
    }

    .RoundButton:not([aria-expanded=true]):hover {
        color: var(--button-background)
    }

    .RoundButton[data-animate-left]:hover svg,
    .flickity-prev-next-button.previous:hover svg {
        -webkit-animation: buttonFromRightToLeft .5s ease-in-out forwards;
        animation: buttonFromRightToLeft .5s ease-in-out forwards
    }

    .RoundButton[data-animate-right]:hover svg,
    .flickity-prev-next-button.next:hover svg {
        -webkit-animation: buttonFromLeftToRight .5s ease-in-out forwards;
        animation: buttonFromLeftToRight .5s ease-in-out forwards
    }

    .RoundButton[data-animate-bottom]:hover svg {
        -webkit-animation: buttonFromTopToBottom .5s ease-in-out forwards;
        animation: buttonFromTopToBottom .5s ease-in-out forwards
    }
}

.flickity-enabled {
    position: relative
}

body:not(.is-tabbing) .flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: auto
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled {
    -webkit-tap-highlight-color: transparent
}

.flickity-enabled.is-draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute
}

.flickity-prev-next-button[disabled] {
    opacity: 0
}

.flickity-prev-next-button svg {
    width: auto;
    height: 18px;
    stroke-width: 1.5px;
    stroke: currentColor
}

.flickity-page-dots {
    width: 100%;
    padding: 0;
    margin: 22px 0 0;
    list-style: none;
    text-align: center
}

.flickity-page-dots .dot {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 6px;
    border-radius: 50%;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--border-color);
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out
}

.flickity-page-dots .dot:before {
    position: absolute;
    content: "";
    top: -6px;
    right: -6px;
    left: -6px;
    bottom: -6px
}

.flickity-page-dots .dot.is-selected {
    background: currentColor;
    border-color: currentColor
}

@media screen and (min-width: 641px) {
    .flickity-page-dots .dot {
        width: 10px;
        height: 10px;
        margin: 0 7px;
        border-width: 2px
    }
}

.Carousel {
    position: relative
}

.Carousel--fixed,
.Carousel--fixed .Carousel__Cell,
.Carousel--fixed .flickity-viewport {
    height: 100%
}

.Carousel:not(.flickity-enabled) .Carousel__Cell:not(.is-selected) {
    display: none
}

.Carousel__Cell {
    display: block;
    width: 100%
}

.js .Carousel--fadeIn .flickity-slider {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.js .Carousel--fadeIn .Carousel__Cell {
    left: 0 !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.js .Carousel--fadeIn .Carousel__Cell.is-selected {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.Carousel--insideDots .flickity-page-dots {
    position: absolute;
    width: auto;
    margin: 0;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Carousel--insideDots .flickity-page-dots .dot {
    border-color: currentColor
}

.Carousel--insideDots .flickity-page-dots .dot.is-selected {
    background: currentColor
}

.Carousel--insideDots .flickity-prev-next-button {
    bottom: -25px;
    z-index: 1
}

.Carousel--insideDots .flickity-prev-next-button.next {
    right: 25px
}

.Carousel--insideDots .flickity-prev-next-button.previous {
    right: 75px;
    margin-right: 15px
}

@media screen and (min-width: 1025px) {
    .Carousel--insideDots .flickity-page-dots {
        bottom: 28px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.Collapsible {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    overflow: hidden
}

.Collapsible+.Collapsible {
    border-top: none
}

.Collapsible--padded {
    padding-left: 24px;
    padding-right: 24px
}

.Collapsible__Button {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    cursor: pointer
}

.Collapsible__Plus {
    position: absolute;
    right: 0;
    top: calc(50% - (11px / 2));
    width: 11px;
    height: 11px
}

.Collapsible__Plus:after,
.Collapsible__Plus:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: currentColor;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.Collapsible__Plus:before {
    width: 11px;
    height: 1px;
    opacity: 1
}

.Collapsible__Plus:after {
    width: 1px;
    height: 11px
}

.Collapsible__Button[aria-expanded=true] .Collapsible__Plus:after,
.Collapsible__Button[aria-expanded=true] .Collapsible__Plus:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.Collapsible__Button[aria-expanded=true] .Collapsible__Plus:before {
    opacity: 0
}

.Collapsible .Collapsible {
    margin-left: 16px;
    border: none
}

.Collapsible .Collapsible .Collapsible__Button {
    padding: 13px 0
}

.Collapsible__Inner {
    display: block;
    height: 0;
    visibility: hidden;
    -webkit-transition: height .35s ease-in-out, visibility 0s ease-in-out .35s;
    transition: height .35s ease-in-out, visibility 0s ease-in-out .35s;
    overflow: hidden
}

.Collapsible__Button[aria-expanded=true]+.Collapsible__Inner {
    visibility: visible;
    -webkit-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out
}

.Collapsible__Content {
    padding-bottom: 18px
}

.Collapsible .Linklist {
    margin-bottom: 4px
}

.Collapsible .Linklist--bordered {
    margin-top: 16px;
    margin-bottom: 4px
}

@media screen and (min-width: 641px) {
    .Collapsible--autoExpand {
        border: none;
        overflow: visible
    }

    .Collapsible--autoExpand .Collapsible__Button {
        cursor: default;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px
    }

    .Collapsible--autoExpand .Collapsible__Plus {
        display: none
    }

    .Collapsible--autoExpand .Collapsible__Inner {
        height: auto;
        visibility: visible;
        overflow: visible
    }

    .Collapsible--autoExpand .Collapsible__Content {
        padding-bottom: 0
    }

    .Collapsible--autoExpand .Linklist {
        margin-bottom: 0
    }

    .Collapsible--autoExpand {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 1025px) {
    .Collapsible--padded {
        padding-left: 30px;
        padding-right: 30px
    }

    .Collapsible--large .Collapsible__Button {
        padding: 34px 0
    }

    .Collapsible--large .Collapsible__Content {
        padding-bottom: 45px
    }
}

.Drawer {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: calc(100vw - 65px);
    height: 100vh;
    max-height: none;
    z-index: 20;
    -webkit-transition: visibility .5s var(--drawer-transition-timing), -webkit-transform .5s var(--drawer-transition-timing);
    transition: visibility .5s var(--drawer-transition-timing), -webkit-transform .5s var(--drawer-transition-timing);
    transition: transform .5s var(--drawer-transition-timing), visibility .5s var(--drawer-transition-timing);
    transition: transform .5s var(--drawer-transition-timing), visibility .5s var(--drawer-transition-timing), -webkit-transform .5s var(--drawer-transition-timing);
    background: var(--background);
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.Drawer:focus {
    outline: none
}

.Drawer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 2px 0 10px rgba(54, 54, 54, .2), -2px 0 10px rgba(54, 54, 54, .2);
    opacity: 0;
    -webkit-transition: opacity .5s var(--drawer-transition-timing);
    transition: opacity .5s var(--drawer-transition-timing)
}

.Drawer--secondary {
    background: var(--light-background)
}

.Drawer--fromLeft {
    -webkit-transform: translateX(calc(-100vw + 65px));
    -ms-transform: translateX(calc(-100vw + 65px));
    transform: translateX(calc(-100vw + 65px))
}

.Drawer--fromRight {
    right: 0;
    left: auto;
    -webkit-transform: translateX(calc(100vw - 65px));
    -ms-transform: translateX(calc(100vw - 65px));
    transform: translateX(calc(100vw - 65px))
}

.Drawer[aria-hidden=false] {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.Drawer[aria-hidden=false]:before {
    opacity: 1
}

.Drawer__Container {
    width: 100%
}

.Drawer--fromLeft .Drawer__Container {
    padding-left: 18px;
    padding-right: 24px
}

.Drawer--fromRight .Drawer__Container {
    padding-left: 24px;
    padding-right: 18px
}

.Drawer__Header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 50px;
    max-height: 60px;
    background: inherit;
    text-align: center;
    z-index: 1
}

.Drawer__Header--flexible {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    padding-top: 20px;
    padding-bottom: 20px
}

.Drawer__Header--flexible .Drawer__Close {
    top: 25px
}

@supports (--css: variables) {
    .Drawer__Header {
        height: var(--header-height)
    }
}

.Drawer__Header--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Drawer__Close {
    position: absolute;
    margin-left: 0;
    left: 18px;
    top: calc(50% - 7px);
    line-height: 0
}

.Drawer__Close svg {
    width: 15px;
    height: 15px;
    stroke-width: 1.25px
}

.Drawer--fromRight .Drawer__Close {
    right: 18px;
    left: auto
}

.Drawer__Header--bordered {
    box-shadow: 0 -1px var(--border-color) inset
}

.Drawer--secondary .Drawer__Header--bordered {
    box-shadow: 0 -1px rgba(var(--border-color-rgb), .6) inset
}

.Drawer--secondary .Collapsible {
    border-bottom-color: rgba(var(--border-color-rgb), .6)
}

.Drawer__Content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: calc(100% - 60px);
    max-height: calc(100% - 50px)
}

@supports (--css: variables) {
    .Drawer__Content {
        height: calc(100% - var(--header-height));
        max-height: calc(100% - var(--header-height))
    }
}

@supports (width: calc(max(100%))) {
    .Drawer__Content {
        height: max(calc(100% - var(--header-height)), calc(100% - 60px));
        max-height: max(calc(100% - var(--header-height)), calc(100% - 60px))
    }
}

.Drawer__Main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.Drawer__Footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    box-shadow: 0 -1px var(--border-color)
}

.Drawer--secondary .Drawer__Footer {
    box-shadow: 0 -1px rgba(var(--border-color-rgb), .6)
}

.Drawer__Footer--padded {
    padding: 24px
}

@supports (padding: max(0px)) {
    .Drawer__Footer--padded {
        padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px)
    }
}

@media screen and (min-width: 641px) {
    .Drawer {
        width: 400px;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .Drawer--small {
        width: 340px
    }

    .Drawer--fromRight {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .Drawer__Header {
        max-height: 80px;
        min-height: 60px
    }

    @supports (width: calc(max(100%))) {
        .Drawer__Content {
            height: max(calc(100% - var(--header-height)), calc(100% - 80px));
            max-height: max(calc(100% - var(--header-height)), calc(100% - 80px))
        }
    }

    .Drawer--fromLeft .Drawer__Container,
    .Drawer--fromRight .Drawer__Container {
        padding-left: 30px;
        padding-right: 30px
    }

    .Drawer__Close {
        left: 30px
    }

    .Drawer--fromRight .Drawer__Close {
        right: 30px;
        left: auto
    }

    .Drawer__Close svg {
        stroke-width: 1.5px
    }

    .Drawer__Footer--padded {
        padding: 24px 30px
    }
}

[data-drawer-animated-left],
[data-drawer-animated-right] {
    opacity: 0;
    -webkit-transition: opacity .5s ease .25s, -webkit-transform .5s ease .25s;
    transition: opacity .5s ease .25s, -webkit-transform .5s ease .25s;
    transition: opacity .5s ease .25s, transform .5s ease .25s;
    transition: opacity .5s ease .25s, transform .5s ease .25s, -webkit-transform .5s ease .25s
}

.Drawer[aria-hidden=false] [data-drawer-animated-left],
.Drawer[aria-hidden=false] [data-drawer-animated-right] {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

[data-drawer-animated-left] {
    -webkit-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    transform: translateX(-65px)
}

[data-drawer-animated-right] {
    -webkit-transform: translateX(65px);
    -ms-transform: translateX(65px);
    transform: translateX(65px)
}

[data-drawer-animated-bottom] {
    opacity: 0;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: opacity .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94), transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94), transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94)
}

.Drawer[aria-hidden=false] [data-drawer-animated-bottom] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, transform .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s
}

.Form {
    width: 100%
}

.Form__Item {
    position: relative;
    margin-bottom: 15px
}

.Form__Input,
.Form__Textarea,
.spr-form-input-email,
.spr-form-input-text,
.spr-form-input-textarea {
    -webkit-appearance: none;
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid var(--border-color);
    width: 100%;
    line-height: normal;
    resize: none;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    background: transparent
}

.Form__Input:focus,
.Form__Textarea:focus,
.spr-form-input-email:focus,
.spr-form-input-text:focus,
.spr-form-input-textarea:focus {
    border-color: rgba(var(--text-color-rgb), .8);
    outline: none
}

.Form__Input::-webkit-input-placeholder,
.Form__Textarea::-webkit-input-placeholder,
.spr-form-input-email::-webkit-input-placeholder,
.spr-form-input-text::-webkit-input-placeholder,
.spr-form-input-textarea::-webkit-input-placeholder {
    color: var(--text-color-light)
}

.Form__Input::-moz-placeholder,
.Form__Textarea::-moz-placeholder,
.spr-form-input-email::-moz-placeholder,
.spr-form-input-text::-moz-placeholder,
.spr-form-input-textarea::-moz-placeholder {
    color: var(--text-color-light)
}

.Form__Input:-ms-input-placeholder,
.Form__Textarea:-ms-input-placeholder,
.spr-form-input-email:-ms-input-placeholder,
.spr-form-input-text:-ms-input-placeholder,
.spr-form-input-textarea:-ms-input-placeholder {
    color: var(--text-color-light)
}

.Form__Input::placeholder,
.Form__Textarea::placeholder,
.spr-form-input-email::placeholder,
.spr-form-input-text::placeholder,
.spr-form-input-textarea::placeholder {
    color: var(--text-color-light)
}

.Form__FloatingLabel {
    position: absolute;
    bottom: calc(100% - 8px);
    left: 10px;
    padding: 0 5px;
    line-height: normal;
    color: var(--text-color-light);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    opacity: 0;
    background: rgba(var(--background-rgb), 0);
    pointer-events: none;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.Form__Input:not(:-moz-placeholder-shown)~.Form__FloatingLabel,
.Form__Textarea:not(:-moz-placeholder-shown)~.Form__FloatingLabel {
    opacity: 1;
    background: var(--background);
    transform: translateY(0)
}

.Form__Input:not(:-ms-input-placeholder)~.Form__FloatingLabel,
.Form__Textarea:not(:-ms-input-placeholder)~.Form__FloatingLabel {
    opacity: 1;
    background: var(--background);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Form__Input:not(:placeholder-shown)~.Form__FloatingLabel,
.Form__Textarea:not(:placeholder-shown)~.Form__FloatingLabel {
    opacity: 1;
    background: var(--background);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Form__Checkbox {
    position: absolute;
    opacity: 0
}

.Form__Checkbox~label:before {
    display: inline-block;
    content: "";
    width: 1em;
    height: 1em;
    margin-right: 10px;
    border: 1px solid var(--border-color);
    vertical-align: -2px
}

.Form__Checkbox~svg {
    position: absolute;
    top: 5px;
    left: 1px;
    width: 12px;
    height: 12px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    will-change: transform
}

.Form__Checkbox:checked~label:before {
    border-color: var(--text-color)
}

.Form__Checkbox:checked~svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Form__Alert,
.spr-form-message {
    margin-bottom: 20px
}

.Form__Submit {
    display: block;
    margin-top: 20px
}

.Form__Label,
.spr-form-label {
    display: block;
    padding-bottom: 8px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    text-transform: uppercase;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    letter-spacing: .2em;
    line-height: normal
}

.Form--small .Form__Input,
.Form--small .Form__Textarea {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    padding-top: 10px;
    padding-bottom: 10px
}

.Form--spacingTight .Form__Item {
    margin-bottom: 15px
}

.Form--spacingTight .Form__Alert {
    margin-bottom: 20px
}

@media screen and (min-width: 641px) {

    .Form__Alert,
    .Form__Item {
        margin-bottom: 30px
    }

    .Form__Group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .Form__Group>.Form__Item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .Form__Group>:nth-child(2) {
        margin-left: 30px
    }

    .Form--spacingTight .Form__Group>:nth-child(2) {
        margin-left: 15px
    }
}

.Form__Header {
    margin-bottom: 24px;
    text-align: center
}

.Form__Hint {
    margin: 24px 0 0
}

.Form__Hint:not(:last-child) {
    margin-bottom: 32px
}

.Form__Hint--center {
    text-align: center
}

.Form__ItemHelp {
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    color: var(--text-color-light);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

select::-ms-expand {
    display: none
}

.Select {
    position: relative;
    color: currentColor;
    line-height: 1;
    vertical-align: middle
}

.Select svg {
    position: absolute;
    line-height: normal;
    pointer-events: none;
    vertical-align: baseline;
    fill: currentColor
}

.Select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    color: inherit;
    cursor: pointer;
    border-radius: 0;
    line-height: normal
}

.Select select:focus::-ms-value {
    background: var(--background);
    color: var(--text-color)
}

.Select option {
    background: #fff;
    color: #000
}

.Select--primary:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: 55px;
    background: -webkit-linear-gradient(left, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), .7) 20%, var(--background) 40%);
    background: linear-gradient(to right, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), .7) 20%, var(--background) 40%);
    pointer-events: none
}

.Select--primary select {
    width: 100%;
    height: 45px;
    padding-left: 14px;
    padding-right: 28px;
    border: 1px solid var(--border-color);
    background: var(--background)
}

.Select--primary select:active,
.Select--primary select:focus {
    border-color: var(--text-color);
    outline: none
}

.Select--primary svg {
    top: calc(50% - 5px);
    right: 15px;
    width: 10px;
    height: 10px;
    z-index: 1
}

.Select--transparent select {
    padding-right: 15px;
    background: transparent;
    border: none;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    font-size: inherit;
    text-transform: uppercase
}

.features--heading-uppercase .Select--transparent select {
    letter-spacing: .2em
}

.Select--transparent svg {
    top: calc(50% - 3px);
    right: 0;
    height: 6px
}

.SelectButton {
    position: relative;
    color: currentColor;
    padding: 2px 18px 2px 0;
    background: transparent;
    border: none;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    text-transform: uppercase
}

.features--heading-uppercase .SelectButton {
    letter-spacing: .2em
}

.SelectButton svg {
    position: absolute;
    top: calc(50% - 3px);
    right: 0;
    height: 6px
}

.input-prefix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 10px;
    border: 1px solid var(--border-color);
    font-size: 14px
}

.input-prefix__field {
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    min-width: 0;
    width: 100%;
    background: transparent;
    border: none;
    text-align: end
}

.input-prefix__field::-webkit-inner-spin-button,
.input-prefix__field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-prefix__field::-moz-placeholder {
    color: var(--text-color-light)
}

.input-prefix__field:-ms-input-placeholder {
    color: var(--text-color-light)
}

.input-prefix__field::-webkit-input-placeholder {
    color: var(--text-color-light)
}

.input-prefix__field::placeholder {
    color: var(--text-color-light)
}

.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: none;
    background: var(--text-color);
    cursor: pointer;
    margin-top: -4px;
    z-index: 1
}

.range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--border-color);
    border-radius: 4px;
    border: none
}

.range::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: none;
    background: var(--text-color);
    cursor: pointer
}

.range::-moz-range-progress,
.range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    border-radius: 4px;
    border: none
}

.range::-moz-range-progress {
    background-color: rgba(var(--text-color-rgb), .7)
}

.range::-moz-range-track {
    background-color: var(--border-color)
}

@media not screen and (any-hover: hover) {
    .range::-webkit-slider-thumb {
        height: 18px;
        width: 18px;
        margin-top: -8px
    }

    .range::-moz-range-thumb {
        height: 20px;
        width: 20px
    }
}

.range-group {
    height: 2px;
    background: -webkit-linear-gradient(left, var(--border-color) var(--range-min), rgba(var(--text-color-rgb), .7) var(--range-min), rgba(var(--text-color-rgb), .7) var(--range-max), var(--border-color) var(--range-max));
    background: linear-gradient(to right, var(--border-color) var(--range-min), rgba(var(--text-color-rgb), .7) var(--range-min), rgba(var(--text-color-rgb), .7) var(--range-max), var(--border-color) var(--range-max));
    border-radius: 4px
}

.range-group .range {
    pointer-events: none;
    height: 2px;
    vertical-align: top
}

.range-group .range::-webkit-slider-runnable-track {
    background: none
}

.range-group .range::-webkit-slider-thumb {
    pointer-events: auto
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
    background: none
}

.range-group .range::-moz-range-thumb {
    pointer-events: auto
}

.range-group .range:last-child {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0
}

.switch-checkbox {
    position: relative;
    width: 36px;
    height: 16px;
    border-radius: 16px;
    background: var(--border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background .1s ease-in;
    transition: background .1s ease-in;
    cursor: pointer
}

.switch-checkbox:before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    background: var(--background);
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-transition: -webkit-transform .1s ease-in;
    transition: -webkit-transform .1s ease-in;
    transition: transform .1s ease-in;
    transition: transform .1s ease-in, -webkit-transform .1s ease-in
}

.switch-checkbox:checked {
    background: var(--text-color)
}

.switch-checkbox:checked:before {
    -webkit-transform: translateX(calc(100% + 10px));
    -ms-transform: translateX(calc(100% + 10px));
    transform: translateX(calc(100% + 10px))
}

.HorizontalList {
    list-style: none;
    margin: -6px -8px
}

.HorizontalList__Item {
    display: inline-block;
    margin: 6px 8px
}

.HorizontalList__Item>.Link {
    display: inline-block
}

.HorizontalList--spacingTight {
    margin-left: -8px;
    margin-right: -8px
}

.HorizontalList--spacingTight .HorizontalList__Item {
    margin-right: 8px;
    margin-left: 8px
}

.HorizontalList--spacingLoose {
    margin-left: -14px;
    margin-right: -14px
}

.HorizontalList--spacingLoose .HorizontalList__Item {
    margin-right: 14px;
    margin-left: 14px
}

.HorizontalList--spacingExtraLoose {
    margin-left: -17px;
    margin-right: -17px
}

.HorizontalList--spacingExtraLoose .HorizontalList__Item {
    margin-right: 17px;
    margin-left: 17px
}

.HorizontalList--spacingFill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.HorizontalList--spacingFill .HorizontalList__Item {
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width: 1140px) {
    .HorizontalList--spacingExtraLoose {
        margin-left: -21px;
        margin-right: -21px
    }

    .HorizontalList--spacingExtraLoose .HorizontalList__Item {
        margin-right: 21px;
        margin-left: 21px
    }
}

.Image--contrast {
    position: relative
}

.Image--contrast:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(4, 4, 4, .65), rgba(54, 54, 54, .2));
    background-image: linear-gradient(0deg, rgba(4, 4, 4, .65), rgba(54, 54, 54, .2))
}

.Image--contrast>* {
    z-index: 1
}

@-webkit-keyframes lazyLoader {

    0%,
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes lazyLoader {

    0%,
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.Image--fadeIn {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.Image--lazyLoaded.Image--fadeIn {
    opacity: 1
}

.features--show-image-zooming .Image--zoomOut {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    -webkit-transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1)
}

.features--show-image-zooming .Image--lazyLoaded.Image--zoomOut {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

body:not(.features--show-image-zooming) .Image--zoomOut {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

body:not(.features--show-image-zooming) .Image--lazyLoaded.Image--zoomOut {
    opacity: 1
}

.Image--slideLeft,
.Image--slideRight {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
    opacity: 0;
    -webkit-transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .8s cubic-bezier(.215, .61, .355, 1);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .8s cubic-bezier(.215, .61, .355, 1), -webkit-transform .8s cubic-bezier(.215, .61, .355, 1)
}

.Image--slideLeft {
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px)
}

.Image--lazyLoaded.Image--slideLeft,
.Image--lazyLoaded.Image--slideRight {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.Image__Loader {
    display: block;
    height: 2px;
    width: 50px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    pointer-events: none;
    background-color: var(--border-color);
    z-index: -1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden
}

.Image__Loader,
.Image__Loader:after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0
}

.Image__Loader:after {
    content: "";
    height: 100%;
    width: 200%;
    background-color: var(--heading-color)
}

.Image--lazyLoading+.Image__Loader {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.Image--lazyLoading+.Image__Loader:after {
    -webkit-animation: lazyLoader 3s infinite;
    animation: lazyLoader 3s infinite;
    -webkit-animation-timing-function: cubic-bezier(.43, .43, .25, .99);
    animation-timing-function: cubic-bezier(.43, .43, .25, .99)
}

.AspectRatio {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.AspectRatio:before {
    content: "";
    display: block
}

.AspectRatio>img {
    max-height: 100%;
    max-width: 100%
}

.AspectRatio--withFallback>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.no-js .AspectRatio>img {
    display: none !important
}

@supports (--css: variables) {
    .AspectRatio--withFallback {
        padding-bottom: 0 !important
    }

    .AspectRatio:before {
        padding-bottom: calc(100% / (var(--aspect-ratio)))
    }

    .AspectRatio>img,
    .no-js .AspectRatio>noscript img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }
}

.AspectRatio--square:before {
    padding-bottom: 100%
}

.AspectRatio--short:before {
    padding-bottom: 75%
}

.AspectRatio--tall:before {
    padding-bottom: 150%
}

.AspectRatio--short>img,
.AspectRatio--square>img,
.AspectRatio--tall>img {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@supports (object-fit: contain) {

    .AspectRatio--short>img,
    .AspectRatio--square>img,
    .AspectRatio--tall>img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }
}

.Image--lazyLoad[data-sizes=auto] {
    width: 100%
}

.Linklist {
    list-style: none;
    padding: 0
}

.Linklist__Item {
    position: relative;
    display: block;
    margin-bottom: 12px;
    width: 100%;
    line-height: 1.5;
    text-align: left;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid transparent
}

.Linklist__Item:last-child {
    margin-bottom: 0 !important
}

.Linklist__Item label {
    cursor: pointer
}

.Linklist__Item>.Link {
    display: block;
    width: 100%;
    text-align: inherit
}

.Linklist--spacingLoose .Linklist__Item {
    margin-bottom: 18px
}

.Linklist__Item.is-selected {
    padding-left: 18px
}

.Linklist__Item.checked {
    border-color: var(--text-color)
}

.Linklist__Checkbox:checked+.Link:before,
.Linklist__Item.is-selected:before {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.Linklist__Checkbox+.Link {
    -webkit-transition: padding .2s ease-in-out, opacity .2s ease-in-out;
    transition: padding .2s ease-in-out, opacity .2s ease-in-out
}

.Linklist__Checkbox:checked+.Link {
    padding-left: 18px;
    color: var(--text-color);
    font-weight: 700
}

.Linklist--bordered {
    margin-left: 8px;
    padding: 0 20px 0 25px;
    border-left: 1px solid var(--border-color)
}

.Linklist--bordered li:first-child .Linklist__Item {
    margin-top: 2px
}

.Linklist--bordered li:last-child .Linklist__Item {
    margin-bottom: 2px
}

.FeaturedMap {
    max-width: 1150px;
    margin: 0 auto
}

.FeaturedMap__MapContainer {
    position: relative;
    height: 240px;
    background-size: cover;
    background-position: 50%
}

.FeaturedMap__GMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.FeaturedMap__Info {
    position: relative;
    margin: 0 auto;
    background: var(--light-background);
    text-align: left;
    z-index: 1;
    padding: 25px
}

.FeaturedMap__Store {
    display: block;
    margin-bottom: 1.2em;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style)
}

.FeaturedMap__Address {
    margin-bottom: 1.2em
}

.FeaturedMap__Location {
    margin-top: 2.7em
}

@media screen and (min-width: 641px) {
    .FeaturedMap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-top: 0;
        height: 550px
    }

    .FeaturedMap__MapContainer {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        height: 100%
    }

    .FeaturedMap__Info {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        min-width: 370px;
        width: 370px;
        padding: 50px 60px
    }
}

.plyr.plyr--full-ui.plyr--video {
    color: var(--text-color);
    background-color: transparent
}

.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
    background-color: transparent
}

.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster,
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper {
    background-color: #000
}

.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid,
.plyr.plyr--full-ui.plyr--video .plyr__controls {
    background-color: var(--light-background);
    border-color: rgba(var(--text-color-rgb), .05)
}

.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
    color: rgba(var(--text-color-rgb), .55)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 var(--light-background)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 var(--light-background)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 var(--light-background)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
    background-image: -webkit-linear-gradient(left, currentColor 0, rgba(var(--text-color-rgb), .6) 0);
    background-image: linear-gradient(to right, currentColor 0, rgba(var(--text-color-rgb), .6) 0);
    background-image: -webkit-linear-gradient(left, currentColor var(--value, 0), rgba(var(--text-color-rgb), .6) var(--value, 0));
    background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--text-color-rgb), .6) var(--value, 0))
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
    background-color: rgba(var(--text-color-rgb), .6)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
    background-color: rgba(var(--text-color-rgb), .6)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
    background-color: var(--text-color);
    color: var(--light-background)
}

.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip:before {
    border-top-color: var(--text-color)
}

.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
    background-image: -webkit-linear-gradient(135deg, rgba(var(--text-color-rgb), .6) 25%, transparent 25%, transparent 50%, rgba(var(--text-color-rgb), .6) 50%, rgba(var(--text-color-rgb), .6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(var(--text-color-rgb), .6) 25%, transparent 25%, transparent 50%, rgba(var(--text-color-rgb), .6) 50%, rgba(var(--text-color-rgb), .6) 75%, transparent 75%, transparent)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
    color: var(--light-background)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 var(--text-color)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 var(--text-color)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 var(--text-color)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
    background-image: -webkit-linear-gradient(left, currentColor 0, rgba(var(--light-background-rgb), .6) 0);
    background-image: linear-gradient(to right, currentColor 0, rgba(var(--light-background-rgb), .6) 0);
    background-image: -webkit-linear-gradient(left, currentColor var(--value, 0), rgba(var(--light-background-rgb), .6) var(--value, 0));
    background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--light-background-rgb), .6) var(--value, 0))
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track,
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
    background-color: rgba(var(--light-background-rgb), .6)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), .25)
}

.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), .25)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    background: var(--light-background);
    border-color: rgba(var(--text-color-rgb), .05)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    color: var(--text-color)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: rgba(var(--text-color-rgb), .55)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
    color: rgba(var(--text-color-rgb), .55);
    background: rgba(var(--text-color-rgb), .05)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(var(--text-color-rgb), .05)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    background: var(--light-background);
    border-color: rgba(var(--text-color-rgb), .05)
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
    color: rgba(var(--text-color-rgb), .55)
}

.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.VideoWrapper embed,
.VideoWrapper iframe,
.VideoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.VideoWrapper--native:after {
    display: none
}

.VideoWrapper--native .plyr,
.VideoWrapper--native video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.VideoWrapper--native .plyr__video-wrapper,
.VideoWrapper--native video {
    height: 100%
}

.ModelWrapper {
    position: relative;
    padding-bottom: 100%
}

.ModelWrapper .shopify-model-viewer-ui,
.ModelWrapper model-viewer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden
}

@supports (--css: variables) {
    .Anchor {
        top: calc(-1 * (var(--header-height)))
    }
}

.LoadingBar {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    width: 0;
    opacity: 0;
    background: var(--heading-color);
    -webkit-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out;
    z-index: 50;
    pointer-events: none
}

.LoadingBar.is-visible {
    opacity: 1
}

@media screen and (min-width: 641px) {
    .LoadingBar {
        height: 3px
    }
}

.PlaceholderSvg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.PlaceholderSvg--dark {
    background: dimgray;
    fill: #a1a1a1
}

.PlaceholderBackground {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    opacity: .7
}

.PlaceholderBackground__Svg {
    height: 100% !important;
    width: auto !important;
    min-width: 100%
}

.QuantitySelector {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--border-color);
    white-space: nowrap
}

.QuantitySelector svg {
    width: 10px;
    height: 10px;
    stroke-width: 1.5px;
    vertical-align: -1px
}

.QuantitySelector__Button {
    display: inline-block;
    padding: 5px 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.QuantitySelector__Button.disabled,
.QuantitySelector__Button.disabled:hover,
.QuantitySelector__Button:disabled,
.QuantitySelector__Button:disabled:hover {
    color: #ccc
}

.QuantitySelector__CurrentQuantity {
    display: inline-block;
    width: 20px;
    padding: 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    text-align: center;
    letter-spacing: normal;
    background: transparent;
    border: none
}

.QuantitySelector--large .QuantitySelector__CurrentQuantity {
    width: 35px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

.QuantitySelector--large .QuantitySelector__Button {
    padding: 10px 20px
}

.QuantitySelector--large svg {
    width: 11px;
    height: 11px
}

@media screen and (min-width: 641px) {
    .QuantitySelector__Button {
        padding: 7px 14px 8px
    }

    .QuantitySelector__CurrentQuantity {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }
}

.Price {
    display: inline-block
}

.Price--highlight {
    color: #f94c43 !important
}

.Price_detail--highlight {
    color: #333 !important;
    font-weight: 700;
    font-size: 24px !important
}

.Price--compareAt {
    position: relative;
    margin-left: 10px
}

.Price_detail--compareAt {
    font-size: 20px !important
}

@media screen and (max-width: 641px) {
    .Price_detail--highlight {
        font-size: 20px !important
    }

    .Price_detail--compareAt {
        font-size: 14px !important
    }
}

.Price--compareAt:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -.4em;
    width: calc(100% + .8em);
    height: 1px;
    background: currentColor
}

.ColorSwatch {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: top;
    cursor: pointer;
    background-size: cover
}

.ColorSwatch:after {
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    top: -3px;
    left: -3px
}

.ColorSwatch:after,
.ColorSwatch:hover:after {
    border: 1px solid var(--border-color)
}

.ColorSwatch--small {
    width: 16px;
    height: 16px
}

.ColorSwatch--large {
    width: 36px;
    height: 36px
}

.ColorSwatch--white {
    outline: 1px solid var(--border-color);
    outline-offset: -1px
}

.ColorSwatch.is-active:after,
.ColorSwatch__Radio:checked+.ColorSwatch:after {
    border: 1px solid !important
}

.ColorSwatch__Radio {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0
}

.ColorSwatchList .HorizontalList__Item {
    position: relative
}

.Collapsible .ColorSwatchList {
    padding-top: 4px;
    padding-bottom: 10px
}

.Collapsible--autoExpand .ColorSwatchList {
    padding-top: 8px;
    padding-bottom: 12px
}

.SizeSwatch {
    display: inline-block;
    text-align: center;
    min-width: 36px;
    padding: 6px 10px;
    border: 1px solid var(--border-color);
    color: var(--text-color-light);
    cursor: pointer
}

.SizeSwatch__Radio {
    display: none
}

.SizeSwatch.is-active:after,
.SizeSwatch__Radio:checked+.SizeSwatch {
    border-color: var(--text-color);
    color: var(--text-color)
}

.Alert,
.spr-form-message {
    display: block;
    padding: 10px 20px;
    white-space: normal;
    font-size: 1rem;
    word-break: break-all;
    word-break: break-word;
    text-shadow: none
}

.Alert--large {
    padding: 18px 20px
}

.Alert--error,
.spr-form-message-error {
    background: #e4c4c4;
    color: #cb2b2b
}

.Alert--success,
.spr-form-message-success {
    background: #d2e4c4;
    color: #307a07
}

.Alert__ErrorList {
    list-style: none
}

@media screen and (min-width: 641px) {
    .Alert--large {
        padding: 18px 30px
    }
}

.Segment+.Segment {
    margin-top: 50px
}

.Segment__Title {
    margin-bottom: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color-light)
}

.Segment__Title--flexed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Segment__ActionList {
    margin-top: 16px
}

.Segment__ActionItem {
    line-height: 1.4
}

.Segment__ActionItem+.Segment__ActionItem {
    margin-left: 20px
}

.Segment__ButtonWrapper {
    margin-top: 32px
}

@media screen and (min-width: 641px) {
    .Segment__Title {
        margin-bottom: 34px
    }

    .Segment__ActionList {
        margin-top: 24px
    }
}

@media screen and (min-width: 1140px) {
    .Segment+.Segment {
        margin-top: 65px
    }
}

.EmptyState {
    margin: 140px 0;
    text-align: center
}

.EmptyState__Action {
    display: inline-block;
    margin-top: 20px
}

@media screen and (min-width: 641px) {
    .EmptyState {
        margin: 200px 0
    }
}

@media screen and (min-width: 1140px) {
    .EmptyState {
        margin: 250px 0
    }
}

@-webkit-keyframes bouncingSpinnerAnimation {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncingSpinnerAnimation {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.BouncingSpinner {
    display: block;
    text-align: center
}

.BouncingSpinner>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: currentColor;
    border-radius: 100%;
    -webkit-animation: bouncingSpinnerAnimation 1.4s ease-in-out infinite both;
    animation: bouncingSpinnerAnimation 1.4s ease-in-out infinite both
}

.BouncingSpinner>span:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.BouncingSpinner>span:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.Video__PlayButton {
    display: inline-block;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    height: 80px;
    width: 80px;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2))
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .Video__PlayButton:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.Video__PlayButton svg {
    width: 80px;
    height: 80px;
    pointer-events: none
}

.AnnouncementBar {
    position: relative;
    text-align: center;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    z-index: 1
}

.AnnouncementBar__Wrapper {
    padding: 12px 15px
}

.AnnouncementBar__Content {
    color: inherit;
    margin: 0
}

@media screen and (min-width: 641px) {
    .AnnouncementBar {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }
}

.ShareButtons {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%
}

.ShareButtons__Item {
    display: table-cell;
    width: 60px;
    height: 45px;
    min-height: 45px;
    color: var(--text-color-light);
    text-align: center;
    vertical-align: middle;
    background: var(--background);
    border: 1px solid var(--border-color);
    outline: 1px solid transparent;
    outline-offset: -1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ShareButtons__Item svg {
    height: 18px;
    width: 18px;
    vertical-align: text-bottom
}

.ShareButtons__Item--facebook:hover,
.no-supports-hover .ShareButtons__Item--facebook {
    background: #4469af;
    color: #fff;
    border-color: #4469af;
    outline: 1.5px solid #4469af
}

.ShareButtons__Item--pinterest:hover,
.no-supports-hover .ShareButtons__Item--pinterest {
    background: #c8232c;
    color: #fff;
    border-color: #c8232c;
    outline: 1.5px solid #c8232c
}

.ShareButtons__Item--twitter:hover,
.no-supports-hover .ShareButtons__Item--twitter {
    background: #00aced;
    color: #fff;
    border-color: #00aced;
    outline: 1.5px solid #00aced
}

@media screen and (min-width: 641px) {
    .ShareButtons {
        width: auto
    }
}

.FeaturedQuote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 120px 40px;
    background: var(--secondary-elements-background);
    color: var(--secondary-elements-text-color);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px))
}

.FeaturedQuote__Author {
    margin-top: 14px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
    opacity: .5
}

.FeaturedQuote__Content a {
    text-decoration: underline;
    text-underline-position: under
}

@media screen and (min-width: 1025px) {
    .FeaturedQuote {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.shopify-challenge__container {
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center
}

.shopify-challenge__container .shopify-challenge__button {
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    text-align: center;
    letter-spacing: .2em;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    background: var(--button-background);
    color: var(--button-text-color)
}

.ImageHero--newsletter .SectionHeader.SectionHeader {
    margin-bottom: 30px
}

.Newsletter .Form__Input::-moz-placeholder {
    color: inherit
}

.Newsletter .Form__Input:-ms-input-placeholder {
    color: inherit
}

.Newsletter .Form__Input::-webkit-input-placeholder {
    color: inherit
}

.Newsletter .Form__Input::placeholder {
    color: inherit
}

.Newsletter .Form__Input:focus {
    border-color: currentColor
}

.Newsletter .Form__Submit {
    width: 100%
}

@media screen and (max-width: 640px) {
    .ImageHero--newsletter {
        min-height: 450px !important
    }

    .ImageHero--newsletter .ImageHero__ContentOverlay {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 641px) {
    .Newsletter__Inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .Newsletter .Form__Input {
        min-width: 395px;
        width: 395px
    }

    .Newsletter .Form__Submit {
        margin: 0 0 0 20px
    }
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    [data-tooltip] {
        position: relative
    }

    [data-tooltip]:before {
        position: absolute;
        content: attr(data-tooltip);
        bottom: 70%;
        left: 70%;
        padding: 4px 11px 3px;
        white-space: nowrap;
        border: 1px solid var(--border-color);
        background: var(--light-background);
        color: var(--text-color-light);
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
        transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
        z-index: 1
    }

    [data-tooltip]:hover:before {
        opacity: 1;
        visibility: visible
    }
}

.price-range {
    display: block;
    -webkit-padding-before: 5px;
    padding-block-start: 5px
}

.price-range__input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price-range__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 0
}

.price-range__delimiter {
    margin-inline: 15px
}

.price-range__range-group {
    position: relative;
    -webkit-margin-after: 20px;
    margin-block-end: 20px
}

.no-js .price-range__range-group {
    display: none !important
}

@media not screen and (any-hover: hover) {
    .price-range {
        -webkit-padding-before: 7px;
        padding-block-start: 7px
    }
}

.rating {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

.rating__stars {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
    -webkit-column-gap: 1px;
    column-gap: 1px
}

.rating__star {
    color: var(--product-star-rating);
    width: 12px;
    height: 12px
}

.rating__star--empty {
    color: var(--text-color-light) l
}

.rating__caption {
    -webkit-margin-start: 8px;
    -moz-margin-start: 8px;
    margin-inline-start: 8px
}

.Modal {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    top: 50%;
    left: 50%;
    width: 480px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    padding: 15px 20px 20px;
    z-index: 20;
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--background);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@supports (--css: variables) {
    .Modal {
        max-height: calc(var(--window-height) - 40px)
    }
}

.Modal[aria-hidden=false] {
    visibility: visible;
    opacity: 1
}

.Modal--dark {
    background: var(--secondary-elements-background)
}

.Modal--dark,
.Modal--dark .Rte h1,
.Modal--dark .Rte h2,
.Modal--dark .Rte h3,
.Modal--dark .Rte h4,
.Modal--dark .Rte h5,
.Modal--dark .Rte h6 {
    color: var(--secondary-elements-text-color)
}

.Modal--fullScreen {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.Modal--pageContent {
    padding: 60px 0 50px
}

.Modal--videoContent {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000;
    color: #fff
}

.Modal .Heading:not(.Link) {
    color: inherit
}

.Modal__Header {
    margin-bottom: 30px;
    text-align: center
}

.Modal__Close {
    display: block;
    margin: 25px auto 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Modal__Close--outside {
    position: absolute;
    margin-top: 0;
    top: 20px;
    right: 20px;
    line-height: 0;
    opacity: .5;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.Modal__Close--outside:hover {
    opacity: 1
}

.Modal__Close--outside svg {
    height: 16px;
    width: 16px;
    stroke-width: 1.25px
}

.Modal--fullScreen .Modal__Close--outside {
    right: 40px;
    top: 40px
}

.Modal__Content iframe {
    display: none
}

.Modal[aria-hidden=false] .Modal__Content iframe {
    display: block
}

.Modal__Content td,
.Modal__Content th {
    border-color: var(--secondary-elements-border-color) !important
}

.Modal__Content tbody th,
.Modal__Content thead th:empty {
    background: var(--secondary-elements-background) !important
}

@media screen and (min-width: 641px) {
    .Modal:not(.Modal--pageContent) {
        padding: 35px 40px 40px
    }
}

@media screen and (min-width: 1025px) {
    .Modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Modal--pageContent {
        padding: 100px 0 80px
    }

    .Modal--pageContent .Modal__Content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .Modal__Close:not(.Modal__Close--outside) {
        margin-top: 40px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.PageSkipLink:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: var(--text-color);
    background-color: var(--background);
    padding: 10px;
    z-index: 10000;
    -webkit-transition: none;
    transition: none
}

.PageOverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: #363636;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.PageOverlay.is-visible {
    opacity: .5;
    visibility: visible
}

.PageHeader {
    position: relative;
    margin: 35px 0
}

.PageHeader--withBackground {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 100%;
    min-height: 450px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    color: #fff;
    overflow: hidden
}

.PageHeader--withBackground .Heading,
.PageHeader--withBackground .Rte a:not(.Button) {
    color: #fff;
    -moz-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.PageHeader__ImageWrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%
}

@supports (--css: variables) {
    .PageHeader__ImageWrapper {
        top: calc(-1 * 0px - 0px * 0);
        top: calc(-1 * var(--announcement-bar-height, 0px) - var(--header-height, 0px) * var(--use-unsticky-header, 0));
        height: calc(100% + 0px + 0px * 0);
        height: calc(100% + var(--announcement-bar-height, 0px) + var(--header-height, 0px) * var(--use-unsticky-header, 0))
    }
}

.PageHeader .SectionHeader__Description,
.PageHeader .SectionHeader__Heading {
    margin-top: 0 !important
}

.PageHeader .Alert {
    margin-top: 22px
}

.PageHeader__Back {
    display: inline-block;
    margin-bottom: 25px
}

.PageHeader__Back svg {
    height: 9px;
    margin-right: 12px;
    vertical-align: baseline;
    vertical-align: initial
}

.PageHeader--withBackground .SectionHeader.SectionHeader {
    position: relative;
    padding: 60px 0 80px
}

@supports (--css: variables) {
    .PageHeader--withBackground .SectionHeader.SectionHeader {
        margin-top: calc(var(--header-height) * var(--header-is-transparent, 0))
    }
}

@media screen and (max-width: 640px) {
    .PageHeader .SectionHeader__Heading {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 641px) {
    .PageHeader {
        margin: 50px 0
    }

    .PageHeader--withBackground {
        min-height: 450px;
        margin-top: 0;
        margin-bottom: 0
    }

    @supports (--css: variables) {
        .PageHeader--withBackground {
            min-height: calc(380px + var(--header-height) * 0);
            min-height: calc(380px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--small.PageHeader--withBackground {
        min-height: 420px
    }

    @supports (--css: variables) {
        .PageHeader--small.PageHeader--withBackground {
            min-height: calc(350px + var(--header-height) * 0);
            min-height: calc(350px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--large.PageHeader--withBackground {
        min-height: 480px
    }

    @supports (--css: variables) {
        .PageHeader--large.PageHeader--withBackground {
            min-height: calc(410px + var(--header-height) * 0);
            min-height: calc(410px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--withBackground .SectionHeader.SectionHeader {
        margin-top: 50px;
        padding: 40px 0
    }

    @supports (--css: variables) {
        .PageHeader--withBackground .SectionHeader.SectionHeader {
            margin-top: calc(var(--header-height) * var(--header-is-transparent, 0))
        }
    }
}

@media screen and (min-width: 1140px) {
    .PageHeader--withBackground {
        min-height: 550px
    }

    @supports (--css: variables) {
        .PageHeader--withBackground {
            min-height: calc(450px + var(--header-height) * 0);
            min-height: calc(450px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--small.PageHeader--withBackground {
        min-height: 500px
    }

    @supports (--css: variables) {
        .PageHeader--small.PageHeader--withBackground {
            min-height: calc(400px + var(--header-height) * 0);
            min-height: calc(400px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--large.PageHeader--withBackground {
        min-height: 620px
    }

    @supports (--css: variables) {
        .PageHeader--large.PageHeader--withBackground {
            min-height: calc(520px + var(--header-height) * 0);
            min-height: calc(520px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }
}

@media screen and (min-width: 1800px) {
    .PageHeader--withBackground {
        min-height: 650px
    }

    @supports (--css: variables) {
        .PageHeader--withBackground {
            min-height: calc(600px + var(--header-height) * 0);
            min-height: calc(600px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--small.PageHeader--withBackground {
        min-height: 600px
    }

    @supports (--css: variables) {
        .PageHeader--small.PageHeader--withBackground {
            min-height: calc(550px + var(--header-height) * 0);
            min-height: calc(550px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }

    .PageHeader--large.PageHeader--withBackground {
        min-height: 700px
    }

    @supports (--css: variables) {
        .PageHeader--large.PageHeader--withBackground {
            min-height: calc(650px + var(--header-height) * 0);
            min-height: calc(650px + var(--header-height) * var(--header-is-transparent, 0))
        }
    }
}

.PageLayout__Section:first-child {
    margin-bottom: 60px
}

.PageLayout__Section--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.PageLayout:not(:only-child) {
    margin-top: 35px;
    margin-bottom: 35px
}

@supports (--css: variables) {
    .PageLayout__Section--sticky {
        top: calc(var(--header-height) + 20px)
    }
}

@media screen and (min-width: 641px) {
    .PageLayout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .PageLayout:not(:only-child) {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .PageLayout__Section {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .PageLayout__Section:first-child {
        margin-bottom: 0
    }

    .PageLayout__Section+.PageLayout__Section {
        margin-left: 50px
    }
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .PageLayout--breakLap .PageLayout__Section:first-child {
        margin-bottom: 60px
    }

    .PageLayout--breakLap .PageLayout__Section+.PageLayout__Section {
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width: 1140px) {
    .PageLayout__Section+.PageLayout__Section {
        margin-left: 80px
    }
}

.PageSpacingWrapper {
    margin-bottom: 60px
}

.PageContent {
    max-width: 1000px;
    margin: 35px auto
}

.PageContent--fitScreen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 120px);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@supports (--css: variables) {
    .PageContent--fitScreen {
        min-height: calc(var(--window-height) - var(--header-height) - 0px - 120px);
        min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 120px)
    }
}

.PageContent--narrow {
    max-width: 680px
}

.PageContent--extraNarrow {
    max-width: 400px
}

.PageHeader+.PageContent {
    margin-top: 0
}

@media screen and (min-width: 641px) {
    .PageContent {
        margin-bottom: 80px;
        margin-top: 80px
    }

    .PageContent--fitScreen {
        min-height: calc(100vh - 160px)
    }

    @supports (--css: variables) {
        .PageContent--fitScreen {
            min-height: calc(var(--window-height) - var(--header-height) - 0px - 160px);
            min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 160px)
        }
    }
}

.Pagination {
    margin: 60px 0;
    text-align: center;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    line-height: 1
}

.Pagination--tight {
    margin: 60px 0 !important
}

.Pagination__Nav {
    display: inline-block;
    list-style: none
}

.Pagination__NavItem {
    display: inline-block;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color)
}

@media screen and (max-width: 1200px) {
    .Pagination__NavItem {
        padding: 5px 8px
    }
}

.Pagination__NavItem svg {
    width: 6px;
    height: 10px;
    vertical-align: -1px
}

.Pagination__NavItem.is-active {
    color: var(--text-color);
    border-bottom-color: var(--text-color);
    box-shadow: 0 -2px var(--text-color) inset
}

@media screen and (min-width: 641px) {
    .Pagination {
        margin: 80px 0
    }

    .Pagination__NavItem {
        padding-left: 28px;
        padding-right: 28px
    }
}

@media screen and (min-width: 1140px) {
    .Pagination {
        margin: 120px 0
    }
}

.Panel {
    position: relative;
    border: 1px solid var(--border-color);
    padding: 60px 24px
}

.Panel--withArrows {
    margin: 0 15px
}

.Panel--flush {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.Panel__Title {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0 14px 0 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--background);
    white-space: nowrap
}

.Panel .flickity-prev-next-button {
    top: calc(50% - (45px / 2))
}

.Panel .flickity-prev-next-button.next {
    right: calc(-45px / 2)
}

.Panel .flickity-prev-next-button.previous {
    left: calc(-45px / 2)
}

@media screen and (min-width: 641px) {
    .Panel {
        padding-left: 50px;
        padding-right: 50px
    }

    .Panel--withArrows {
        margin-left: 0;
        margin-right: 0
    }
}

.Popover {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--light-background);
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(54, 54, 54, .2);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1)
}

.Popover--secondary {
    background: var(--background)
}

.Popover[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.Popover__Header {
    position: relative;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(var(--border-color-rgb), .4);
    text-align: center
}

.Popover__Close {
    position: absolute;
    left: 20px;
    top: calc(50% - 7px);
    line-height: 0
}

.Popover__Close svg {
    stroke-width: 1.1px
}

.Popover__ValueList {
    list-style: none;
    max-height: 385px;
    padding: 18px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.Popover__Value {
    display: block;
    padding: 12px 20px;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-color-light);
    text-align: center;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.Popover__Value:focus {
    background: var(--background);
    outline: none
}

.Popover__Value.is-selected {
    color: var(--text-color)
}

.Popover__FooterHelp {
    width: 100%;
    padding: 18px 20px;
    text-align: center;
    border-top: 1px solid rgba(var(--border-color-rgb), .4)
}

@supports (padding: max(0px)) {
    .Popover__ValueList {
        max-height: calc(385px + env(safe-area-inset-bottom, 0px));
        padding-bottom: max(18px, env(safe-area-inset-bottom, 0px) + 18px)
    }
}

@media screen and (min-width: 1025px) {
    .Popover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: auto;
        bottom: auto;
        left: auto;
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        transition: opacity .2s ease-in-out, visibility .2s ease-in-out
    }

    .Popover:before {
        content: "";
        position: absolute;
        right: 40px;
        width: 10px;
        height: 10px;
        border-style: solid
    }

    .Popover--noWrap {
        white-space: nowrap
    }

    .Popover--withMinWidth {
        min-width: 375px
    }

    .Popover--positionBottom:before {
        bottom: 100%;
        border-width: 0 10px 10px;
        border-color: transparent transparent var(--light-background) transparent;
        -webkit-filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, .2));
        filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, .2))
    }

    .Popover--positionTop:before {
        top: 100%;
        border-width: 10px 10px 0;
        border-color: var(--light-background) transparent transparent transparent;
        -webkit-filter: drop-shadow(0 2px 2px rgba(54, 54, 54, .2));
        filter: drop-shadow(0 2px 2px rgba(54, 54, 54, .2))
    }

    .Popover--positionLeft:before {
        left: 100%;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent var(--light-background);
        -webkit-filter: drop-shadow(2px 0 2px rgba(54, 54, 54, .2));
        filter: drop-shadow(2px 0 2px rgba(54, 54, 54, .2))
    }

    .Popover--positionBottom.Popover--alignCenter:before,
    .Popover--positionTop.Popover--alignCenter:before {
        left: calc(50% - 10px)
    }

    .Popover--positionLeft.Popover--alignCenter:before {
        top: calc(50% - 10px)
    }

    .Popover--positionLeft.Popover--alignBottom:before {
        top: 15px
    }

    .Popover--positionLeft.Popover--alignTop:before {
        bottom: 10px
    }

    .Popover[aria-hidden=false] {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .Popover__Header {
        display: none
    }

    .Popover__Value {
        padding-left: 50px;
        padding-right: 50px;
        text-align: right
    }

    .Popover--withMinWidth .Popover__Value,
    .Popover__ValueList--center .Popover__Value {
        text-align: center
    }

    .Popover--small.Popover--positionTop:before {
        border-width: 8px 8px 0
    }

    .Popover--small.Popover--positionBottom:before {
        border-width: 0 8px 8px
    }

    .Popover--small .Popover__Value {
        padding: 5px 32px
    }

    .features--heading-small .Popover--small .Popover__Value {
        font-size: 10px
    }

    .features--heading-normal .Popover--small .Popover__Value {
        font-size: 12px
    }

    .features--heading-large .Popover--small .Popover__Value {
        font-size: 13px
    }
}

.Rte {
    word-break: break-word
}

.Rte:after {
    content: "";
    display: block;
    clear: both
}

.Rte iframe {
    max-width: 100%
}

.Rte img {
    display: block;
    margin: 0 auto
}

.Rte a:not(.Button) {
    color: var(--link-color);
    text-decoration: underline;
    -moz-text-decoration-color: rgba(var(--link-color-rgb), .6);
    text-decoration-color: rgba(var(--link-color-rgb), .6);
    text-underline-position: under;
    -webkit-transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out;
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out;
    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out, -moz-text-decoration-color .2s ease-in-out
}

.Rte a:not(.Button):hover {
    color: var(--text-color);
    -moz-text-decoration-color: rgba(var(--text-color-rgb), .6);
    text-decoration-color: rgba(var(--text-color-rgb), .6)
}

.Rte ol:not(:last-child),
.Rte p:not(:last-child),
.Rte ul:not(:last-child) {
    margin-bottom: 1.6em
}

.Rte .Form,
.Rte .VideoWrapper,
.Rte blockquote,
.Rte img {
    margin-top: 2.4em;
    margin-bottom: 2.4em
}

.Rte ol,
.Rte ul {
    margin-left: 30px;
    padding-left: 0;
    list-style-position: outside
}

.Rte li {
    padding: 5px 0
}

.Rte h1,
.Rte h2,
.Rte h3,
.Rte h4,
.Rte h5,
.Rte h6 {
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    color: var(--heading-color);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.features--heading-uppercase .Rte h1,
.features--heading-uppercase .Rte h2,
.features--heading-uppercase .Rte h3,
.features--heading-uppercase .Rte h4,
.features--heading-uppercase .Rte h5,
.features--heading-uppercase .Rte h6 {
    letter-spacing: .2em;
    text-transform: uppercase
}

.Rte h1 {
    margin: 2.2em 0 .8em
}

.Rte h2 {
    margin: 2.2em 0 .9em
}

.Rte h3 {
    margin: 2.2em 0 1.2em
}

.Rte h4 {
    margin: 2.2em 0 1.4em
}

.Rte h5 {
    margin: 2.2em 0 1.6em
}

.Rte h6 {
    margin: 2.2em 0 1.8em
}

.Rte blockquote {
    margin-left: 0;
    padding: 6px 0 6px 40px;
    font-size: 1.15em;
    line-height: 1.75;
    border-left: 3px solid rgba(var(--border-color-rgb), .6)
}

.Rte blockquote:last-child,
.Rte h1:last-child,
.Rte h2:last-child,
.Rte h3:last-child,
.Rte h4:last-child,
.Rte h5:last-child,
.Rte h6:last-child,
.Rte ol:last-child,
.Rte p:last-child,
.Rte ul:last-child {
    margin-bottom: 0
}

.shopify-policy__container {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 680px
}

@media screen and (min-width: 1025px) {

    .Rte .Form,
    .Rte .VideoWrapper,
    .Rte img {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .Rte blockquote {
        margin-left: 40px
    }
}

.shopify-section--hidden {
    display: none
}

.shopify-section--bordered+.shopify-section--bordered {
    border-top: 1px solid var(--border-color)
}

.Section--spacingNormal {
    margin: 50px 0
}

.Section--spacingExtraLarge,
.Section--spacingLarge {
    margin: 90px 0
}

.shopify-section--bordered>.Section--spacingNormal {
    padding: 50px 0;
    margin-top: 0;
    margin-bottom: 0
}

.shopify-section--bordered>.Section--spacingExtraLarge,
.shopify-section--bordered>.Section--spacingLarge {
    padding: 90px 0;
    margin-top: 0;
    margin-bottom: 0
}

.SectionHeader:not(:only-child) {
    margin-bottom: 40px
}

.SectionHeader--center {
    text-align: center
}

.SectionHeader__Heading.SectionHeader__Heading,
.SectionHeader__SubHeading.SectionHeader__SubHeading {
    margin-top: .325em
}

.SectionHeader__Description,
.SectionHeader__SubHeading+.SectionHeader__Heading,
.SectionHeader__SubHeading+.SectionHeader__TabList {
    margin-top: 16px
}

.SectionHeader__Description {
    max-width: 530px
}

.SectionHeader__Description a {
    text-decoration: underline;
    -moz-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    text-underline-position: under
}

.SectionHeader--center .SectionHeader__Description {
    margin-left: auto;
    margin-right: auto
}

.SectionHeader__ButtonWrapper {
    margin-top: 20px
}

.SectionHeader__IconHolder {
    margin-top: 30px
}

.SectionFooter {
    margin-top: 50px;
    text-align: center
}

@media screen and (min-width: 641px) {
    .SectionHeader__Heading--emphasize {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px)) !important
    }
}

@media screen and (min-width: 1025px) {
    .Section--spacingNormal {
        margin: 50px 0
    }

    .Section--spacingLarge {
        margin: 120px 0
    }

    .Section--spacingExtraLarge {
        margin: 145px 0
    }

    .shopify-section--bordered>.Section--spacingNormal {
        padding: 50px 0
    }

    .shopify-section--bordered>.Section--spacingLarge {
        padding: 120px 0
    }

    .shopify-section--bordered>.Section--spacingExtraLarge {
        padding: 145px 0
    }

    .SectionHeader:not(:only-child) {
        margin-bottom: 70px
    }

    .SectionHeader__Description {
        margin-top: 24px
    }

    .SectionHeader__ButtonWrapper {
        margin-top: 30px
    }

    .SectionFooter {
        margin-top: 50px
    }
}

.TableWrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.Rte table,
.Table {
    width: 100%;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    border-collapse: separate;
    white-space: nowrap
}

.Rte table td,
.Rte table th,
.Table td,
.Table th {
    padding: 18px 10px;
    border-bottom: 1px solid var(--border-color);
    text-align: left
}

.Rte table td:first-child,
.Rte table tfoot td:empty+td,
.Rte table th:first-child,
.Table td:first-child,
.Table tfoot td:empty+td,
.Table th:first-child {
    padding-left: 0
}

.Rte table td:last-child,
.Rte table th:last-child,
.Table td:last-child,
.Table th:last-child {
    padding-right: 0
}

.Rte table th,
.Table th {
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    text-transform: uppercase;
    letter-spacing: .2em
}

.Rte table tbody th:first-child,
.Rte table thead th:first-child:empty,
.Table tbody th:first-child,
.Table thead th:first-child:empty {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    min-width: 40px;
    max-width: 100px;
    z-index: 1;
    background: var(--background);
    white-space: normal
}

.Rte table tbody th:first-child,
.Table tbody th:first-child {
    border-right: 1px solid var(--border-color)
}

.Rte table tfoot td:empty,
.Table tfoot td:empty {
    border-bottom: none
}

.Table--large td {
    padding-top: 25px;
    padding-bottom: 25px
}

.Table--noBorder tbody tr:not(:last-child) td {
    border-bottom: none
}

@media screen and (min-width: 1140px) {

    .Rte table,
    .Table {
        white-space: normal
    }

    .Table--large td {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.TabList {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.TabList__Item {
    position: relative
}

.TabList__Item:after {
    position: relative;
    display: block;
    content: "";
    bottom: 1px;
    left: 0;
    height: 1px;
    width: 0;
    background: var(--heading-color);
    -webkit-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out
}

.TabList__Item+.TabList__Item {
    margin-left: 28px
}

.TabList__Item.is-active:after {
    width: 100%
}

.features--heading-uppercase .TabList__Item.is-active:after {
    width: calc(100% - .2em)
}

.TabPanel {
    display: none
}

.TabPanel[aria-hidden=false] {
    display: block
}

@media screen and (min-width: 641px) {
    .TabList__Item+.TabList__Item {
        margin-left: 45px
    }
}

.template-customers .OrderAddresses .Grid__Cell+.Grid__Cell {
    margin-top: 50px
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .template-customers .OrderAddresses .Grid__Cell+.Grid__Cell {
        margin-top: 0
    }
}

@media screen and (min-width: 1140px) {
    .template-customers .OrderAddresses .Grid__Cell+.Grid__Cell {
        margin-top: 65px
    }
}

.AddressList .Grid__Cell {
    margin-bottom: 40px
}

.AccountAddress span {
    display: inline-block;
    margin-bottom: 12px
}

@media screen and (max-width: 640px) {
    .Modal--address {
        height: 100%;
        width: 100%;
        max-width: none;
        max-height: none
    }

    .Modal--address .Modal__Header {
        margin-top: 35px
    }
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .OrderAddresses {
        width: 100%;
        max-width: none
    }
}

@media screen and (min-width: 641px) {
    .AddressList .Grid__Cell {
        margin-bottom: 60px
    }
}

.AccountTable th {
    padding-top: 0;
    padding-bottom: 10px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
}

.AccountTable tfoot {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

.AccountTable tfoot span+span {
    padding-left: 18px
}

.AccountTable .CartItem__PriceList {
    margin-bottom: 0
}

@media screen and (max-width: 640px) {
    .AccountTable .CartItem__ImageWrapper {
        width: 70px;
        min-width: 70px
    }
}

.Article__ImageWrapper {
    overflow: hidden;
    height: 215px
}

.Article__Image {
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

@supports (--css: variables) {
    .Article__Image {
        height: calc(100% + 0px);
        height: calc(100% + var(--announcement-bar-height, 0px));
        top: calc(-1 * 0px);
        top: calc(-1 * var(--announcement-bar-height, 0px))
    }
}

.Article__Wrapper {
    position: relative;
    max-width: 620px;
    margin: 0 auto 90px;
    padding: 24px 24px 0;
    background: var(--background)
}

.Article__Header {
    margin-bottom: 35px
}

.Article__Meta {
    margin-bottom: 18px
}

.Article__MetaItem+.Article__MetaItem:before {
    position: relative;
    display: inline-block;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 100%;
    margin: 0 15px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    vertical-align: middle;
    background: currentColor
}

.Article__Footer {
    margin-top: 45px
}

.Article__ShareButtons {
    margin-top: 42px
}

@media screen and (min-width: 641px) {
    .Article__Wrapper {
        margin-bottom: 120px;
        padding: 40px 50px 0
    }

    .Article__ImageWrapper {
        height: 335px
    }

    .Article__ImageWrapper+.Article__Wrapper {
        margin-top: -45px
    }

    .Article__Header {
        margin-bottom: 45px
    }

    .Article__Footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 65px
    }

    .Article__ShareButtons {
        margin-top: 0
    }
}

@media screen and (min-width: 1025px) {
    .Article__Wrapper {
        max-width: 780px
    }

    .Article__ImageWrapper {
        height: 450px
    }

    .Article__ImageWrapper+.Article__Wrapper {
        margin-top: -70px
    }
}

@media screen and (min-width: 1140px) {
    .Article__ImageWrapper {
        height: 600px
    }
}

.Article__CommentForm {
    margin-top: 40px
}

.Article__CommentFormWrapper,
.Article__Comments {
    margin: 80px 0
}

.Article__Comments .Pagination {
    margin-top: 40px
}

.ArticleComment {
    margin-top: 35px
}

.ArticleComment+.ArticleComment {
    padding-top: 35px;
    border-top: 1px solid var(--border-color)
}

.ArticleComment__Body {
    margin-bottom: 18px
}

.ArticleComment__Date {
    margin-left: 15px
}

@media screen and (min-width: 641px) {

    .Article__CommentFormWrapper,
    .Article__Comments {
        margin: 105px 0
    }

    .Article__Comments .Pagination {
        margin-top: 80px
    }
}

.ArticleToolbar {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 30px 16px;
    background: var(--secondary-elements-background);
    color: var(--secondary-elements-text-color);
    z-index: 2;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@supports (--css: variables) {
    .ArticleToolbar {
        top: calc(0 * var(--header-height));
        top: calc(var(--use-sticky-header, 0) * var(--header-height))
    }
}

.ArticleToolbar.is-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

.ArticleToolbar .Link:hover {
    color: var(--secondary-elements-text-color)
}

.ArticleToolbar .Text--subdued {
    color: var(--secondary-elements-text-color-light)
}

.ArticleToolbar__ArticleTitle {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 285px;
    width: 285px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    color: var(--secondary-elements-text-color)
}

.ArticleToolbar__ShareList {
    display: inline-block
}

.ArticleToolbar__ShareList .HorizontalList {
    display: inline-block;
    margin-left: 20px
}

.ArticleToolbar__Nav {
    display: inline-block;
    margin-left: 50px
}

.ArticleToolbar__Nav svg {
    color: var(--secondary-elements-text-color)
}

.ArticleToolbar__NavItemSeparator {
    display: inline-block;
    position: relative;
    content: "";
    width: 1px;
    height: 12px;
    margin: 0 18px;
    background: rgba(var(--secondary-elements-text-color-rgb), .8);
    vertical-align: middle
}

.ArticleToolbar__NavItem svg {
    vertical-align: -1px
}

.ArticleToolbar__NavItem--prev svg {
    margin-right: 6px
}

.ArticleToolbar__NavItem--next svg {
    margin-left: 6px
}

@media screen and (min-width: 1025px) {
    .ArticleToolbar__ArticleTitle {
        max-width: 400px;
        width: 400px
    }
}

@media screen and (min-width: 1140px) {
    .ArticleToolbar {
        padding-left: 50px;
        padding-right: 50px
    }

    .ArticleToolbar__ArticleTitle {
        max-width: 550px;
        width: 550px
    }

    .ArticleToolbar__Nav {
        margin-left: 100px
    }
}

.ArticleNav {
    padding: 75px 0;
    background: var(--secondary-elements-background);
    color: var(--secondary-elements-text-color)
}

.ArticleNav .Heading {
    color: inherit
}

.ArticleNav__Item {
    display: block
}

.ArticleNav__Image {
    height: 350px;
    background-size: cover;
    background-position: 50%
}

@media screen and (max-width: 640px) {
    .ArticleNav .Grid__Cell+.Grid__Cell {
        margin-top: 50px
    }
}

@media screen and (min-width: 641px) {
    .ArticleNav {
        padding: 140px 0
    }
}

.ArticleListWrapper {
    max-width: 1260px;
    margin: 0 auto 60px
}

.ArticleList {
    margin-bottom: -60px
}

.ArticleList .Grid__Cell {
    margin-bottom: 60px
}

.js .features--show-element-staggering .ArticleItem {
    visibility: hidden
}

.ArticleItem__ImageWrapper {
    display: block;
    margin-bottom: 22px;
    background-size: cover;
    overflow: hidden
}

.ArticleItem__Image {
    display: block;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"
}

.features--show-image-zooming .ArticleItem__Image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s ease, -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s ease, -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s ease, transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s ease, transform 8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 8s cubic-bezier(.25, .46, .45, .94)
}

.features--show-image-zooming .ArticleList .ImageHero__ImageWrapper {
    -webkit-transition: -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: transform 8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 8s cubic-bezier(.25, .46, .45, .94)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .features--show-image-zooming .ArticleItem:hover .ArticleItem__Image,
    .features--show-image-zooming .ArticleList .ImageHero:hover .ImageHero__ImageWrapper {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.ArticleItem__Content {
    margin: 0 8px
}

.ArticleItem__Category {
    display: block;
    margin-bottom: 16px
}

.ArticleItem__Excerpt {
    margin-bottom: 20px
}

@media screen and (min-width: 641px) {
    .ArticleList--withFeatured .Grid__Cell:first-child {
        margin-bottom: 40px
    }

    .ArticleItem__Content {
        margin: 0 18px
    }
}

@media screen and (min-width: 1025px) {
    .ArticleListWrapper {
        margin-bottom: 100px
    }

    .ArticleList {
        margin-bottom: -100px
    }

    .ArticleList .Grid__Cell {
        margin-bottom: 100px
    }

    .ArticleList--withFeatured .Grid__Cell:first-child {
        margin-bottom: 60px
    }
}

.Blog__RssLink {
    margin-left: 14px;
    vertical-align: baseline
}

.Blog__RssLink svg {
    width: 10px;
    height: 10px
}

.Blog__TagList {
    padding-top: 8px
}

.Blog__TagList .Link.is-active:after {
    display: block;
    content: "";
    width: calc(100% - .15em);
    height: 1px;
    background: currentColor
}

@media screen and (max-width: 640px) {
    .Blog__TagList .HorizontalList__Item {
        margin: 5px 10px
    }
}

@media screen and (min-width: 641px) {
    .ArticleList+.Pagination {
        margin-top: 80px
    }
}

@-webkit-keyframes cartEmptyOpening {
    0% {
        -webkit-transform: translate(-50%, calc(-50% + 35px));
        transform: translate(-50%, calc(-50% + 35px));
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1
    }
}

@keyframes cartEmptyOpening {
    0% {
        -webkit-transform: translate(-50%, calc(-50% + 35px));
        transform: translate(-50%, calc(-50% + 35px));
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1
    }
}

.Cart__ShippingNotice {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-bottom: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    border-bottom: 1px solid var(--border-color);
    line-height: normal;
    z-index: 1;
    background: var(--background)
}

.Cart__Empty {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-animation: cartEmptyOpening .8s cubic-bezier(.215, .61, .355, 1);
    animation: cartEmptyOpening .8s cubic-bezier(.215, .61, .355, 1)
}

@media screen and (min-width: 641px) {
    .Cart__ShippingNotice {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))
    }
}

.CartItemWrapper {
    overflow: hidden
}

.CartItem {
    display: table;
    table-layout: fixed;
    margin: 30px 0;
    width: 100%
}

.CartItem__ImageWrapper,
.CartItem__Info {
    display: table-cell;
    vertical-align: middle
}

.CartItem__ImageWrapper {
    width: 90px;
    min-width: 90px;
    text-align: center
}

.CartItem__ImageWrapper img {
    width: 100%
}

@media screen and (min-width: 641px) {
    .CartItem__ImageWrapper {
        min-width: 120px
    }
}

.CartItem__Info {
    padding-left: 25px
}

.CartItem__Title {
    width: 100%;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.CartItem__PlanAllocation,
.CartItem__PropertyList,
.CartItem__Title,
.CartItem__Variant {
    margin-bottom: .45em
}

.CartItem__DiscountList,
.CartItem__LinePriceList,
.CartItem__Meta {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))
}

.CartItem__PropertyList {
    list-style: none;
    font-style: italic
}

.CartItem__DiscountList {
    list-style: none
}

.CartItem__Discount {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 8px;
    background: rgba(var(--product-sale-price-color-rgb), .1);
    color: var(--product-sale-price-color)
}

.CartItem__Discount svg {
    margin-right: 4px;
    vertical-align: text-bottom
}

.CartItem__Discount+.CartItem__Discount,
.CartItem__UnitPriceMeasurement {
    margin-top: 4px
}

.CartItem__Actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.CartItem__Remove {
    margin: 8px 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 8px))
}

.CartItem__Remove:before {
    background: var(--text-color-light)
}

@media screen and (min-width: 641px) {
    .CartItem__ImageWrapper {
        width: 120px
    }

    .CartItem__Title {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }

    .CartItem__LinePriceList,
    .CartItem__Meta {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .CartItem__Remove {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))
    }

    .CartItem__Actions {
        margin-top: 20px
    }
}

.Cart .Drawer__Footer,
.Cart__OffscreenNoteContainer {
    padding: 14px 24px 24px
}

.Cart__Checkout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

.Cart__OffscreenNoteContainer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--background);
    border-top: 1px solid var(--border-color);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.Cart__OffscreenNoteContainer[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 1px 0 6px rgba(54, 54, 54, .2)
}

.Cart__Note {
    margin-top: 10px
}

.Cart__Taxes {
    margin-bottom: 8px
}

.Cart__Discount svg {
    margin-right: 8px;
    vertical-align: sub
}

.has-note-open[aria-hidden=false] .Drawer__Header,
.has-note-open[aria-hidden=false] .Drawer__Main {
    opacity: .4;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

@supports (padding: max(0px)) {

    .Cart .Drawer__Footer,
    .Cart__OffscreenNoteContainer {
        padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px)
    }
}

@media screen and (min-width: 641px) {

    .Cart .Drawer__Footer,
    .Cart__OffscreenNoteContainer {
        padding: 20px 30px 30px
    }

    .Cart__NoteButton+.Cart__Taxes {
        margin-top: 4px
    }

    @supports (padding: max(0px)) {

        .Cart .Drawer__Footer,
        .Cart__OffscreenNoteContainer {
            padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px)
        }
    }
}

.Cart--expanded .Cart__Footer {
    padding-top: 25px;
    border-top: 1px solid var(--border-color)
}

.Cart--expanded .Cart__Recap {
    text-align: right
}

.Cart--expanded .Cart__Recap,
.Cart--expanded .Cart__Recap .Cart__Checkout {
    margin-top: 16px
}

.Cart--expanded .Cart__Checkout {
    margin-left: auto
}

@media screen and (max-width: 640px) {

    .CartItem__Info~.CartItem__Actions,
    .CartItem__Info~.CartItem__LinePriceList {
        display: none
    }
}

@media screen and (min-width: 641px) {
    .Cart--expanded .Cart__ItemList {
        display: table;
        table-layout: auto;
        border-spacing: 0 30px;
        width: 100%
    }

    .Cart--expanded .Cart__Head {
        display: table-header-group
    }

    .Cart--expanded .Cart__HeadItem {
        display: table-cell;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--border-color)
    }

    .Cart--expanded .CartItem {
        display: table-row
    }

    .Cart--expanded .CartItem__Info {
        max-width: 300px;
        width: 300px
    }

    .Cart--expanded .CartItem__Info>.CartItem__Actions {
        display: none
    }

    .Cart--expanded .CartItem__Info~.CartItem__Actions,
    .Cart--expanded .CartItem__Info~.CartItem__LinePriceList {
        display: table-cell;
        vertical-align: middle
    }

    .Cart--expanded .CartItem__QuantitySelector {
        margin-bottom: 6px
    }

    .Cart--expanded .Cart__Footer {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .Cart--expanded .Cart__NoteContainer,
    .Cart--expanded .Cart__Recap {
        display: table-cell
    }

    .Cart--expanded .Cart__NoteContainer {
        width: 340px
    }

    .Cart--expanded .Cart__Checkout {
        width: auto
    }
}

@media screen and (min-width: 1140px) {
    .Cart--expanded .CartItem__Info {
        max-width: 425px;
        width: 425px
    }
}

.ShippingEstimator__Results {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out
}

.ShippingEstimator__Error,
.ShippingEstimator__ResultsInner {
    margin-top: 32px
}

.ShippingEstimator__Results p {
    margin-bottom: .5em
}

@media screen and (max-width: 640px) {
    .ShippingEstimator__Submit {
        width: 100%
    }

    .ShippingEstimator__Country,
    .ShippingEstimator__Province,
    .ShippingEstimator__Zip {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 641px) {
    .ShippingEstimator__Form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ShippingEstimator__Form>:not(:first-child) {
        margin-left: 20px
    }

    .ShippingEstimator__Country,
    .ShippingEstimator__Province {
        margin-bottom: 0
    }

    .ShippingEstimator__Zip {
        margin-bottom: 0;
        max-width: 130px
    }
}

.CollectionList:after {
    content: "flickity";
    display: none
}

.CollectionItem {
    display: block
}

.CollectionItem__Wrapper {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: 50%;
    overflow: hidden
}

.CollectionItem__Wrapper--small {
    height: 450px
}

.CollectionItem__Wrapper--large {
    height: 550px
}

.CollectionItem__ImageWrapper {
    background-size: cover;
    background-position: 50%;
    height: 100%;
    width: 100%
}

.features--show-image-zooming .CollectionItem__ImageWrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: transform 8s cubic-bezier(.25, .46, .45, .94);
    transition: transform 8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 8s cubic-bezier(.25, .46, .45, .94)
}

.CollectionItem__Image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.CollectionItem__Content {
    position: absolute;
    padding: 0 24px;
    margin-bottom: 0 !important;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left
}

.CollectionItem__Content--bottomCenter,
.CollectionItem__Content--middleCenter {
    text-align: center
}

.CollectionItem__Content--bottomRight,
.CollectionItem__Content--middleRight {
    text-align: right
}

.CollectionItem__Content--bottomCenter,
.CollectionItem__Content--bottomLeft,
.CollectionItem__Content--bottomRight {
    bottom: 24px;
    top: auto;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .features--show-image-zooming .CollectionItem:hover .CollectionItem__ImageWrapper {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (max-width: 640px) {
    .CollectionList--grid {
        margin: 12px
    }

    .CollectionList--grid .CollectionItem {
        padding: 12px
    }

    .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomCenter,
    .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomLeft,
    .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomRight {
        bottom: 70px
    }
}

@media screen and (min-width: 641px) {
    .CollectionList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .CollectionList:after {
        content: ""
    }

    .CollectionList--spaced {
        margin: 15px
    }

    .CollectionList--spaced .CollectionItem {
        padding: 15px
    }

    .CollectionItem {
        display: block !important;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 0;
        -ms-flex: 0 1 0px;
        flex: 0 1 0;
        min-width: 50%
    }

    .CollectionItem--expand {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .CollectionItem__Content {
        padding: 0 40px
    }

    .CollectionItem__Content--bottomCenter,
    .CollectionItem__Content--bottomLeft,
    .CollectionItem__Content--bottomRight {
        bottom: 40px
    }
}

@media screen and (min-width: 1140px) {
    .CollectionItem {
        min-width: 33.33333%
    }

    .CollectionItem__Wrapper {
        height: 600px
    }

    .CollectionItem__Wrapper--small {
        height: 500px
    }

    .CollectionItem__Wrapper--large {
        height: 700px
    }

    .CollectionItem__Content {
        padding: 0 50px
    }

    .CollectionItem__Content--bottomCenter,
    .CollectionItem__Content--bottomLeft,
    .CollectionItem__Content--bottomRight {
        bottom: 50px
    }
}

.CollectionToolbar {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: var(--background);
    box-shadow: 1px 1px var(--border-color), -1px -1px var(--border-color);
    z-index: 2
}

.CollectionToolbar--top {
    top: var(--header-base-height)
}

@supports (--css: variables) {
    .CollectionToolbar--top {
        top: calc(var(--header-height) * 0);
        top: calc(var(--header-height) * var(--use-sticky-header, 0))
    }
}

.supports-sticky .CollectionToolbar--bottom {
    bottom: 0
}

.CollectionToolbar__Group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.CollectionToolbar__Group,
.CollectionToolbar__Item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.CollectionToolbar__Item {
    padding: 13px 0;
    border-left: 1px solid var(--border-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.CollectionToolbar__Item--sort .Icon--select-arrow {
    height: 6px;
    margin-left: 2px;
    pointer-events: none
}

.CollectionToolbar__Item--layout {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 95px;
    line-height: 1;
    cursor: auto
}

.CollectionToolbar__LayoutType {
    margin: 0 6px;
    opacity: .2;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.CollectionToolbar__LayoutType svg {
    width: 18px;
    height: 18px
}

.CollectionToolbar__LayoutType.is-active {
    opacity: 1
}

@media screen and (max-width: 640px) {
    .CollectionToolbar__Item:first-child {
        border-left: none
    }
}

@media screen and (min-width: 641px) {

    .CollectionToolbar--reverse,
    .CollectionToolbar__Group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .CollectionToolbar__Group {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .CollectionToolbar__Item {
        padding: 18px 0
    }

    .CollectionToolbar__Group .CollectionToolbar__Item {
        padding-left: 45px;
        padding-right: 45px
    }

    .CollectionToolbar__Item--layout {
        border-left: none;
        width: 115px;
        border-right: 1px solid var(--border-color);
        white-space: nowrap
    }
}

.CollectionFilters .Collapsible:first-child {
    border-top: none
}

.CollectionFilters__ClearButton {
    margin-top: 24px
}

.BooleanFilter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 641px) {
    .CollectionFilters .Drawer__Main {
        padding-top: 35px
    }
}

.ProductItem {
    text-align: center;
    white-space: normal
}

.js .features--show-element-staggering .ProductList--grid .ProductItem {
    visibility: hidden
}

.ProductItem__Wrapper {
    position: relative
}

.ProductItem__ImageWrapper {
    position: relative;
    display: block
}

.ProductItem__ImageWrapper .ProductItem__tip {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

@media screen and (min-width: 601px) {
    .ProductItem__ImageWrapper .ProductItem__tip {
        min-height: 60px;
        font-size: 20px
    }
}

.ProductItem__Image--alternate {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    object-fit: cover;
    object-position: center
}

.ProductItem__LabelList {
    position: absolute;
    right: 10px;
    top: 6px;
    text-align: left
}

.ProductItem__Label {
    display: block;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));
    margin: 4px 0;
    padding: 2px 6px;
    background: var(--background);
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.ProductItem__Info {
    margin-top: 20px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
}

.ProductItem__Label--Gift {
    background: #ffddd2;
    color: #fc5147 !important
}

.features--heading-uppercase .ProductItem__Info {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
}

.ProductItem__Info--left {
    text-align: left
}

.ProductItem__Info--right {
    text-align: right
}

.ProductItem__Rating {
    margin-top: 4px;
    margin-bottom: 4px
}

.ProductItem__Title,
.ProductItem__Vendor {
    display: block;
    margin-bottom: 4px
}

.ProductItem__ColorSwatchList {
    margin-top: 15px
}

.ProductItem__ColorSwatchItem {
    display: inline-block;
    margin: 0 5px
}

.ProductItem__ColorSwatchList+.ProductItem__PriceList {
    margin-top: 12px
}

.ProductItem__UnitPriceMeasurement {
    margin-top: 4px
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .features--show-price-on-hover .ProductItem__PriceList--showOnHover {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out
    }

    .features--show-price-on-hover .ProductItem:hover .ProductItem__PriceList--showOnHover {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image {
        opacity: 0 !important
    }

    .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate {
        opacity: 1 !important
    }
}

@media (-moz-touch-enabled:1),
(hover: none) {
    .ProductItem__Image--alternate {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .ProductItem__Rating .rating__star {
        width: 10px;
        height: 10px
    }

    .ProductItem__Rating .rating__caption {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))
    }
}

@media screen and (min-width: 641px) {
    .ProductItem__Label {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .ProductItem__Info {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))
    }

    .features--heading-uppercase .ProductItem__Info {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }
}

@media screen and (min-width: 1025px) {
    .ProductItem--horizontal {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .ProductItem--horizontal,
    .ProductItem--horizontal .ProductItem__Wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ProductItem--horizontal .ProductItem__ImageWrapper {
        min-width: 100px
    }

    .ProductItem--horizontal .ProductItem__Info {
        margin: 0 30px 0 40px;
        text-align: left
    }

    .ProductItem--horizontal .ProductItem__ViewButton {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.CollectionInner {
    margin-top: 24px
}

.ProductList--grid {
    padding: 0 12px
}

@media screen and (max-width: 640px) {
    .ProductList--grid {
        margin-left: -10px
    }

    .ProductList--removeMargin {
        margin-bottom: -35px !important
    }

    .ProductList--grid>.Grid__Cell {
        padding-left: 10px;
        margin-bottom: 35px
    }
}

@media screen and (min-width: 641px) {
    .CollectionInner {
        margin-top: 50px
    }

    .ProductList--grid {
        padding: 0 24px;
        margin-left: -24px
    }

    .ProductList--removeMargin {
        margin-bottom: -50px !important
    }

    .ProductList--grid>.Grid__Cell {
        padding-left: 24px;
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1025px) {
    .CollectionInner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .CollectionInner__Sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 200px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 240px;
        margin: 0 16px 0 24px;
        padding-bottom: 50px
    }

    @supports (--css: variables) {
        .CollectionInner__Sidebar {
            top: calc(var(--header-height) + 50px)
        }

        .CollectionInner__Sidebar--withTopToolbar {
            top: calc(var(--header-height) * 0 + 105px);
            top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px)
        }
    }

    .CollectionInner__Products {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .CollectionInner__Sidebar .Collapsible {
        padding: 0
    }
}

@media screen and (min-width: 1140px) {
    .CollectionInner__Sidebar {
        margin-right: 10px;
        margin-left: 50px
    }

    .CollectionInner .Pagination {
        margin-bottom: 80px
    }

    .ProductList--grid {
        padding: 0 50px
    }

    .ProductList--grid[data-desktop-count="2"] {
        margin-left: calc(-1 * var(--horizontal-spacing-two-products-per-row))
    }

    .ProductList--grid[data-desktop-count="2"]>.Grid__Cell {
        padding-left: var(--horizontal-spacing-two-products-per-row);
        margin-bottom: var(--vertical-spacing-two-products-per-row)
    }

    .ProductList--removeMargin[data-desktop-count="2"] {
        margin-bottom: calc(-1 * var(--vertical-spacing-two-products-per-row)) !important
    }

    .ProductList--grid[data-desktop-count="3"],
    .ProductList--grid[data-desktop-count="4"] {
        margin-left: calc(-1 * var(--horizontal-spacing-four-products-per-row))
    }

    .ProductList--grid[data-desktop-count="3"]>.Grid__Cell,
    .ProductList--grid[data-desktop-count="4"]>.Grid__Cell {
        padding-left: var(--horizontal-spacing-four-products-per-row);
        margin-bottom: var(--vertical-spacing-four-products-per-row)
    }

    .ProductList--removeMargin[data-desktop-count="3"],
    .ProductList--removeMargin[data-desktop-count="4"] {
        margin-bottom: calc(-1 * var(--vertical-spacing-four-products-per-row)) !important
    }
}

.ProductList--carousel .Carousel__Cell {
    width: 62%;
    padding: 0 12px;
    vertical-align: top
}

@media screen and (max-width: 640px) {

    .template-collection .ProductList--grid,
    .template-search .ProductList--grid {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1007px) {
    .ProductListWrapper {
        overflow: hidden
    }

    .ProductList--carousel {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 30px;
        margin-bottom: -30px
    }

    .ProductList--carousel .Carousel__Cell {
        display: inline-block !important
    }

    .ProductList--carousel .Carousel__Cell:first-child {
        margin-left: 19%
    }

    .ProductList--carousel .Carousel__Cell:last-child {
        margin-right: 19%
    }
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .ProductList--carousel .Carousel__Cell {
        width: 48%;
        padding: 0 15px
    }

    .ProductList--carousel .Carousel__Cell:first-child {
        margin-left: 26%
    }

    .ProductList--carousel .Carousel__Cell:last-child {
        margin-right: 26%
    }
}

@media screen and (min-width: 1025px) {
    .ProductList--carousel {
        margin: 0 90px
    }

    .ProductList--carousel:after {
        content: "flickity";
        display: none
    }

    .ProductList--carousel .Carousel__Cell {
        width: 33.3333%;
        left: 0;
        padding: 0 calc(var(--horizontal-spacing-four-products-per-row) / 2);
        margin-left: 0
    }

    .ProductList--carousel .flickity-prev-next-button {
        top: calc(50% - 45px);
        width: 45px;
        height: 45px;
        stroke-width: 1px
    }

    .ProductList--carousel .flickity-prev-next-button.next {
        right: -50px
    }

    .ProductList--carousel .flickity-prev-next-button.previous {
        left: -50px
    }
}

@media screen and (min-width: 1140px) {
    .ProductList--carousel .Carousel__Cell {
        width: 25%
    }
}

.ProductList--shopNow {
    position: static
}

.ProductList--shopNow .Carousel__Cell {
    padding: 0 60px
}

@media screen and (max-width: 640px) {
    .ShopNowGrid .FeaturedQuote {
        margin: 50px -24px -90px
    }
}

@media screen and (min-width: 641px) and (max-width:1007px) {
    .ShopNowGrid .FeaturedQuote {
        margin: 60px -50px -90px
    }
}

@media screen and (min-width: 641px) {
    .ProductList--shopNow {
        padding: 0 50px;
        overflow: hidden
    }

    .ProductList--shopNow .flickity-viewport {
        overflow: visible
    }

    .ProductList--shopNow .Carousel__Cell {
        width: 50%;
        padding: 0 50px
    }
}

@media screen and (min-width: 1025px) {
    .ProductList--shopNow[data-desktop-count="3"] .Carousel__Cell {
        width: 33.333333%
    }

    .ShopNowGrid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ShopNowGrid .FeaturedQuote {
        height: 100%
    }
}

.Faq__Section {
    margin-bottom: 20px
}

.Faq__Section~.Faq__Section {
    margin-top: 34px
}

.Faq__Item {
    position: relative;
    margin: 14px 0
}

.Faq__Icon {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--text-color-light);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.Faq__Icon svg {
    width: 8px;
    height: 10px;
    vertical-align: baseline
}

.Faq__Item[aria-expanded=true] .Faq__Icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--heading-color)
}

.Faq__ItemWrapper {
    padding-left: 26px
}

.Faq__Question {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: left
}

.Faq__AnswerWrapper {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: height .25s ease-in-out, visibility 0s ease-in-out .25s;
    transition: height .25s ease-in-out, visibility 0s ease-in-out .25s
}

.Faq__Item[aria-expanded=true] .Faq__AnswerWrapper {
    visibility: visible;
    -webkit-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out
}

.Faq__Answer {
    padding: 16px 0 22px
}

.Faq__Item--lastOfSection .Faq__Answer {
    padding-bottom: 0
}

.FaqSummary {
    list-style: none;
    margin: 0;
    padding: 0
}

.FaqSummary__Item {
    margin-bottom: 12px
}

.FaqSummary__Item.is-active:after {
    width: 100%
}

.FaqSummary__Link {
    display: block
}

.FaqSummary__LinkLabel {
    position: relative;
    display: inline-block
}

.FaqSummary__LinkLabel:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    background: currentColor;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.FaqSummary__Item.is-active .FaqSummary__LinkLabel:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width: 641px) {
    .Faq__Section {
        margin-bottom: 34px
    }

    .Faq__Section~.Faq__Section {
        margin-top: 60px
    }
}

.FeatureText {
    text-align: center
}

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

.FeatureText__ImageWrapper {
    overflow: hidden
}

.FeatureText--withImage .FeatureText__ContentWrapper {
    padding-top: 50px;
    padding-bottom: 20px
}

.FeatureText .SectionHeader__Description {
    margin-top: 25px;
    margin-bottom: 20px
}

@media screen and (max-width: 640px) {
    .FeatureText--imageLeft {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 641px) {
    .FeatureText__Content {
        max-width: 430px;
        margin: 0 auto
    }

    .FeatureText--withImage {
        display: table;
        width: 100%;
        text-align: left;
        table-layout: fixed
    }

    .FeatureText--withImage .FeatureText__ContentWrapper,
    .FeatureText--withImage .FeatureText__ImageWrapper {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }

    .FeatureText--withImage .FeatureText__ContentWrapper {
        padding: 50px
    }

    .FeatureText--imageRight .FeatureText__ContentWrapper {
        padding-right: 40px
    }

    .FeatureText--imageRight .AspectRatio,
    .FeatureText--imageRight .FeatureText__Content {
        margin-right: 0
    }

    .FeatureText--imageRight .AspectRatio {
        text-align: right
    }

    .FeatureText--imageLeft .FeatureText__ContentWrapper {
        padding-left: 40px
    }

    .FeatureText--imageLeft .AspectRatio,
    .FeatureText--imageLeft .FeatureText__Content {
        margin-left: 0
    }

    .FeatureText--imageLeft .AspectRatio {
        text-align: left
    }
}

@media screen and (min-width: 1140px) {
    .FeatureText--imageRight .FeatureText__ContentWrapper {
        padding-right: 100px
    }

    .FeatureText--imageLeft .FeatureText__ContentWrapper {
        padding-left: 100px
    }
}

.shopify-section--bordered+.shopify-section--footer {
    border-top: 1px solid var(--footer-border-color)
}

.Footer {
    padding: 34px 0;
    background: var(--footer-background);
    color: var(--footer-text-color)
}

.Footer .Link--primary:hover,
.Footer__Title {
    color: var(--footer-heading-color)
}

.Footer .Form__Input::-moz-placeholder {
    color: var(--footer-text-color)
}

.Footer .Form__Input:-ms-input-placeholder {
    color: var(--footer-text-color)
}

.Footer .Form__Input::-webkit-input-placeholder {
    color: var(--footer-text-color)
}

.Footer .Form__Input::placeholder,
.Footer .Link--secondary:hover {
    color: var(--footer-text-color)
}

.Footer__Block {
    margin-top: 48px
}

.Footer__Block:first-child {
    margin-top: 0
}

.Footer__Title {
    margin-bottom: 20px
}

.Footer__Social {
    margin-top: 5px
}

.Footer__Content+.Footer__Newsletter {
    margin-top: 18px
}

.Footer__Aside {
    text-align: center
}

.Footer__Inner+.Footer__Aside {
    margin-top: 65px
}

.Footer__LocalizationForm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.Footer__LocalizationItem+.Footer__LocalizationItem {
    margin-left: 30px
}

.Footer__ThemeAuthor {
    margin-top: 4px
}

.Footer__PaymentList {
    margin: 54px auto 0;
    padding-top: 28px;
    border-top: 1px solid var(--footer-border-color)
}

.Footer__PaymentList img,
.Footer__PaymentList svg {
    opacity: .8;
    width: 38px;
    height: 24px
}

.Footer__PaymentList img {
    border-radius: 3px;
    border: 1px solid #f1f1f1
}

.Footer__StoreName {
    color: var(--footer-text-color)
}

@media screen and (min-width: 641px) {
    .Footer {
        padding: 75px 0 42px
    }

    .Footer__Inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: -40px;
        margin-right: -40px
    }

    .Footer__Block {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-top: 0;
        margin-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px
    }

    .Footer__Social {
        margin-top: 14px
    }

    .Footer__Aside {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Footer__Inner+.Footer__Aside {
        margin-top: 40px
    }

    .Footer__Localization {
        width: 100%
    }

    .Footer__LocalizationForm {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .Footer__StoreName {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .Footer__PaymentList {
        padding: 0;
        margin: 0 -8px;
        border: none
    }
}

@media screen and (min-width: 1140px) {
    .Footer__Inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .Footer--center .Footer__Inner {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Footer__Block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .Footer__Block--newsletter,
    .Footer__Block--text {
        -webkit-flex-basis: 240px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px
    }

    .Footer__Inner+.Footer__Aside {
        margin-top: 80px
    }

    .Footer__Block--text {
        -webkit-flex-basis: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px
    }

    .Footer__Block--newsletter {
        -webkit-flex-basis: 305px;
        -ms-flex-preferred-size: 305px;
        flex-basis: 305px
    }
}

.GiftCard {
    text-align: center
}

.GiftCard__Wrapper {
    position: relative;
    max-width: 400px;
    margin: 0 auto
}

.GiftCard__Redeem {
    margin-bottom: 30px
}

.GiftCard__IllustrationWrapper {
    position: relative;
    margin: 40px 0
}

.GiftCard__CodeHolder {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    bottom: 20px;
    left: 50%;
    white-space: nowrap;
    padding: 12px 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.GiftCard__QrCode {
    margin: 20px 0
}

.GiftCard__QrCode img {
    margin: 0 auto
}

.shopify-section--header {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5
}

.Header .Heading,
.Header .Link--primary:hover,
.Header .Link--secondary {
    color: var(--header-heading-color)
}

.Header .Link--primary,
.Header .Link--secondary:hover,
.Header .Text--subdued {
    color: var(--header-light-text-color)
}

.Header {
    background: var(--header-background);
    color: var(--header-heading-color);
    box-shadow: 0 -1px var(--header-border-color) inset;
    -webkit-transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out
}

.Header__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 18px
}

.Header__Logo {
    position: relative;
    margin-bottom: 0
}

.Header__LogoImage,
.Header__LogoLink {
    display: block
}

.Header__LogoLink {
    text-align: center
}

.Header__LogoImage {
    margin: 0 auto;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.Header__LogoImage--transparent {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.Header__Icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.Header__Icon span {
    display: block
}

.Header__Icon+.Header__Icon {
    margin-left: 18px
}

.supports-sticky .Search[aria-hidden=true]+.Header--transparent {
    background: transparent
}

.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--primary:not(:only-child) {
    opacity: 0
}

.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--transparent {
    opacity: 1
}

.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__Icon svg {
    -webkit-filter: drop-shadow(0 1px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 1px rgba(0, 0, 0, .25))
}

.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__Icon,
.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoLink>.Heading,
.supports-sticky .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.Heading,
.supports-sticky .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.SelectButton,
.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Text--subdued {
    color: currentColor
}

.Header__Icon .Icon--nav {
    height: 15px;
    width: 20px
}

.Header__Icon .Icon--cart {
    width: 17px;
    height: 20px
}

.Header__Icon .Icon--search {
    position: relative;
    top: 1px;
    width: 18px;
    height: 17px
}

.Header__FlexItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.Header__FlexItem--fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Header__FlexItem--fill:last-child {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Header__CartDot {
    position: absolute;
    top: 2px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--header-heading-color);
    box-shadow: 0 0 0 2px var(--header-background);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.Header__CartDot.is-visible {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Search[aria-hidden=true]+.Header--transparent .Header__CartDot {
    box-shadow: none;
    background-color: currentColor
}

@media screen and (min-width: 641px) {
    .Header__Wrapper {
        padding: 18px 30px
    }

    .Header__LogoImage {
        max-width: 100%
    }

    .Header__Icon+.Header__Icon {
        margin-left: 25px
    }

    .Header__Icon .Icon--nav-desktop {
        height: 17px;
        width: 24px
    }

    .Header__Icon .Icon--cart-desktop {
        height: 23px;
        width: 19px
    }

    .Header__Icon .Icon--search-desktop {
        position: relative;
        top: 2px;
        width: 21px;
        height: 21px
    }

    .Header__Icon .Icon--account {
        position: relative;
        top: 2px;
        width: 20px;
        height: 20px
    }

    .Header--withIcons .Header__SecondaryNav {
        position: relative;
        top: 1px;
        margin-right: 32px
    }
}

@media screen and (min-width: 1140px) {
    .js .Header__Wrapper {
        opacity: 0;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }

    .Header:not(.Header--sidebar) .Header__Wrapper {
        padding: 18px 50px
    }

    .Header__Localization {
        display: inline-block
    }

    .Header__MainNav {
        margin-right: 45px
    }

    .Header--inline .Header__FlexItem:first-child .Header__LocalizationForm,
    .Header--logoLeft .Header__FlexItem:first-child .Header__LocalizationForm {
        display: none
    }

    .Header--logoLeft .Header__FlexItem--logo {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 38px
    }

    .Header--logoLeft .Header__FlexItem--fill:last-child {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .Header--center .Header__Wrapper.Header__Wrapper {
        padding-bottom: 24px
    }

    .Header--center .Header__MainNav {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 18px;
        width: 100%;
        text-align: center
    }

    .Header--center .Header__MainNav .HorizontalList {
        margin-left: 0;
        margin-right: 0
    }

    .Header--center .Header__FlexItem {
        margin-bottom: 40px
    }

    .Header--center .Header__FlexItem--increaseSpace {
        margin-bottom: 80px
    }

    .Header--center .Header__SecondaryNav .Header__LocalizationForm {
        display: none
    }

    .Header--initialized .Header__Wrapper {
        opacity: 1
    }
}

.Header__LinkSpacer {
    position: absolute;
    display: block;
    bottom: 0;
    color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Header__LinkSpacer:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    border-bottom: 2px solid var(--header-heading-color);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.Header:not(.Header--transparent) .HorizontalList__Item.is-active .Header__LinkSpacer:after,
.Header:not(.Header--transparent) .HorizontalList__Item.is-expanded .Header__LinkSpacer:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.DropdownMenu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    padding: 25px 0;
    min-width: 200px;
    max-width: 270px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: left;
    background: var(--header-background);
    border: 1px solid var(--header-border-color);
    border-top: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.DropdownMenu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    background: var(--header-heading-color);
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.DropdownMenu[aria-hidden=false] {
    opacity: 1;
    visibility: visible
}

.DropdownMenu[aria-hidden=false]:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.DropdownMenu[aria-hidden=false] .DropdownMenu {
    display: block
}

.DropdownMenu [aria-haspopup] {
    position: relative
}

.DropdownMenu .Link {
    padding-left: 25px;
    padding-right: 40px
}

.DropdownMenu svg {
    position: absolute;
    width: 6px;
    top: calc(50% - 4px);
    height: 10px;
    right: 20px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.DropdownMenu .Linklist__Item:hover svg {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.DropdownMenu .Linklist__Item:hover>.Link--secondary {
    color: var(--header-light-text-color)
}

.DropdownMenu .DropdownMenu {
    display: none;
    left: 100%;
    top: -26px;
    border-top: 1px solid var(--header-border-color)
}

.DropdownMenu .DropdownMenu:before {
    display: none
}

.DropdownMenu .DropdownMenu--reversed {
    left: auto;
    right: 100%
}

.MegaMenu {
    position: absolute;
    padding: 20px 0;
    width: 100%;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    max-height: 600px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    text-align: left;
    background: var(--header-background);
    border-bottom: 1px solid var(--header-border-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@supports (--css: variables) {
    .MegaMenu {
        max-height: calc(100vh - var(--header-height))
    }
}

.MegaMenu[aria-hidden=false] {
    opacity: 1;
    visibility: visible
}

.MegaMenu__Inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 10px
}

.MegaMenu--spacingEvenly .MegaMenu__Inner {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.MegaMenu--spacingCenter .MegaMenu__Inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@supports (display: grid) {
    .MegaMenu--grid .MegaMenu__Inner {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
    }
}

.MegaMenu__Item {
    margin: 20px 40px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.MegaMenu__Item--fit {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.MegaMenu__Title {
    display: block;
    margin-bottom: 20px
}

.MegaMenu__Push {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.MegaMenu__Push--shrink {
    width: 50%
}

.MegaMenu__Push--shrink:first-child {
    padding-right: 15px
}

.MegaMenu__Push--shrink:last-child {
    padding-left: 15px
}

.MegaMenu__PushImageWrapper {
    margin: 8px auto 20px;
    max-width: 100%;
    overflow: hidden
}

.MegaMenu__PushHeading {
    margin-bottom: 6px
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .MegaMenu__Push img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity .3s ease, -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s ease, -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s ease, transform 8s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .3s ease, transform 8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 8s cubic-bezier(.25, .46, .45, .94)
    }

    .MegaMenu__Push:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.ImageHero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: 50%;
    min-height: 350px;
    width: 100%;
    overflow: hidden
}

.ImageHero--small {
    min-height: 330px
}

.ImageHero--large {
    min-height: 480px
}

.ImageHero__Image,
.ImageHero__ImageWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

@media screen and (min-width: 1025px) and (-moz-touch-enabled:0),
screen and (min-width:1025px) and (hover:hover) {
    .ImageHero__Image--parallax {
        background-attachment: fixed
    }
}

.ImageHero__ImageWrapper--hasOverlay:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.ImageHero__Wrapper {
    z-index: 1
}

.ImageHero__ContentOverlay {
    position: relative;
    -webkit-flex-basis: 425px;
    -ms-flex-preferred-size: 425px;
    flex-basis: 425px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0 15px
}

.ImageHero__TextContent {
    position: absolute;
    padding: 0 24px;
    margin-bottom: 0 !important;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.ImageHero iframe {
    position: absolute;
    height: 100%;
    width: 200%;
    left: -50%;
    pointer-events: none
}

.ImageHero--large iframe {
    width: 250%;
    left: -75%
}

.ImageHero--preserveRatio {
    min-height: 0;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.ImageHero--preserveRatio iframe {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.ImageHero iframe[src] {
    pointer-events: auto
}

.ImageHero__Block {
    margin: 40px auto;
    padding: 38px 20px;
    max-width: 250px;
    box-shadow: 0 1px 20px rgba(54, 54, 54, .3)
}

.ImageHero__Block--small {
    max-width: 165px
}

.ImageHero__Block--large {
    max-width: 320px
}

.ImageHero__BlockHeading {
    margin: -.325em 0 18px
}

.ImageHero__BlockContent+.ImageHero__BlockLink {
    margin-top: 18px
}

@media screen and (max-width: 640px) {
    .ImageHero__Block {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }
}

@media screen and (min-width: 641px) {
    .ImageHero {
        min-height: 450px
    }

    .ImageHero--small {
        min-height: 350px
    }

    .ImageHero--large {
        min-height: 500px
    }

    .ImageHero iframe {
        width: 100%;
        height: 200%;
        left: 0
    }

    .ImageHero__Block {
        padding: 48px 15px;
        max-width: 380px
    }

    .ImageHero__Block--small {
        max-width: 240px
    }

    .ImageHero__Block--large {
        max-width: 520px
    }

    .ImageHero__TextContent {
        padding: 0 40px;
        bottom: 40px;
        top: auto;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left
    }
}

@media screen and (min-width: 1140px) {
    .ImageHero {
        min-height: 500px
    }

    .ImageHero--small {
        min-height: 350px
    }

    .ImageHero--large {
        min-height: 600px
    }

    .ImageHero__TextContent {
        padding: 0 50px;
        bottom: 50px
    }
}

.NewsletterPopup {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    padding: 24px 30px 30px;
    background: var(--newsletter-popup-background);
    color: var(--newsletter-popup-text-color);
    z-index: 50;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    visibility: hidden;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0;
    -webkit-transition: all .5s var(--drawer-transition-timing);
    transition: all .5s var(--drawer-transition-timing)
}

.NewsletterPopup .Heading {
    color: inherit
}

.NewsletterPopup .Form__Input::-moz-placeholder {
    color: rgba(var(--newsletter-popup-text-color-rgb), .6)
}

.NewsletterPopup .Form__Input:-ms-input-placeholder {
    color: rgba(var(--newsletter-popup-text-color-rgb), .6)
}

.NewsletterPopup .Form__Input::-webkit-input-placeholder {
    color: rgba(var(--newsletter-popup-text-color-rgb), .6)
}

.NewsletterPopup .Form__Input::placeholder {
    color: rgba(var(--newsletter-popup-text-color-rgb), .6)
}

.NewsletterPopup .Form__Input {
    border-color: rgba(var(--newsletter-popup-text-color-rgb), .4)
}

.NewsletterPopup .Button,
.NewsletterPopup .Form__Input:focus {
    border-color: var(--newsletter-popup-text-color)
}

.NewsletterPopup .Button {
    color: var(--newsletter-popup-background)
}

.NewsletterPopup .Button:before {
    background-color: var(--newsletter-popup-text-color)
}

@media screen and (max-width: 640px) {
    @supports (padding:max(0px)) {
        .NewsletterPopup {
            bottom: max(15px, env(safe-area-inset-bottom, 0px) + 15px)
        }
    }
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .NewsletterPopup .Button:not([disabled]):hover {
        color: var(--newsletter-popup-text-color);
        background-color: transparent
    }
}

.NewsletterPopup[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.NewsletterPopup__Close {
    position: absolute;
    right: 15px;
    top: 15px
}

.NewsletterPopup__Close svg {
    display: block;
    width: 15px;
    height: 15px
}

.NewsletterPopup__Content a {
    text-decoration: underline;
    text-underline-position: under
}

.NewsletterPopup__Form {
    margin-top: 32px
}

@media screen and (min-width: 641px) {
    .NewsletterPopup {
        max-width: 385px;
        right: 25px;
        bottom: 25px;
        left: auto;
        padding-top: 35px
    }

    .NewsletterPopup__Close svg {
        width: 18px;
        height: 18px
    }
}

.Password {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    width: 100%;
    min-height: 100vh;
    background-size: cover;
    background-position: 50%
}

.Password__Header {
    position: relative;
    text-align: center
}

.Password__Logo {
    display: block;
    line-height: 1
}

.Password__LogoImage {
    vertical-align: middle
}

.Password__LockAction {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Password__LockAction svg {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    vertical-align: bottom
}

.Password__Content {
    width: 470px;
    max-width: 100%;
    margin: 35px auto
}

.Password__Newsletter {
    margin-bottom: 10px
}

.Password__Card {
    padding: 24px;
    background: var(--light-background);
    text-align: center
}

.Password__Message {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))
}

.Password__Form {
    margin-top: 28px
}

.Password__Form .Button {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%
}

.Password__Social {
    padding: 22px 25px 22px 28px;
    background: var(--background);
    text-align: center
}

.Password__ShareButtons {
    margin-top: 15px
}

@media screen and (min-width: 641px) {
    .Password__Content {
        margin: 80px auto
    }

    .Password__Card {
        padding: 45px 60px 50px
    }

    .Password__Form .Button {
        width: auto;
        margin-top: 0
    }

    .Password__Social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }

    .Password__ShareButtons {
        margin-top: 0;
        margin-left: 15px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.Password__Footer {
    text-align: center
}

.Password__AdminLink {
    display: block;
    margin-top: 15px
}

.Password__Footer svg {
    width: 70px;
    height: 20px;
    vertical-align: bottom;
    margin-left: 2px
}

@media screen and (min-width: 641px) {
    .Password__Footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: left
    }

    .Password__AdminLink {
        margin-top: 0
    }
}

.Password__Modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Product {
    position: relative;
    margin: 0 auto 50px;
    max-width: 1330px
}

.Product--fill {
    max-width: none
}

@media screen and (min-width: 641px) {
    .Product {
        margin-bottom: 120px
    }
}

@media screen and (min-width: 1025px) {
    .Product__Wrapper {
        max-width: calc(100% - 625px);
        margin-left: 0
    }
}

@media screen and (min-width: 1140px) {
    .Product__Wrapper {
        max-width: calc(100% - 650px)
    }

    .Product--small .Product__Slideshow {
        max-width: 400px
    }

    .Product--medium .Product__Slideshow {
        max-width: 550px
    }
}

@media screen and (min-width: 1500px) {
    .Product__Wrapper {
        max-width: calc(100% - 600px)
    }
}

.Product__Gallery {
    position: relative;
    margin-bottom: 28px
}

.Product__ViewInSpace {
    background: rgba(var(--text-color-rgb), .08)
}

.Product__ViewInSpace[data-shopify-xr-hidden] {
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .Product__ViewInSpace[data-shopify-xr] {
        display: none
    }
}

.Product__ViewInSpace svg {
    margin: -1px 12px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.Product__Slideshow:after {
    content: "flickity";
    display: none
}

.Product__SlideItem {
    position: relative
}

.Product__SlideItem--hidden,
.Product__Slideshow.flickity-enabled .Product__SlideItem:not(.is-selected) .plyr__control {
    visibility: hidden
}

.Product__Video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.Product__SlideshowNavBadge {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
    pointer-events: none
}

.Product__SlideshowNavBadge svg {
    display: block;
    width: 20px;
    height: 20px
}

.Product__SlideshowMobileNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 24px 0
}

.Product__SlideshowMobileNav .flickity-page-dots {
    display: inline-block;
    margin-top: 0;
    width: auto
}

.Product__SlideshowMobileNav .dot {
    vertical-align: middle
}

.Product__SlideshowNavArrow {
    position: relative
}

.Product__SlideshowNavArrow:before {
    position: absolute;
    content: "";
    top: -18px;
    right: -18px;
    left: -18px;
    bottom: -18px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Product__SlideshowNavArrow svg {
    display: block;
    width: 6px;
    height: 9px
}

.Product__SlideshowNavArrow--previous {
    margin-right: 24px
}

.Product__SlideshowNavArrow--next {
    margin-left: 24px
}

.Product__SlideshowNav--thumbnails {
    display: none
}

@media screen and (min-width: 641px) {
    .Product__Gallery {
        margin-bottom: 65px
    }

    .Product__SlideshowNav--thumbnails {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .Product__Gallery {
        --gallery-offset: 50px;
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--gallery-offset)) !important;
        margin-top: var(--gallery-offset);
        margin-left: var(--gallery-offset)
    }

    .Product__SlideshowNav--thumbnails {
        display: none
    }

    .Product__SlideshowNav--dots {
        display: block
    }

    .Product__SlideItem {
        display: block !important
    }

    .Product__Slideshow--zoomable .Product__SlideItem--image {
        cursor: var(--cursor-zoom-in-svg) 18 18, -webkit-zoom-in;
        cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
        cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x), -webkit-zoom-in;
        cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x), zoom-in
    }

    .Product__SlideshowNav--dots .Product__SlideshowNavScroller {
        position: -webkit-sticky;
        position: sticky;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    @supports (--css: variables) {
        .Product__SlideshowNav--dots .Product__SlideshowNavScroller {
            top: calc(50% + (var(--header-height) / 2))
        }
    }

    .Product__SlideshowNavDot {
        display: block;
        height: 10px;
        width: 10px;
        border-radius: 100%;
        border: 2px solid var(--border-color);
        background: transparent;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .Product__SlideshowNavDot:not(:last-child) {
        margin-bottom: 12px
    }

    .Product__SlideshowNavDot.is-selected {
        border-color: var(--heading-color);
        background: var(--heading-color)
    }

    .Product__SlideshowNavImage {
        position: relative;
        display: block;
        border: 1px solid transparent;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer
    }

    .Product__SlideshowNavImage:not(:last-child) {
        margin-bottom: 18px
    }

    .Product__SlideshowNavImage.is-selected {
        border-color: var(--heading-color)
    }

    .Product__SlideshowNavPlay {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2));
        filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2))
    }

    .Product__SlideshowNavPlay svg {
        width: 30px;
        height: 30px;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }

    .Product__Gallery--stack .Product__SlideshowNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1
    }

    .Product__Gallery--stack .Product__SlideshowNav--dots {
        left: -30px
    }

    .Product__Gallery--stack .Product__Slideshow:after {
        content: ""
    }

    .Product__Gallery--stack .Product__Slideshow .Image--fadeIn {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition: opacity 1.2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        transition: opacity 1.2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1.2s cubic-bezier(.25, .46, .45, .94), opacity 1.2s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1.2s cubic-bezier(.25, .46, .45, .94), opacity 1.2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94)
    }

    .Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .Product__Gallery--stack .Product__SlideItem {
        margin-bottom: 30px;
        visibility: visible !important;
        opacity: 1 !important
    }

    .Product__Gallery--stack .Product__SlideItem:last-child {
        margin-bottom: 0
    }

    .Product__Gallery--stack .Product__SlideshowNav--thumbnails {
        position: -webkit-sticky;
        position: sticky;
        padding: 0 0 50px;
        top: var(--header-base-height);
        margin-bottom: -50px;
        width: 70px
    }

    @supports (--css: variables) {
        .Product__Gallery--stack .Product__SlideshowNav--thumbnails {
            top: calc(var(--header-height) + 25px)
        }
    }
}

@media screen and (min-width: 1140px) {
    .Product__Gallery {
        margin-bottom: 80px
    }

    .Product__Slideshow {
        margin-left: auto;
        margin-right: auto
    }

    .Product__Gallery--withThumbnails .Product__SlideshowNav--dots {
        display: none
    }

    .Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails {
        display: block
    }

    .Product__Gallery--stack.Product__Gallery--withThumbnails {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow,
    .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow {
        padding-left: 50px
    }

    .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav {
        margin: 10px -10px -10px;
        text-align: center
    }

    .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNavImage {
        display: inline-block;
        width: 70px;
        margin: 10px;
        vertical-align: top
    }

    .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .flickity-page-dots {
        display: none
    }
}

.Product__Aside,
.Product__Info {
    max-width: 500px;
    margin: 0 auto
}

.Product__Info--noGallery {
    padding-top: 24px
}

@media screen and (min-width: 641px) {
    .Product__Info .Container {
        padding-left: 0;
        padding-right: 0
    }

    .Product__Aside .Section {
        max-width: 630px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1025px) {
    .Product__InfoWrapper {
        position: absolute;
        right: 0;
        top: 0
    }

    .Product__Info {
        position: -webkit-sticky;
        position: sticky;
        top: var(--header-base-height);
        right: 0;
        width: 500px;
        margin: 0 100px -40px 50px;
        padding-top: 0;
        padding-bottom: 40px
    }

    @supports (--css: variables) {
        .Product__Info {
            top: calc(var(--header-height) + 25px)
        }
    }

    .Product__Aside {
        max-width: 820px;
        padding-left: 50px
    }

    .Product__Aside .SectionHeader {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1140px) {
    .Product__Info {
        width: 500px
    }
}

@media screen and (min-width: 1500px) {
    .Product__Info {
        margin-right: 50px
    }
}

@-webkit-keyframes shareItemAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shareItemAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    75% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.Product__ActionList {
    position: absolute;
    bottom: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    transition: visibility .2s ease-in-out, opacity .2s ease-in-out
}

.Product__ActionList.is-hidden {
    opacity: 0;
    visibility: hidden
}

.Product__ActionItem {
    display: block;
    position: relative
}

.Product__ActionItem+.Product__ActionItem {
    margin-top: 15px
}

.Product__ShareList {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 100%;
    right: 0;
    color: var(--text-color)
}

.Product__ActionItem .Icon--share {
    margin-left: -1px
}

.Product__ShareItem {
    display: block;
    margin: 15px 0 15px auto;
    padding: 7px 15px 7px 17px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--light-background);
    border-radius: 25px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    white-space: nowrap;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(54, 54, 54, .15);
    -webkit-transition: all .45s cubic-bezier(.645, .045, .355, 1) .2s;
    transition: all .45s cubic-bezier(.645, .045, .355, 1) .2s
}

.Product__ShareItem:active,
.Product__ShareItem:focus {
    color: var(--light-background);
    background: var(--text-color);
    outline: none
}

.Product__ShareItem:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.Product__ShareItem:nth-child(3) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.Product__ShareItem svg {
    margin-right: 12px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
    vertical-align: sub;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Product__ShareItem:hover svg {
    -webkit-animation: shareItemAnimation .5s ease-in-out forwards;
    animation: shareItemAnimation .5s ease-in-out forwards
}

.Product__ShareList[aria-hidden=false] {
    visibility: visible
}

.Product__ShareList[aria-hidden=false] .Product__ShareItem {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@media screen and (min-width: 1025px) {
    .Product__ShareList {
        top: auto;
        bottom: 100%
    }

    .Product__ShareItem {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .Product__ShareItem:nth-child(3),
    .Product__ShareList[aria-hidden=false] .Product__ShareItem {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

.ProductMeta {
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-color)
}

.ProductMeta__ImageWrapper {
    display: block;
    margin-bottom: 32px
}

.ProductMeta__Vendor {
    margin-bottom: 20px
}

.ProductMeta__Title {
    margin-bottom: 0
}

.ProductMeta__PriceList {
    margin-top: 15px
}

.ProductMeta__Price.Price--compareAt {
    margin-left: 30px
}

.ProductMeta__UnitPriceMeasurement {
    margin-top: 5px
}

shopify-payment-terms {
    display: block;
    margin-top: 12px;
    text-align: left
}

.ProductMeta__TaxNotice {
    margin-top: 5px
}

.ProductMeta__Description,
.ProductMeta__Text {
    margin: 24px 0;
    text-align: left
}

.ProductMeta__Text ul,
.my_custom_html_orderinfo ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    list-style-position: inside
}

.ProductMeta__Text ul li,
.my_custom_html_orderinfo ul li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate
}

.ProductMeta__Description {
    padding: 24px;
    border-top: 1px solid var(--border-color)
}

.ProductMeta__Description img {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ProductMeta__Description table {
    width: 100% !important
}

.ProductMeta__Description table td,
.ProductMeta__Description table tr {
    text-align: center
}

.ProductMeta__Description table td {
    padding: 0 !important
}

.ProductMeta__Rating {
    margin-top: 4px
}

.ProductMeta__ShareButtons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0
}

.ProductMeta__ShareTitle {
    margin-right: 6px
}

.ProductMeta__ShareList {
    font-size: 0
}

.ProductMeta__ShareItem {
    display: inline-block;
    margin: 0 7px
}

.ProductMeta__ShareItem svg {
    display: block;
    width: 12px;
    height: 12px;
    opacity: .6;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.ProductMeta__ShareItem:hover svg {
    opacity: 1
}

.ProductForm~.ProductMeta__Description {
    border-top: none;
    padding-top: 0
}

.ProductForm~.ProductMeta__Description .ProductMeta__ShareButtons {
    margin-bottom: 2px
}

.Product__QuickNav {
    position: relative;
    margin-top: 40px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color)
}

.Product__QuickNav a {
    display: block;
    padding: 11px 16px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.Product__QuickNav a:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.Product__QuickNav svg {
    position: absolute;
    right: 18px;
    top: calc(50% - 5px);
    height: 10px;
    width: 8px
}

.Product__QuickNavWrapper {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.Product__QuickNav.is-flipped .Product__QuickNavWrapper {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media screen and (min-width: 1025px) {
    .ProductMeta {
        text-align: left
    }
}

.ProductForm__Variants {
    margin-top: 24px;
    margin-bottom: 24px
}

.ProductForm__Option {
    position: relative;
    margin-bottom: 10px
}

.ProductForm__Option--labelled {
    margin-bottom: 20px
}

.no-js .ProductForm__Option:not(.no-js) {
    display: none
}

.ProductForm__Item {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 10px 28px 10px 14px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ProductForm__Item .Icon--select-arrow {
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    width: 10px;
    height: 10px
}

.ProductForm__Label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700
}

.ProductForm__LabelLink {
    float: right;
    text-decoration: underline;
    text-underline-position: under
}

.ProductForm__SelectedValue {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
    vertical-align: top
}

.ProductForm__OptionCount {
    float: right;
    margin-right: 14px
}

.ProductForm__Inventory {
    margin-top: 24px;
    margin-bottom: 24px;
    font-style: italic
}

.ProductForm__QuantitySelector {
    margin-top: 14px;
    margin-bottom: 24px
}

.ProductForm__Error {
    margin-top: 10px;
    text-align: center
}

.ProductForm__AddToCart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ProductForm__AddToCart,
.pre-order-template button.ProductForm__AddToCart {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pre-order-template button.ProductForm__AddToCart {
    text-align: center;
    color: #fff !important;
    border-width: 0;
    overflow: hidden
}

.pre-order-template button.ProductForm__AddToCart:before {
    background-color: #00ae42
}

.Button--primary:before,
.shopify-payment-button__button--unbranded:before,
.spr-button-primary:not(input):before,
.spr-summary-actions-newreview:before {
    background-color: var(--button-background)
}

.Product__FeatureImageWrapper {
    overflow: hidden;
    background-size: cover
}

.Product__FeatureImage {
    height: 415px;
    background-size: cover;
    background-position: 50%
}

@media screen and (min-width: 641px) {
    .Product__FeatureImage {
        height: 500px
    }
}

@media screen and (min-width: 1140px) {
    .Product__FeatureImage {
        height: 600px
    }

    .Product__FeatureImage--small {
        height: 500px
    }

    .Product__FeatureImage--large {
        height: 700px
    }
}

.Product__Tabs {
    margin: 50px 0
}

@media screen and (max-width: 640px) {
    .Product__Tabs .Collapsible__Content {
        padding-top: 6px;
        padding-bottom: 28px
    }
}

@media screen and (max-width: 1007px) {
    .Product__Tabs .Collapsible {
        padding: 0 24px
    }
}

@media screen and (min-width: 1025px) {
    .Product__Tabs {
        margin: 80px 0
    }

    .Product__Tabs .Collapsible__Content {
        padding-right: 80px
    }
}

@-webkit-keyframes variantSelectorInfoOpeningAnimation {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes variantSelectorInfoOpeningAnimation {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes variantSelectorInfoClosingAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

@keyframes variantSelectorInfoClosingAnimation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

.VariantSelector {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--background);
    padding: 24px 0;
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(54, 54, 54, .2);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    -webkit-transition: visibility .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: visibility .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1)
}

.VariantSelector[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.VariantSelector__Item {
    padding: 0 10px;
    width: 60%
}

.VariantSelector__Info {
    position: relative;
    margin: 48px 24px 0
}

.VariantSelector__ImageWrapper[aria-hidden=true] {
    display: none
}

.VariantSelector__ChoiceList {
    margin-bottom: 34px
}

.VariantSelector__Choice {
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-animation: variantSelectorInfoClosingAnimation .15s ease-in-out forwards;
    animation: variantSelectorInfoClosingAnimation .15s ease-in-out forwards
}

.VariantSelector__Choice.is-selected {
    -webkit-animation: variantSelectorInfoOpeningAnimation .3s ease-in-out forwards;
    animation: variantSelectorInfoOpeningAnimation .3s ease-in-out forwards
}

.VariantSelector__Choice:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

.VariantSelector__ChoiceColor,
.VariantSelector__ChoicePrice {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle
}

.VariantSelector__ChoiceColor {
    border-right: 1px solid var(--border-color)
}

.VariantSelector__ColorSwatch {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    vertical-align: sub;
    background-size: cover
}

.VariantSelector__ColorSwatch--white {
    outline: 1px solid var(--border-color)
}

.VariantSelector__ChoicePrice {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
}

@media screen and (max-width: 640px) {
    .VariantSelector .flickity-prev-next-button {
        display: none
    }
}

@media screen and (min-width: 641px) {
    .VariantSelector {
        top: 50%;
        bottom: auto;
        left: 50%;
        width: 80%;
        padding-bottom: 34px;
        max-height: 100%;
        max-width: 800px;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: auto
    }

    .VariantSelector,
    .VariantSelector[aria-hidden=false] {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .VariantSelector[aria-hidden=false] {
        opacity: 1
    }

    .VariantSelector__Item {
        padding: 0 25px;
        width: 46%
    }

    .VariantSelector .flickity-prev-next-button.next {
        top: calc(50% - 45px);
        right: 20px
    }

    .VariantSelector .flickity-prev-next-button.previous {
        top: calc(50% - 45px);
        left: 20px
    }

    .VariantSelector__Info {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto
    }

    .VariantSelector__ChoicePrice {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))
    }
}

@media (min-width: 800px) and (max-height:950px) {
    .VariantSelector__ImageWrapper {
        max-width: 290px !important
    }
}

.FeaturedProduct__Gallery {
    display: block;
    margin-bottom: 20px
}

.FeaturedProduct__ViewWrapper {
    margin-top: 34px;
    text-align: center
}

@media screen and (min-width: 641px) {
    .FeaturedProduct {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 880px;
        margin: 0 auto
    }

    .FeaturedProduct--center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .FeaturedProduct__Gallery,
    .FeaturedProduct__Info {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .FeaturedProduct__Gallery {
        margin: 0
    }

    .FeaturedProduct__Info {
        margin-left: 50px
    }

    .FeaturedProduct__Info .ProductMeta,
    .FeaturedProduct__ViewWrapper {
        text-align: left
    }
}

@media screen and (min-width: 1025px) {
    .FeaturedProduct__Info {
        margin-left: 80px
    }
}

.shopify-payment-button {
    margin-top: 20px;
    text-align: center
}

.shopify-payment-button__more-options {
    position: relative;
    display: inline-block;
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out;
    width: auto;
    line-height: normal
}

.shopify-payment-button__more-options[aria-hidden=true] {
    display: none
}

.shopify-payment-button__more-options:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: currentColor;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .shopify-payment-button__more-options:hover:before {
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.shopify-payment-button__more-options:hover:not([disabled]) {
    text-decoration: none
}

#shopify-product-reviews {
    margin: 18px 0 28px !important;
    overflow: visible !important
}

#shopify-product-reviews .spr-form-title,
#shopify-product-reviews .spr-header-title,
#shopify-product-reviews .spr-pagination,
#shopify-product-reviews .spr-review-reportreview,
#shopify-product-reviews .spr-summary-caption,
#shopify-product-reviews .spr-summary-starrating {
    display: none
}

#shopify-product-reviews .spr-container {
    padding: 0;
    border: none
}

#shopify-product-reviews .spr-container,
#shopify-product-reviews .spr-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#shopify-product-reviews .spr-form,
#shopify-product-reviews .spr-header {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

#shopify-product-reviews .spr-content,
#shopify-product-reviews .spr-reviews {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

#shopify-product-reviews .spr-form {
    margin: -4px 0 0;
    padding: 0
}

#shopify-product-reviews .spr-icon {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px))
}

#shopify-product-reviews .spr-form-input .spr-icon {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

#shopify-product-reviews .spr-icon+.spr-icon {
    margin-left: 3px
}

#shopify-product-reviews .spr-icon-star-empty {
    opacity: .25
}

#shopify-product-reviews .spr-icon-star-empty:before {
    content: ""
}

#shopify-product-reviews .spr-starrating.spr-form-input-error a {
    color: inherit
}

#shopify-product-reviews .spr-reviews {
    margin: -6px 0 35px
}

#shopify-product-reviews .spr-review {
    position: relative;
    padding: 0 0 30px;
    border: none;
    margin: 0
}

#shopify-product-reviews .spr-review+.spr-review {
    margin-top: 26px
}

#shopify-product-reviews .spr-review-header {
    position: static;
    margin-bottom: 12px
}

#shopify-product-reviews .spr-review-header-starratings {
    margin-bottom: 0
}

#shopify-product-reviews .spr-review-header-title {
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    text-transform: uppercase;
    letter-spacing: .2em
}

#shopify-product-reviews .spr-review-header-byline {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    font-style: normal;
    opacity: 1;
    color: var(--text-color-light)
}

#shopify-product-reviews .spr-review-header-byline strong {
    font-weight: 400
}

#shopify-product-reviews .spr-review-content {
    margin-bottom: 0
}

#shopify-product-reviews .spr-review-reply {
    margin: 18px 0 6px;
    padding: 0 0 0 14px;
    background: none;
    border-left: 3px solid var(--border-color);
    font-style: italic
}

#shopify-product-reviews .spr-summary-actions {
    display: block
}

#shopify-product-reviews .spr-review-reply-shop {
    float: none
}

#shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews .spr-summary-actions-newreview {
    width: 100%
}

#shopify-product-reviews input.spr-button-primary {
    border-color: var(--button-background);
    background: var(--button-background);
    color: var(--button-text-color);
    width: 100%
}

#shopify-product-reviews .spr-pagination-next,
#shopify-product-reviews .spr-pagination-prev {
    display: block;
    position: relative;
    margin-bottom: 20px
}

#shopify-product-reviews .spr-pagination-next>a,
#shopify-product-reviews .spr-pagination-prev>a {
    width: 100%
}

#shopify-product-reviews .new-review-form {
    margin-top: 20px
}

#shopify-product-reviews .spr-form-contact-email,
#shopify-product-reviews .spr-form-contact-location,
#shopify-product-reviews .spr-form-contact-name,
#shopify-product-reviews .spr-form-review-body,
#shopify-product-reviews .spr-form-review-rating,
#shopify-product-reviews .spr-form-review-title {
    margin-bottom: 15px
}

@media screen and (min-width: 641px) {
    #shopify-product-reviews {
        margin: 8px 40px 28px 0 !important
    }

    #shopify-product-reviews .spr-review-header-title {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }

    #shopify-product-reviews .spr-review-content-body,
    #shopify-product-reviews .spr-review-header-byline {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
    }

    #shopify-product-reviews .spr-header {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 100%
    }

    #shopify-product-reviews .spr-button-primary:not(input),
    #shopify-product-reviews .spr-pagination-next>a,
    #shopify-product-reviews .spr-pagination-prev>a,
    #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews input.spr-button-primary {
        width: auto;
        float: none
    }

    #shopify-product-reviews .spr-form-contact-email,
    #shopify-product-reviews .spr-form-contact-location,
    #shopify-product-reviews .spr-form-contact-name,
    #shopify-product-reviews .spr-form-review-body,
    #shopify-product-reviews .spr-form-review-rating,
    #shopify-product-reviews .spr-form-review-title {
        margin-bottom: 25px
    }

    #shopify-product-reviews .spr-summary-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    #shopify-product-reviews .spr-pagination-next,
    #shopify-product-reviews .spr-pagination-prev {
        margin: 0 20px 0 0
    }

    #shopify-product-reviews .spr-pagination-next>a,
    #shopify-product-reviews .spr-pagination-prev>a {
        display: block
    }
}

@media screen and (min-width: 1025px) {
    #shopify-product-reviews {
        margin-bottom: 4px !important
    }
}

@media screen and (min-width: 1140px) {
    #shopify-product-reviews {
        margin-right: 100px !important
    }
}

.Search {
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    background: var(--background);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out, visibility .15s ease-in-out, -webkit-transform .15s ease-in-out;
    z-index: -1
}

.Search[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Search__Inner {
    padding: 14px 18px;
    max-height: calc(100vh - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@supports (--css: variables) {
    .Search__Inner {
        max-height: calc(100vh - var(--header-height) - 88px)
    }
}

.Search__Form,
.Search__SearchBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Search__Form {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.Search__Form .Icon--search {
    width: 18px;
    height: 17px
}

.Search__Form .Icon--search-desktop {
    width: 21px;
    height: 21px
}

.Search__InputIconWrapper {
    position: relative;
    top: -1px;
    margin-right: 12px;
    color: var(--text-color-light)
}

.Search__Input {
    background: none;
    width: 100%;
    border: none;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
    vertical-align: middle
}

.Search__Input::-moz-placeholder {
    color: var(--text-color-light)
}

.Search__Input:-ms-input-placeholder {
    color: var(--text-color-light)
}

.Search__Input::-webkit-input-placeholder {
    color: var(--text-color-light)
}

.Search__Input::placeholder {
    color: var(--text-color-light)
}

.Search__Input::-ms-clear {
    display: none
}

.Search__Close {
    color: var(--text-color-light);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
    line-height: 1
}

.Search__Results {
    display: none;
    margin-top: 30px;
    margin-bottom: 30px
}

.Search__Results[aria-hidden=false] {
    display: block
}

@media screen and (max-width: 640px) {
    .Search__Results .ProductItem__Wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Search__Results .Grid__Cell+.Grid__Cell {
        margin-top: 25px
    }

    .Search__Results .ProductItem__ImageWrapper {
        width: 70px;
        min-width: 70px;
        margin-right: 25px
    }

    .Search__Results .ProductItem__Info {
        margin-top: 0;
        text-align: left
    }
}

@media screen and (min-width: 641px) {
    .Search__Inner {
        padding: 28px 50px
    }

    .Search__Input {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px))
    }

    .Search__InputIconWrapper {
        margin-right: 20px
    }

    .Search__Close {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px))
    }

    .Search__Close svg {
        stroke-width: 1.25px
    }

    .Search__Results {
        margin-top: 70px;
        margin-bottom: 48px
    }
}

@-webkit-keyframes shopTheLookDotKeyframe {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes shopTheLookDotKeyframe {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ShopTheLook {
    z-index: 2
}

.ShopTheLook__Item {
    padding: 0 5px;
    width: calc(100% - 40px);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.ShopTheLook__Item.is-selected {
    z-index: 1
}

.ShopTheLook__ImageWrapper {
    position: relative;
    max-width: 100%
}

.ShopTheLook__Image {
    display: block;
    height: 100%;
    width: 100%
}

.ShopTheLook__Dot {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .25);
    cursor: pointer;
    z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.ShopTheLook__Dot:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
    border-radius: 100%;
    background: hsla(0, 0%, 100%, .4);
    -webkit-animation: shopTheLookDotKeyframe 1.4s ease-in-out infinite;
    animation: shopTheLookDotKeyframe 1.4s ease-in-out infinite
}

.ShopTheLook__Dot--dark {
    background: #000
}

.ShopTheLook__Dot--dark:after {
    background: rgba(0, 0, 0, .4)
}

.ShopTheLook__Dot.is-active,
.supports-hover .ShopTheLook__Dot:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.ShopTheLook__ProductItem .ProductItem__ImageWrapper {
    max-width: 150px;
    margin: 0 auto
}

.ShopTheLook__DiscoverButtonWrapper {
    margin: 24px 24px 0;
    text-align: center
}

@media screen and (max-width: 640px) {
    .ShopTheLook__ViewButton {
        width: 100%
    }

    .ShopTheLook__ProductItem--withHiddenInfo .ProductItem__Info {
        display: none
    }

    .ShopTheLook__ProductItem {
        padding: 15px 0
    }
}

@media screen and (max-width: 1007px) {
    .ShopTheLook>.flickity-viewport {
        -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .ShopTheLook:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--background);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    .ShopTheLook.is-zoomed:before {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .ShopTheLook.is-zoomed .ShopTheLook__Item:not(.is-selected) {
        opacity: 0
    }

    .ShopTheLook__ProductItem {
        padding: 30px 0 40px
    }
}

@media screen and (min-width: 641px) {
    .ShopTheLook__DiscoverButtonWrapper {
        margin-top: 50px
    }

    .ShopTheLook__Item {
        width: auto;
        padding: 0 15px
    }

    .ShopTheLook__ProductItem .ProductItem__Wrapper {
        max-width: 250px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1025px) {
    .ShopTheLook {
        max-width: 1480px;
        margin: 0 auto;
        padding: 0 130px
    }

    .ShopTheLook__Item {
        width: 100%;
        padding: 0
    }

    .ShopTheLook__Inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 550px
    }

    .ShopTheLook__ImageWrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .ShopTheLook__Image {
        max-height: 100%;
        width: auto
    }

    .ShopTheLook__ProductList {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 270px;
        margin: 0 80px
    }

    .ShopTheLook__ProductItem .ProductItem__Wrapper {
        max-width: none
    }

    .ShopTheLook__ProductItem .ProductItem__ImageWrapper {
        max-width: 250px
    }

    .ShopTheLook__ViewButton {
        margin-top: 25px
    }

    .ShopTheLook .flickity-prev-next-button {
        top: calc(50% - (45px / 2))
    }

    .ShopTheLook .flickity-prev-next-button.next {
        right: 40px
    }

    .ShopTheLook .flickity-prev-next-button.previous {
        left: 40px
    }
}

.SidebarMenu {
    height: 100%;
    background: var(--navigation-background)
}

.SidebarMenu,
.SidebarMenu .Heading,
.supports-hover .SidebarMenu .Link--primary:hover {
    color: var(--navigation-text-color)
}

.SidebarMenu .Text--subdued {
    color: var(--navigation-text-color-light)
}

.SidebarMenu .Collapsible,
.SidebarMenu .Linklist {
    border-color: var(--navigation-border-color)
}

.SidebarMenu__Nav .Collapsible:first-child {
    border-top: none
}

.SidebarMenu .Drawer__Main:after {
    display: block;
    content: "";
    height: 35px
}

.SidebarMenu__Nav--secondary {
    margin-top: 28px
}

.SidebarMenu .Drawer__Footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    box-shadow: 0 1px var(--navigation-border-color) inset;
    color: var(--navigation-text-color-light)
}

.SidebarMenu__CurrencySelector,
.SidebarMenu__Social {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    padding: 6px 0
}

.SidebarMenu__CurrencySelector {
    width: 120px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    text-align: center;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
}

.SidebarMenu__CurrencySelector .Select {
    display: inline-block
}

@supports (padding: max(0px)) {

    .SidebarMenu__CurrencySelector,
    .SidebarMenu__Social {
        padding-bottom: max(6px, env(safe-area-inset-bottom, 0px) + 6px)
    }
}

@supports (display: grid) {
    .SidebarMenu__Social {
        display: grid;
        grid-template-columns: repeat(auto-fit, 34px);
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        text-align: center
    }
}

.SidebarMenu__CurrencySelector+.SidebarMenu__Social {
    border-left: 1px solid var(--navigation-border-color)
}

.SidebarMenu .Drawer__Content:before,
.SidebarMenu .Drawer__Footer:before {
    position: absolute;
    content: "";
    width: 100%;
    pointer-events: none;
    z-index: 1
}

.SidebarMenu .Drawer__Content:before {
    top: 0;
    height: 25px;
    background-image: -webkit-linear-gradient(var(--navigation-background), rgba(var(--navigation-background-rgb), .6) 40%, rgba(var(--navigation-background-rgb), 0));
    background-image: linear-gradient(var(--navigation-background), rgba(var(--navigation-background-rgb), .6) 40%, rgba(var(--navigation-background-rgb), 0))
}

.SidebarMenu .Drawer__Footer:before {
    bottom: 100%;
    height: 30px;
    background-image: -webkit-linear-gradient(rgba(var(--navigation-background-rgb), 0), rgba(var(--navigation-background-rgb), .6) 40%, var(--navigation-background));
    background-image: linear-gradient(rgba(var(--navigation-background-rgb), 0), rgba(var(--navigation-background-rgb), .6) 40%, var(--navigation-background))
}

@media screen and (min-width: 1025px) {
    .SidebarMenu .Drawer__Content:before {
        height: 40px
    }

    .SidebarMenu .Drawer__Main {
        padding-top: 26px
    }

    .SidebarMenu .Drawer__Main:after {
        height: 60px
    }

    .SidebarMenu .Drawer__Footer:before {
        height: 70px
    }
}

.shopify-section--slideshow {
    position: relative
}

.Slideshow--fullscreen {
    height: 100vh
}

@supports (--css: variables) {
    .js .Slideshow--fullscreen {
        height: calc(var(--window-height) - (var(--header-height) * 0) - 0px);
        height: calc(var(--window-height) - (var(--header-height) * var(--header-is-not-transparent, 0)) - var(--announcement-bar-height, 0px));
        max-height: 100vh
    }
}

.js .Slideshow__Carousel .Slideshow__Slide {
    -webkit-transition: none;
    transition: none
}

.js .Slideshow__Carousel .Slideshow__Slide.is-selected {
    visibility: hidden
}

.Slideshow__ImageContainer {
    height: 100%
}

.Slideshow--fullscreen .Slideshow__Image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.Slideshow__Image {
    z-index: 0
}

@supports (object-fit: cover) {
    .js .Slideshow__Image {
        opacity: 0
    }
}

.Slideshow__Content,
.Slideshow__Content__Heading {
    position: absolute;
    padding: 0 24px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.Slideshow__Content--bottomLeft,
.Slideshow__Content--middleLeft {
    text-align: left
}

.Slideshow__Content--bottomLeft .ButtonGroup,
.Slideshow__Content--middleLeft .ButtonGroup {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Slideshow__Content--bottomRight,
.Slideshow__Content--middleRight {
    text-align: right
}

.Slideshow__Content--bottomRight .ButtonGroup,
.Slideshow__Content--middleRight .ButtonGroup {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Slideshow__Content--bottomCenter,
.Slideshow__Content--bottomLeft,
.Slideshow__Content--bottomRight {
    top: auto;
    bottom: 70px;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.js .Slideshow__Content .SectionHeader,
.js .Slideshow__Content__Heading .SectionHeader2,
.js .Slideshow__Content__Heading .SectionHeader3 {
    opacity: 0
}

.Slideshow__ScrollButton {
    position: absolute;
    left: calc(50% - 25px);
    bottom: -25px
}

.Slideshow__Carousel--withScrollButton {
    margin-bottom: 25px
}

.Slideshow--fullscreen .Slideshow__ScrollButton {
    bottom: 10px
}

.Slideshow--fullscreen .Slideshow__Carousel--withScrollButton {
    max-height: calc(100% - 35px);
    margin-bottom: 0
}

@media screen and (min-width: 1025px) {

    .Slideshow__Content,
    .Slideshow__Content__Heading {
        padding: 0 70px
    }
}

.store-availability-container {
    margin-top: 30px
}

.store-availability-information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.Icon--store-availability-in-stock {
    position: relative;
    width: 13px;
    height: 9px
}

.Icon--store-availability-out-of-stock {
    position: relative;
    width: 11px;
    height: 10px
}

.store-availability-information-container {
    margin-left: 6px
}

.store-availability-information__title {
    margin-bottom: 2px
}

.store-availability-information__stock {
    margin-bottom: 5px
}

.store-availability-information__link,
.store-availability-information__stock,
.store-availability-list__item-info {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))
}

.store-availability-list__item:first-child {
    margin-top: 25px
}

.store-availability-list__item {
    margin-top: 30px
}

.store-availability-list__location,
.store-availability-list__stock {
    margin-bottom: 5px
}

.store-availability-list__stock svg {
    margin-right: 3px
}

.store-availability-list__contact {
    line-height: 1.45
}

.store-availability-list__stock .Icon--store-availability-in-stock {
    top: -1px
}

.store-availability-list__contact p {
    margin-bottom: 0
}

.store-availabilities-modal__product-information {
    text-align: left
}

@-webkit-keyframes testimonialOpening {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes testimonialOpening {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes testimonialClosing {
    0% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes testimonialClosing {
    0% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        visibility: visible;
        opacity: 0;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.Testimonial {
    text-align: center;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px))
}

.Testimonial__Logo {
    margin-top: 54px
}

.js .TestimonialList {
    opacity: 0;
    -webkit-transition: opacity 0s linear .5s;
    transition: opacity 0s linear .5s
}

.js .TestimonialList.flickity-enabled {
    opacity: 1
}

.js .TestimonialList .flickity-viewport {
    overflow: visible
}

.js .TestimonialList .flickity-page-dots {
    position: relative;
    margin-top: 60px
}

.js .TestimonialList .Testimonial {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-animation: testimonialClosing .4s cubic-bezier(.55, .055, .675, .19) forwards;
    animation: testimonialClosing .4s cubic-bezier(.55, .055, .675, .19) forwards
}

.js .TestimonialList .Testimonial.is-selected {
    opacity: 0;
    visibility: hidden;
    pointer-events: auto;
    -webkit-animation: testimonialOpening .4s cubic-bezier(.25, .46, .45, .94) .8s forwards;
    animation: testimonialOpening .4s cubic-bezier(.25, .46, .45, .94) .8s forwards
}

@media screen and (max-width: 640px) {
    .Testimonial__Logo {
        max-width: 110px
    }
}

@media screen and (min-width: 641px) {
    .Testimonial {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px))
    }

    .Testimonial__Content {
        max-width: 550px;
        margin: 0 auto
    }

    .TestimonialNav__Item,
    .Testimonial__Logo {
        max-width: 150px
    }
}

@media screen and (min-width: 1025px) {
    .TestimonialList--withNav .flickity-page-dots {
        display: none
    }

    .TestimonialNav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 70px
    }

    .TestimonialNav__Item {
        margin: 0 25px;
        cursor: pointer;
        opacity: .25;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        will-change: opacity
    }

    .TestimonialNav__Item.is-selected {
        opacity: 1
    }
}

@media screen and (min-width: 1140px) {
    .TestimonialNav__Item {
        margin: 0 45px
    }
}

.Timeline {
    box-shadow: 0 -2px 10px rgba(54, 54, 54, .2)
}

.Timeline__ListItem {
    position: relative;
    height: 540px;
    text-shadow: 0 1px rgba(0, 0, 0, .5)
}

.Timeline__Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    background: rgba(54, 54, 54, .2);
    pointer-events: none;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.Timeline__ImageWrapper,
.Timeline__Item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Timeline__ImageWrapper {
    overflow: hidden
}

.Timeline__Image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-transform: translateX(-50px) scale(1.1);
    -ms-transform: translateX(-50px) scale(1.1);
    transform: translateX(-50px) scale(1.1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.Timeline__Inner {
    position: relative;
    padding: 80px 14px 40px;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.Timeline__Header>* {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1) .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s
}

.Timeline__Header>.SectionHeader__Description {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.Timeline__Item.is-selected {
    opacity: 1;
    pointer-events: auto
}

.Timeline__Item.is-selected .Timeline__Image {
    -webkit-transform: translateX(0) scale(1.1);
    -ms-transform: translateX(0) scale(1.1);
    transform: translateX(0) scale(1.1)
}

.Timeline__Item.is-selected .Timeline__Header>* {
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width: 640px) {
    .shopify-section--timeline {
        border-top: none !important
    }

    .shopify-section--timeline .Section {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .shopify-section--timeline .Container {
        padding-left: 0;
        padding-right: 0
    }

    .Timeline__Header .Heading,
    .Timeline__Header .Rte a {
        color: inherit
    }

    .Timeline__Header .SectionHeader__Description {
        margin: 34px 30px 0
    }
}

@media screen and (min-width: 641px) {
    .Timeline__ListItem {
        max-width: 1230px;
        margin: 0 auto;
        height: 400px;
        text-shadow: none
    }

    .Timeline__Item {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-color: var(--light-background)
    }

    .Timeline__ImageWrapper,
    .Timeline__Inner {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

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

    .Timeline__ImageWrapper:after {
        display: none
    }

    .Timeline__Image {
        -webkit-transform: translateX(-60px) scale(1.1);
        -ms-transform: translateX(-60px) scale(1.1);
        transform: translateX(-60px) scale(1.1)
    }

    .Timeline__Inner {
        padding: 34px 40px;
        color: var(--text-color)
    }

    .Timeline__Header {
        text-align: left
    }
}

@media screen and (min-width: 1025px) {
    .Timeline__ListItem {
        height: 515px
    }

    .Timeline__Inner {
        padding: 54px 60px
    }
}

.Timeline__Nav {
    position: relative;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    letter-spacing: .2em;
    color: var(--text-color-light);
    background: var(--light-background)
}

.Timeline__NavWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.Timeline__NavWrapper--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Timeline__NavItem {
    position: relative;
    padding: 30px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: inherit;
    vertical-align: text-bottom;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.Timeline__NavItem:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 20px;
    height: 3px;
    width: calc(100% - 40px - .2em);
    opacity: 0;
    background: var(--text-color);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.Timeline__NavItem.is-selected {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
    color: var(--text-color)
}

.Timeline__NavItem.is-selected:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Timeline__NavLabel {
    display: block;
    line-height: 0
}

@media screen and (min-width: 641px) {
    .Timeline {
        box-shadow: none
    }

    .Timeline__Nav {
        margin-top: 40px;
        background: none;
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }

    .Timeline__NavWrapper {
        display: block;
        text-align: center
    }

    .Timeline__NavItem {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media screen and (min-width: 1140px) {
    .Timeline__Nav {
        margin-top: 65px
    }
}

.shopify-payment-button.with-tips-payment-button button.shopify-payment-button__button {
    height: 45px;
    font-size: 0 !important;
    background-color: #1c1b1b !important;
    color: #fff !important;
    border-width: 0
}

.shopify-payment-button.with-tips-payment-button button.shopify-payment-button__button:before {
    background-color: #f35046
}

#shopify-product-reviews .spr-content {
    margin-bottom: 20px
}

.gf-left #gf-tree {
    width: 240px !important
}

.gf-left #gf-tree:not(.spf-hidden)+#gf-grid {
    width: calc(100% - 240px) !important;
    padding-left: 0 !important
}

.shopify-section.shopify-section--bordered.normal-product-template,
.shopify-section.shopify-section--bordered.pre-order-template {
    position: relative;
    z-index: 2
}

.ProductForm__BuyButtons {
    position: fixed;
    left: 0;
    bottom: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2);
    z-index: 20
}

.ProductForm__BuyButtons .ProductForm__BuyButtons_Inner {
    max-width: 1330px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 0 50px;
    overflow: hidden
}

.ProductForm__BuyButtons .ProductForm__BuyButtons_Inner button {
    width: auto;
    min-width: 300px
}

@media screen and (max-width: 640px) {
    .ProductForm__BuyButtons .ProductForm__BuyButtons_Inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px 24px;
        gap: 10px
    }

    .ProductForm__BuyButtons .ProductForm__BuyButtons_Inner button {
        width: 100%
    }

    .ProductForm__BuyButtons .ProductForm__BuyButtons_Inner .ProductMeta__PriceList .ProductMeta__Price.Text--subdued.u-h4 {
        font-size: 14px
    }
}

@media screen and (max-width: 1025px) {
    .ProductForm__BuyButtons .ProductForm__BuyButtons_Inner {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ProductForm__BuyButtons .ProductForm__BuyButtons_Inner .ProductMeta__PriceList {
    margin-top: 0
}

@media screen and (max-width: 475px) {
    .ProductMeta__Price.Price--compareAt {
        margin-left: 0
    }

    .ProductForm__BuyButtons .ProductForm__BuyButtons_Inner .ProductMeta__PriceList {
        text-align: center
    }
}

.ProductForm__BuyButtons .ProductForm__BuyButtons_Inner button {
    margin-top: 0 !important
}

.cbb-frequently-bought-container.cbb-desktop-view {
    position: relative
}

.gf-block-scroll {
    overflow: unset !important;
    max-height: unset !important
}

.gf-option-box a.checked .gf-label {
    font-weight: 600 !important;
    color: #3a3a3a !important
}

@media screen and (min-width: 768px) {
    .boost-pfs-filter-left-col {
        width: 240px !important
    }

    .boost-pfs-filter-right-col {
        width: calc(100% - 240px) !important
    }
}

body .boost-pfs-filter-scroll-to-top {
    top: auto;
    bottom: 140px;
    right: 20px
}

@media (max-width: 767px) {
    body .boost-pfs-filter-scroll-to-top {
        top: auto;
        bottom: 140px;
        right: 20px
    }
}

section.shopify-section--home-lastMargin:last-of-type {
    margin-bottom: 40px
}

@media screen and (min-width: 641px) {
    section.shopify-section--home-lastMargin:last-of-type {
        margin-bottom: 90px
    }
}

.bf-text_wrap {
    width: 100%
}

.bf-black_friday {
    font-family: Impact;
    font-size: 55px;
    line-height: 55px;
    background: -webkit-linear-gradient(top, #000 28.21%, hsla(0, 0%, 100%, 0) 89.74%);
    background: linear-gradient(180deg, #000 28.21%, hsla(0, 0%, 100%, 0) 89.74%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bf-black_friday,
.bf-save_wrap {
    font-style: normal;
    font-weight: 400;
    text-wrap: nowrap
}

.bf-save_wrap {
    margin-top: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #dd342f;
    font-size: 70px;
    line-height: 70px
}

.bf-up_to {
    width: 17px;
    color: #333;
    font-family: Impact;
    font-size: 17.965px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.965px;
    text-wrap: wrap
}

.bf-gift {
    font-size: 14px;
    font-weight: 700;
    line-height: 15.935px
}

.bf-date,
.bf-gift {
    text-align: center;
    color: #333;
    font-style: normal;
    text-wrap: nowrap
}

.bf-date {
    margin-top: 14px;
    font-size: 12.927px;
    font-weight: 500;
    line-height: 12.927px
}

@media screen and (min-width: 640px) {
    .bf-text_wrap {
        width: 355px
    }

    .bf-black_friday {
        font-size: 65px;
        line-height: 65px
    }

    .bf-save_wrap {
        margin-top: -20px;
        gap: 10px;
        font-size: 80px;
        line-height: 80px
    }

    .bf-up_to {
        width: 25px;
        font-size: 22.965px;
        line-height: 22.965px
    }

    .bf-gift {
        text-align: left;
        font-size: 20px;
        font-weight: 700;
        line-height: 21.935px
    }

    .bf-date {
        text-align: left;
        margin-top: 14px;
        font-size: 15.927px;
        line-height: 15.927px
    }
}

@media screen and (min-width: 1500px) {
    .bf-text_wrap {
        width: 445px
    }

    .bf-black_friday {
        font-size: 80px;
        line-height: 80px
    }

    .bf-save_wrap {
        margin-top: -20px;
        gap: 10px;
        font-size: 100px;
        line-height: 100px
    }

    .bf-up_to {
        width: 30px;
        font-size: 27.965px;
        line-height: 27.965px
    }

    .bf-gift {
        text-align: left;
        font-size: 25px;
        font-weight: 700;
        line-height: 26.935px
    }

    .bf-date {
        text-align: left;
        margin-top: 14px;
        font-size: 20.927px;
        line-height: 20.927px
    }
}

@media screen and (min-width: 1800px) {
    .bf-text_wrap {
        width: 545px
    }

    .bf-black_friday {
        font-size: 100px;
        line-height: 100px;
        background: -webkit-linear-gradient(top, #000 28.21%, hsla(0, 0%, 100%, 0) 89.74%);
        background: linear-gradient(180deg, #000 28.21%, hsla(0, 0%, 100%, 0) 89.74%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .bf-black_friday,
    .bf-save_wrap {
        font-family: Impact;
        font-style: normal;
        font-weight: 400
    }

    .bf-save_wrap {
        margin-top: -20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        color: #dd342f;
        font-size: 120px;
        line-height: 120px
    }

    .bf-up_to {
        width: 50px;
        color: #333;
        font-family: Impact;
        font-size: 47.965px;
        font-style: normal;
        font-weight: 400;
        line-height: 47.965px
    }

    .bf-gift {
        font-size: 30px;
        font-weight: 700;
        line-height: 31.935px
    }

    .bf-date,
    .bf-gift {
        text-align: left;
        color: #333;
        font-style: normal
    }

    .bf-date {
        margin-top: 14px;
        font-size: 25.927px;
        font-weight: 500;
        line-height: 25.927px
    }
}

.pct.pct_mc .pct_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.pct.pct_mc .pct_flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 640px) {
    .pct.pct_mc .pct_flex-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .pct.pct_mc .hide-in-mobile,
    .pct_hide-in-mobile {
        display: none
    }

    .pct_text-left-mobile {
        text-align: left !important
    }

    .pct_padding-in-mobile {
        padding-left: 20px;
        padding-right: 20px
    }

    .pct_grad-1-mobile {
        grid-template-columns: 1fr !important
    }

    .pct_grad-2-mobile {
        grid-template-columns: 1fr 1fr !important
    }

    .pct_grad-3-mobile {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .pct_font-size-mobile-12 {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .pct_font-size-mobile-14 {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .pct_font-size-mobile-16 {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .pct_font-size-mobile-18 {
        font-size: 18px !important;
        line-height: 22px !important
    }

    .pct_font-size-mobile-20 {
        font-size: 20px !important;
        line-height: 24px !important
    }

    .pct_font-size-mobile-22 {
        font-size: 22px !important;
        line-height: 26px !important
    }

    .pct_font-size-mobile-24 {
        font-size: 24px !important;
        line-height: 28px !important
    }

    .pct_font-size-mobile-26 {
        font-size: 26px !important;
        line-height: 30px !important
    }

    .pct_margin-top-mobile-10 {
        margin-top: 10px !important
    }

    .pct_margin-top-mobile-20 {
        margin-top: 20px !important
    }

    .pct_margin-top-mobile-30 {
        margin-top: 30px !important
    }

    .pct_margin-top-mobile-40 {
        margin-top: 40px !important
    }

    .pct_margin-top-mobile-50 {
        margin-top: 50px !important
    }
}

@media (min-width: 640px) {
    .pct_max-width-title {
        max-width: 700px;
        margin: 0 auto
    }

    .pct.pct_mc .pct_flex-pc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .pct.pct_mc .hide-in-pc,
    .pct_hide-in-pc {
        display: none
    }

    .pct_text-left-pc {
        text-align: left !important
    }

    .pct_grad-1-pc {
        grid-template-columns: 1fr !important
    }

    .pct_grad-2-pc {
        grid-template-columns: 1fr 1fr !important
    }

    .pct_grad-3-pc {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .pct_font-size-pc-12 {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .pct_font-size-pc-16 {
        font-size: 16px !important;
        line-height: 26px !important
    }

    .pct_font-size-pc-20 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .pct_font-size-pc-24 {
        font-size: 24px !important;
        line-height: 34px !important
    }

    .pct_font-size-pc-28 {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .pct_font-size-pc-30 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    .pct_font-size-pc-40 {
        font-size: 40px !important;
        line-height: 50px !important
    }

    .pct_font-size-pc-50 {
        font-size: 50px !important;
        line-height: 60px !important
    }

    .pct_font-size-pc-60 {
        font-size: 60px !important;
        line-height: 70px !important
    }

    .pct_margin-top-pc-10 {
        margin-top: 10px !important
    }

    .pct_margin-top-pc-20 {
        margin-top: 20px !important
    }

    .pct_margin-top-pc-30 {
        margin-top: 30px !important
    }

    .pct_margin-top-pc-40 {
        margin-top: 40px !important
    }

    .pct_margin-top-pc-50 {
        margin-top: 50px !important
    }

    .pct_margin-top-pc-60 {
        margin-top: 60px !important
    }

    .pct_margin-top-pc-80 {
        margin-top: 80px !important
    }

    .pct_margin-top-pc-100 {
        margin-top: 100px !important
    }

    .pct_margin-top-pc-120 {
        margin-top: 120px !important
    }

    .pct_margin-top-pc-150 {
        margin-top: 150px !important
    }
}

.pct {
    color: #333
}

.pct .pct_ic {
    font-size: 0
}

.pct .pct_i {
    display: none;
    width: 100%
}

.pct .pct_mi {
    display: inline-block;
    width: 100%
}

.pct.pct_mc {
    margin: 0 auto
}

.pct.pct_mc .pct_ic {
    margin-top: 20px
}

.pct_divider {
    width: 100%;
    height: 40px
}

.pct.pct_mc h2 {
    margin: 0;
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    color: #333
}

.pct.pct_mc h3 {
    margin: 0;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    color: #333
}

.pct.pct_mc p {
    margin: 0;
    font-size: 15px;
    line-height: 24.5px;
    color: #333
}

.pct.pct_mc br {
    height: 20px
}

.pct.pct_mc p:empty {
    height: 24.5px
}

.pct_st:empty {
    height: 32px
}

.pct_t:empty {
    height: 36px
}

.pct.pct_mc ul li {
    list-style-type: disc
}

@media (min-width: 375px) and (max-width:500px) {

    .pct_t-stpcic>div:not(.pct_stpc-ic)>div>h3,
    .pct_t-stpcic>div:not(.pct_stpc-ic)>div>p {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pct.pct_mc span {
    white-space: normal
}

.pct.pct_mc .pct_t {
    margin: 0;
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    color: #333
}

.pct_p span {
    display: inline-block
}

.pct.pct_mc .pct_st {
    margin: 0;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    color: #333
}

.pct.pct_mc .pct_p {
    margin: 0;
    font-size: 15px;
    line-height: 24.5px;
    color: #333
}

.pct.pct_mc .pct_sp {
    margin: 0;
    font-size: 15px;
    line-height: 24.75px;
    color: #9e9e9e
}

.pct_underline {
    text-decoration: underline;
    -moz-text-decoration-color: "#BFBFBF";
    text-decoration-color: "#BFBFBF"
}

.tpl-main-feature-text p {
    width: 100%;
    word-wrap: break-word !important;
    word-break: normal
}

@media (min-width: 640px) {
    .pct .pct_i {
        display: inline-block
    }

    .pct .pct_mi {
        display: none
    }

    .pct.pct_mc .pct_ic {
        margin-top: 30px
    }

    .pct_divider {
        height: 70px
    }

    .pct_max-width-title {
        max-width: 700px;
        margin: 0 auto
    }

    .pct.pct_mc .pct_flex-pc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .pct.pct_mc .hide-in-pc {
        display: none
    }
}

.pct .pct_head-ic .pct_ic {
    margin-top: 0
}

.pct .pct_tpc-ic {
    text-align: center
}

.pct .pct_tpc-ic .pct_t-p {
    padding: 0 20px
}

.pct .pct_t-p .pct_p {
    margin-top: 5px
}

.pct .sub-pct_t-p .pct_p {
    margin-top: 10px
}

@media (min-width: 640px) {
    .pct .pct_tpc-ic .pct_t-p .pct_t {
        margin: 0 auto;
        max-width: 750px
    }

    .pct .pct_tpc-ic .pct_t-p .pct_p {
        margin: 15px auto 0;
        max-width: 1000px
    }

    .pct .pct_tpc-ic .pct_tpc-ic .pct_t-p {
        padding: 0 20px
    }

    .pct .pct_tpc-ic .sub-pct_t-p .pct_p {
        margin: 15px auto 0;
        max-width: 1000px
    }
}

.pct .pct_stpc-ic {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.pct .pct_stpc-ic,
.pct .pct_stpc-ic-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    margin-top: 20px
}

.pct .pct_stpc-ic-column {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pct .pct_stpc-ic .pct_st-p {
    padding: 0 20px;
    margin-top: 15px
}

.pct .pct_stpc-ic .pct_st-p .pct_p {
    margin-top: 10px
}

.pct .pct_stpc-ic .pct_ic {
    margin-top: 0
}

@media (min-width: 640px) {
    .pct .pct_stpc-ic {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px
    }

    .pct .pct_stpc-ic:nth-of-type(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .pct .pct_stpc-ic .pct_st-p {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 150px
    }

    .pct .pct_stpc-ic:nth-of-type(2n) .pct_st-p {
        padding-right: 20px;
        padding-left: 150px
    }

    .pct .pct_t-stpc .pct_st-p .pct_p {
        margin-top: 30px
    }

    .pct .pct_stpc-ic .pct_ic {
        width: 50%
    }
}

.pct .pct_t-stpc {
    padding: 0 20px
}

.pct .pct_t-stpc .pct_st-p {
    margin-top: 20px
}

.pct .pct_t-stpc .pct_st-p .pct_p {
    margin-top: 10px
}

@media (min-width: 640px) {
    .pct .pct_t-stpc .pct_st-p {
        margin-top: 15px
    }
}

.pct .pct_t-icpc {
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pct .pct_t-icpc .pct_icpc {
    margin-top: 20px;
    display: inline-grid;
    row-gap: 20px
}

.pct .pct_t-icpc .pct_ic,
.pct .pct_t-icpc .pct_icpc {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.pct .pct_t-icpc .pct_ic {
    margin-top: 0
}

.pct .pct_t-icpc .pct_icpc .pct_p {
    margin-top: 10px;
    text-align: center
}

@media (min-width: 640px) {
    .pct .pct_t-icpc .pct_icpc {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 30px
    }

    .pct .pct_t-icpc .pct_icpc .pct_p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 30px
    }
}

.pct .pct_st-tbc {
    padding: 0 20px
}

.pct .pct_st-tbc .pct_st {
    text-align: center
}

.pct .pct_st-tbc .pct_tbc {
    width: 100%;
    overflow-x: auto
}

.pct .pct_st-tbc .pct_tb {
    margin-top: 20px;
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
    text-align: center;
    background-color: #f8f8f8
}

.pct .pct_st-tbc .pct_tb .pct_td {
    border: 1px solid #bfbfbf;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px !important;
    white-space: nowrap;
    background-color: #f8f8f8
}

.pct .pct_st-tbc .pct_tb .pct_th,
.pct .pct_st-tbc .pct_tb .pct_th .pct_td {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600
}

.pct .pct_st-tbc .pct_tb .pct_th .pct_td {
    color: #fff;
    background-color: #333
}

.pct .pct_st-tbc .pct_tb .pct_th .pct_td:first-of-type,
.pct .pct_st-tbc .pct_tb .pct_tr .pct_td:first-of-type {
    text-align: left
}

@media (min-width: 640px) {
    .pct .pct_st-tbc {
        padding: 0
    }

    .pct .pct_st-tbc .pct_tb {
        width: 100%;
        margin: 30px auto 0;
        white-space: normal
    }

    .pct .pct_st-tbc .pct_tb .pct_td {
        padding: 10px 20px !important;
        font-size: 15px;
        line-height: 25px
    }

    .pct .pct_st-tbc .pct_tb .pct_th .pct_td {
        font-size: 19px;
        line-height: 27px
    }
}

.pct .pct_st-tb {
    padding: 0 20px;
    overflow-x: auto
}

.pct .pct_st-tb .pct_st {
    text-align: center
}

.pct .pct_st-tb .pct_tb {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
    text-align: center;
    background-color: #f8f8f8
}

.pct .pct_st-tb .pct_tb .pct_td {
    border: 1px solid #bfbfbf;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px !important;
    white-space: nowrap;
    background-color: #f8f8f8
}

.pct .pct_st-tb .pct_tb .pct_th,
.pct .pct_st-tb .pct_tb .pct_th .pct_td {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600
}

.pct .pct_st-tb .pct_tb .pct_th .pct_td {
    color: #fff;
    background-color: #333
}

.pct .pct_st-tb .pct_tb .pct_th .pct_td:first-of-type,
.pct .pct_st-tb .pct_tb .pct_tr .pct_td:first-of-type {
    text-align: left
}

@media (min-width: 640px) {
    .pct .pct_st-tb {
        padding: 0
    }

    .pct .pct_st-tb .pct_tb {
        width: 100%;
        margin: 30px auto 0;
        white-space: normal
    }

    .pct .pct_st-tb .pct_tb .pct_td {
        padding: 10px 20px !important;
        font-size: 15px;
        line-height: 25px
    }

    .pct .pct_st-tb .pct_tb .pct_th .pct_td {
        font-size: 19px;
        line-height: 27px
    }
}

.pct .pct_t-tb {
    padding: 0 20px;
    overflow-x: auto
}

.pct .pct_t-tb .pct_st {
    text-align: center
}

.pct .pct_t-tb .pct_tb {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
    text-align: center;
    background-color: #f8f8f8
}

.pct .pct_t-tb .pct_tb .pct_td {
    border: 1px solid #bfbfbf;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px !important;
    white-space: nowrap;
    background-color: #f8f8f8
}

.pct .pct_t-tb .pct_tb .pct_th,
.pct .pct_t-tb .pct_tb .pct_th .pct_td {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600
}

.pct .pct_t-tb .pct_tb .pct_th .pct_td {
    color: #fff;
    background-color: #333
}

.pct .pct_t-tb .pct_tb .pct_th .pct_td:first-of-type,
.pct .pct_t-tb .pct_tb .pct_tr .pct_td:first-of-type {
    text-align: left
}

@media (min-width: 640px) {
    .pct .pct_t-tb {
        padding: 0
    }

    .pct .pct_t-tb .pct_tb {
        width: 100%;
        margin: 30px auto 0;
        white-space: normal
    }

    .pct .pct_t-tb .pct_tb .pct_td {
        padding: 10px 20px !important;
        font-size: 15px;
        line-height: 25px
    }

    .pct .pct_t-tb .pct_tb .pct_th .pct_td {
        font-size: 19px;
        line-height: 27px
    }
}

.pct .pct_benefits-downsides {
    padding: 20px 0
}

.pct .pct_benefits-downsides .pct_st {
    text-align: center;
    margin-bottom: 10px
}

.pct .pct_benefits-downsides .pct_benefits-downsides-content-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px
}

.pct .pct_i-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.pct .pct_i-t .icon {
    width: 14px;
    height: 14px;
    margin: 2px 5px 2px 0
}

.pct .pct_i-t .pct_i-t-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 640px) {
    .pct .pct_benefits-downsides {
        padding: 40px 0
    }

    .pct .pct_benefits-downsides .pct_benefits-downsides-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .pct .pct_benefits-downsides .pct_st {
        margin-bottom: 30px
    }

    .pct .pct_benefits-downsides .pct_benefits {
        border-right: 1px solid #ccc
    }

    .pct .pct_i-t .icon {
        width: 18px;
        height: 18px;
        margin: 4px 10px 4px 0
    }
}

.pct .pct_table-row {
    padding: 20px
}

.pct .pct_table-row .TableWrapper {
    height: 100%
}

.pct .pct_table-row .pct_tbc .pct_tb {
    width: 100%;
    white-space: normal;
    text-align: right
}

.pct .pct_table-row .pct_tb {
    margin-top: 30px;
    border-bottom: 1px solid #bfbfbf;
    border-collapse: collapse;
    text-align: right
}

.pct .pct_table-row .pct_tb .pct_td {
    border-bottom: 1px solid #bfbfbf;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px !important;
    text-align: right
}

.pct .pct_table-row .pct_tb .pct_th {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    background-color: #333
}

.pct .pct_table-row .pct_tb .pct_th .pct_td {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    color: #fff
}

.pct .pct_table-row .pct_tb .pct_th .pct_td:first-of-type,
.pct .pct_table-row .pct_tb .pct_tr .pct_td:first-of-type {
    text-align: left
}

@media (min-width: 640px) {
    .pct .pct_table-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .pct .pct_table-row .pct_tbc {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px
    }

    .pct .pct_table-row .pct_tbc:last-child {
        margin-right: 0
    }

    .pct .pct_table-row .pct_tb {
        margin-top: 0
    }

    .pct.pct_mc .pct_table-row .pct_tb .pct_td {
        padding: 10px 20px !important
    }

    .pct .pct_table-row .pct_tb .pct_th .pct_td {
        font-size: 19px;
        line-height: 27px
    }

    .pct .pct_table-row .pct_tb .pct_td {
        font-size: 15px;
        line-height: 25px
    }
}

.ptc_download {
    display: grid;
    grid-template-columns: repeat(4, auto);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 18px;
    max-width: 100%
}

.ptc_download .ptc_download-item {
    display: grid;
    grid-auto-flow: row;
    max-width: 282px
}

.ptc_download .ptc_download-item .ptc_download-icon {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    aspect-ratio: 282/112;
    background-color: #eee
}

.ptc_download .ptc_download-item .ptc_download-desc,
.ptc_download .ptc_download-item .ptc_download-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.ptc_download .ptc_download-item .ptc_download-desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    aspect-ratio: 282/45;
    background-color: #f5f5f5
}

@media (max-width: 768px) {
    .ptc_download {
        grid-template-columns: repeat(2, auto)
    }
}

@media (max-width: 500px) {
    .ptc_download {
        grid-template-columns: repeat(2, auto)
    }

    .ptc_download .ptc_download-item {
        max-width: 155.5px
    }

    .ptc_download .ptc_download-item .ptc_download-icon {
        aspect-ratio: 155.5/94
    }

    .ptc_download .ptc_download-item .ptc_download-desc {
        aspect-ratio: 155.5/34;
        overflow: hidden
    }

    .ptc_download .ptc_download-item .ptc_download-desc span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.Product .ProductMeta__Description {
    padding: 0
}

.tpl .tpl-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.tpl .tpl-flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 640px) {

    .Product .ProductMeta__Description .tpl .tpl-st,
    .Product .ProductMeta__Description .tpl .tpl-t,
    .Product .ProductMeta__Description .tpl h2,
    .Product .ProductMeta__Description .tpl h3,
    .tpl .tpl-st,
    .tpl .tpl-t,
    .tpl h2,
    .tpl h3 {
        margin: 0;
        font-size: 22px;
        line-height: 30px;
        font-weight: 500;
        color: #333
    }

    .Product .ProductMeta__Description .tpl p,
    .Product .ProductMeta__Description .ttpl-inventory-text,
    .tpl p,
    .ttpl-inventory-text {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
        color: #333
    }

    .Product .ProductMeta__Description .tpl .tpl-sectionTitle,
    .tpl .tpl-sectionTitle {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px
    }

    .tpl .tpl-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .tpl .tpl-bg .tpl-bg-sm {
        display: block
    }

    .tpl .tpl-bg .tpl-bg-big,
    .tpl .tpl-bg .tpl-bg-sm {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .tpl .tpl-bg .tpl-bg-big {
        display: none
    }

    .tpl .tpl-flex-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .tpl .hide-in-mobile,
    .tpl .tpl-hide-in-mobile {
        display: none
    }

    .tpl .tpl-text-left-mobile {
        text-align: left !important
    }

    .ttpl-inventory-textadding-in-mobile {
        padding-left: 20px;
        padding-right: 20px
    }

    .tpl .tpl-grad-1-mobile {
        grid-template-columns: 1fr !important
    }

    .tpl .tpl-grad-2-mobile {
        grid-template-columns: 1fr 1fr !important
    }

    .tpl .tpl-grad-3-mobile {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .tpl .tpl-font-size-mobile-12 {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .tpl .tpl-font-size-mobile-14 {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .tpl .tpl-font-size-mobile-16 {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .tpl .tpl-font-size-mobile-18 {
        font-size: 18px !important;
        line-height: 22px !important
    }

    .tpl .tpl-font-size-mobile-20 {
        font-size: 20px !important;
        line-height: 24px !important
    }

    .tpl .tpl-font-size-mobile-22 {
        font-size: 22px !important;
        line-height: 26px !important
    }

    .tpl .tpl-font-size-mobile-24 {
        font-size: 24px !important;
        line-height: 28px !important
    }

    .tpl .tpl-font-size-mobile-26 {
        font-size: 26px !important;
        line-height: 30px !important
    }

    .tpl .tpl-margin-top-mobile-10 {
        margin-top: 10px !important
    }

    .tpl .tpl-margin-top-mobile-20 {
        margin-top: 20px !important
    }

    .tpl .tpl-margin-top-mobile-30 {
        margin-top: 30px !important
    }

    .tpl .tpl-margin-top-mobile-40 {
        margin-top: 40px !important
    }

    .tpl .tpl-margin-top-mobile-50 {
        margin-top: 50px !important
    }
}

@media (min-width: 640px) {

    .Product .ProductMeta__Description .tpl .tpl-t,
    .Product .ProductMeta__Description .tpl h2,
    .tpl .tpl-t,
    .tpl h2 {
        margin: 0;
        font-size: 40px;
        line-height: 50px;
        font-weight: 500;
        color: #333
    }

    .Product .ProductMeta__Description .tpl .tpl-st,
    .Product .ProductMeta__Description .tpl h3,
    .tpl .tpl-st,
    .tpl h3 {
        margin: 0;
        font-size: 34px;
        line-height: 42px;
        font-weight: 500;
        color: #333
    }

    .Product .ProductMeta__Description .tpl p,
    .Product .ProductMeta__Description .ttpl-inventory-text,
    .tpl p,
    .ttpl-inventory-text {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        color: #333
    }

    .Product .ProductMeta__Description .tpl .tpl-sectionTitle,
    .tpl .tpl-sectionTitle {
        text-align: center;
        margin-top: 70px;
        margin-bottom: 30px
    }

    .tpl .tpl-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .tpl .tpl-bg .tpl-bg-sm {
        display: none
    }

    .tpl .tpl-bg .tpl-bg-big,
    .tpl .tpl-bg .tpl-bg-sm {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .tpl .tpl-bg .tpl-bg-big {
        display: block
    }

    .tpl .tpl-max-width-title {
        max-width: 700px;
        margin: 0 auto
    }

    .tpl .tpl-flex-pc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .tpl .hide-in-pc,
    .tpl .tpl-hide-in-pc {
        display: none
    }

    .tpl .tpl-text-left-pc {
        text-align: left !important
    }

    .tpl .tpl-grad-1-pc {
        grid-template-columns: 1fr !important
    }

    .tpl .tpl-grad-2-pc {
        grid-template-columns: 1fr 1fr !important
    }

    .tpl .tpl-grad-3-pc {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .tpl .tpl-font-size-pc-12 {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .tpl .tpl-font-size-pc-16 {
        font-size: 16px !important;
        line-height: 26px !important
    }

    .tpl .tpl-font-size-pc-20 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .tpl .tpl-font-size-pc-24 {
        font-size: 24px !important;
        line-height: 34px !important
    }

    .tpl .tpl-font-size-pc-28 {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .tpl .tpl-font-size-pc-30 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    .tpl .tpl-font-size-pc-40 {
        font-size: 40px !important;
        line-height: 50px !important
    }

    .tpl .tpl-font-size-pc-50 {
        font-size: 50px !important;
        line-height: 60px !important
    }

    .tpl .tpl-font-size-pc-60 {
        font-size: 60px !important;
        line-height: 70px !important
    }

    .tpl .tpl-margin-top-pc-10 {
        margin-top: 10px !important
    }

    .tpl .tpl-margin-top-pc-20 {
        margin-top: 20px !important
    }

    .tpl .tpl-margin-top-pc-30 {
        margin-top: 30px !important
    }

    .tpl .tpl-margin-top-pc-40 {
        margin-top: 40px !important
    }

    .tpl .tpl-margin-top-pc-50 {
        margin-top: 50px !important
    }

    .tpl .tpl-margin-top-pc-60 {
        margin-top: 60px !important
    }

    .tpl .tpl-margin-top-pc-70 {
        margin-top: 70px !important
    }

    .tpl .tpl-margin-top-pc-80 {
        margin-top: 80px !important
    }

    .tpl .tpl-margin-top-pc-100 {
        margin-top: 100px !important
    }

    .tpl .tpl-margin-top-pc-120 {
        margin-top: 120px !important
    }

    .tpl .tpl-margin-top-pc-150 {
        margin-top: 150px !important
    }
}

.tpl {
    color: #333
}

.tpl .tpl-main-feature {
    position: relative;
    height: 500px
}

.tpl-main-feature-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 25px 20px
}

.tpl .tpl-main-feature-text h3 {
    margin-bottom: 10px
}

.tpl .tpl-bannner-ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 5px;
    padding-left: 20px;
    margin-left: 0;
    margin-top: 5px
}

.tpl-bannner-ul li {
    list-style: disc;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap
}

@media (min-width: 640px) {
    .tpl .tpl-main-feature {
        position: relative;
        padding-top: 33.34%;
        height: 0
    }

    .tpl-main-feature-text {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 40px;
        max-width: 600px
    }

    .tpl .tpl-main-feature-text .bannerTitle {
        font-size: 40px;
        line-height: 50px
    }

    .tpl .tpl-main-feature-text h3 {
        margin-bottom: 15px
    }

    .tpl .tpl-bannner-ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 15px;
        padding-left: 20px;
        margin-left: 0;
        margin-top: 15px
    }

    .tpl-bannner-ul li {
        padding: 0;
        font-size: 18px;
        line-height: 28px
    }

    .tpl-main-feature-content {
        margin-top: 70px
    }

    .tpl-main-feature-content,
    .tpl-main-feature-grid-1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 15px
    }

    .tpl-main-feature-grid-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 15px;
        grid-column-gap: 15px
    }

    .tpl-main-feature-grid-2 .tpl-main-feature {
        padding-top: 67.38%
    }

    .tpl-main-feature-grid-2 .tpl-main-feature-text {
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .tpl-main-feature {
        margin-bottom: 0
    }
}

.tpl .tpl-table-content {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box
}

.tpl .tpl-table-content .tpl-table {
    border: 1px solid silver;
    border-collapse: collapse;
    text-align: center;
    background-color: #f8f8f8;
    min-width: 100%
}

.tpl .tpl-table-content .tpl-table td {
    border: 1px solid #bfbfbf;
    font-size: 14px;
    line-height: 22px;
    padding: 10px !important;
    white-space: nowrap;
    background-color: #f8f8f8
}

.tpl .tpl-table-content .tpl-table thead,
.tpl .tpl-table-content .tpl-table thead td {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.tpl .tpl-table-content .tpl-table thead td {
    color: #fff;
    background-color: #333
}

@media (min-width: 640px) {
    .tpl .tpl-table-content {
        padding-left: 0;
        padding-right: 0
    }

    .tpl .tpl-table-content .tpl-table td {
        font-size: 16px;
        line-height: 24px
    }

    .tpl .tpl-table-content .tpl-table thead,
    .tpl .tpl-table-content .tpl-table thead td {
        font-size: 18px;
        line-height: 28px
    }
}

.tpl .tpl-inventory {
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tpl .tpl-inventory .tpl-inventory-content {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px
}

.tpl .tpl-inventory .tpl-inventory-content .tpl-inventory-text {
    margin-top: 10px;
    text-align: center
}

.tpl .tpl-inventory-img {
    width: 100%;
    padding-top: 100%;
    position: relative
}

.tpl .tpl-inventory-img .tpl-inventory-img-sm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block
}

.tpl .tpl-inventory-img .tpl-inventory-img-big {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: none
}

.tpl .tpl-inventory-item-accessoryBox {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3
}

.tpl .tpl-inventory-item-accessoryBox .tpl-inventory-img {
    padding-top: calc((100% - 15px) / 2)
}

@media (min-width: 640px) {
    .tpl .tpl-inventory .tpl-inventory-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 15px
    }

    .tpl .tpl-inventory .tpl-inventory-text {
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px
    }

    .tpl .tpl-inventory-img .tpl-inventory-img-sm {
        display: none
    }

    .tpl .tpl-inventory-img .tpl-inventory-img-big {
        display: block
    }

    .tpl .tpl-inventory-item-accessoryBox {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 5
    }
}

.a1mini-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.a1mini-wrap .a1mini-title {
    padding: 30px 20px;
    width: 100vw;
    max-width: 462px
}

.a1mini-wrap .a1mini-title img {
    width: 100%
}

.a1mini-wrap .a1mini-price {
    display: block;
    width: 180px;
    cursor: pointer
}

.a1mini-wrap .a1mini-price img {
    width: 100%
}

.a1mini-eu-tip {
    margin-top: 10px;
    color: #d9d9d9;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

@media screen and (min-width: 1200px) {
    .a1mini-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .a1mini-wrap .a1mini-title {
        padding: 20% 0 0;
        margin-bottom: 50px;
        width: 487px;
        max-width: none
    }

    .a1mini-wrap .a1mini-title img {
        width: 100%
    }

    .a1mini-wrap .a1mini-price {
        display: block;
        width: 230px;
        cursor: pointer
    }

    .a1mini-wrap .a1mini-price img {
        width: 100%
    }

    .a1mini-eu-tip {
        margin-top: 15px;
        color: #d9d9d9;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px
    }
}

@media screen and (min-width: 1440px) {
    .a1mini-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .a1mini-wrap .a1mini-title {
        margin-bottom: 60px;
        width: 550px;
        max-width: none
    }

    .a1mini-wrap .a1mini-title img {
        width: 100%
    }

    .a1mini-wrap .a1mini-price {
        display: block;
        width: 230px;
        cursor: pointer
    }

    .a1mini-wrap .a1mini-price img {
        width: 100%
    }
}

@media screen and (min-width: 1920px) {
    .a1mini-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .a1mini-wrap .a1mini-title {
        margin-bottom: 60px;
        width: 576px;
        max-width: none
    }

    .a1mini-wrap .a1mini-title img {
        width: 100%
    }

    .a1mini-wrap .a1mini-price {
        display: block;
        width: 230px;
        cursor: pointer
    }

    .a1mini-wrap .a1mini-price img {
        width: 100%
    }
}

@media screen and (min-width: 2000px) {
    .a1mini-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .a1mini-wrap .a1mini-title {
        margin-bottom: 60px;
        width: 600px;
        max-width: none
    }

    .a1mini-wrap .a1mini-title img {
        width: 100%
    }

    .a1mini-wrap .a1mini-price {
        display: block;
        width: 240px;
        cursor: pointer
    }

    .a1mini-wrap .a1mini-price img {
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    .new-hidden-pc {
        display: none !important
    }
}

@media screen and (max-width: 768px) {
    .new-hidden-phone {
        display: none !important
    }
}

@media screen and (min-width: 1280px) {
    .new-hidden-pc-1280 {
        display: none !important
    }
}

@media screen and (max-width: 1279px) {
    .new-hidden-phone-1280 {
        display: none !important
    }
}

.standard-description__section {
    margin-bottom: 80px
}

.standard-description__section-content {
    margin: 0 auto;
    width: 100%;
    max-width: 1466px
}

.standard-description__section-content-margin {
    padding: 0 24px
}

.standard-description__section-content-margin.standard-description__section-content-phone-no-margin {
    padding: 0
}

@media screen and (min-width: 768px) {
    .standard-description__section {
        margin-bottom: 80px
    }

    .standard-description__section-content-margin,
    .standard-description__section-content-margin.standard-description__section-content-phone-no-margin {
        padding: 0 40px
    }
}

@media screen and (min-width: 1280px) {
    .standard-description__section {
        margin-bottom: 120px
    }

    .standard-description__section-content-margin,
    .standard-description__section-content-margin.standard-description__section-content-phone-no-margin {
        padding: 0 133px
    }
}

@media screen and (min-width: 1920px) {
    .standard-description__section {
        margin-bottom: 140px
    }
}

.adm-auto-center-content {
    word-break: break-word
}

.adm-toast-mask .adm-toast-main {
    max-width: 70vw !important
}

div.swatches fieldset,
div.swatches legend {
    display: inherit;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    border: none !important;
    background-image: none !important;
    background-color: transparent !important
}

.star-set-btn,
div.swatches fieldset,
div.swatches legend {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-appearance: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.star-set-btn {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    text-overflow: ellipsis;
    overflow: hidden
}

.swatch-img-text,
.swatch-price,
div.swatch-allow-animation,
div.swatch-allow-animation div.star-set-image,
div[option-target][type-group] .swatch-button,
div[option-target][type-group] div.star-set-image,
div[option-target][type-group] div.swatch-custom-image,
div[option-target][type-group] div.swatch-image {
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important
}

.star-list {
    list-style: none;
    text-align: center;
    padding: 0 !important
}

.star-list-item {
    vertical-align: bottom;
    margin: 0 1rem;
    padding: 2px;
    background-color: #fff
}

.star-list-item,
.star-set-image {
    position: relative;
    display: inline-block
}

.star-set-image {
    vertical-align: middle;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase
}

.star-hide {
    display: none !important
}

.star-show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.star-disabled {
    opacity: .5 !important;
    pointer-events: none !important
}

.star-width-100 {
    width: 100% !important
}

.star-remove-margin {
    margin: unset !important
}

.swatch-tool-tip-wrapper {
    margin-bottom: 32px
}

li.swatch-view-item:focus .swatch-tool-tip,
li.swatch-view-item:focus .swatch-tool-tip-pointer,
li.swatch-view-item:hover .swatch-tool-tip,
li.swatch-view-item:hover .swatch-tool-tip-pointer {
    opacity: 1;
    pointer-events: all !important
}

.swatch-tool-tip-text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: inherit;
    height: auto !important;
    padding: 0 !important;
    line-height: 125% !important;
    white-space: normal
}

.swatches {
    margin-top: 10px;
    max-width: 100%;
    min-width: 100%;
    direction: ltr
}

.swatch-single,
.swatches {
    margin-bottom: 10px
}

.swatch-view {
    margin: 10px 0
}

ul.swatch-view {
    padding: 0;
    list-style: none !important
}

ul.swatch-view li {
    position: relative;
    display: inline-block;
    max-width: 100%;
    list-style: none !important;
    margin: .5rem 1rem .5rem 0;
    outline: none
}

ul.swatch-view li:after,
ul.swatch-view li:before {
    content: none !important
}

ul.swatch-view li.wild-card-item {
    margin: 0 0 16px
}

@media only screen and (max-width: 1024px) {
    ul.swatch-view li.wild-card-item {
        margin: 0 0 10px
    }
}

.swatch-custom-image,
.swatch-image {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none !important;
    background-color: inherit;
    overflow: visible;
    border-radius: 0;
    padding: 2px;
    border: 1px solid transparent
}

.swatch-button,
.swatch-custom-image,
.swatch-image {
    cursor: pointer
}

div.star-set-btn div.swatch-button-title-tex {
    color: #4d4b4b;
    background-color: #fff;
    -moz-text-decoration-color: #4d4b4b;
    text-decoration-color: #4d4b4b;
    text-transform: none;
    font-size: 15px;
    font-weight: inherit;
    border-bottom: 0 solid #000;
    padding: 9px 10px
}

.swatch-img-text,
.swatch-price {
    position: absolute;
    display: table;
    height: 100%;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: -1;
    white-space: normal
}

.swatch-img-text-hidden,
.swatch-price-hidden {
    display: none;
    z-index: -1
}

.swatch-label {
    font-weight: 600;
    font-style: normal
}

.swatch-label input[type=checkbox] {
    display: none !important
}

.swatch-variant-name {
    font-weight: 400;
    font-style: inherit
}

.swatch-img-text p,
.swatch-price p {
    display: table-cell;
    vertical-align: middle;
    font-style: inherit;
    font-size: 100%
}

.swatch-drop-down-wrapper {
    display: block;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none
}

.swatch-drop-down-inner {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.swatch-drop-down {
    display: block;
    cursor: pointer;
    background-image: none;
    font-style: normal;
    font-weight: 400;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden
}

@media only screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio:0) and (max-width:768px) {

    select.swatch-drop-down,
    select.swatch-drop-down:focus {
        font-size: 16px !important
    }
}

.swatch-drop-down-svg {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    stroke: currentColor;
    stroke-width: 10
}

.swatch-drop-down-custom .swatch-drop-down-svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important
}

.swatch-hide~.swatch-drop-down-svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.swatch-drop-down-custom [type=select] {
    position: relative
}

.swatch-drop-down-custom [type=select] .swatch-unavailable {
    display: none
}

.swatch-drop-down-custom .swatch-drop-down-inner {
    text-align: left
}

.swatch-drop-down-custom .swatch-drop-down {
    margin: 0
}

.swatch-drop-down-custom .swatch-drop-down span {
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    white-space: pre-wrap
}

.swatch-drop-down-custom .swatch-drop-down-list {
    position: absolute;
    cursor: pointer;
    max-height: 40vh;
    background-image: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 12;
    overflow: auto
}

.swatch-drop-down-custom .swatch-drop-down-list .swatch-drop-down-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s linear !important;
    transition: all .3s linear !important;
    list-style: none !important;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.swatch-drop-down-custom .swatch-drop-down-list .swatch-drop-down-list-item span {
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    white-space: pre-wrap
}

.swatch-drop-down-custom .swatch-drop-down-list.swatch-hide {
    display: none
}

div.swatches-type-collections,
div.swatches-type-collections div[option-target] {
    position: relative
}

div.swatches-type-collections .swatch-align-left {
    text-align: left
}

div.swatches-type-collections .swatch-align-center {
    text-align: center
}

div.swatches-type-collections .swatch-align-right {
    text-align: right
}

div.swatches-type-collections .swatch-slider-align-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

div.swatches-type-collections .swatch-slider-align-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right
}

div.swatches-type-collections .swatch-slider-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.swatches-type-collections .swatch-view-slide .star-remove-margin .swatch-align-center,
div.swatches-type-collections .swatch-view-slide .star-remove-margin .swatch-align-left,
div.swatches-type-collections .swatch-view-slide .star-remove-margin .swatch-align-right {
    width: auto !important
}

.swatches-type-products .swatch-view-slide .swatch-navigable {
    overflow: hidden;
    padding: 0 !important
}

.swatches-type-products .swatch-view-slide .swatch-navigable .swatch-navigation-wrapper {
    bottom: 10px
}

.swatches-type-products .swatch-view-slide .swatch-navigable .swatch-navigation {
    min-height: 15px;
    min-width: 15px
}

.swatches-type-collections .swatch-view-slide .swatch-navigable {
    padding: 0;
    overflow: hidden
}

.swatches-type-collections .swatch-view-slide .swatch-navigable .swatch-navigation-wrapper {
    bottom: 0;
    top: 0 !important
}

.swatches-type-collections .swatch-view-slide .swatch-navigable .swatch-navigation {
    min-height: 15px;
    min-width: 15px
}

.swatches-type-collections .swatch-view-slide .swatch-navigable ul.swatch-view {
    margin-left: .5px;
    margin-bottom: 0;
    margin-top: 0
}

.swatch-single.swatch-view-slide ul.swatch-view {
    white-space: nowrap;
    -webkit-transition: none;
    transition: none
}

.swatch-single.swatch-view-slide ul.swatch-view.swatch-view-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.swatch-single.swatch-view-slide .swatch-navigable li.swatch-view-item {
    margin-bottom: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0
}

.swatch-single.swatch-view-slide .swatch-navigable li.swatch-view-item:first-child {
    padding-left: 0;
    margin-left: 0
}

.swatch-single.swatch-view-slide .swatch-navigable li.swatch-view-item:last-child {
    padding-right: 0;
    margin-right: 0
}

.swatch-single.swatch-view-slide .swatch-navigable .swatch-navigation-wrapper {
    position: absolute;
    height: 100%;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    overflow: hidden;
    z-index: 10
}

.swatch-single.swatch-view-slide .swatch-navigable .swatch-navigation-wrapper .swatch-navigation {
    cursor: pointer;
    background: #ffffffa5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: -1px 0 6px rgba(0, 0, 0, .2)
}

.swatch-single.swatch-view-slide .swatch-navigable .swatch-navigation-wrapper svg {
    width: 100% !important;
    height: 100% !important;
    vertical-align: top;
    fill: #606060
}

.swatch-single.swatch-view-slide .swatch-navigable .swatch-navigation:focus,
.swatch-single.swatch-view-slide .swatch-navigable .swatch-navigation:hover {
    background: #fff
}

.swatch-single.swatch-view-slide .swatch-navigation-wrapper[navigation=right] {
    right: 0
}

.swatch-single.swatch-view-slide .swatch-navigation-wrapper[navigation=left] {
    left: 0
}

.swatch-single.swatch-view-slide .swatch-navigation[data-navigation=left] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 768px) {
    .swatch-single.swatch-view-slide .swatch-navigable {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .swatch-single.swatch-view-slide .swatch-navigable::-webkit-scrollbar {
        display: none !important;
        -webkit-appearance: none;
        width: 0;
        height: 0
    }

    .swatch-single.swatch-view-slide .swatch-navigable ul.swatch-view {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .swatch-single.swatch-view-slide .swatch-navigable ul.swatch-view::-webkit-scrollbar {
        display: none !important;
        -webkit-appearance: none;
        width: 0;
        height: 0
    }
}

.swatch-selected {
    border-color: #e2e8f0
}

.swatch-minified-text {
    top: 2px;
    vertical-align: middle;
    font-size: .75rem;
    line-height: .75rem;
    margin-bottom: 0 !important
}

.swatches-type-products .star-option-value-adjacent~.swatch-img-text {
    position: relative !important;
    display: inline-block !important;
    z-index: inherit !important;
    width: auto !important;
    line-height: 100%;
    vertical-align: middle;
    padding: 2px
}

.swatch-img-text-adjacent {
    padding: 2px
}

.swatch-img-text-adjacent,
.swatch-price-adjacent {
    padding-left: 2px
}

.star-set-image {
    border: solid #e5e5e5;
    border-width: 0 0 .5px
}

.swatch-img-text-adjacent p {
    text-overflow: ellipsis;
    font-weight: 600;
    line-height: 100% !important
}

.swatch-img-text-adjacent p,
.swatch-price-adjacent span {
    white-space: pre;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    max-width: 83px;
    font-size: 12px
}

.swatch-price-adjacent span {
    line-height: 120% !important;
    color: #6a6a6a
}

[option-target].swatch-hide,
div.option-single-value[option-target] {
    display: none
}

i.hidden {
    display: none !important
}

.star-stock-align-auto {
    text-align: inherit
}

.star-stock-align-left {
    text-align: left
}

.star-stock-align-center {
    text-align: center
}

.star-stock-align-right {
    text-align: right
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

input[type=number] {
    -moz-appearance: textfield
}

/*! nouislider - 14.1.1 - 12/15/2019 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -moz-transform: transform .3s;
    -webkit-transform: transform .3s;
    -o-transform: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    -moz-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    -o-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    -ms-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    -moz-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    -o-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    -ms-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    -moz-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    -o-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    -ms-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    right: 120%
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

div.checker,
div.selector.focus,
div.selector.hover {
    opacity: 1
}

.boost-visually-hidden {
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.boost-pfs-body-no-scroll {
    overflow: hidden;
    -webkit-overflow: hidden;
    height: 100vh;
    width: 100%
}

.boost-pfs-body-no-scroll body {
    position: fixed
}

.boost-pfs-body-no-scroll body,
.boost-pfs-body-no-scroll-normal,
.boost-pfs-body-no-scroll-normal body {
    overflow: hidden;
    -webkit-overflow: hidden;
    width: 100%
}

@media (min-width: 768px) {
    .boost-pfs-filter-tree-hide-desktop {
        display: none
    }
}

@media (max-width: 767px) {
    .boost-pfs-filter-tree-hide-mobile {
        display: none
    }
}

.boost-pfs-filter-clearfix {
    clear: both
}

.boost-pfs-filter-option-hidden {
    display: none !important
}

.boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-range-amount {
    margin-bottom: 20px
}

.boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-amount {
    margin-left: 3px;
    float: right;
    opacity: .6;
    filter: alpha(opacity=60)
}

.boost-pfs-filter-option .boost-pfs-filter-option-content label {
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
    float: none
}

.boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-content-inner~a {
    margin-right: 10px
}

.boost-pfs-filter-option input:focus {
    outline: none;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .1)
}

.boost-pfs-filter-error {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    position: fixed;
    top: 50% !important;
    bottom: auto;
    left: 50%;
    max-width: 100%;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    border-radius: 3px;
    z-index: 999999999;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px
}

.boost-pfs-filter-error .btn-wrapper {
    text-align: right;
    margin-top: 10px
}

.boost-pfs-filter-error .btn-wrapper button {
    border-radius: 3px;
    background: #fff;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 12px
}

.boost-pfs-filter-message {
    text-align: center;
    font-size: 14px;
    margin: 0 auto
}

.boost-pfs-filter-message a {
    color: #222
}

.boost-pfs-filter-top-notification {
    text-align: center
}

.boost-pfs-filter-bottom-pagination,
.boost-pfs-filter-top-pagination {
    display: none
}

.boost-pfs-filter-btn-load-previous-page {
    text-align: center;
    clear: both;
    margin-bottom: 20px
}

.boost-pfs-filter-btn-load-previous-page .js-boost-pfs-filter-btn-load-previous-page {
    height: auto;
    background-color: transparent;
    padding: 10px 20px;
    border: 1px solid #333;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.boost-pfs-filter-tree-v.boost-pfs-filter-tree-no-filter-data {
    display: none !important
}

.boost-pfs-filter-products-no-filter-data {
    width: 100% !important
}

.boost-pfs-filter-button {
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    background: none;
    white-space: normal;
    line-height: inherit;
    margin: 0;
    min-height: auto;
    height: auto;
    vertical-align: inherit;
    text-align: left;
    min-width: 0;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    width: auto;
    border-radius: 0;
    -ms-box-shadow: none;
    box-shadow: none
}

.boost-pfs-filter-button span {
    display: inline;
    word-break: break-all;
    word-break: break-word
}

.boost-pfs-filter-button:active,
.boost-pfs-filter-button:hover {
    border: none;
    background-color: inherit;
    color: inherit;
    -ms-box-shadow: none;
    box-shadow: none
}

.boost-pfs-filter-button:focus {
    outline: 0;
    -ms-box-shadow: none;
    box-shadow: none
}

.boost-pfs-filter-button:after,
.boost-pfs-filter-button:before {
    display: none
}

.boost-pfs-filter-button button:hover {
    border: none;
    background-color: inherit;
    color: inherit
}

.boost-pfs-filter-button button:focus {
    outline: 0
}

#boost-pfs-filter-top-sorting-select:hover,
.boost-pfs-filter-top-sorting-select:hover {
    border: none;
    background-color: inherit;
    color: inherit
}

#boost-pfs-filter-top-sorting-select:focus,
.boost-pfs-filter-top-sorting-select:focus {
    outline: 0
}

.boost-pfs-in-collection-search {
    margin-top: 20px;
    width: 100%;
    clear: both
}

.boost-pfs-in-collection-search .boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width4 {
    width: 100%;
    height: 15px;
    margin-top: 15px
}

.boost-pfs-in-collection-search-wrapper {
    position: relative;
    margin: 20px 0
}

.boost-pfs-in-collection-search-wrapper .boost-pfs-in-collection-search-input {
    width: 100%;
    height: 36px;
    padding: 8px 24px;
    color: inherit;
    font-size: 14px;
    line-height: 20px;
    background: #fbfbfb;
    border: 1px solid rgba(34, 34, 34, .2);
    box-sizing: border-box;
    border-radius: 50px
}

.boost-pfs-in-collection-search-wrapper .boost-pfs-in-collection-search-input:focus {
    outline: 0;
    -ms-box-shadow: none;
    box-shadow: none
}

.boost-pfs-in-collection-search-wrapper button {
    width: 55px;
    height: 40px;
    line-height: unset;
    margin-bottom: 0
}

.boost-pfs-in-collection-search-wrapper .boost-pfs-in-collection-search-button {
    position: absolute;
    background: 0 0;
    outline: 0;
    border: 0;
    top: 0;
    right: 0;
    padding: 10px 20px;
    height: 36px;
    cursor: default
}

.boost-pfs-in-collection-search-wrapper .boost-pfs-in-collection-search-clear {
    position: absolute;
    display: none;
    background: 0 0;
    outline: 0;
    border: 0;
    top: 0;
    right: 40px;
    padding: 12px;
    cursor: pointer
}

@media (max-width: 767px) {
    .boost-pfs-in-collection-search-button {
        display: none
    }

    .boost-pfs-in-collection-search-wrapper .boost-pfs-in-collection-search-clear {
        right: 10px
    }
}

.template-collection .page-container,
.template-search .page-container {
    overflow: visible
}

.boost-pfs-filter-tree-open-body.collection #PageContainer,
.boost-pfs-filter-tree-open-body.template-collection #PageContainer {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media screen and (max-width: 767px) {
    .boost-pfs-filter-tree-open-body:not .boost-pfs-filter-mobile-style1-body main {
        z-index: 9999999;
        position: relative
    }
}

.boost-pfs-filter-loading {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    position: fixed;
    top: 50% !important;
    bottom: auto;
    left: 50%;
    right: auto;
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-indent: -999em;
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    border-radius: 3px;
    z-index: 9999999999
}

.boost-pfs-filter-loading .boost-pfs-filter-loading-icon {
    display: block;
    font-size: 10px;
    margin: 14px auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    background: -webkit-linear-gradient(left, #333 50%, hsla(0, 0%, 100%, 0));
    background: linear-gradient(90deg, #333 50%, hsla(0, 0%, 100%, 0));
    position: relative;
    -webkit-animation: load3 .7s linear infinite;
    animation: load3 .7s linear infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 999999
}

.boost-pfs-filter-loading .boost-pfs-filter-loading-icon:before {
    width: 50%;
    height: 50%;
    background: #333;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.boost-pfs-filter-loading .boost-pfs-filter-loading-icon:after {
    background: #fff;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.boost-pfs-filter-load-more-loading-icon {
    display: block;
    font-size: 10px;
    margin: 14px auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    background: -webkit-linear-gradient(left, #333 50%, hsla(0, 0%, 100%, 0));
    background: linear-gradient(90deg, #333 50%, hsla(0, 0%, 100%, 0));
    position: relative;
    -webkit-animation: load3 .7s linear infinite;
    animation: load3 .7s linear infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 999999
}

.boost-pfs-filter-load-more-loading-icon:before {
    width: 50%;
    height: 50%;
    background: #333;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.boost-pfs-filter-load-more-loading-icon:after {
    background: #fff;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.boost-pfs-filter-tree *,
.boost-pfs-filter-tree :after,
.boost-pfs-filter-tree :before {
    box-sizing: border-box
}

.boost-pfs-filter-tree-desktop-button {
    display: inline-block;
    border: none;
    background: 0 0;
    position: relative;
    line-height: 20px;
    margin-right: 20px;
    margin-top: 2px;
    padding-left: 0;
    vertical-align: top
}

.boost-pfs-filter-tree-desktop-button button svg {
    position: static;
    width: 16px;
    height: 16px;
    stroke: none;
    vertical-align: top;
    display: inline-block
}

.boost-pfs-filter-tree-desktop-button>button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 18px;
    height: auto;
    font-size: 100%
}

.boost-pfs-filter-tree-desktop-button .boost-pfs-filter-tree-desktop-button-label {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    margin-left: 8px;
    color: initial
}

.boost-pfs-filter-overlay {
    height: 100%;
    width: 0;
    position: fixed !important;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    overflow: hidden;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.boost-pfs-filter-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

@media screen and (min-width: 768px) {
    .boost-pfs-filter-left-col {
        width: 23%;
        float: left
    }

    .boost-pfs-filter-left-col .boost-pfs-filter-tree-v {
        max-width: 100%;
        width: 100%
    }

    .boost-pfs-filter-left-col .boost-pfs-filter-tree-v:not(.boost-pfs-filter-stick) {
        overflow: visible !important
    }

    .boost-pfs-filter-left-col .boost-pfs-filter-tree-v:not(.boost-pfs-filter-stick):not(.boost-pfs-filter-absolute) {
        width: 100% !important
    }

    .boost-pfs-filter-right-col {
        width: 77%;
        float: right
    }

    .boost-pfs-filter-tree-h:not(.boost-pfs-filter-stick):not(.boost-pfs-filter-absolute) {
        position: relative !important;
        top: 0 !important
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-left-col {
        width: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: static;
        visibility: hidden
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-left-col.boost-pfs-filter-stick {
        z-index: 9
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-left-col .boost-pfs-filter-tree-v {
        width: 300px !important;
        position: fixed !important;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        top: 0 !important;
        bottom: 0;
        max-width: 0;
        overflow: hidden;
        z-index: 99999;
        -webkit-transition: .5s;
        transition: .5s;
        left: -345px !important;
        display: block;
        opacity: 0;
        height: 100vh;
        max-height: 100vh !important
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-tree-content {
        overflow-y: auto;
        max-height: calc(100% - 68px);
        padding: 20px 16px
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar {
        display: block;
        position: relative
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-header,
    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-items {
        display: none
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close {
        display: inline-block;
        position: fixed;
        top: 0;
        left: -45px;
        -webkit-transition: .5s;
        transition: .5s;
        cursor: pointer
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close span {
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        background: #000;
        font-size: 0;
        margin-left: 0
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close span:after,
    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close span:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(55% - 7px);
        display: block;
        width: 2px;
        height: 25px;
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        background: #fff;
        -webkit-transition: all .28s ease-out;
        transition: all .28s ease-out;
        border: none;
        padding: 0
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close span:before {
        -ms-transform: translateX(-5px) translateY(5px) rotate(45deg);
        -webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
        transform: translateX(-5px) translateY(5px) rotate(45deg)
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close span:after {
        -ms-transform: translateX(13px) translateY(5px) rotate(-45deg);
        -webkit-transform: translateX(13px) translateY(5px) rotate(-45deg);
        transform: translateX(13px) translateY(5px) rotate(-45deg)
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-mobile-toolbar-bottom {
        display: none
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-footer {
        display: block;
        position: fixed;
        width: calc(300px - 32px);
        bottom: 20px;
        z-index: 9;
        margin-left: 0;
        margin-right: 0
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-footer .boost-pfs-filter-show-result {
        width: 100%
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-footer .boost-pfs-filter-clear-all {
        display: none !important
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-tree-v .boost-pfs-filter-refine-by {
        margin-top: 0
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand) .boost-pfs-filter-right-col {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        grid-column: auto/span 12
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body {
        overflow: hidden
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body main {
        z-index: 999999999
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-stick.boost-pfs-filter-tree-desktop-button-sticky-wrapper {
        display: none
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-left-col {
        visibility: visible
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-overlay {
        width: 100%;
        opacity: .6;
        display: block
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-overlay:focus {
        outline: 1px dotted #fff
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-v {
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        display: block;
        opacity: 1;
        visibility: visible !important;
        max-width: 100%;
        background-color: #fff
    }

    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-v .boost-pfs-filter-mobile-toolbar .boost-pfs-filter-close {
        left: 300px !important
    }

    .boost-pfs-filter-tree-vertical-style-expand:not(.boost-pfs-filter-tree-horizontal-style-expand):not(.boost-pfs-filter-tree-open-body) .boost-pfs-filter-left-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: -webkit-transform .15s;
        transition: -webkit-transform .15s;
        transition: transform .15s;
        transition: transform .15s, -webkit-transform .15s;
        overflow: hidden;
        height: 0;
        margin-left: 0;
        margin-right: 0
    }

    .boost-pfs-filter-tree-vertical-style-expand:not(.boost-pfs-filter-tree-horizontal-style-expand):not(.boost-pfs-filter-tree-open-body) .boost-pfs-filter-right-col {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 0;
        grid-column: auto/span 12
    }

    .boost-pfs-filter-tree-vertical-style-expand:not(.boost-pfs-filter-tree-open-body) .boost-pfs-filter-left-col .boost-pfs-filter-tree-v:not(.boost-pfs-filter-stick):not(.boost-pfs-filter-absolute) {
        visibility: hidden
    }

    .boost-pfs-filter-tree-vertical-style-expand:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-left-col {
        opacity: 1;
        display: block;
        visibility: visible;
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94);
        -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94)
    }

    .boost-pfs-filter-tree-vertical-style-expand:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-v {
        visibility: visible !important
    }

    .boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h {
        position: static !important;
        top: 0 !important;
        max-height: 100% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        visibility: visible !important
    }

    .boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h .boost-pfs-filter-tree-content .boost-pfs-filter-option .boost-pfs-filter-option-content {
        width: 100%
    }

    .boost-pfs-filter-mobile-footer,
    .boost-pfs-filter-mobile-toolbar,
    .boost-pfs-filter-selected-items-mobile,
    .boost-pfs-filter-tree[data-is-mobile] {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h-wrapper {
        display: none;
        background: #fff;
        margin-bottom: 48px;
        border-bottom: 1px solid #e8e9eb;
        padding-top: 20px;
        clear: both
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h-wrapper .boost-pfs-filter-options-wrapper:after {
        display: table;
        content: "";
        clear: both
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h-wrapper .boost-pfs-filter-refine-by-wrapper {
        margin-bottom: 40px
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand .boost-pfs-filter-tree-h-wrapper:after {
        display: table;
        content: "";
        clear: both
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option-title-heading:before,
    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option-title:after,
    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option-title:before {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-options-wrapper {
        margin-left: -15px;
        margin-right: -15px
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option {
        vertical-align: top;
        width: 25%;
        float: left;
        margin-right: 0;
        padding-right: 15px;
        padding-left: 15px
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option:nth-child(4n+1) {
        clear: left
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content {
        display: block !important;
        position: static;
        -ms-box-shadow: none;
        box-shadow: none;
        background: 0 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-options-wrapper:after {
        display: table;
        content: "";
        clear: both
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-apply-button,
    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-clear {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-range .boost-pfs-filter-option-content,
    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-range.boost-pfs-filter-option-column-1 .boost-pfs-filter-option-content {
        width: 100%
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-mobile-footer {
        display: block;
        clear: both;
        text-align: center;
        padding-bottom: 40px;
        float: none
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-mobile-footer .boost-pfs-filter-show-result {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-mobile-footer .boost-pfs-filter-apply-all-button {
        display: inline-block;
        background: #fff;
        border: 1px solid #222;
        box-sizing: border-box;
        border-radius: 50px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
        min-width: 128px;
        text-align: center;
        margin-right: 20px;
        margin-left: 20px;
        width: auto;
        float: none
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-mobile-footer .boost-pfs-filter-apply-all-button:hover {
        color: #fff;
        background-color: #222;
        border-color: #222
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-mobile-footer .boost-pfs-filter-clear-all {
        float: none;
        text-transform: lowercase;
        text-decoration: underline
    }

    .boost-pfs-filter-tree-desktop-button-body .boost-pfs-filter-tree-h .boost-pfs-filter-refine-by-wrapper .boost-pfs-filter-clear-all {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body.boost-pfs-filter-tree-button-stick-wrapper-body {
        overflow: hidden
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body.boost-pfs-filter-tree-button-stick-wrapper-body .boost-pfs-filter-tree-h-wrapper {
        position: fixed !important;
        z-index: 9
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body:not(.boost-pfs-filter-tree-button-stick-wrapper-body) .boost-pfs-filter-tree-h-wrapper {
        position: static !important;
        background-color: inherit !important
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body:not(.boost-pfs-filter-tree-button-stick-wrapper-body) .boost-pfs-filter-tree-h-wrapper .boost-pfs-filter-tree-h {
        background-color: inherit !important
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body:not(.boost-pfs-filter-tree-button-stick-wrapper-body) .boost-pfs-filter-tree-h-wrapper .boost-pfs-filter-tree-h:before {
        display: none
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-h-wrapper {
        display: block
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-h-wrapper .boost-pfs-filter-tree-h {
        visibility: visible !important;
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-h-wrapper.boost-pfs-filter-stick {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        width: 100%;
        left: 0;
        margin-top: 0;
        bottom: 0;
        padding-bottom: 30px;
        background: #fff
    }

    .boost-pfs-filter-tree-desktop-button-body.boost-pfs-filter-tree-horizontal-style-expand.boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-h-wrapper.boost-pfs-filter-absolute {
        position: static !important
    }

    .boost-pfs-filter-stick-body .page-container {
        ms-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .boost-pfs-filter-tree-desktop-button-sticky-wrapper {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .boost-pfs-filter-tree-desktop-button-sticky-wrapper:not(.boost-pfs-filter-stick) {
        max-width: 100% !important;
        width: 100%
    }

    .boost-pfs-filter-tree-desktop-button-sticky-wrapper:after {
        display: table;
        content: "";
        clear: both
    }

    .boost-pfs-filter-stick>div {
        position: relative
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-v {
        padding-top: 20px
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-desktop-button-sticky-wrapper,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h-wrapper {
        width: 100%;
        z-index: 9999;
        left: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto !important;
        margin-top: 0;
        padding-top: 15px;
        background: #fff
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-desktop-button-sticky-wrapper {
        padding-bottom: 15px;
        border: none;
        overflow: visible !important;
        width: 100% !important
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-desktop-button-sticky-wrapper>div {
        margin-bottom: 0
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-h,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h-wrapper {
        padding-bottom: 7px
    }

    .boost-pfs-filter-stick.boost-pfs-filter-tree-desktop-button-sticky-wrapper:before,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        right: -100%;
        background: #fff;
        width: 300%;
        height: 100%;
        display: block
    }

    .boost-pfs-filter-stick .boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-title button .boost-pfs-filter-option-tooltip+.boost-pfs-filter-tooltip-wrapper,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-title button .boost-pfs-filter-option-tooltip+.boost-pfs-filter-tooltip-wrapper {
        top: 33px;
        bottom: auto
    }

    .boost-pfs-filter-stick .boost-pfs-filter-tree-h .boost-pfs-filter-option-tooltip .boost-pfs-filter-tooltip-arrow,
    .boost-pfs-filter-stick.boost-pfs-filter-tree-h .boost-pfs-filter-option-tooltip .boost-pfs-filter-tooltip-arrow,
    .boost-pfs-filter-tree-stick-body .boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child .boost-pfs-filter-option-title .boost-pfs-filter-option-tooltip .boost-pfs-filter-tooltip-arrow,
    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child .boost-pfs-filter-option-title .boost-pfs-filter-option-tooltip .boost-pfs-filter-tooltip-arrow {
        bottom: -11px;
        top: auto;
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .boost-pfs-filter-tree-stick-body .boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child .boost-pfs-filter-option-title .boost-pfs-filter-option-tooltip+.boost-pfs-filter-tooltip-wrapper,
    .boost-pfs-filter-tree-vertical-style-off-canvas:not(.boost-pfs-filter-tree-horizontal-style-expand).boost-pfs-filter-tree-open-body .boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child .boost-pfs-filter-option-title .boost-pfs-filter-option-tooltip+.boost-pfs-filter-tooltip-wrapper {
        top: 100%;
        bottom: auto
    }
}

.boost-pfs-body-no-scroll-mini-cart .boost-pfs-filter-stick,
.boost-pfs-body-no-scroll-normal .boost-pfs-filter-stick,
body.overflow-hidden .boost-pfs-filter-stick {
    display: none !important
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-title {
    overflow: visible;
    line-height: 20px;
    position: relative
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-title .boost-pfs-filter-clear {
    padding-bottom: 5px;
    width: auto;
    padding-left: 5px
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 20px;
    padding-bottom: 5px;
    width: auto
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #000;
    display: inline-block;
    margin: 0 10px -2px 0
}

.boost-pfs-filter-option-title-text {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    text-transform: none
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    position: static;
    width: 100%
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option:first-child {
    padding-top: 0;
    border-top: none
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option:last-child {
    border-bottom: 0
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content {
    width: 100% !important;
    max-height: 100%;
    overflow: hidden;
    padding-left: 1px;
    padding-right: 1px;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content.toggled {
    max-height: 0
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-show-search-box-wrapper {
    margin-top: 15px;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-show-search-box-wrapper {
        padding-right: 15px
    }
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-content-inner {
    margin-top: 15px
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item {
    min-width: 33%;
    max-width: 100%
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:before {
    border-top-color: transparent;
    border-bottom-color: #000;
    margin-bottom: 2px
}

.boost-pfs-filter-tree-v .boost-pfs-filter-clear,
.boost-pfs-filter-tree-v .boost-pfs-filter-clear-all {
    float: right;
    font-size: 77%;
    margin: 0;
    line-height: 22px
}

.boost-pfs-filter-tree-v .boost-pfs-filter-apply-button {
    display: none
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-first-level-item {
    width: 100%
}

.boost-pfs-filter-tree-v .boost-pfs-filter-option-multi-level-tag.boost-pfs-filter-option-item-list-swatch.circle-list .boost-pfs-filter-option-multi-level-item {
    display: block
}

.boost-pfs-filter-tree-v .boost-pfs-filter-apply-all-button,
.boost-pfs-filter-tree-v .boost-pfs-filter-show-result {
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: #222;
    text-transform: lowercase;
    border: none;
    margin-bottom: 0;
    border-radius: 0 !important
}

.boost-pfs-filter-tree-v .boost-pfs-filter-apply-all-button:first-letter,
.boost-pfs-filter-tree-v .boost-pfs-filter-show-result:first-letter {
    text-transform: uppercase
}

.boost-pfs-filter-tree-v .boost-pfs-filter-apply-all-button .boost-pfs-filter-selected-filters,
.boost-pfs-filter-tree-v .boost-pfs-filter-show-result .boost-pfs-filter-selected-filters {
    margin-left: 5px
}

.boost-pfs-filter-tree-h {
    position: relative;
    margin-bottom: 20px;
    text-align: left
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-title-heading {
    display: block;
    position: relative;
    padding: 5px 15px 5px 0;
    font-size: 14px;
    margin-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
    background: transparent;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
    -ms-box-shadow: none;
    box-shadow: none
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-title-heading:before {
    top: 50%;
    right: 0;
    left: auto;
    position: absolute;
    margin-top: -2px;
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    display: inline-block;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 7px;
    height: 7px
}

.boost-pfs-filter-tree-h a {
    text-decoration: none
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option {
    padding-bottom: 10px;
    margin: 0 40px 0 0;
    display: inline-block
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option:last-child {
    margin-right: 0
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content {
    display: none;
    background: #fff;
    padding: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 8px;
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    z-index: 99;
    margin-top: 5px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content a {
    cursor: pointer
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list li {
    display: inline-block;
    width: 33.33%;
    vertical-align: top
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list li a {
    margin-bottom: 0
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li,
.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-grid li {
    width: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-content-inner {
    padding: 0;
    width: 100%
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-clear {
    margin: 10px 0 0;
    cursor: pointer
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li {
    min-width: 16.66%;
    width: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li a {
    width: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li a:hover {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li a.selected {
    text-decoration: bold !important;
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li a.selected:hover {
    font-weight: 700 !important
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-clear {
    display: inline-block;
    margin-top: 15px;
    line-height: 40px;
    text-decoration: underline;
    vertical-align: top;
    text-transform: lowercase
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-amount {
    float: none
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -6px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading:after {
    display: none
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title {
    position: relative;
    z-index: 99
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title:after,
.boost-pfs-filter-tree-h .boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title:before {
    content: "";
    position: absolute
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title:before {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 20px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -ms-box-shadow: -2px -2px 6px rgba(0, 0, 0, .12);
    box-shadow: -2px -2px 6px rgba(0, 0, 0, .12);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title:after {
    bottom: -13px;
    left: 18px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1 {
    position: relative
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1 .boost-pfs-filter-option-content {
    width: 250px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1 .boost-pfs-filter-option-content ul li {
    width: 100%
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1 .boost-pfs-filter-option-content ul.boost-pfs-filter-option-item-list-box li {
    width: auto;
    min-width: 50%
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1.boost-pfs-filter-option-range .boost-pfs-filter-option-content {
    width: 532px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1.boost-pfs-filter-option-range.boost-pfs-filter-option-center .boost-pfs-filter-option-content {
    left: -200px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1.boost-pfs-filter-option-range.boost-pfs-filter-option-center .boost-pfs-filter-option-content:before {
    left: 220px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-1.boost-pfs-filter-option-range.boost-pfs-filter-option-center .boost-pfs-filter-option-content:after {
    left: 218px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-2 {
    position: relative
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-2 .boost-pfs-filter-option-content {
    width: 532px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-2 .boost-pfs-filter-option-content ul li {
    width: calc(48% - 20px)
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-2 .boost-pfs-filter-option-content .boost-pfs-filter-option-item-list-box li {
    min-width: 16.66%;
    width: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-3 {
    position: relative
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-3 .boost-pfs-filter-option-content {
    width: 700px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-3 .boost-pfs-filter-option-content ul li {
    width: calc(33% - 20px)
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-column-full .boost-pfs-filter-option-content {
    top: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-right .boost-pfs-filter-option-content {
    right: 0;
    left: auto
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-right .boost-pfs-filter-option-content:after,
.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-right .boost-pfs-filter-option-content:before {
    left: auto;
    right: 28px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-scrollbar-loading .boost-pfs-filter-option-content {
    position: absolute
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-scrollbar-loading .boost-pfs-filter-option-content:before {
    top: 204px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-scrollbar-loading .boost-pfs-filter-option-content:after {
    top: 220px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range .boost-pfs-filter-option-content-inner {
    margin-top: 20px;
    margin-bottom: 50px;
    max-width: 700px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount input {
    width: 100%;
    text-indent: 0
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border-radius: 3px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by>span {
    line-height: 26px;
    margin-bottom: 8px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items {
    float: left
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item>a {
    line-height: 26px;
    height: 26px;
    background-color: #f5f5f5;
    border-radius: 50em;
    padding: 0 30px 0 12px;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    outline: none
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item>a:focus,
.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item>a:hover {
    background-color: rgba(0, 0, 0, .2)
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear {
    background-color: transparent;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: 0
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:after,
.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .boost-pfs-filter-clear:before {
    background: #3d4246;
    top: 13px;
    right: 7px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by .boost-pfs-filter-clear-all {
    height: 26px;
    line-height: 26px;
    text-decoration: underline;
    float: left;
    text-transform: lowercase
}

.boost-pfs-filter-tree-h .boost-pfs-filter-refine-by:after {
    content: "";
    display: table;
    clear: both
}

.boost-pfs-filter-tree-h .boost-pfs-filter-tree-options-align-center {
    text-align: center
}

.boost-pfs-filter-tree-h .boost-pfs-filter-tree-options-align-right {
    text-align: right
}

.boost-pfs-filter-tree-mobile-button {
    display: none
}

.boost-pfs-filter-tree-mobile-button button {
    width: 100%;
    background: #000;
    color: #fff;
    padding: 10px 0;
    margin: 20px 0;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    display: block
}

@media (max-width: 767px) {
    .boost-pfs-filter-tree-mobile-button {
        display: block;
        padding: 0;
        height: 52px;
        margin: -20px 0 0
    }

    .boost-pfs-filter-tree-mobile-button button {
        background: #00ae42 !important;
        padding: 14px 0;
        font-weight: 800;
        text-transform: capitalize
    }
}

.boost-pfs-filter-option-title:after {
    content: "";
    display: table;
    clear: both
}

.boost-pfs-filter-option-title-heading {
    display: inline-block
}

.boost-pfs-filter-option-title-heading:focus {
    outline: none;
    background: none
}

.boost-pfs-filter-option-title-heading span {
    cursor: pointer
}

.boost-pfs-filter-option-title-heading .boost-pfs-filter-option-title-count {
    display: none
}

.boost-pfs-filter-option-item>button,
.boost-pfs-filter-option-item>button:focus,
.boost-pfs-filter-option-item>button:hover {
    color: inherit
}

.boost-pfs-filter-option-item {
    cursor: pointer;
    margin: 7px 0 6px;
    padding: 0 9px;
    list-style: none;
    line-height: 24px;
    vertical-align: top;
    box-sizing: border-box
}

.boost-pfs-filter-option-item:focus {
    outline: none
}

.boost-pfs-filter-option-item.disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30) !important
}

.boost-pfs-filter-option-item.selected {
    font-weight: 700
}

.boost-pfs-filter-option-item.selected .boost-pfs-filter-option-amount {
    opacity: 1;
    filter: alpha(opacity=100)
}

.boost-pfs-filter-option-item:before {
    display: none
}

.boost-pfs-filter-option-item a,
.boost-pfs-filter-option-item button {
    display: block;
    background: none;
    border: none;
    width: 100%;
    position: static;
    text-decoration: none;
    color: #000
}

.boost-pfs-filter-option-item a:after,
.boost-pfs-filter-option-item button:after {
    display: table;
    content: "";
    clear: both
}

.boost-pfs-filter-option-item-list {
    padding-left: 0;
    margin: 0 -8px;
    list-style: none
}

.boost-pfs-filter-option-item-list:not(.boost-pfs-filter-option-item-list-multiple-list) .boost-pfs-check-box {
    display: none
}

.boost-pfs-filter-option-content .boost-pfs-filter-button-arrow {
    float: right
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box:after {
    clear: both;
    content: "";
    display: block
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item {
    float: left;
    display: inline-block;
    border: none;
    text-align: center;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button {
    line-height: 34px;
    display: block;
    width: calc(100% - 18px);
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #ccc;
    margin-left: 9px;
    margin-right: 9px
}

@media screen and (min-width: 768px) {
    .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button:hover {
        background: #000;
        color: #fff;
        border-color: #000
    }

    .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button:hover span {
        color: #fff
    }
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button .boost-pfs-check-box,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button .boost-pfs-filter-option-amount {
    display: none
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item.selected>button {
    border-color: #000;
    background: #000;
    color: #fff !important
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item.selected>button span {
    color: #fff
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li {
    position: relative;
    padding-left: 30px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li .boost-pfs-check-box {
    border: 1px solid rgba(0, 0, 0, .2);
    width: 15px;
    height: 15px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 9px;
    top: 4px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box:before {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li input[type=checkbox] {
    cursor: pointer
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider {
    margin: 25px auto 60px;
    overflow: visible;
    width: calc(100% - 22px);
    background: #b9b9b9;
    box-shadow: none;
    border: none;
    height: 2px
}

@media (max-width: 767px) {
    .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider {
        width: calc(100% - 36px)
    }
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-value-horizontal:nth-child(2) {
    left: -3px !important;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%)
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-value-horizontal:last-child {
    left: auto !important;
    right: -3px !important;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%)
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal {
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    top: 100%;
    padding: 10px 0;
    height: 80px
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal .noUi-marker {
    width: 1px;
    height: 6px;
    top: -4px;
    margin: 0
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-pips-horizontal .noUi-marker.noUi-marker-large {
    background: #3d4246;
    border-left: 1px solid
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-connect {
    background: #3d4246;
    border: 1px solid;
    left: auto
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin {
    width: 10%;
    height: 10%;
    left: auto;
    background: none
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin .noUi-handle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: -10px;
    left: auto;
    top: -10px;
    cursor: pointer;
    border: 1px solid #3d4246;
    -ms-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-origin .noUi-handle {
        width: 28px;
        height: 28px;
        top: -14px;
        right: -14px
    }
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-handle {
    right: -1px;
    top: -7px
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-handle:after,
.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-handle:before {
    content: none
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-slider .noUi-handle:focus {
    outline: none
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount {
    position: relative;
    margin-bottom: 0
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount:after {
    clear: both;
    content: "";
    display: block
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount input {
    position: relative;
    width: calc(50% - 15px);
    height: 36px;
    float: left;
    margin: 0 0 10px;
    padding: 1px 5px;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    clear: none;
    min-height: auto;
    min-width: auto;
    text-align: center
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount input:focus {
    outline: none
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount .boost-pfs-filter-option-range-amount-split {
    float: left;
    font-size: 14px;
    line-height: 36px;
    width: 30px;
    text-align: center
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount>span:first-child {
    float: left
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount>span:last-child {
    float: right
}

.boost-pfs-filter-option-range .boost-pfs-filter-option-range-amount>span:nth-child(2) {
    display: none
}

.noUi-connects+.noUi-origin .noUi-tooltip {
    -ms-transform: none;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    left: 0 !important
}

.noUi-connects+.noUi-origin+.noUi-origin .noUi-tooltip {
    -ms-transform: none;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    left: auto !important;
    right: 0 !important
}

.boost-pfs-filter-option-range-style2 .boost-pfs-filter-option-range-slider .noUi-value {
    visibility: hidden
}

.boost-pfs-filter-option-range-style2 .boost-pfs-filter-option-range-slider .noUi-tooltip {
    top: 27px;
    border: none;
    font-size: 12px;
    background: none
}

.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-slider {
    margin-bottom: 20px
}

.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-slider .noUi-marker,
.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-slider .noUi-value {
    visibility: hidden
}

.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-amount input {
    width: 50px;
    max-width: 50px;
    height: 20px;
    max-height: 20px
}

.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-amount input.boost-pfs-filter-option-range-amount-max {
    float: right
}

.boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-content .boost-pfs-filter-option-range-amount {
    margin-bottom: 0
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-range-amount {
    display: block
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-range-style3 .boost-pfs-filter-option-content-inner {
    margin-bottom: 0
}

.boost-pfs-filter-option-range-style4 .boost-pfs-filter-option-range-slider .noUi-connects {
    background-color: #3a3a3a
}

.boost-pfs-filter-option-range-style5 .boost-pfs-filter-option-range-slider .noUi-value:last-of-type {
    visibility: hidden
}

.boost-pfs-filter-option-range-style5 .boost-pfs-filter-option-range-slider .noUi-connects {
    height: 5px;
    bottom: 2px
}

.boost-pfs-filter-option-range-style5 .boost-pfs-filter-option-range-slider .noUi-marker:not(:last-of-type):not(:first-of-type) {
    height: 5px;
    background-color: #fff;
    z-index: 1
}

.boost-pfs-filter-option-range-slider-style2 .noUi-value {
    visibility: hidden
}

.boost-pfs-filter-option-range-slider-style2 .noUi-tooltip {
    bottom: -35px;
    border: none;
    font-size: 12px
}

.boost-pfs-filter-option-range-amount-wrapper {
    position: relative;
    width: calc(50% - 15px);
    height: 36px;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    clear: none;
    min-height: auto;
    min-width: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.boost-pfs-filter-option-range-amount-wrapper .boost-pfs-filter-option-range-slider-unit {
    max-width: 50%;
    padding: 0 0 0 6px;
    white-space: nowrap;
    display: none
}

.boost-pfs-filter-option-range-amount-wrapper input.boost-pfs-filter-option-range-amount-max,
.boost-pfs-filter-option-range-amount-wrapper input.boost-pfs-filter-option-range-amount-min {
    border: none;
    min-width: 50%;
    height: 34px;
    text-align: center;
    padding-right: 6px;
    width: auto;
    background: none;
    -ms-box-shadow: none;
    box-shadow: none
}

[id*=boost-pfs-filter-tree-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree-pf-vp-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree2-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree2-pf-vp-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree3-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree3-pf-vp-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree4-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree4-pf-vp-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree5-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree5-pf-vp-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree6-pf-p-] .boost-pfs-filter-option-range-slider-unit,
[id*=boost-pfs-filter-tree6-pf-vp-] .boost-pfs-filter-option-range-slider-unit {
    display: block
}

[id*=boost-pfs-filter-tree-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree2-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree2-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree3-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree3-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree4-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree4-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree5-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree5-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree6-pf-p-] .boost-pfs-filter-option-range-amount-wrapper input,
[id*=boost-pfs-filter-tree6-pf-vp-] .boost-pfs-filter-option-range-amount-wrapper input {
    text-align: right
}

.boost-pfs-filter-icon-star {
    font-size: 0
}

.boost-pfs-filter-icon-star:before {
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    content: "\2606";
    font-size: 16px
}

.boost-pfs-filter-icon-star.boost-pfs-filter-icon-star-active:before {
    content: "\2605"
}

.boost-pfs-filter-option-sub-category .boost-pfs-filter-option-title {
    padding-bottom: 5px
}

.boost-pfs-filter-option-sub-category .boost-pfs-filter-option-content ul li.selected .boost-pfs-filter-option-item-parent-category {
    font-weight: 700
}

.boost-pfs-filter-option-sub-category .boost-pfs-filter-option-content ul li .boost-pfs-filter-option-item-parent-category {
    margin-bottom: 0;
    margin-left: 20px
}

.boost-pfs-filter-option-sub-category .boost-pfs-filter-option-content ul li .boost-pfs-filter-option-item-sub-category-list {
    padding-bottom: 7px;
    list-style: none;
    margin-left: 40px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list .boost-pfs-filter-option-item .boost-pfs-filter-option-value,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list .boost-pfs-filter-option-item .boost-pfs-filter-option-value {
    border: none
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-first-level-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-first-level-item {
    display: block;
    margin-right: 0;
    text-align: left;
    border: none
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item .boost-pfs-check-box,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item .boost-pfs-check-box {
    display: none
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-first-level-item,
.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-single-list .boost-pfs-filter-option-first-level-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-first-level-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-single-list .boost-pfs-filter-option-first-level-item {
    padding-left: 0
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-item {
    padding-left: 30px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-item .boost-pfs-check-box,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-item .boost-pfs-check-box {
    display: block
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-item {
    clear: both
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-item:before,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-item:before {
    display: none
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.selected .boost-pfs-check-box:before,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.selected .boost-pfs-check-box:before {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-list,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-multi-level-list {
    padding-left: 24px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item {
    position: relative;
    padding-right: 24px;
    padding-left: 10px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow {
    position: absolute;
    top: 0;
    right: 9px;
    width: auto
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow {
    width: 14px;
    height: 14px;
    vertical-align: top
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow:before,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-filter-button-arrow .boost-pfs-arrow:before {
    content: "";
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -ms-transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    border-radius: 0;
    width: 8px;
    height: 8px;
    margin: 0 7px -4px 3px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item+.boost-pfs-filter-option-multi-level-list,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item+.boost-pfs-filter-option-multi-level-list {
    display: none
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.boost-pfs-open .boost-pfs-arrow:before,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.boost-pfs-open .boost-pfs-arrow:before {
    content: "";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 2px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.boost-pfs-open+.boost-pfs-filter-option-multi-level-list,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.boost-pfs-open+.boost-pfs-filter-option-multi-level-list {
    display: block
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-third-level-item .boost-pfs-filter-option-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-third-level-item .boost-pfs-filter-option-item {
    padding-right: 0
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-first-level-item,
.boost-pfs-filter-option-multi-level-tag .boost-pfs-filter-option-first-level-item {
    display: block
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item {
    padding-left: 30px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item .boost-pfs-check-box {
    display: none;
    border: 1px solid rgba(0, 0, 0, .2);
    width: 15px;
    height: 15px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 9px;
    top: 4px
}

.boost-pfs-filter-option-multi-level-collections .boost-pfs-filter-option-multi-level-list.boost-pfs-filter-option-item-list-multiple-list .boost-pfs-filter-option-multi-level-list .boost-pfs-filter-option-item.selected .boost-pfs-check-box:before {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch {
    margin-left: -3px;
    margin-right: -3px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item {
    padding-left: 3px;
    padding-right: 3px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.has-border span.boost-pfs-filter-option-swatch-image {
    border: 1px solid #cbcbcb !important
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.has-border.selected span.boost-pfs-filter-option-swatch-image {
    border: 1px solid #000 !important
}

@media (min-width: 768px) {
    .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.has-border:hover span.boost-pfs-filter-option-swatch-image {
        border: 1px solid #000 !important
    }
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item .boost-pfs-filter-option-swatch-image {
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    background-size: cover;
    -ms-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    position: relative
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item .boost-pfs-filter-option-swatch-image:before {
    content: "";
    border: 2px solid transparent;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    z-index: 2
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item .boost-pfs-filter-button {
    padding-top: 3px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.selected {
    font-weight: 700
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.selected .boost-pfs-filter-option-swatch-image {
    border: 1px solid #000 !important
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item.selected .boost-pfs-filter-option-swatch-image:before {
    border-color: #fff
}

@media (min-width: 1025px) {
    .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item:hover .boost-pfs-filter-option-swatch-image {
        border: 1px solid #000 !important
    }

    .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch .boost-pfs-filter-option-item:hover .boost-pfs-filter-option-swatch-image:before {
        border-color: #fff
    }
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-list li,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-list li {
    padding-left: 40px;
    position: relative;
    display: block;
    min-height: 36px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-list li .boost-pfs-filter-option-swatch-image,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-list li .boost-pfs-filter-option-swatch-image {
    margin-right: 6px;
    position: absolute;
    top: 0;
    left: 3px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-list li .boost-pfs-filter-option-swatch-image+.boost-pfs-filter-button,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-list li .boost-pfs-filter-option-swatch-image+.boost-pfs-filter-button {
    margin-top: 2px
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-grid li {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    width: auto
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-grid li .boost-pfs-filter-option-swatch-image+.boost-pfs-filter-button {
    display: none
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.square-list li {
    display: block
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    width: auto
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image:before {
    border-radius: 50%
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-grid li .boost-pfs-filter-option-swatch-image+.boost-pfs-filter-button {
    display: none
}

.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-list li .boost-pfs-filter-option-swatch-image,
.boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-swatch.circle-list li .boost-pfs-filter-option-swatch-image:before {
    border-radius: 50%
}

.boost-pfs-most-popular,
.boost-pfs-recently-viewed {
    float: none;
    clear: both;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0 34px 40px
}

@media (max-width: 767px) {

    .boost-pfs-most-popular,
    .boost-pfs-recently-viewed {
        padding-left: 17px;
        padding-right: 17px
    }
}

.boost-pfs-most-popular .boost-pfs-product-slider,
.boost-pfs-recently-viewed .boost-pfs-product-slider {
    float: none;
    clear: both;
    padding-top: 0;
    margin-top: 50px;
    display: inline-block;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    position: relative;
    margin-left: -15px
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-title,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-title {
    text-align: center;
    position: relative;
    margin-bottom: 55px
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-title:before,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-title:before {
    content: "";
    background: rgba(34, 34, 34, .2);
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-title h2,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-title h2 {
    margin-bottom: 0;
    display: inline-block;
    background: #fff;
    position: relative;
    padding-left: 20px;
    padding-right: 20px
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-inner,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper {
    overflow: hidden;
    width: 10000px;
    position: relative;
    top: 0
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper.boost-pfs-product-slider-shifting,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper.boost-pfs-product-slider-shifting {
    -webkit-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper .boost-pfs-product-slider-item,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper .boost-pfs-product-slider-item {
    cursor: pointer;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    clear: none;
    padding: 0 15px;
    margin: 0
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper .boost-pfs-product-slider-item>div,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-inner .boost-pfs-product-slider-item-wrapper .boost-pfs-product-slider-item>div {
    width: 100%
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div {
    cursor: pointer;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .1);
    -moz-box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .1);
    -o-box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .1);
    -ms-box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .1);
    min-height: 0;
    background: #e9e9e9;
    z-index: 2
}

@media (min-width: 768px) {

    .boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div,
    .boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div {
        width: 64px;
        height: 64px
    }
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:focus,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:focus {
    outline: none
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:after,
.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:before,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:after,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:before {
    top: 50%;
    margin-top: -5px;
    margin-left: -7px;
    left: 50%;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid rgba(34, 34, 34, .6);
    border-bottom: 2px solid rgba(34, 34, 34, .6);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:after,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div:after {
    border-right-color: hsla(0, 0%, 100%, .1);
    border-bottom-color: hsla(0, 0%, 100%, .1)
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled {
    border-color: #ccc;
    cursor: default;
    pointer-events: auto
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled:after,
.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled:before,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled:after,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav>div.boost-pfs-product-slider-nav-btn-disabled:before {
    border-color: #ccc
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev {
    position: absolute;
    left: -32px;
    top: 40%;
    display: block
}

@media (max-width: 767px) {

    .boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev,
    .boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev {
        left: 6px
    }
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev:after,
.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev:before,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev:after,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-prev:before {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: -5px
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next {
    position: absolute;
    right: -32px;
    top: 40%;
    display: block
}

@media (max-width: 767px) {

    .boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next,
    .boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next {
        right: 6px
    }
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next:after,
.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next:before,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next:after,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav .boost-pfs-product-slider-next:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.boost-pfs-most-popular .boost-pfs-product-slider .boost-pfs-product-slider-nav.boost-pfs-product-slider-nav-disabled,
.boost-pfs-recently-viewed .boost-pfs-product-slider .boost-pfs-product-slider-nav.boost-pfs-product-slider-nav-disabled {
    display: none
}

.boost-pfs-filter-top-show-limit label,
.boost-pfs-filter-top-sorting label {
    margin-right: 5px;
    display: inline-block
}

.boost-pfs-filter-top-sorting button {
    -ms-box-shadow: none;
    box-shadow: none;
    font-size: 100%
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item {
    font-size: 0;
    display: inline;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    line-height: 20px;
    background: none
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item:before {
    display: inline-block;
    font-size: 16px;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    opacity: .3;
    filter: alpha(opacity=30)
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item.active {
    cursor: default
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item.active:before,
.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item.boost-pfs-filter-display-grid:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='965.199px' height='965.199px' viewBox='0 0 965.199 965.199' style='enable-background:new 0 0 965.199 965.199;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M263.85,30c0-16.6-13.4-30-30-30h-202c-16.6,0-30,13.4-30,30v202.1c0,16.6,13.4,30,30,30h202.1c16.6,0,30-13.4,30-30V30 H263.85z'/%3E%3Cpath d='M613.55,30c0-16.6-13.4-30-30-30h-202c-16.6,0-30,13.4-30,30v202.1c0,16.6,13.4,30,30,30h202c16.6,0,30-13.4,30-30V30z'/%3E%3Cpath d='M963.25,30c0-16.6-13.4-30-30-30h-202c-16.601,0-30,13.4-30,30v202.1c0,16.6,13.399,30,30,30h202.1c16.601,0,30-13.4,30-30 V30H963.25z'/%3E%3Cpath d='M263.85,381.6c0-16.6-13.4-30-30-30h-202c-16.6,0-30,13.4-30,30v202c0,16.6,13.4,30,30,30h202.1c16.6,0,30-13.4,30-30v-202 H263.85z'/%3E%3Cpath d='M613.55,381.6c0-16.6-13.4-30-30-30h-202c-16.6,0-30,13.4-30,30v202c0,16.6,13.4,30,30,30h202c16.6,0,30-13.4,30-30V381.6z '/%3E%3Cpath d='M963.25,381.6c0-16.6-13.4-30-30-30h-202c-16.601,0-30,13.4-30,30v202c0,16.6,13.399,30,30,30h202.1 c16.601,0,30-13.4,30-30v-202H963.25z'/%3E%3Cpath d='M233.85,703.1h-202c-16.6,0-30,13.4-30,30v202.1c0,16.602,13.4,30,30,30h202.1c16.6,0,30-13.398,30-30V733.1 C263.85,716.6,250.45,703.1,233.85,703.1z'/%3E%3Cpath d='M583.55,703.1h-202c-16.6,0-30,13.4-30,30v202.1c0,16.602,13.4,30,30,30h202c16.6,0,30-13.398,30-30V733.1 C613.55,716.6,600.149,703.1,583.55,703.1z'/%3E%3Cpath d='M933.25,703.1h-202c-16.601,0-30,13.4-30,30v202.1c0,16.602,13.399,30,30,30h202.1c16.601,0,30-13.398,30-30V733.1 C963.25,716.6,949.85,703.1,933.25,703.1z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A")
}

.boost-pfs-filter-top-display-type .boost-pfs-filter-display-item.boost-pfs-filter-display-list:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.07692 0H0V5H5.07692V0ZM20 0H7V5H20V0ZM0 7.5H5V12.5H0V7.5ZM20 7.5H7V12.5H20V7.5ZM0 15H5.07692V20H0V15ZM20 15H7V20H20V15Z' fill='%23222222'/%3E%3C/svg%3E%0A")
}

.boost-pfs-filter-search-term-suggestion-wrapper,
.boost-pfs-filter-search-tips-content-wrapper,
.product-list-no-search-result-text {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    width: 700px
}

@media (max-width: 767px) {

    .boost-pfs-filter-search-term-suggestion-wrapper,
    .boost-pfs-filter-search-tips-content-wrapper,
    .product-list-no-search-result-text {
        max-width: calc(100% - 32px)
    }

    .page-width .boost-pfs-filter-search-term-suggestion-wrapper,
    .page-width .boost-pfs-filter-search-tips-content-wrapper,
    .page-width .product-list-no-search-result-text {
        max-width: 100%
    }
}

.product-list-no-search-result-text {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px
}

.boost-pfs-product-no-search-result-title {
    text-align: center;
    position: relative;
    text-transform: uppercase
}

.boost-pfs-product-no-search-result-title:before {
    content: "";
    background: rgba(34, 34, 34, .2);
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%
}

.boost-pfs-product-no-search-result-title h2 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    background: #fff;
    position: relative;
    padding-left: 30px;
    padding-right: 30px
}

.boost-pfs-filter-search-tips-content-wrapper {
    margin-bottom: 52px
}

.boost-pfs-filter-search-tips-content {
    text-align: left
}

.boost-pfs-filter-search-tips-content ul {
    list-style: disc;
    padding-left: 40px;
    margin-left: 0
}

.boost-pfs-filter-search-tips-content ul li {
    list-style: initial;
    display: list-item
}

@media (max-width: 767px) {
    .boost-pfs-filter-search-tips-content ul {
        padding-left: 16px
    }
}

.boost-pfs-filter-search-term-suggestion-title,
.boost-pfs-filter-search-tips-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 16px
}

.boost-pfs-filter-search-term-suggestion-content ul {
    list-style: none;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 12px);
    margin: 0 0 0 -6px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.boost-pfs-filter-search-term-suggestion-content ul li {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 12px;
    list-style: none
}

.boost-pfs-filter-search-term-suggestion-content ul li a {
    padding: 4px 10px;
    background: #f6f6f8;
    border-radius: 50px;
    color: #222;
    text-decoration: none
}

.boost-pfs-filter-search-term-suggestion-wrapper {
    margin-bottom: 120px
}

.boost-product-item-loading {
    height: auto;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 40px
}

.boost-product-item-loading:before {
    width: 100%;
    bottom: 20px
}

.boost-product-item-loading:after,
.boost-product-item-loading:before {
    content: "";
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee));
    height: 10px;
    position: absolute;
    left: 0
}

.boost-product-item-loading:after {
    width: 60%;
    bottom: 0
}

.boost-product-item-loading .boost-product-item-loading-img {
    background-color: #f0f0f0;
    height: 150px;
    width: 100%;
    max-width: 100%
}

.boost-pfs-filter-skeleton-text {
    height: 8px;
    max-width: 100%;
    min-width: 50px;
    background: rgba(0, 0, 0, .07);
    border-radius: 50em;
    display: inline-block;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite
}

.boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width1 {
    width: 50px
}

.boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width2 {
    width: 100px
}

.boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width3 {
    width: 150px
}

.boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width4 {
    width: 200px
}

.boost-pfs-filter-skeleton-button {
    background-color: rgba(0, 0, 0, .07) !important;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite
}

.boost-pfs-filter-skeleton-button>span {
    background-color: rgba(0, 0, 0, .1);
    height: 8px;
    border-radius: 50em;
    width: 30%;
    display: inline-block
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-skeleton-text {
    max-width: 100%;
    display: block
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width1 {
    width: 40%
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width2 {
    width: 65%
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width3 {
    width: 80%
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-skeleton-text.boost-pfs-filter-skeleton-width4 {
    width: 100%
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-title>a,
.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-title>h3 {
    display: block
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-title>a span:after,
.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-title>h3 span:after {
    content: "";
    height: 12px;
    width: 28%;
    background: rgba(0, 0, 0, .07);
    border-radius: 50em;
    display: inline-block;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-content .boost-pfs-filter-skeleton-text:not(:last-child) {
    margin-bottom: 18px
}

.boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-content .boost-pfs-filter-skeleton-text:not(:first-child) {
    margin-top: 10px
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-skeleton .boost-pfs-filter-option-title>button span:after {
    content: "";
    width: 28%;
    background: #ececec;
    border-radius: 50em;
    display: inline-block;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite;
    width: 80px;
    height: 10px
}

.boost-pfs-filter-tree-h:after {
    display: table;
    content: "";
    clear: both
}

.boost-pfs-filter-product-skeleton .boost-pfs-filter-product-skeleton-image {
    background-color: rgba(0, 0, 0, .04);
    margin-bottom: 5%;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite
}

.boost-pfs-filter-product-skeleton .boost-pfs-filter-product-skeleton-meta>span {
    display: block;
    margin-bottom: 15px
}

@-webkit-keyframes boost-pfs-filter-skeleton-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes boost-pfs-filter-skeleton-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.boost-pfs-search-retult-list {
    clear: both
}

.boost-pfs-search-result-list-item {
    margin-bottom: 35px
}

.boost-pfs-search-result-list-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-decoration: none
}

.boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    margin-right: 15px
}

.boost-pfs-search-result-list-item .boost-pfs-search-result-list-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.boost-pfs-search-result-list-item .boost-pfs-search-result-list-item-description {
    font-size: 14px;
    color: rgba(34, 34, 34, .6)
}

.boost-hidden {
    display: none !important
}

.boost-pfs-search-result-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 35px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px
}

.boost-pfs-search-result-toolbar .boost-pfs-search-result-item:first-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto
}

.boost-pfs-search-result-toolbar .boost-pfs-search-result-item {
    line-height: 18px;
    position: relative
}

.boost-pfs-search-result-toolbar .boost-pfs-search-result-item .boost-pfs-search-total-result {
    white-space: nowrap
}

.boost-pfs-search-result-toolbar .boost-pfs-search-result-panel-controls {
    padding: 0;
    margin: 0
}

@media (max-width: 767px) {
    .boost-pfs-search-result-toolbar .boost-pfs-search-result-panel-controls {
        display: table;
        width: calc(100% + 10px);
        table-layout: fixed;
        margin: 0 -5px
    }

    .boost-pfs-search-result-toolbar {
        margin: 20px 0;
        padding-left: 16px;
        padding-right: 16px
    }

    .boost-pfs-search-result-toolbar .boost-pfs-search-total-result {
        display: none
    }
}

ul.boost-pfs-search-result-panel-controls {
    list-style: none
}

ul.boost-pfs-search-result-panel-controls>li {
    display: inline-block;
    margin: 0 45px 0 0;
    vertical-align: top
}

ul.boost-pfs-search-result-panel-controls>li.boost-active {
    font-weight: 700
}

ul.boost-pfs-search-result-panel-controls>li button {
    background: none;
    border: none;
    outline: none;
    font-weight: inherit;
    padding: 0;
    word-break: break-word;
    white-space: normal;
    display: block;
    color: inherit;
    font-size: 100%;
    cursor: pointer;
    white-space: nowrap
}

ul.boost-pfs-search-result-panel-controls.boost-pfs-search-panel-items-3>li {
    max-width: calc(33.33% - 45px)
}

ul.boost-pfs-search-result-panel-controls.boost-pfs-search-panel-items-2>li {
    max-width: calc(50% - 45px)
}

@media (max-width: 767px) {
    ul.boost-pfs-search-result-panel-controls>li {
        display: table-cell;
        padding: 0 5px;
        white-space: normal
    }
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item {
    padding: 35px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item h3,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item h3 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item:first-child,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item:first-child {
    padding-top: 0
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item:last-child,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item:last-child {
    border-bottom: none
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    line-height: 20px;
    text-decoration: none
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a:before,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a:before {
    content: "";
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -ms-transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a>div,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a>div {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image {
    max-width: 120px;
    width: 100%;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image img,
.boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image img {
    max-width: 100%
}

@media (max-width: 767px) {

    .boost-pfs-search-result-collections .boost-pfs-search-result-list-item,
    .boost-pfs-search-result-pages .boost-pfs-search-result-list-item {
        padding: 20px 0
    }

    .boost-pfs-search-result-collections .boost-pfs-search-result-list-item h3,
    .boost-pfs-search-result-pages .boost-pfs-search-result-list-item h3 {
        font-size: 14px;
        word-break: break-word
    }

    .boost-pfs-search-result-collections .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image,
    .boost-pfs-search-result-pages .boost-pfs-search-result-list-item>a .boost-pfs-search-result-list-item-image {
        max-width: 100px
    }
}

.main-padding {
    padding-top: 70px
}

.main-padding-with-notice {
    padding-top: 142px
}

@media screen and (min-width: 500px) {
    .main-padding {
        padding-top: 70px
    }

    .main-padding-with-notice {
        padding-top: 142px
    }
}

@media screen and (min-width: 641px) {
    .main-padding {
        padding-top: 76px
    }

    .main-padding-with-notice {
        padding-top: 148px
    }
}

@media screen and (min-width: 768px) {
    .main-padding {
        padding-top: 76px
    }

    .main-padding-with-notice {
        padding-top: 128px
    }
}

@media screen and (min-width: 1140px) and (max-width:1399px) {
    .main-padding {
        padding-top: 122px
    }

    .main-padding-with-notice {
        padding-top: 174px
    }
}

@media screen and (min-width: 1400px) {
    .main-padding {
        padding-top: 82px
    }

    .main-padding-with-notice {
        padding-top: 134px
    }
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
.bbl-display-1 {
    font-size: 54px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .bbl-display-1 {
        font-size: 64px
    }
}

@media (min-width: 1440px) {
    .bbl-display-1 {
        font-size: 100px
    }
}

.bbl-display-2 {
    font-size: 40px;
    line-height: 100%
}

@media (min-width: 1025px) {
    .bbl-display-2 {
        font-size: 56px
    }
}

@media (min-width: 1440px) {
    .bbl-display-2 {
        font-size: 72px
    }
}

.bbl-headline-1 {
    font-size: 36px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .bbl-headline-1 {
        font-size: 48px
    }
}

@media (min-width: 1440px) {
    .bbl-headline-1 {
        font-size: 60px
    }
}

.\!bbl-headline-2 {
    font-size: 30px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .\!bbl-headline-2 {
        font-size: 40px
    }
}

@media (min-width: 1440px) {
    .\!bbl-headline-2 {
        font-size: 54px
    }
}

.bbl-headline-2 {
    font-size: 30px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .bbl-headline-2 {
        font-size: 40px
    }
}

@media (min-width: 1440px) {
    .bbl-headline-2 {
        font-size: 54px
    }
}

.bbl-headline-3 {
    font-size: 28px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .bbl-headline-3 {
        font-size: 36px
    }
}

@media (min-width: 1440px) {
    .bbl-headline-3 {
        font-size: 48px
    }
}

.bbl-headline-4 {
    font-size: 24px;
    line-height: 110%
}

@media (min-width: 1025px) {
    .bbl-headline-4 {
        font-size: 32px
    }
}

@media (min-width: 1440px) {
    .bbl-headline-4 {
        font-size: 40px
    }
}

.bbl-title-1 {
    font-size: 22px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .bbl-title-1 {
        font-size: 30px
    }
}

@media (min-width: 1440px) {
    .bbl-title-1 {
        font-size: 34px
    }
}

.\!bbl-title-2 {
    font-size: 20px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .\!bbl-title-2 {
        font-size: 24px
    }
}

@media (min-width: 1440px) {
    .\!bbl-title-2 {
        font-size: 30px
    }
}

.bbl-title-2 {
    font-size: 20px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .bbl-title-2 {
        font-size: 24px
    }
}

@media (min-width: 1440px) {
    .bbl-title-2 {
        font-size: 30px
    }
}

.\!bbl-title-3 {
    font-size: 20px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .\!bbl-title-3 {
        font-size: 20px
    }
}

@media (min-width: 1440px) {
    .\!bbl-title-3 {
        font-size: 24px
    }
}

.bbl-title-3 {
    font-size: 20px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .bbl-title-3 {
        font-size: 20px
    }
}

@media (min-width: 1440px) {
    .bbl-title-3 {
        font-size: 24px
    }
}

.\!bbl-title-4 {
    font-size: 18px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .\!bbl-title-4 {
        font-size: 18px
    }
}

@media (min-width: 1440px) {
    .\!bbl-title-4 {
        font-size: 20px
    }
}

.bbl-title-4 {
    font-size: 18px;
    line-height: 120%
}

@media (min-width: 1025px) {
    .bbl-title-4 {
        font-size: 18px
    }
}

@media (min-width: 1440px) {
    .bbl-title-4 {
        font-size: 20px
    }
}

.bbl-body-1 {
    font-size: 16px;
    line-height: 130%
}

@media (min-width: 1025px) {
    .bbl-body-1 {
        font-size: 16px
    }
}

@media (min-width: 1440px) {
    .bbl-body-1 {
        font-size: 18px
    }
}

.bbl-body-2 {
    font-size: 14px;
    line-height: 130%
}

@media (min-width: 1025px) {
    .bbl-body-2 {
        font-size: 14px
    }
}

@media (min-width: 1440px) {
    .bbl-body-2 {
        font-size: 16px
    }
}

.bbl-body-3 {
    font-size: 14px;
    line-height: 140%
}

@media (min-width: 1025px) {
    .bbl-body-3 {
        font-size: 14px
    }
}

@media (min-width: 1440px) {
    .bbl-body-3 {
        font-size: 14px
    }
}

.bbl-body-4 {
    font-size: 12px;
    line-height: 140%
}

@media (min-width: 1025px) {
    .bbl-body-4 {
        font-size: 14px
    }
}

@media (min-width: 1440px) {
    .bbl-body-4 {
        font-size: 14px
    }
}

.bbl-description {
    font-size: 12px;
    line-height: 140%
}

@media (min-width: 1025px) {
    .bbl-description {
        font-size: 12px
    }
}

@media (min-width: 1440px) {
    .bbl-description {
        font-size: 12px
    }
}

.bbl-button-1 {
    font-size: 14px;
    line-height: 140%
}

@media (min-width: 1025px) {
    .bbl-button-1 {
        font-size: 14px
    }
}

@media (min-width: 1440px) {
    .bbl-button-1 {
        font-size: 16px
    }
}

@media (min-width: 501px) {
    .md\:absolute {
        position: absolute
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:\!mb-\[24px\] {
        margin-bottom: 24px !important
    }

    .md\:ml-\[24px\] {
        margin-left: 24px
    }

    .md\:mr-\[-16px\] {
        margin-right: -16px
    }

    .md\:mr-\[24px\] {
        margin-right: 24px
    }

    .md\:mt-\[-4px\] {
        margin-top: -4px
    }

    .md\:\!line-clamp-1 {
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 1 !important
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-14 {
        height: 3.5rem
    }

    .md\:h-\[100px\] {
        height: 100px
    }

    .md\:h-\[195px\] {
        height: 195px
    }

    .md\:h-\[20px\] {
        height: 20px
    }

    .md\:h-\[218px\] {
        height: 218px
    }

    .md\:h-\[26px\] {
        height: 26px
    }

    .md\:h-\[420px\] {
        height: 420px
    }

    .md\:h-\[42px\] {
        height: 42px
    }

    .md\:h-\[446px\] {
        height: 446px
    }

    .md\:h-\[450px\] {
        height: 450px
    }

    .md\:h-\[45px\] {
        height: 45px
    }

    .md\:h-\[48px\] {
        height: 48px
    }

    .md\:h-\[513px\] {
        height: 513px
    }

    .md\:h-\[680px\] {
        height: 680px
    }

    .md\:h-\[68px\] {
        height: 68px
    }

    .md\:h-full {
        height: 100%
    }

    .md\:max-h-96 {
        max-height: 24rem
    }

    .md\:\!w-\[452px\] {
        width: 452px !important
    }

    .md\:w-14 {
        width: 3.5rem
    }

    .md\:w-\[100px\] {
        width: 100px
    }

    .md\:w-\[1032px\] {
        width: 1032px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[193px\] {
        width: 193px
    }

    .md\:w-\[205px\] {
        width: 205px
    }

    .md\:w-\[20px\] {
        width: 20px
    }

    .md\:w-\[218px\] {
        width: 218px
    }

    .md\:w-\[237px\] {
        width: 237px
    }

    .md\:w-\[26px\] {
        width: 26px
    }

    .md\:w-\[340px\] {
        width: 340px
    }

    .md\:w-\[351px\] {
        width: 351px
    }

    .md\:w-\[366px\] {
        width: 366px
    }

    .md\:w-\[428px\] {
        width: 428px
    }

    .md\:w-\[42px\] {
        width: 42px
    }

    .md\:w-\[440px\] {
        width: 440px
    }

    .md\:w-\[452px\] {
        width: 452px
    }

    .md\:w-\[480px\] {
        width: 480px
    }

    .md\:w-\[560px\] {
        width: 560px
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[680px\] {
        width: 680px
    }

    .md\:w-\[68px\] {
        width: 68px
    }

    .md\:w-\[calc\(100\%-40px\)\] {
        width: calc(100% - 40px)
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[384px\] {
        min-width: 384px
    }

    .md\:min-w-\[452px\] {
        min-width: 452px
    }

    .md\:\!max-w-\[320px\] {
        max-width: 320px !important
    }

    .md\:\!max-w-full {
        max-width: 100% !important
    }

    .md\:max-w-\[500px\] {
        max-width: 500px
    }

    .md\:max-w-\[504px\] {
        max-width: 504px
    }

    .md\:max-w-\[592px\] {
        max-width: 592px
    }

    .md\:max-w-\[600px\] {
        max-width: 600px
    }

    .md\:max-w-\[calc\(100vw-48px\)\] {
        max-width: calc(100vw - 48px)
    }

    .md\:max-w-\[unset\] {
        max-width: unset
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

    .md\:grid-cols-\[repeat\(3\2c 1fr\)\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md\:gap-\[12px\] {
        gap: 12px
    }

    .md\:gap-\[25px\] {
        gap: 25px
    }

    .md\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-y-0 {
        row-gap: 0
    }

    .md\:break-all {
        word-break: break-all
    }

    .md\:bg-\[\#F6F6F6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
    }

    .md\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .md\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .md\:bg-\[url\(\'\/\/store\.bblcdn\.com\/s1\/default\/a5c8c75a028546f8b7f4fe782abd4b9a\/presale-pc\.png\'\)\] {
        background-image: url(//store.bblcdn.com/s1/default/a5c8c75a028546f8b7f4fe782abd4b9a/presale-pc.png)
    }

    .md\:object-cover {
        object-fit: cover
    }

    .md\:object-center {
        object-position: center
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-\[24px\] {
        padding: 24px
    }

    .md\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:px-0,
    .md\:px-\[0\] {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }

    .md\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

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

    .md\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }

    .md\:px-\[75px\] {
        padding-left: 75px;
        padding-right: 75px
    }

    .md\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:pb-\[15px\] {
        padding-bottom: 15px
    }

    .md\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .md\:pl-\[30px\] {
        padding-left: 30px
    }

    .md\:pr-\[32px\] {
        padding-right: 32px
    }

    .md\:pt-\[18px\] {
        padding-top: 18px
    }

    .md\:pt-\[30px\] {
        padding-top: 30px
    }

    .md\:\!text-22 {
        font-size: 22px !important
    }

    .md\:\!text-\[15px\] {
        font-size: 15px !important
    }

    .md\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:\!text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-\[14px\] {
        font-size: 14px
    }

    .md\:text-\[15px\] {
        font-size: 15px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:font-semibold {
        font-weight: 600
    }

    .md\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .md\:text-bbl-white {
        color: var(--bbl-white)
    }

    .md\:bbl-title-4 {
        font-size: 18px;
        line-height: 120%
    }

    @media (min-width:1025px) {
        .md\:bbl-title-4 {
            font-size: 18px
        }
    }

    @media (min-width:1440px) {
        .md\:bbl-title-4 {
            font-size: 20px
        }
    }

    .md\:first\:border-t-0:first-child {
        border-top-width: 0
    }
}

@media (min-width:768px) {
    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .lg\:bottom-1\/2 {
        bottom: 50%
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-\[12px\] {
        left: 12px
    }

    .lg\:left-\[14px\] {
        left: 14px
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-\[-11px\] {
        right: -11px
    }

    .lg\:right-\[unset\] {
        right: unset
    }

    .lg\:top-\[-11px\] {
        top: -11px
    }

    .lg\:top-\[48px\] {
        top: 48px
    }

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

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

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

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

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

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:my-\[12px\] {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-\[100px\] {
        margin-bottom: 100px
    }

    .lg\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .lg\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .lg\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .lg\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .lg\:mb-content-4 {
        margin-bottom: var(--content-gap-4)
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:ml-\[-68px\] {
        margin-left: -68px
    }

    .lg\:ml-\[20px\] {
        margin-left: 20px
    }

    .lg\:ml-\[24px\] {
        margin-left: 24px
    }

    .lg\:ml-\[32px\] {
        margin-left: 32px
    }

    .lg\:ml-\[unset\] {
        margin-left: unset
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mr-\[40px\] {
        margin-right: 40px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-\[10px\] {
        margin-top: 10px
    }

    .lg\:mt-\[12px\] {
        margin-top: 12px
    }

    .lg\:mt-\[16px\] {
        margin-top: 16px
    }

    .lg\:mt-\[18px\] {
        margin-top: 18px
    }

    .lg\:mt-\[24px\] {
        margin-top: 24px
    }

    .lg\:mt-\[2px\] {
        margin-top: 2px
    }

    .lg\:mt-\[4px\] {
        margin-top: 4px
    }

    .lg\:mt-\[50px\] {
        margin-top: 50px
    }

    .lg\:mt-\[8px\] {
        margin-top: 8px
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[unset\] {
        aspect-ratio: unset
    }

    .lg\:\!h-\[120px\] {
        height: 120px !important
    }

    .lg\:\!h-\[8px\] {
        height: 8px !important
    }

    .lg\:h-\[100\%\] {
        height: 100%
    }

    .lg\:h-\[108px\] {
        height: 108px
    }

    .lg\:h-\[138px\] {
        height: 138px
    }

    .lg\:h-\[139px\] {
        height: 139px
    }

    .lg\:h-\[156px\] {
        height: 156px
    }

    .lg\:h-\[18px\] {
        height: 18px
    }

    .lg\:h-\[23px\] {
        height: 23px
    }

    .lg\:h-\[240px\] {
        height: 240px
    }

    .lg\:h-\[250px\] {
        height: 250px
    }

    .lg\:h-\[254px\] {
        height: 254px
    }

    .lg\:h-\[262px\] {
        height: 262px
    }

    .lg\:h-\[288px\] {
        height: 288px
    }

    .lg\:h-\[30px\] {
        height: 30px
    }

    .lg\:h-\[328px\] {
        height: 328px
    }

    .lg\:h-\[344px\] {
        height: 344px
    }

    .lg\:h-\[360px\] {
        height: 360px
    }

    .lg\:h-\[400px\] {
        height: 400px
    }

    .lg\:h-\[402px\] {
        height: 402px
    }

    .lg\:h-\[420px\] {
        height: 420px
    }

    .lg\:h-\[45px\] {
        height: 45px
    }

    .lg\:h-\[513px\] {
        height: 513px
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:h-\[636px\] {
        height: 636px
    }

    .lg\:h-\[667px\] {
        height: 667px
    }

    .lg\:h-\[714px\] {
        height: 714px
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:max-h-\[320px\] {
        max-height: 320px
    }

    .lg\:max-h-\[60vh\] {
        max-height: 60vh
    }

    .lg\:max-h-\[unset\] {
        max-height: unset
    }

    .lg\:min-h-\[120px\] {
        min-height: 120px
    }

    .lg\:min-h-\[310px\] {
        min-height: 310px
    }

    .lg\:min-h-\[520px\] {
        min-height: 520px
    }

    .lg\:min-h-\[unset\] {
        min-height: unset
    }

    .lg\:\!w-\[120px\] {
        width: 120px !important
    }

    .lg\:\!w-\[50\%\] {
        width: 50% !important
    }

    .lg\:\!w-\[672px\] {
        width: 672px !important
    }

    .lg\:\!w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px) !important
    }

    .lg\:\!w-full {
        width: 100% !important
    }

    .lg\:w-\[1032px\] {
        width: 1032px
    }

    .lg\:w-\[108px\] {
        width: 108px
    }

    .lg\:w-\[138px\] {
        width: 138px
    }

    .lg\:w-\[143px\] {
        width: 143px
    }

    .lg\:w-\[145px\] {
        width: 145px
    }

    .lg\:w-\[156px\] {
        width: 156px
    }

    .lg\:w-\[180px\] {
        width: 180px
    }

    .lg\:w-\[19px\] {
        width: 19px
    }

    .lg\:w-\[20\%\] {
        width: 20%
    }

    .lg\:w-\[220px\] {
        width: 220px
    }

    .lg\:w-\[237px\] {
        width: 237px
    }

    .lg\:w-\[23px\] {
        width: 23px
    }

    .lg\:w-\[242px\] {
        width: 242px
    }

    .lg\:w-\[256px\] {
        width: 256px
    }

    .lg\:w-\[258px\] {
        width: 258px
    }

    .lg\:w-\[267px\] {
        width: 267px
    }

    .lg\:w-\[288px\] {
        width: 288px
    }

    .lg\:w-\[300px\] {
        width: 300px
    }

    .lg\:w-\[316px\] {
        width: 316px
    }

    .lg\:w-\[326px\] {
        width: 326px
    }

    .lg\:w-\[328px\] {
        width: 328px
    }

    .lg\:w-\[339px\] {
        width: 339px
    }

    .lg\:w-\[400px\] {
        width: 400px
    }

    .lg\:w-\[414px\] {
        width: 414px
    }

    .lg\:w-\[46\%\] {
        width: 46%
    }

    .lg\:w-\[48\%\] {
        width: 48%
    }

    .lg\:w-\[500px\] {
        width: 500px
    }

    .lg\:w-\[500x\] {
        width: 500x
    }

    .lg\:w-\[586px\] {
        width: 586px
    }

    .lg\:w-\[662px\] {
        width: 662px
    }

    .lg\:w-\[672px\] {
        width: 672px
    }

    .lg\:w-\[673px\] {
        width: 673px
    }

    .lg\:w-\[85px\] {
        width: 85px
    }

    .lg\:w-\[92px\] {
        width: 92px
    }

    .lg\:w-\[calc\(100\%\+96px\)\] {
        width: calc(100% + 96px)
    }

    .lg\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px)
    }

    .lg\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:\!min-w-\[317px\] {
        min-width: 317px !important
    }

    .lg\:min-w-\[120px\] {
        min-width: 120px
    }

    .lg\:min-w-\[160px\] {
        min-width: 160px
    }

    .lg\:min-w-\[176px\] {
        min-width: 176px
    }

    .lg\:min-w-\[213px\] {
        min-width: 213px
    }

    .lg\:min-w-\[328px\] {
        min-width: 328px
    }

    .lg\:\!max-w-\[400px\] {
        max-width: 400px !important
    }

    .lg\:\!max-w-\[80\%\] {
        max-width: 80% !important
    }

    .lg\:max-w-\[213px\] {
        max-width: 213px
    }

    .lg\:max-w-\[432px\] {
        max-width: 432px
    }

    .lg\:max-w-\[500px\] {
        max-width: 500px
    }

    .lg\:max-w-\[642px\] {
        max-width: 642px
    }

    .lg\:max-w-\[672px\] {
        max-width: 672px
    }

    .lg\:max-w-\[680px\] {
        max-width: 680px
    }

    .lg\:max-w-\[calc\(100\%-96px\)\] {
        max-width: calc(100% - 96px)
    }

    .lg\:max-w-\[calc\(100vw-96px\)\] {
        max-width: calc(100vw - 96px)
    }

    .lg\:max-w-\[unset\] {
        max-width: unset
    }

    .lg\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .lg\:translate-x-\[-48px\] {
        --tw-translate-x: -48px;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:scroll-mt-\[120px\] {
        scroll-margin-top: 120px
    }

    .lg\:scroll-pl-\[48px\] {
        scroll-padding-left: 48px
    }

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

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

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

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

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

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-col,
    .lg\:flex-row {
        -webkit-box-direction: normal
    }

    .lg\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg\:flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lg\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-\[12px\] {
        gap: 12px
    }

    .lg\:gap-\[16px\] {
        gap: 16px
    }

    .lg\:gap-\[18px\] {
        gap: 18px
    }

    .lg\:gap-\[24px\] {
        gap: 24px
    }

    .lg\:gap-\[30px\] {
        gap: 30px
    }

    .lg\:gap-\[32px\] {
        gap: 32px
    }

    .lg\:gap-\[36px\] {
        gap: 36px
    }

    .lg\:gap-\[4px\] {
        gap: 4px
    }

    .lg\:gap-content-2 {
        gap: var(--content-gap-2)
    }

    .lg\:gap-px {
        gap: 1px
    }

    .lg\:rounded-\[5px\] {
        border-radius: 5px
    }

    .lg\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .lg\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .lg\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lg\:\!px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .lg\:px-\[134px\] {
        padding-left: 134px;
        padding-right: 134px
    }

    .lg\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .lg\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

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

    .lg\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg\:px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }

    .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .lg\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:py-\[42px\] {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .lg\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:\!pb-10 {
        padding-bottom: 2.5rem !important
    }

    .lg\:pb-\[100px\] {
        padding-bottom: 100px
    }

    .lg\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .lg\:pl-\[-24px\] {
        padding-left: -24px
    }

    .lg\:pl-\[16px\] {
        padding-left: 16px
    }

    .lg\:pl-\[20px\] {
        padding-left: 20px
    }

    .lg\:pl-\[48px\] {
        padding-left: 48px
    }

    .lg\:pl-\[calc\(50vw-336px\)\] {
        padding-left: calc(50vw - 336px)
    }

    .lg\:pr-12 {
        padding-right: 3rem
    }

    .lg\:pr-\[48px\] {
        padding-right: 48px
    }

    .lg\:pr-\[calc\(50vw-336px\)\] {
        padding-right: calc(50vw - 336px)
    }

    .lg\:pt-\[10px\] {
        padding-top: 10px
    }

    .lg\:pt-\[60px\] {
        padding-top: 60px
    }

    .lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:\!text-14,
    .lg\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .lg\:text-12 {
        font-size: 12px
    }

    .lg\:text-14 {
        font-size: 14px
    }

    .lg\:text-16 {
        font-size: 16px
    }

    .lg\:text-18 {
        font-size: 18px
    }

    .lg\:text-24 {
        font-size: 24px
    }

    .lg\:text-26 {
        font-size: 26px
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-\[12px\] {
        font-size: 12px
    }

    .lg\:text-\[14px\] {
        font-size: 14px
    }

    .lg\:text-\[16px\] {
        font-size: 16px
    }

    .lg\:text-\[18px\] {
        font-size: 18px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[34px\] {
        font-size: 34px
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:leading-\[1\.36\] {
        line-height: 1.36
    }

    .lg\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .lg\:leading-\[20px\] {
        line-height: 20px
    }

    .lg\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .lg\:text-bbl-white {
        color: var(--bbl-white)
    }

    .lg\:bbl-title-2 {
        font-size: 20px;
        line-height: 120%
    }

    @media (min-width:1025px) {
        .lg\:bbl-title-2 {
            font-size: 24px
        }
    }

    @media (min-width:1440px) {
        .lg\:bbl-title-2 {
            font-size: 30px
        }
    }

    .lg\:bbl-body-2 {
        font-size: 14px;
        line-height: 130%
    }

    @media (min-width:1025px) {
        .lg\:bbl-body-2 {
            font-size: 14px
        }
    }

    @media (min-width:1440px) {
        .lg\:bbl-body-2 {
            font-size: 16px
        }
    }

    .lg\:\*\:w-\[unset\]>* {
        width: unset
    }
}

@media (min-width:1025px) {
    .xl\:visible {
        visibility: visible
    }

    .xl\:static {
        position: static
    }

    .xl\:relative {
        position: relative
    }

    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:bottom-4 {
        bottom: 1rem
    }

    .xl\:bottom-5 {
        bottom: 1.25rem
    }

    .xl\:bottom-8 {
        bottom: 2rem
    }

    .xl\:bottom-\[143px\] {
        bottom: 143px
    }

    .xl\:bottom-\[20px\] {
        bottom: 20px
    }

    .xl\:bottom-\[24px\] {
        bottom: 24px
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-4 {
        left: 1rem
    }

    .xl\:left-6 {
        left: 1.5rem
    }

    .xl\:left-\[-34px\] {
        left: -34px
    }

    .xl\:left-\[100px\] {
        left: 100px
    }

    .xl\:left-\[24px\] {
        left: 24px
    }

    .xl\:left-\[30px\] {
        left: 30px
    }

    .xl\:left-\[unset\] {
        left: unset
    }

    .xl\:left-content-3 {
        left: var(--content-gap-3)
    }

    .xl\:right-10 {
        right: 2.5rem
    }

    .xl\:right-3 {
        right: .75rem
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:right-6 {
        right: 1.5rem
    }

    .xl\:right-\[-34px\] {
        right: -34px
    }

    .xl\:right-\[129px\] {
        right: 129px
    }

    .xl\:right-\[12px\] {
        right: 12px
    }

    .xl\:right-\[18px\] {
        right: 18px
    }

    .xl\:right-\[20px\] {
        right: 20px
    }

    .xl\:right-\[24px\] {
        right: 24px
    }

    .xl\:right-\[45px\] {
        right: 45px
    }

    .xl\:right-\[unset\] {
        right: unset
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-10 {
        top: 2.5rem
    }

    .xl\:top-2 {
        top: .5rem
    }

    .xl\:top-6 {
        top: 1.5rem
    }

    .xl\:top-\[100px\] {
        top: 100px
    }

    .xl\:top-\[12px\] {
        top: 12px
    }

    .xl\:top-\[18px\] {
        top: 18px
    }

    .xl\:top-\[200px\] {
        top: 200px
    }

    .xl\:top-\[20px\] {
        top: 20px
    }

    .xl\:top-\[24px\] {
        top: 24px
    }

    .xl\:top-\[45px\] {
        top: 45px
    }

    .xl\:top-\[50\%\] {
        top: 50%
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:top-\[63px\] {
        top: 63px
    }

    .xl\:top-\[unset\] {
        top: unset
    }

    .xl\:order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[1\] {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-\[2\] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[3\] {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

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

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

    .xl\:m-6 {
        margin: 1.5rem
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-\[14px\] {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .xl\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .xl\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .xl\:my-\[30px\] {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:my-\[40px\] {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:\!mt-\[12px\] {
        margin-top: 12px !important
    }

    .xl\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .xl\:\!mt-auto {
        margin-top: auto !important
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .xl\:mb-\[120px\] {
        margin-bottom: 120px
    }

    .xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .xl\:mb-\[180px\] {
        margin-bottom: 180px
    }

    .xl\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .xl\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:mb-\[28px\] {
        margin-bottom: 28px
    }

    .xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .xl\:mb-\[36px\] {
        margin-bottom: 36px
    }

    .xl\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .xl\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:ml-\[-78px\] {
        margin-left: -78px
    }

    .xl\:ml-\[133px\] {
        margin-left: 133px
    }

    .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    .xl\:ml-\[6px\] {
        margin-left: 6px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mr-\[18px\] {
        margin-right: 18px
    }

    .xl\:mr-\[48px\] {
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mt-\[-100px\] {
        margin-top: -100px
    }

    .xl\:mt-\[-60px\] {
        margin-top: -60px
    }

    .xl\:mt-\[0\] {
        margin-top: 0
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px
    }

    .xl\:mt-\[10px\] {
        margin-top: 10px
    }

    .xl\:mt-\[120px\] {
        margin-top: 120px
    }

    .xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .xl\:mt-\[14px\] {
        margin-top: 14px
    }

    .xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .xl\:mt-\[18px\] {
        margin-top: 18px
    }

    .xl\:mt-\[200px\] {
        margin-top: 200px
    }

    .xl\:mt-\[20px\] {
        margin-top: 20px
    }

    .xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .xl\:mt-\[36px\] {
        margin-top: 36px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[48px\] {
        margin-top: 48px
    }

    .xl\:mt-\[4px\] {
        margin-top: 4px
    }

    .xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .xl\:mt-\[6px\] {
        margin-top: 6px
    }

    .xl\:mt-\[8px\] {
        margin-top: 8px
    }

    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .xl\:line-clamp-2,
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .xl\:block {
        display: block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:\!flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .xl\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:\!hidden {
        display: none !important
    }

    .xl\:hidden {
        display: none
    }

    .xl\:\!h-\[214px\] {
        height: 214px !important
    }

    .xl\:\!h-\[406px\] {
        height: 406px !important
    }

    .xl\:\!h-\[423px\] {
        height: 423px !important
    }

    .xl\:\!h-\[449px\] {
        height: 449px !important
    }

    .xl\:\!h-\[464px\] {
        height: 464px !important
    }

    .xl\:\!h-\[570px\] {
        height: 570px !important
    }

    .xl\:\!h-\[594px\] {
        height: 594px !important
    }

    .xl\:\!h-\[84px\] {
        height: 84px !important
    }

    .xl\:\!h-full {
        height: 100% !important
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-9 {
        height: 2.25rem
    }

    .xl\:h-\[100px\] {
        height: 100px
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[10px\] {
        height: 10px
    }

    .xl\:h-\[115px\] {
        height: 115px
    }

    .xl\:h-\[120px\] {
        height: 120px
    }

    .xl\:h-\[134px\] {
        height: 134px
    }

    .xl\:h-\[146px\] {
        height: 146px
    }

    .xl\:h-\[15px\] {
        height: 15px
    }

    .xl\:h-\[160px\] {
        height: 160px
    }

    .xl\:h-\[16px\] {
        height: 16px
    }

    .xl\:h-\[173px\] {
        height: 173px
    }

    .xl\:h-\[183px\] {
        height: 183px
    }

    .xl\:h-\[188px\] {
        height: 188px
    }

    .xl\:h-\[18px\] {
        height: 18px
    }

    .xl\:h-\[20px\] {
        height: 20px
    }

    .xl\:h-\[213px\] {
        height: 213px
    }

    .xl\:h-\[226px\] {
        height: 226px
    }

    .xl\:h-\[235px\] {
        height: 235px
    }

    .xl\:h-\[240px\] {
        height: 240px
    }

    .xl\:h-\[24px\] {
        height: 24px
    }

    .xl\:h-\[25px\] {
        height: 25px
    }

    .xl\:h-\[260px\] {
        height: 260px
    }

    .xl\:h-\[26px\] {
        height: 26px
    }

    .xl\:h-\[270px\] {
        height: 270px
    }

    .xl\:h-\[277px\] {
        height: 277px
    }

    .xl\:h-\[278px\] {
        height: 278px
    }

    .xl\:h-\[284px\] {
        height: 284px
    }

    .xl\:h-\[288px\] {
        height: 288px
    }

    .xl\:h-\[28px\] {
        height: 28px
    }

    .xl\:h-\[296px\] {
        height: 296px
    }

    .xl\:h-\[309px\] {
        height: 309px
    }

    .xl\:h-\[30px\] {
        height: 30px
    }

    .xl\:h-\[328px\] {
        height: 328px
    }

    .xl\:h-\[32px\] {
        height: 32px
    }

    .xl\:h-\[334px\] {
        height: 334px
    }

    .xl\:h-\[335px\] {
        height: 335px
    }

    .xl\:h-\[338px\] {
        height: 338px
    }

    .xl\:h-\[33px\] {
        height: 33px
    }

    .xl\:h-\[34px\] {
        height: 34px
    }

    .xl\:h-\[350px\] {
        height: 350px
    }

    .xl\:h-\[356px\] {
        height: 356px
    }

    .xl\:h-\[360px\] {
        height: 360px
    }

    .xl\:h-\[366px\] {
        height: 366px
    }

    .xl\:h-\[36px\] {
        height: 36px
    }

    .xl\:h-\[373px\] {
        height: 373px
    }

    .xl\:h-\[37px\] {
        height: 37px
    }

    .xl\:h-\[380px\] {
        height: 380px
    }

    .xl\:h-\[381px\] {
        height: 381px
    }

    .xl\:h-\[400px\] {
        height: 400px
    }

    .xl\:h-\[406px\] {
        height: 406px
    }

    .xl\:h-\[408px\] {
        height: 408px
    }

    .xl\:h-\[40px\] {
        height: 40px
    }

    .xl\:h-\[41\.8px\] {
        height: 41.8px
    }

    .xl\:h-\[416px\] {
        height: 416px
    }

    .xl\:h-\[422px\] {
        height: 422px
    }

    .xl\:h-\[423px\] {
        height: 423px
    }

    .xl\:h-\[424px\] {
        height: 424px
    }

    .xl\:h-\[42px\] {
        height: 42px
    }

    .xl\:h-\[440\.86px\] {
        height: 440.86px
    }

    .xl\:h-\[440px\] {
        height: 440px
    }

    .xl\:h-\[450px\] {
        height: 450px
    }

    .xl\:h-\[45px\] {
        height: 45px
    }

    .xl\:h-\[460px\] {
        height: 460px
    }

    .xl\:h-\[476px\] {
        height: 476px
    }

    .xl\:h-\[47px\] {
        height: 47px
    }

    .xl\:h-\[489px\] {
        height: 489px
    }

    .xl\:h-\[48px\] {
        height: 48px
    }

    .xl\:h-\[495px\] {
        height: 495px
    }

    .xl\:h-\[498px\] {
        height: 498px
    }

    .xl\:h-\[507px\] {
        height: 507px
    }

    .xl\:h-\[508px\] {
        height: 508px
    }

    .xl\:h-\[50px\] {
        height: 50px
    }

    .xl\:h-\[52px\] {
        height: 52px
    }

    .xl\:h-\[53px\] {
        height: 53px
    }

    .xl\:h-\[544px\] {
        height: 544px
    }

    .xl\:h-\[54px\] {
        height: 54px
    }

    .xl\:h-\[559px\] {
        height: 559px
    }

    .xl\:h-\[560px\] {
        height: 560px
    }

    .xl\:h-\[56px\] {
        height: 56px
    }

    .xl\:h-\[570px\] {
        height: 570px
    }

    .xl\:h-\[584px\] {
        height: 584px
    }

    .xl\:h-\[588px\] {
        height: 588px
    }

    .xl\:h-\[592px\] {
        height: 592px
    }

    .xl\:h-\[600px\] {
        height: 600px
    }

    .xl\:h-\[640px\] {
        height: 640px
    }

    .xl\:h-\[67px\] {
        height: 67px
    }

    .xl\:h-\[71px\] {
        height: 71px
    }

    .xl\:h-\[72px\] {
        height: 72px
    }

    .xl\:h-\[752px\] {
        height: 752px
    }

    .xl\:h-\[762px\] {
        height: 762px
    }

    .xl\:h-\[80px\] {
        height: 80px
    }

    .xl\:h-\[84px\] {
        height: 84px
    }

    .xl\:h-\[913px\] {
        height: 913px
    }

    .xl\:h-fit {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:\!max-h-\[552px\] {
        max-height: 552px !important
    }

    .xl\:max-h-\[360px\] {
        max-height: 360px
    }

    .xl\:max-h-\[440px\] {
        max-height: 440px
    }

    .xl\:max-h-\[450px\] {
        max-height: 450px
    }

    .xl\:max-h-\[552px\] {
        max-height: 552px
    }

    .xl\:max-h-\[70vh\] {
        max-height: 70vh
    }

    .xl\:max-h-\[800px\] {
        max-height: 800px
    }

    .xl\:min-h-\[104px\] {
        min-height: 104px
    }

    .xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .xl\:min-h-\[226px\] {
        min-height: 226px
    }

    .xl\:min-h-\[250px\] {
        min-height: 250px
    }

    .xl\:min-h-\[279px\] {
        min-height: 279px
    }

    .xl\:min-h-\[357px\] {
        min-height: 357px
    }

    .xl\:min-h-\[416px\] {
        min-height: 416px
    }

    .xl\:min-h-\[unset\] {
        min-height: unset
    }

    .xl\:\!w-\[1014px\] {
        width: 1014px !important
    }

    .xl\:\!w-\[584px\] {
        width: 584px !important
    }

    .xl\:\!w-\[670px\] {
        width: 670px !important
    }

    .xl\:\!w-\[842px\] {
        width: 842px !important
    }

    .xl\:\!w-\[84px\] {
        width: 84px !important
    }

    .xl\:\!w-\[calc\(50\%-9px\)\] {
        width: calc(50% - 9px) !important
    }

    .xl\:\!w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-9 {
        width: 2.25rem
    }

    .xl\:w-\[100px\] {
        width: 100px
    }

    .xl\:w-\[100vw\] {
        width: 100vw
    }

    .xl\:w-\[1014px\] {
        width: 1014px
    }

    .xl\:w-\[1024px\] {
        width: 1024px
    }

    .xl\:w-\[108px\] {
        width: 108px
    }

    .xl\:w-\[10px\] {
        width: 10px
    }

    .xl\:w-\[110px\] {
        width: 110px
    }

    .xl\:w-\[120px\] {
        width: 120px
    }

    .xl\:w-\[126px\] {
        width: 126px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[160px\] {
        width: 160px
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[188px\] {
        width: 188px
    }

    .xl\:w-\[18px\] {
        width: 18px
    }

    .xl\:w-\[204px\] {
        width: 204px
    }

    .xl\:w-\[20px\] {
        width: 20px
    }

    .xl\:w-\[230px\] {
        width: 230px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[242px\] {
        width: 242px
    }

    .xl\:w-\[245px\] {
        width: 245px
    }

    .xl\:w-\[252px\] {
        width: 252px
    }

    .xl\:w-\[258px\] {
        width: 258px
    }

    .xl\:w-\[26px\] {
        width: 26px
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

    .xl\:w-\[282px\] {
        width: 282px
    }

    .xl\:w-\[300px\] {
        width: 300px
    }

    .xl\:w-\[308px\] {
        width: 308px
    }

    .xl\:w-\[30px\] {
        width: 30px
    }

    .xl\:w-\[314px\] {
        width: 314px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

    .xl\:w-\[326px\] {
        width: 326px
    }

    .xl\:w-\[328px\] {
        width: 328px
    }

    .xl\:w-\[336px\] {
        width: 336px
    }

    .xl\:w-\[339px\] {
        width: 339px
    }

    .xl\:w-\[33px\] {
        width: 33px
    }

    .xl\:w-\[340px\] {
        width: 340px
    }

    .xl\:w-\[34px\] {
        width: 34px
    }

    .xl\:w-\[354px\] {
        width: 354px
    }

    .xl\:w-\[35px\] {
        width: 35px
    }

    .xl\:w-\[36px\] {
        width: 36px
    }

    .xl\:w-\[380px\] {
        width: 380px
    }

    .xl\:w-\[384px\] {
        width: 384px
    }

    .xl\:w-\[392px\] {
        width: 392px
    }

    .xl\:w-\[40\.4px\] {
        width: 40.4px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[407px\] {
        width: 407px
    }

    .xl\:w-\[40px\] {
        width: 40px
    }

    .xl\:w-\[412px\] {
        width: 412px
    }

    .xl\:w-\[439px\] {
        width: 439px
    }

    .xl\:w-\[44px\] {
        width: 44px
    }

    .xl\:w-\[450px\] {
        width: 450px
    }

    .xl\:w-\[45px\] {
        width: 45px
    }

    .xl\:w-\[460px\] {
        width: 460px
    }

    .xl\:w-\[47px\] {
        width: 47px
    }

    .xl\:w-\[48px\] {
        width: 48px
    }

    .xl\:w-\[495px\] {
        width: 495px
    }

    .xl\:w-\[498px\] {
        width: 498px
    }

    .xl\:w-\[50\%\] {
        width: 50%
    }

    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:w-\[535px\] {
        width: 535px
    }

    .xl\:w-\[560px\] {
        width: 560px
    }

    .xl\:w-\[564px\] {
        width: 564px
    }

    .xl\:w-\[56px\] {
        width: 56px
    }

    .xl\:w-\[584px\] {
        width: 584px
    }

    .xl\:w-\[600px\] {
        width: 600px
    }

    .xl\:w-\[606px\] {
        width: 606px
    }

    .xl\:w-\[670px\] {
        width: 670px
    }

    .xl\:w-\[683px\] {
        width: 683px
    }

    .xl\:w-\[700px\] {
        width: 700px
    }

    .xl\:w-\[72px\] {
        width: 72px
    }

    .xl\:w-\[788px\] {
        width: 788px
    }

    .xl\:w-\[792px\] {
        width: 792px
    }

    .xl\:w-\[80px\] {
        width: 80px
    }

    .xl\:w-\[842px\] {
        width: 842px
    }

    .xl\:w-\[84px\] {
        width: 84px
    }

    .xl\:w-\[876px\] {
        width: 876px
    }

    .xl\:w-\[96px\] {
        width: 96px
    }

    .xl\:w-\[996px\] {
        width: 996px
    }

    .xl\:w-\[calc\(100\%-240px\)\] {
        width: calc(100% - 240px)
    }

    .xl\:w-\[unset\] {
        width: unset
    }

    .xl\:w-\[var\(--title-width\)\] {
        width: var(--title-width)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[140px\] {
        min-width: 140px
    }

    .xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .xl\:min-w-\[240px\] {
        min-width: 240px
    }

    .xl\:min-w-\[280px\] {
        min-width: 280px
    }

    .xl\:min-w-\[34px\] {
        min-width: 34px
    }

    .xl\:min-w-\[38px\] {
        min-width: 38px
    }

    .xl\:min-w-\[39px\] {
        min-width: 39px
    }

    .xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .xl\:min-w-\[580px\] {
        min-width: 580px
    }

    .xl\:\!max-w-\[548px\] {
        max-width: 548px !important
    }

    .xl\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .xl\:max-w-\[1014px\] {
        max-width: 1014px
    }

    .xl\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .xl\:max-w-\[1110px\] {
        max-width: 1110px
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .xl\:max-w-\[181px\] {
        max-width: 181px
    }

    .xl\:max-w-\[196px\] {
        max-width: 196px
    }

    .xl\:max-w-\[212px\] {
        max-width: 212px
    }

    .xl\:max-w-\[235px\] {
        max-width: 235px
    }

    .xl\:max-w-\[280px\] {
        max-width: 280px
    }

    .xl\:max-w-\[352px\] {
        max-width: 352px
    }

    .xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .xl\:max-w-\[412px\] {
        max-width: 412px
    }

    .xl\:max-w-\[432px\] {
        max-width: 432px
    }

    .xl\:max-w-\[466px\] {
        max-width: 466px
    }

    .xl\:max-w-\[480px\] {
        max-width: 480px
    }

    .xl\:max-w-\[498px\] {
        max-width: 498px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .xl\:max-w-\[662px\] {
        max-width: 662px
    }

    .xl\:max-w-\[788px\] {
        max-width: 788px
    }

    .xl\:max-w-\[792px\] {
        max-width: 792px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[842px\] {
        max-width: 842px
    }

    .xl\:max-w-\[952px\] {
        max-width: 952px
    }

    .xl\:max-w-\[calc\(100\%-144px\)\] {
        max-width: calc(100% - 144px)
    }

    .xl\:max-w-\[unset\] {
        max-width: unset
    }

    .xl\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .xl\:translate-x-\[-5px\] {
        --tw-translate-x: -5px
    }

    .xl\:translate-x-\[-5px\],
    .xl\:translate-y-\[-50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .xl\:scale-\[\.85\] {
        --tw-scale-x: .85;
        --tw-scale-y: .85
    }

    .xl\:scale-\[\.85\],
    .xl\:scale-\[\.8\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .xl\:scale-\[0\.83333\] {
        --tw-scale-x: 0.83333;
        --tw-scale-y: 0.83333
    }

    .xl\:scale-\[0\.83333\],
    .xl\:scale-\[1\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:transform-none {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .xl\:scroll-mt-\[140px\] {
        scroll-margin-top: 140px
    }

    .xl\:scroll-mt-\[200px\] {
        scroll-margin-top: 200px
    }

    .xl\:scroll-pl-\[133px\] {
        scroll-padding-left: 133px
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-\[1fr\2c 584px\] {
        grid-template-columns: 1fr 584px
    }

    .xl\:grid-cols-\[584px\2c 1fr\] {
        grid-template-columns: 584px 1fr
    }

    .xl\:grid-cols-\[repeat\(6\2c 1fr\)\] {
        grid-template-columns: repeat(6, 1fr)
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl\:\!flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .xl\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xl\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-\[100px\] {
        gap: 100px
    }

    .xl\:gap-\[104px\] {
        gap: 104px
    }

    .xl\:gap-\[10px\] {
        gap: 10px
    }

    .xl\:gap-\[120px\] {
        gap: 120px
    }

    .xl\:gap-\[12px\] {
        gap: 12px
    }

    .xl\:gap-\[140px\] {
        gap: 140px
    }

    .xl\:gap-\[160px\] {
        gap: 160px
    }

    .xl\:gap-\[16px\] {
        gap: 16px
    }

    .xl\:gap-\[18px\] {
        gap: 18px
    }

    .xl\:gap-\[200px\] {
        gap: 200px
    }

    .xl\:gap-\[20px\] {
        gap: 20px
    }

    .xl\:gap-\[24px\] {
        gap: 24px
    }

    .xl\:gap-\[2px\] {
        gap: 2px
    }

    .xl\:gap-\[30px\] {
        gap: 30px
    }

    .xl\:gap-\[32px\] {
        gap: 32px
    }

    .xl\:gap-\[40px\] {
        gap: 40px
    }

    .xl\:gap-\[4px\] {
        gap: 4px
    }

    .xl\:gap-\[50px\] {
        gap: 50px
    }

    .xl\:gap-\[54px\] {
        gap: 54px
    }

    .xl\:gap-\[6px\] {
        gap: 6px
    }

    .xl\:gap-\[7px\] {
        gap: 7px
    }

    .xl\:gap-\[8px\] {
        gap: 8px
    }

    .xl\:gap-content-7 {
        gap: var(--content-gap-7)
    }

    .xl\:gap-gutter-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-\[12px\] {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .xl\:gap-x-\[18px\] {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .xl\:gap-x-\[24px\] {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .xl\:gap-x-\[var\(--content-gap-4\)\] {
        -webkit-column-gap: var(--content-gap-4);
        -moz-column-gap: var(--content-gap-4);
        column-gap: var(--content-gap-4)
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-content-8 {
        row-gap: var(--content-gap-8)
    }

    .xl\:space-x-\[120px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(120px * var(--tw-space-x-reverse));
        margin-left: calc(120px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-content-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
    }

    .xl\:self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:rounded-\[6px\] {
        border-radius: 6px
    }

    .xl\:rounded-none {
        border-radius: 0
    }

    .xl\:border-t-0 {
        border-top-width: 0
    }

    .xl\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:bg-\[\#B3832E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(179 131 46/var(--tw-bg-opacity, 1))
    }

    .xl\:bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
        background-color: var(--notice-bg, #ffba41)
    }

    .xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .xl\:stroke-\[\#9E9E9E\],
    .xl\:stroke-grey-6 {
        stroke: #9e9e9e
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:\!p-\[24px\] {
        padding: 24px !important
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:p-\[20px\] {
        padding: 20px
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-\[30px\] {
        padding: 30px
    }

    .xl\:p-\[32px\] {
        padding: 32px
    }

    .xl\:p-\[40px\] {
        padding: 40px
    }

    .xl\:p-\[6px\] {
        padding: 6px
    }

    .xl\:p-\[80px\] {
        padding: 80px
    }

    .xl\:p-\[8px\] {
        padding: 8px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px-\[102px\] {
        padding-left: 102px;
        padding-right: 102px
    }

    .xl\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .xl\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .xl\:px-\[19px\] {
        padding-left: 19px;
        padding-right: 19px
    }

    .xl\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .xl\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .xl\:px-\[36px\] {
        padding-left: 36px;
        padding-right: 36px
    }

    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

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

    .xl\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:px-\[71px\] {
        padding-left: 71px;
        padding-right: 71px
    }

    .xl\:px-\[7px\] {
        padding-left: 7px;
        padding-right: 7px
    }

    .xl\:px-\[93px\] {
        padding-left: 93px;
        padding-right: 93px
    }

    .xl\:px-\[calc\(50vw-18px-326px-163px\)\] {
        padding-left: calc(50vw - 18px - 326px - 163px);
        padding-right: calc(50vw - 18px - 326px - 163px)
    }

    .xl\:px-gutter-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:py-\[23px\] {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .xl\:py-\[26px\] {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .xl\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .xl\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .xl\:\!pb-8 {
        padding-bottom: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .xl\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .xl\:pb-\[180px\] {
        padding-bottom: 180px
    }

    .xl\:pb-\[18px\] {
        padding-bottom: 18px
    }

    .xl\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .xl\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .xl\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .xl\:pb-\[4px\] {
        padding-bottom: 4px
    }

    .xl\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .xl\:pb-\[70px\] {
        padding-bottom: 70px
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pl-\[18px\] {
        padding-left: 18px
    }

    .xl\:pl-\[20px\] {
        padding-left: 20px
    }

    .xl\:pl-\[219px\] {
        padding-left: 219px
    }

    .xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .xl\:pl-\[45px\] {
        padding-left: 45px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-\[180px\] {
        padding-right: 180px
    }

    .xl\:pr-\[8px\] {
        padding-right: 8px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-6 {
        padding-top: 1.5rem
    }

    .xl\:pt-\[0\],
    .xl\:pt-\[0px\] {
        padding-top: 0
    }

    .xl\:pt-\[120px\] {
        padding-top: 120px
    }

    .xl\:pt-\[12px\] {
        padding-top: 12px
    }

    .xl\:pt-\[24px\] {
        padding-top: 24px
    }

    .xl\:pt-\[32px\] {
        padding-top: 32px
    }

    .xl\:pt-\[40px\] {
        padding-top: 40px
    }

    .xl\:pt-\[64px\] {
        padding-top: 64px
    }

    .xl\:pt-\[6px\] {
        padding-top: 6px
    }

    .xl\:pt-\[71px\] {
        padding-top: 71px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:\!text-14 {
        font-size: 14px !important
    }

    .xl\:\!text-16 {
        font-size: 16px !important
    }

    .xl\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .xl\:\!text-\[34px\] {
        font-size: 34px !important
    }

    .xl\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }

    .xl\:text-24 {
        font-size: 24px
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-34 {
        font-size: 34px
    }

    .xl\:text-40 {
        font-size: 40px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[15px\] {
        font-size: 15px
    }

    .xl\:text-\[16px\] {
        font-size: 16px
    }

    .xl\:text-\[18px\] {
        font-size: 18px
    }

    .xl\:text-\[19px\] {
        font-size: 19px
    }

    .xl\:text-\[20px\] {
        font-size: 20px
    }

    .xl\:text-\[22px\] {
        font-size: 22px
    }

    .xl\:text-\[24px\] {
        font-size: 24px
    }

    .xl\:text-\[27px\] {
        font-size: 27px
    }

    .xl\:text-\[28px\] {
        font-size: 28px
    }

    .xl\:text-\[30px\] {
        font-size: 30px
    }

    .xl\:text-\[34px\] {
        font-size: 34px
    }

    .xl\:text-\[40px\] {
        font-size: 40px
    }

    .xl\:text-\[48px\] {
        font-size: 48px
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .xl\:\!leading-\[1\.1\] {
        line-height: 1.1 !important
    }

    .xl\:\!leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .xl\:\!leading-\[22px\] {
        line-height: 22px !important
    }

    .xl\:leading-1\.1 {
        line-height: 110%
    }

    .xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-\[14px\] {
        line-height: 14px
    }

    .xl\:leading-\[16px\] {
        line-height: 16px
    }

    .xl\:leading-\[22\.4px\] {
        line-height: 22.4px
    }

    .xl\:leading-\[30px\] {
        line-height: 30px
    }

    .xl\:leading-\[36px\] {
        line-height: 36px
    }

    .xl\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .xl\:text-\[var\(--notice-color\2c \#573B00\)\] {
        color: var(--notice-color, #573b00)
    }

    .xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .xl\:text-bbl-grey-9 {
        color: var(--bbl-grey-9)
    }

    .xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .xl\:shadow-none,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .xl\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .xl\:bbl-body-1 {
        font-size: 16px;
        line-height: 130%
    }

    @media (min-width:1025px) {
        .xl\:bbl-body-1 {
            font-size: 16px
        }
    }

    @media (min-width:1440px) {
        .xl\:bbl-body-1 {
            font-size: 18px
        }
    }

    .xl\:bbl-body-2 {
        font-size: 14px;
        line-height: 130%
    }

    @media (min-width:1025px) {
        .xl\:bbl-body-2 {
            font-size: 14px
        }
    }

    @media (min-width:1440px) {
        .xl\:bbl-body-2 {
            font-size: 16px
        }
    }

    .xl\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .xl\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .xl\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .xl\:after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .xl\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .xl\:after\:bg-\[\#D9D9D9\]:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .xl\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .xl\:hover\:font-bold:hover {
        font-weight: 700
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .group:hover .xl\:group-hover\:stroke-grey-2 {
        stroke: #f5f5f5
    }

    .group:hover .xl\:group-hover\:stroke-white {
        stroke: #fff
    }
}

@media (min-width:1440px) {
    .\32xl\:bottom-4 {
        bottom: 1rem
    }

    .\32xl\:bottom-6 {
        bottom: 1.5rem
    }

    .\32xl\:bottom-\[32px\] {
        bottom: 32px
    }

    .\32xl\:bottom-\[36px\] {
        bottom: 36px
    }

    .\32xl\:left-0 {
        left: 0
    }

    .\32xl\:left-6 {
        left: 1.5rem
    }

    .\32xl\:left-\[32px\] {
        left: 32px
    }

    .\32xl\:right-12 {
        right: 3rem
    }

    .\32xl\:right-\[152px\] {
        right: 152px
    }

    .\32xl\:right-\[24px\] {
        right: 24px
    }

    .\32xl\:right-\[32px\] {
        right: 32px
    }

    .\32xl\:top-1\/2 {
        top: 50%
    }

    .\32xl\:top-12 {
        top: 3rem
    }

    .\32xl\:top-\[100px\] {
        top: 100px
    }

    .\32xl\:top-\[232px\] {
        top: 232px
    }

    .\32xl\:top-\[24px\] {
        top: 24px
    }

    .\32xl\:m-8 {
        margin: 2rem
    }

    .\32xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .\32xl\:my-\[17px\] {
        margin-top: 17px;
        margin-bottom: 17px
    }

    .\32xl\:my-\[18px\] {
        margin-top: 18px;
        margin-bottom: 18px
    }

    .\32xl\:my-\[20px\] {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .\32xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .\32xl\:mb-4 {
        margin-bottom: 1rem
    }

    .\32xl\:mb-8 {
        margin-bottom: 2rem
    }

    .\32xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .\32xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .\32xl\:mb-\[16px\] {
        margin-bottom: 16px
    }

    .\32xl\:mb-\[200px\] {
        margin-bottom: 200px
    }

    .\32xl\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .\32xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .\32xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .\32xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .\32xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .\32xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .\32xl\:ml-\[16px\] {
        margin-left: 16px
    }

    .\32xl\:ml-\[360px\] {
        margin-left: 360px
    }

    .\32xl\:ml-\[60px\] {
        margin-left: 60px
    }

    .\32xl\:mr-\[24px\] {
        margin-right: 24px
    }

    .\32xl\:mr-\[60px\] {
        margin-right: 60px
    }

    .\32xl\:mt-0 {
        margin-top: 0
    }

    .\32xl\:mt-\[-140px\] {
        margin-top: -140px
    }

    .\32xl\:mt-\[-80px\] {
        margin-top: -80px
    }

    .\32xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .\32xl\:mt-\[140px\] {
        margin-top: 140px
    }

    .\32xl\:mt-\[15px\] {
        margin-top: 15px
    }

    .\32xl\:mt-\[160px\] {
        margin-top: 160px
    }

    .\32xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .\32xl\:mt-\[240px\] {
        margin-top: 240px
    }

    .\32xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .\32xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .\32xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .\32xl\:mt-\[80px\] {
        margin-top: 80px
    }

    .\32xl\:block {
        display: block
    }

    .\32xl\:hidden {
        display: none
    }

    .\32xl\:\!h-\[248px\] {
        height: 248px !important
    }

    .\32xl\:\!h-\[430px\] {
        height: 430px !important
    }

    .\32xl\:\!h-\[480px\] {
        height: 480px !important
    }

    .\32xl\:\!h-\[500px\] {
        height: 500px !important
    }

    .\32xl\:\!h-\[520px\] {
        height: 520px !important
    }

    .\32xl\:\!h-\[528px\] {
        height: 528px !important
    }

    .\32xl\:\!h-\[550px\] {
        height: 550px !important
    }

    .\32xl\:\!h-\[675px\] {
        height: 675px !important
    }

    .\32xl\:\!h-\[676px\] {
        height: 676px !important
    }

    .\32xl\:\!h-\[703px\] {
        height: 703px !important
    }

    .\32xl\:\!h-\[800px\] {
        height: 800px !important
    }

    .\32xl\:\!h-\[calc\(100dvh-240px\)\] {
        height: calc(100dvh - 240px) !important
    }

    .\32xl\:h-10 {
        height: 2.5rem
    }

    .\32xl\:h-9 {
        height: 2.25rem
    }

    .\32xl\:h-\[100px\] {
        height: 100px
    }

    .\32xl\:h-\[107px\] {
        height: 107px
    }

    .\32xl\:h-\[1080px\] {
        height: 1080px
    }

    .\32xl\:h-\[110px\] {
        height: 110px
    }

    .\32xl\:h-\[12px\] {
        height: 12px
    }

    .\32xl\:h-\[140px\] {
        height: 140px
    }

    .\32xl\:h-\[164px\] {
        height: 164px
    }

    .\32xl\:h-\[166px\] {
        height: 166px
    }

    .\32xl\:h-\[184px\] {
        height: 184px
    }

    .\32xl\:h-\[18px\] {
        height: 18px
    }

    .\32xl\:h-\[200px\] {
        height: 200px
    }

    .\32xl\:h-\[220px\] {
        height: 220px
    }

    .\32xl\:h-\[250px\] {
        height: 250px
    }

    .\32xl\:h-\[260px\] {
        height: 260px
    }

    .\32xl\:h-\[278px\] {
        height: 278px
    }

    .\32xl\:h-\[282px\] {
        height: 282px
    }

    .\32xl\:h-\[28px\] {
        height: 28px
    }

    .\32xl\:h-\[300px\] {
        height: 300px
    }

    .\32xl\:h-\[319px\] {
        height: 319px
    }

    .\32xl\:h-\[320px\] {
        height: 320px
    }

    .\32xl\:h-\[335px\] {
        height: 335px
    }

    .\32xl\:h-\[360px\] {
        height: 360px
    }

    .\32xl\:h-\[36px\] {
        height: 36px
    }

    .\32xl\:h-\[37px\] {
        height: 37px
    }

    .\32xl\:h-\[393px\] {
        height: 393px
    }

    .\32xl\:h-\[400px\] {
        height: 400px
    }

    .\32xl\:h-\[40px\] {
        height: 40px
    }

    .\32xl\:h-\[412px\] {
        height: 412px
    }

    .\32xl\:h-\[420px\] {
        height: 420px
    }

    .\32xl\:h-\[42px\] {
        height: 42px
    }

    .\32xl\:h-\[430px\] {
        height: 430px
    }

    .\32xl\:h-\[440px\] {
        height: 440px
    }

    .\32xl\:h-\[450px\] {
        height: 450px
    }

    .\32xl\:h-\[460px\] {
        height: 460px
    }

    .\32xl\:h-\[480px\] {
        height: 480px
    }

    .\32xl\:h-\[500px\] {
        height: 500px
    }

    .\32xl\:h-\[520px\] {
        height: 520px
    }

    .\32xl\:h-\[531px\] {
        height: 531px
    }

    .\32xl\:h-\[536px\] {
        height: 536px
    }

    .\32xl\:h-\[540px\] {
        height: 540px
    }

    .\32xl\:h-\[55px\] {
        height: 55px
    }

    .\32xl\:h-\[560px\] {
        height: 560px
    }

    .\32xl\:h-\[585px\] {
        height: 585px
    }

    .\32xl\:h-\[588px\] {
        height: 588px
    }

    .\32xl\:h-\[600px\] {
        height: 600px
    }

    .\32xl\:h-\[638px\] {
        height: 638px
    }

    .\32xl\:h-\[64px\] {
        height: 64px
    }

    .\32xl\:h-\[654px\] {
        height: 654px
    }

    .\32xl\:h-\[660px\] {
        height: 660px
    }

    .\32xl\:h-\[675px\] {
        height: 675px
    }

    .\32xl\:h-\[692px\] {
        height: 692px
    }

    .\32xl\:h-\[700px\] {
        height: 700px
    }

    .\32xl\:h-\[730px\] {
        height: 730px
    }

    .\32xl\:h-\[800px\] {
        height: 800px
    }

    .\32xl\:h-\[884px\] {
        height: 884px
    }

    .\32xl\:h-\[900px\] {
        height: 900px
    }

    .\32xl\:h-\[92px\] {
        height: 92px
    }

    .\32xl\:\!max-h-\[840px\] {
        max-height: 840px !important
    }

    .\32xl\:max-h-\[840px\] {
        max-height: 840px
    }

    .\32xl\:min-h-\[109px\] {
        min-height: 109px
    }

    .\32xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .\32xl\:min-h-\[30px\] {
        min-height: 30px
    }

    .\32xl\:min-h-\[464px\] {
        min-height: 464px
    }

    .\32xl\:min-h-\[480px\] {
        min-height: 480px
    }

    .\32xl\:min-h-\[536px\] {
        min-height: 536px
    }

    .\32xl\:\!w-\[1200px\] {
        width: 1200px !important
    }

    .\32xl\:\!w-\[1280px\] {
        width: 1280px !important
    }

    .\32xl\:\!w-\[282px\] {
        width: 282px !important
    }

    .\32xl\:\!w-\[595px\] {
        width: 595px !important
    }

    .\32xl\:\!w-\[690px\] {
        width: 690px !important
    }

    .\32xl\:\!w-\[789px\] {
        width: 789px !important
    }

    .\32xl\:\!w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px) !important
    }

    .\32xl\:w-10 {
        width: 2.5rem
    }

    .\32xl\:w-9 {
        width: 2.25rem
    }

    .\32xl\:w-\[1068px\] {
        width: 1068px
    }

    .\32xl\:w-\[110px\] {
        width: 110px
    }

    .\32xl\:w-\[1200px\] {
        width: 1200px
    }

    .\32xl\:w-\[126px\] {
        width: 126px
    }

    .\32xl\:w-\[1280px\] {
        width: 1280px
    }

    .\32xl\:w-\[128px\] {
        width: 128px
    }

    .\32xl\:w-\[12px\] {
        width: 12px
    }

    .\32xl\:w-\[1330px\] {
        width: 1330px
    }

    .\32xl\:w-\[140px\] {
        width: 140px
    }

    .\32xl\:w-\[164px\] {
        width: 164px
    }

    .\32xl\:w-\[180px\] {
        width: 180px
    }

    .\32xl\:w-\[220px\] {
        width: 220px
    }

    .\32xl\:w-\[282px\] {
        width: 282px
    }

    .\32xl\:w-\[290px\] {
        width: 290px
    }

    .\32xl\:w-\[382px\] {
        width: 382px
    }

    .\32xl\:w-\[384px\] {
        width: 384px
    }

    .\32xl\:w-\[400px\] {
        width: 400px
    }

    .\32xl\:w-\[407px\] {
        width: 407px
    }

    .\32xl\:w-\[46px\] {
        width: 46px
    }

    .\32xl\:w-\[486px\] {
        width: 486px
    }

    .\32xl\:w-\[500px\] {
        width: 500px
    }

    .\32xl\:w-\[501px\] {
        width: 501px
    }

    .\32xl\:w-\[519px\] {
        width: 519px
    }

    .\32xl\:w-\[524px\] {
        width: 524px
    }

    .\32xl\:w-\[544px\] {
        width: 544px
    }

    .\32xl\:w-\[588px\] {
        width: 588px
    }

    .\32xl\:w-\[632px\] {
        width: 632px
    }

    .\32xl\:w-\[64px\] {
        width: 64px
    }

    .\32xl\:w-\[690px\] {
        width: 690px
    }

    .\32xl\:w-\[704px\] {
        width: 704px
    }

    .\32xl\:w-\[786px\] {
        width: 786px
    }

    .\32xl\:w-\[788px\] {
        width: 788px
    }

    .\32xl\:w-\[789px\] {
        width: 789px
    }

    .\32xl\:w-\[792px\] {
        width: 792px
    }

    .\32xl\:w-\[960px\] {
        width: 960px
    }

    .\32xl\:w-\[996px\] {
        width: 996px
    }

    .\32xl\:w-\[calc\(100\%-282px\)\] {
        width: calc(100% - 282px)
    }

    .\32xl\:w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px)
    }

    .\32xl\:w-\[fit-content\] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .\32xl\:min-w-\[151px\] {
        min-width: 151px
    }

    .\32xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .\32xl\:min-w-\[212px\] {
        min-width: 212px
    }

    .\32xl\:min-w-\[282px\] {
        min-width: 282px
    }

    .\32xl\:min-w-\[304px\] {
        min-width: 304px
    }

    .\32xl\:min-w-\[320px\] {
        min-width: 320px
    }

    .\32xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .\32xl\:min-w-\[45px\] {
        min-width: 45px
    }

    .\32xl\:min-w-\[690px\] {
        min-width: 690px
    }

    .\32xl\:max-w-\[1176px\] {
        max-width: 1176px
    }

    .\32xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .\32xl\:max-w-\[1224px\] {
        max-width: 1224px
    }

    .\32xl\:max-w-\[1296px\] {
        max-width: 1296px
    }

    .\32xl\:max-w-\[1330px\] {
        max-width: 1330px
    }

    .\32xl\:max-w-\[180px\] {
        max-width: 180px
    }

    .\32xl\:max-w-\[232px\] {
        max-width: 232px
    }

    .\32xl\:max-w-\[244px\] {
        max-width: 244px
    }

    .\32xl\:max-w-\[290px\] {
        max-width: 290px
    }

    .\32xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .\32xl\:max-w-\[486px\] {
        max-width: 486px
    }

    .\32xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .\32xl\:max-w-\[556px\] {
        max-width: 556px
    }

    .\32xl\:max-w-\[560px\] {
        max-width: 560px
    }

    .\32xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .\32xl\:max-w-\[996px\] {
        max-width: 996px
    }

    .\32xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .\32xl\:-translate-y-1\/2,
    .\32xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .\32xl\:translate-x-\[-30\%\] {
        --tw-translate-x: -30%
    }

    .\32xl\:translate-x-\[-30\%\],
    .\32xl\:translate-x-\[30\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:translate-x-\[30\%\] {
        --tw-translate-x: 30%
    }

    .\32xl\:scale-100,
    .\32xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:scroll-mt-\[134px\] {
        scroll-margin-top: 134px
    }

    .\32xl\:scroll-pl-\[360px\] {
        scroll-padding-left: 360px
    }

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

    .\32xl\:grid-cols-\[1fr\2c 690px\] {
        grid-template-columns: 1fr 690px
    }

    .\32xl\:grid-cols-\[690px\2c 1fr\] {
        grid-template-columns: 690px 1fr
    }

    .\32xl\:grid-cols-\[repeat\(5\2c _minmax\(180px\2c 1fr\)\)\] {
        grid-template-columns: repeat(5, minmax(180px, 1fr))
    }

    .\32xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .\32xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .\32xl\:gap-3 {
        gap: .75rem
    }

    .\32xl\:gap-6 {
        gap: 1.5rem
    }

    .\32xl\:gap-\[100px\] {
        gap: 100px
    }

    .\32xl\:gap-\[10px\] {
        gap: 10px
    }

    .\32xl\:gap-\[126px\] {
        gap: 126px
    }

    .\32xl\:gap-\[140px\] {
        gap: 140px
    }

    .\32xl\:gap-\[160px\] {
        gap: 160px
    }

    .\32xl\:gap-\[16px\] {
        gap: 16px
    }

    .\32xl\:gap-\[200px\] {
        gap: 200px
    }

    .\32xl\:gap-\[240px\] {
        gap: 240px
    }

    .\32xl\:gap-\[24px\] {
        gap: 24px
    }

    .\32xl\:gap-\[36px\] {
        gap: 36px
    }

    .\32xl\:gap-\[40px\] {
        gap: 40px
    }

    .\32xl\:gap-\[4px\] {
        gap: 4px
    }

    .\32xl\:gap-\[5px\] {
        gap: 5px
    }

    .\32xl\:gap-\[8px\] {
        gap: 8px
    }

    .\32xl\:gap-x-6 {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .\32xl\:gap-y-8 {
        row-gap: 2rem
    }

    .\32xl\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .\32xl\:space-y-\[24px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(24px * var(--tw-space-y-reverse))
    }

    .\32xl\:rounded-\[7px\] {
        border-radius: 7px
    }

    .\32xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .\32xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .\32xl\:object-center {
        object-position: center
    }

    .\32xl\:p-\[16px\] {
        padding: 16px
    }

    .\32xl\:p-\[24px\] {
        padding: 24px
    }

    .\32xl\:p-\[30px\] {
        padding: 30px
    }

    .\32xl\:p-\[8px\] {
        padding: 8px
    }

    .\32xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .\32xl\:px-\[124px\] {
        padding-left: 124px;
        padding-right: 124px
    }

    .\32xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .\32xl\:px-\[25px\] {
        padding-left: 25px;
        padding-right: 25px
    }

    .\32xl\:px-\[28px\] {
        padding-left: 28px;
        padding-right: 28px
    }

    .\32xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .\32xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .\32xl\:px-\[360px\] {
        padding-left: 360px;
        padding-right: 360px
    }

    .\32xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .\32xl\:px-\[calc\(50vw-24px-384px-192px\)\] {
        padding-left: calc(50vw - 24px - 384px - 192px);
        padding-right: calc(50vw - 24px - 384px - 192px)
    }

    .\32xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .\32xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .\32xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .\32xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .\32xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .\32xl\:py-\[240px\] {
        padding-top: 240px;
        padding-bottom: 240px
    }

    .\32xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .\32xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .\32xl\:py-\[29px\] {
        padding-top: 29px;
        padding-bottom: 29px
    }

    .\32xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .\32xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .\32xl\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .\32xl\:py-\[8px\] {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .\32xl\:pb-\[160px\] {
        padding-bottom: 160px
    }

    .\32xl\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .\32xl\:pb-\[240px\] {
        padding-bottom: 240px
    }

    .\32xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .\32xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .\32xl\:pb-\[8px\] {
        padding-bottom: 8px
    }

    .\32xl\:pl-\[20\%\] {
        padding-left: 20%
    }

    .\32xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .\32xl\:pl-\[40px\] {
        padding-left: 40px
    }

    .\32xl\:pt-8 {
        padding-top: 2rem
    }

    .\32xl\:pt-\[160px\] {
        padding-top: 160px
    }

    .\32xl\:pt-\[16px\] {
        padding-top: 16px
    }

    .\32xl\:pt-\[20px\] {
        padding-top: 20px
    }

    .\32xl\:pt-\[76px\] {
        padding-top: 76px
    }

    .\32xl\:text-left {
        text-align: left
    }

    .\32xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .\32xl\:\!text-\[48px\] {
        font-size: 48px !important
    }

    .\32xl\:text-18 {
        font-size: 18px
    }

    .\32xl\:text-24 {
        font-size: 24px
    }

    .\32xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .\32xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .\32xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .\32xl\:text-\[14px\] {
        font-size: 14px
    }

    .\32xl\:text-\[16px\] {
        font-size: 16px
    }

    .\32xl\:text-\[18px\] {
        font-size: 18px
    }

    .\32xl\:text-\[20px\] {
        font-size: 20px
    }

    .\32xl\:text-\[22px\] {
        font-size: 22px
    }

    .\32xl\:text-\[24px\] {
        font-size: 24px
    }

    .\32xl\:text-\[32px\] {
        font-size: 32px
    }

    .\32xl\:text-\[34px\] {
        font-size: 34px
    }

    .\32xl\:text-\[40px\] {
        font-size: 40px
    }

    .\32xl\:text-\[48px\] {
        font-size: 48px
    }

    .\32xl\:text-\[60px\] {
        font-size: 60px
    }

    .\32xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .\32xl\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .\32xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .\32xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .\32xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .\32xl\:leading-\[16px\] {
        line-height: 16px
    }

    .\32xl\:leading-\[18px\] {
        line-height: 18px
    }

    .\32xl\:leading-\[21px\] {
        line-height: 21px
    }

    .\32xl\:leading-\[23\.4px\] {
        line-height: 23.4px
    }

    .\32xl\:leading-\[40\.8px\] {
        line-height: 40.8px
    }

    .\32xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .\32xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .\32xl\:bbl-body-1 {
        font-size: 16px;
        line-height: 130%
    }

    @media (min-width:1025px) {
        .\32xl\:bbl-body-1 {
            font-size: 16px
        }
    }

    @media (min-width:1440px) {
        .\32xl\:bbl-body-1 {
            font-size: 18px
        }
    }

    .\32xl\:bbl-body-3 {
        font-size: 14px;
        line-height: 140%
    }

    @media (min-width:1025px) {
        .\32xl\:bbl-body-3 {
            font-size: 14px
        }
    }

    @media (min-width:1440px) {
        .\32xl\:bbl-body-3 {
            font-size: 14px
        }
    }
}

.\[\&\>table\>thead\]\:bbl-body-1>table>thead {
    font-size: 16px;
    line-height: 130%
}

@media (min-width:1025px) {
    .\[\&\>table\>thead\]\:bbl-body-1>table>thead {
        font-size: 16px
    }
}

@media (min-width:1440px) {
    .\[\&\>table\>thead\]\:bbl-body-1>table>thead {
        font-size: 18px
    }
}

.\[\&\>th\]\:bbl-body-1>th {
    font-size: 16px;
    line-height: 130%
}

@media (min-width:1025px) {
    .\[\&\>th\]\:bbl-body-1>th {
        font-size: 16px
    }
}

@media (min-width:1440px) {
    .\[\&\>th\]\:bbl-body-1>th {
        font-size: 18px
    }
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
.\!bbl-section-gap-1 {
    gap: var(--section-gap-1) !important
}

.bbl-section-gap-1 {
    gap: var(--section-gap-1)
}

.bbl-section-gap-2 {
    gap: var(--section-gap-2)
}

.bbl-section-gap-3 {
    gap: var(--section-gap-3)
}

.bbl-section-gap-4 {
    gap: var(--section-gap-4)
}

.bbl-section-gap-5 {
    gap: var(--section-gap-5)
}

.bbl-section-gap-7 {
    gap: var(--section-gap-7)
}

.\!bbl-content-gap-1 {
    gap: var(--content-gap-1) !important
}

.bbl-content-gap-1 {
    gap: var(--content-gap-1)
}

.bbl-content-gap-2 {
    gap: var(--content-gap-2)
}

.bbl-content-gap-3 {
    gap: var(--content-gap-3)
}

.bbl-content-gap-4 {
    gap: var(--content-gap-4)
}

.bbl-content-gap-5 {
    gap: var(--content-gap-5)
}

.bbl-content-gap-6 {
    gap: var(--content-gap-6)
}

.\!bbl-content-gap-7 {
    gap: var(--content-gap-7) !important
}

.bbl-content-gap-7 {
    gap: var(--content-gap-7)
}

.\!bbl-content-gap-8 {
    gap: var(--content-gap-8) !important
}

.bbl-content-gap-8 {
    gap: var(--content-gap-8)
}

.bbl-content-padding-2 {
    padding: var(--content-padding-2)
}

.bbl-content-padding-6 {
    padding: var(--content-padding-6)
}

.bbl-content-padding-7 {
    padding: var(--content-padding-7)
}

.bbl-content-padding-8 {
    padding: var(--content-padding-8)
}

.bbl-content-padding-9 {
    padding: var(--content-padding-9)
}

.\!bbl-content-padding-x-2 {
    padding-left: var(--content-padding-2) !important;
    padding-right: var(--content-padding-2) !important
}

.bbl-content-padding-x-3 {
    padding-left: var(--content-padding-3);
    padding-right: var(--content-padding-3)
}

.bbl-content-padding-x-7 {
    padding-left: var(--content-padding-7);
    padding-right: var(--content-padding-7)
}

.bbl-content-padding-x-8 {
    padding-left: var(--content-padding-8);
    padding-right: var(--content-padding-8)
}

.\!bbl-content-padding-y-1 {
    padding-top: var(--content-padding-1) !important;
    padding-bottom: var(--content-padding-1) !important
}

.bbl-content-padding-y-3 {
    padding-top: var(--content-padding-3);
    padding-bottom: var(--content-padding-3)
}

.bbl-content-padding-y-4 {
    padding-top: var(--content-padding-4);
    padding-bottom: var(--content-padding-4)
}

.bbl-content-padding-y-7 {
    padding-bottom: var(--content-padding-7)
}

.bbl-content-padding-t-7,
.bbl-content-padding-y-7 {
    padding-top: var(--content-padding-7)
}

.bbl-content-padding-t-9 {
    padding-top: var(--content-padding-9)
}

.bbl-content-padding-b-3 {
    padding-bottom: var(--content-padding-3)
}

.bbl-content-padding-b-4 {
    padding-bottom: var(--content-padding-4)
}

.bbl-content-padding-b-6 {
    padding-bottom: var(--content-padding-6)
}

.bbl-content-padding-b-8 {
    padding-bottom: var(--content-padding-8)
}

.bbl-content-padding-b-9 {
    padding-bottom: var(--content-padding-9)
}

.bbl-content-padding-l-7 {
    padding-left: var(--content-padding-7)
}

.bbl-section-padding-1 {
    padding: var(--section-gap-1)
}

.bbl-section-padding-2 {
    padding: var(--section-gap-2)
}

.bbl-section-padding-3 {
    padding: var(--section-gap-3)
}

.bbl-section-padding-x-2 {
    padding-left: var(--section-gap-2);
    padding-right: var(--section-gap-2)
}

.bbl-section-padding-y-2 {
    padding-top: var(--section-gap-2);
    padding-bottom: var(--section-gap-2)
}

.bbl-section-padding-y-7 {
    padding-top: var(--section-gap-7);
    padding-bottom: var(--section-gap-7)
}

.bbl-section-padding-t-1 {
    padding-top: var(--section-gap-1)
}

.bbl-section-padding-t-4 {
    padding-top: var(--section-gap-4)
}

.bbl-section-padding-t-5 {
    padding-top: var(--section-gap-5)
}

.bbl-section-padding-t-7 {
    padding-top: var(--section-gap-7)
}

.bbl-section-padding-b-1 {
    padding-bottom: var(--section-gap-1)
}

.bbl-section-padding-b-4 {
    padding-bottom: var(--section-gap-4)
}

.bbl-section-padding-b-5 {
    padding-bottom: var(--section-gap-5)
}

.bbl-section-padding-b-7 {
    padding-bottom: var(--section-gap-7)
}

.bbl-outer-gap-1 {
    gap: var(--gutter-gap-1)
}

.bbl-outer-padding-1 {
    padding: var(--gutter-gap-1)
}

.bbl-gutter-gap-1 {
    gap: var(--gutter-gap-1)
}

.bbl-gutter-gap-2 {
    gap: var(--gutter-gap-2)
}

.bbl-gutter-padding-1 {
    padding: var(--gutter-gap-1)
}

.bbl-button-padding-x {
    padding-left: var(--button-gap-l-r);
    padding-right: var(--button-gap-l-r)
}

.bbl-button-padding-y {
    padding-top: var(--button-gap-t-b);
    padding-bottom: var(--button-gap-t-b)
}

.bbl-content-margin-2 {
    margin: var(--content-gap-2)
}

.bbl-content-margin-x-2 {
    margin-left: var(--content-gap-2);
    margin-right: var(--content-gap-2)
}

.bbl-content-margin-y-2 {
    margin-top: var(--content-gap-2);
    margin-bottom: var(--content-gap-2)
}

.bbl-content-margin-t-3 {
    margin-top: var(--content-gap-3)
}

.bbl-content-margin-t-4 {
    margin-top: var(--content-gap-4)
}

.bbl-content-margin-t-9 {
    margin-top: var(--content-gap-9)
}

.bbl-content-margin-b-2 {
    margin-bottom: var(--content-gap-2)
}

.bbl-content-margin-b-4 {
    margin-bottom: var(--content-gap-4)
}

.bbl-content-margin-b-7 {
    margin-bottom: var(--content-gap-7)
}

.bbl-content-margin-b-8 {
    margin-bottom: var(--content-gap-8)
}

.bbl-content-margin-b-9 {
    margin-bottom: var(--content-gap-9)
}

:root {
    --section-gap-1: 32px;
    --section-gap-2: 48px;
    --section-gap-3: 56px;
    --section-gap-4: 64px;
    --section-gap-5: 80px;
    --section-gap-6: 120px;
    --section-gap-7: 140px;
    --section-gap-8: 160px;
    --content-gap-1: 2px;
    --content-gap-2: 4px;
    --content-gap-2_1: 6px;
    --content-gap-3: 8px;
    --content-gap-4: 10px;
    --content-gap-5: 12px;
    --content-gap-6: 12px;
    --content-gap-7: 14px;
    --content-gap-8: 18px;
    --content-gap-9: 20px;
    --content-padding-1: 2px;
    --content-padding-2: 4px;
    --content-padding-2_1: 6px;
    --content-padding-3: 8px;
    --content-padding-4: 10px;
    --content-padding-5: 12px;
    --content-padding-6: 12px;
    --content-padding-7: 14px;
    --content-padding-8: 18px;
    --content-padding-9: 20px;
    --gutter-gap-1: 16px;
    --gutter-gap-2: 12px;
    --button-gap-t-b: 10px;
    --button-gap-l-r: 12px
}

@media (min-width:1025px) {
    :root {
        --section-gap-1: 48px;
        --section-gap-2: 60px;
        --section-gap-3: 80px;
        --section-gap-4: 100px;
        --section-gap-5: 120px;
        --section-gap-6: 160px;
        --section-gap-7: 180px;
        --section-gap-8: 240px;
        --content-gap-1: 4px;
        --content-gap-2: 6px;
        --content-gap-2_1: 8px;
        --content-gap-3: 10px;
        --content-gap-4: 12px;
        --content-gap-5: 16px;
        --content-gap-6: 18px;
        --content-gap-7: 20px;
        --content-gap-8: 24px;
        --content-gap-9: 30px;
        --content-padding-1: 4px;
        --content-padding-2: 6px;
        --content-padding-2_1: 8px;
        --content-padding-3: 10px;
        --content-padding-4: 12px;
        --content-padding-5: 16px;
        --content-padding-6: 18px;
        --content-padding-7: 20px;
        --content-padding-8: 24px;
        --content-padding-9: 30px;
        --gutter-gap-1: 18px;
        --gutter-gap-2: 80px;
        --button-gap-t-b: 10px;
        --button-gap-l-r: 18px
    }
}

@media (min-width:1440px) {
    :root {
        --section-gap-1: 60px;
        --section-gap-2: 80px;
        --section-gap-3: 100px;
        --section-gap-4: 140px;
        --section-gap-5: 160px;
        --section-gap-6: 200px;
        --section-gap-7: 240px;
        --section-gap-8: 320px;
        --content-gap-1: 4px;
        --content-gap-2: 8px;
        --content-gap-2_1: 10px;
        --content-gap-3: 12px;
        --content-gap-4: 16px;
        --content-gap-5: 18px;
        --content-gap-6: 20px;
        --content-gap-7: 24px;
        --content-gap-8: 32px;
        --content-gap-9: 40px;
        --content-padding-1: 4px;
        --content-padding-2: 8px;
        --content-padding-2_1: 10px;
        --content-padding-3: 12px;
        --content-padding-4: 16px;
        --content-padding-5: 18px;
        --content-padding-6: 20px;
        --content-padding-7: 24px;
        --content-padding-8: 32px;
        --content-padding-9: 40px;
        --gutter-gap-1: 24px;
        --gutter-gap-2: 100px;
        --button-gap-t-b: 10px;
        --button-gap-l-r: 20px
    }
}

@media (min-width:1025px) {
    .xl\:visible {
        visibility: visible
    }

    .xl\:static {
        position: static
    }

    .xl\:relative {
        position: relative
    }

    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:bottom-4 {
        bottom: 1rem
    }

    .xl\:bottom-5 {
        bottom: 1.25rem
    }

    .xl\:bottom-8 {
        bottom: 2rem
    }

    .xl\:bottom-\[143px\] {
        bottom: 143px
    }

    .xl\:bottom-\[20px\] {
        bottom: 20px
    }

    .xl\:bottom-\[24px\] {
        bottom: 24px
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-4 {
        left: 1rem
    }

    .xl\:left-6 {
        left: 1.5rem
    }

    .xl\:left-\[-34px\] {
        left: -34px
    }

    .xl\:left-\[100px\] {
        left: 100px
    }

    .xl\:left-\[24px\] {
        left: 24px
    }

    .xl\:left-\[30px\] {
        left: 30px
    }

    .xl\:left-\[unset\] {
        left: unset
    }

    .xl\:left-content-3 {
        left: var(--content-gap-3)
    }

    .xl\:right-10 {
        right: 2.5rem
    }

    .xl\:right-3 {
        right: .75rem
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:right-6 {
        right: 1.5rem
    }

    .xl\:right-\[-34px\] {
        right: -34px
    }

    .xl\:right-\[129px\] {
        right: 129px
    }

    .xl\:right-\[12px\] {
        right: 12px
    }

    .xl\:right-\[18px\] {
        right: 18px
    }

    .xl\:right-\[20px\] {
        right: 20px
    }

    .xl\:right-\[24px\] {
        right: 24px
    }

    .xl\:right-\[45px\] {
        right: 45px
    }

    .xl\:right-\[unset\] {
        right: unset
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-10 {
        top: 2.5rem
    }

    .xl\:top-2 {
        top: .5rem
    }

    .xl\:top-6 {
        top: 1.5rem
    }

    .xl\:top-\[100px\] {
        top: 100px
    }

    .xl\:top-\[12px\] {
        top: 12px
    }

    .xl\:top-\[18px\] {
        top: 18px
    }

    .xl\:top-\[200px\] {
        top: 200px
    }

    .xl\:top-\[20px\] {
        top: 20px
    }

    .xl\:top-\[24px\] {
        top: 24px
    }

    .xl\:top-\[45px\] {
        top: 45px
    }

    .xl\:top-\[50\%\] {
        top: 50%
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:top-\[63px\] {
        top: 63px
    }

    .xl\:top-\[unset\] {
        top: unset
    }

    .xl\:order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[1\] {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-\[2\] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[3\] {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

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

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

    .xl\:m-6 {
        margin: 1.5rem
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-\[14px\] {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .xl\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .xl\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .xl\:my-\[30px\] {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:my-\[40px\] {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:\!mt-\[12px\] {
        margin-top: 12px !important
    }

    .xl\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .xl\:\!mt-auto {
        margin-top: auto !important
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .xl\:mb-\[120px\] {
        margin-bottom: 120px
    }

    .xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .xl\:mb-\[180px\] {
        margin-bottom: 180px
    }

    .xl\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .xl\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:mb-\[28px\] {
        margin-bottom: 28px
    }

    .xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .xl\:mb-\[36px\] {
        margin-bottom: 36px
    }

    .xl\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .xl\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:ml-\[-78px\] {
        margin-left: -78px
    }

    .xl\:ml-\[133px\] {
        margin-left: 133px
    }

    .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    .xl\:ml-\[6px\] {
        margin-left: 6px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mr-\[18px\] {
        margin-right: 18px
    }

    .xl\:mr-\[48px\] {
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mt-\[-100px\] {
        margin-top: -100px
    }

    .xl\:mt-\[-60px\] {
        margin-top: -60px
    }

    .xl\:mt-\[0\] {
        margin-top: 0
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px
    }

    .xl\:mt-\[10px\] {
        margin-top: 10px
    }

    .xl\:mt-\[120px\] {
        margin-top: 120px
    }

    .xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .xl\:mt-\[14px\] {
        margin-top: 14px
    }

    .xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .xl\:mt-\[18px\] {
        margin-top: 18px
    }

    .xl\:mt-\[200px\] {
        margin-top: 200px
    }

    .xl\:mt-\[20px\] {
        margin-top: 20px
    }

    .xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .xl\:mt-\[36px\] {
        margin-top: 36px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[48px\] {
        margin-top: 48px
    }

    .xl\:mt-\[4px\] {
        margin-top: 4px
    }

    .xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .xl\:mt-\[6px\] {
        margin-top: 6px
    }

    .xl\:mt-\[8px\] {
        margin-top: 8px
    }

    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .xl\:line-clamp-2,
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .xl\:block {
        display: block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:\!flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .xl\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:\!hidden {
        display: none !important
    }

    .xl\:hidden {
        display: none
    }

    .xl\:\!h-\[214px\] {
        height: 214px !important
    }

    .xl\:\!h-\[406px\] {
        height: 406px !important
    }

    .xl\:\!h-\[423px\] {
        height: 423px !important
    }

    .xl\:\!h-\[449px\] {
        height: 449px !important
    }

    .xl\:\!h-\[464px\] {
        height: 464px !important
    }

    .xl\:\!h-\[570px\] {
        height: 570px !important
    }

    .xl\:\!h-\[594px\] {
        height: 594px !important
    }

    .xl\:\!h-\[84px\] {
        height: 84px !important
    }

    .xl\:\!h-full {
        height: 100% !important
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-9 {
        height: 2.25rem
    }

    .xl\:h-\[100px\] {
        height: 100px
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[10px\] {
        height: 10px
    }

    .xl\:h-\[115px\] {
        height: 115px
    }

    .xl\:h-\[120px\] {
        height: 120px
    }

    .xl\:h-\[134px\] {
        height: 134px
    }

    .xl\:h-\[146px\] {
        height: 146px
    }

    .xl\:h-\[15px\] {
        height: 15px
    }

    .xl\:h-\[160px\] {
        height: 160px
    }

    .xl\:h-\[16px\] {
        height: 16px
    }

    .xl\:h-\[173px\] {
        height: 173px
    }

    .xl\:h-\[183px\] {
        height: 183px
    }

    .xl\:h-\[188px\] {
        height: 188px
    }

    .xl\:h-\[18px\] {
        height: 18px
    }

    .xl\:h-\[20px\] {
        height: 20px
    }

    .xl\:h-\[213px\] {
        height: 213px
    }

    .xl\:h-\[226px\] {
        height: 226px
    }

    .xl\:h-\[235px\] {
        height: 235px
    }

    .xl\:h-\[240px\] {
        height: 240px
    }

    .xl\:h-\[24px\] {
        height: 24px
    }

    .xl\:h-\[25px\] {
        height: 25px
    }

    .xl\:h-\[260px\] {
        height: 260px
    }

    .xl\:h-\[26px\] {
        height: 26px
    }

    .xl\:h-\[270px\] {
        height: 270px
    }

    .xl\:h-\[277px\] {
        height: 277px
    }

    .xl\:h-\[278px\] {
        height: 278px
    }

    .xl\:h-\[284px\] {
        height: 284px
    }

    .xl\:h-\[288px\] {
        height: 288px
    }

    .xl\:h-\[28px\] {
        height: 28px
    }

    .xl\:h-\[296px\] {
        height: 296px
    }

    .xl\:h-\[309px\] {
        height: 309px
    }

    .xl\:h-\[30px\] {
        height: 30px
    }

    .xl\:h-\[328px\] {
        height: 328px
    }

    .xl\:h-\[32px\] {
        height: 32px
    }

    .xl\:h-\[334px\] {
        height: 334px
    }

    .xl\:h-\[335px\] {
        height: 335px
    }

    .xl\:h-\[338px\] {
        height: 338px
    }

    .xl\:h-\[33px\] {
        height: 33px
    }

    .xl\:h-\[34px\] {
        height: 34px
    }

    .xl\:h-\[350px\] {
        height: 350px
    }

    .xl\:h-\[356px\] {
        height: 356px
    }

    .xl\:h-\[360px\] {
        height: 360px
    }

    .xl\:h-\[366px\] {
        height: 366px
    }

    .xl\:h-\[36px\] {
        height: 36px
    }

    .xl\:h-\[373px\] {
        height: 373px
    }

    .xl\:h-\[37px\] {
        height: 37px
    }

    .xl\:h-\[380px\] {
        height: 380px
    }

    .xl\:h-\[381px\] {
        height: 381px
    }

    .xl\:h-\[400px\] {
        height: 400px
    }

    .xl\:h-\[406px\] {
        height: 406px
    }

    .xl\:h-\[408px\] {
        height: 408px
    }

    .xl\:h-\[40px\] {
        height: 40px
    }

    .xl\:h-\[41\.8px\] {
        height: 41.8px
    }

    .xl\:h-\[416px\] {
        height: 416px
    }

    .xl\:h-\[422px\] {
        height: 422px
    }

    .xl\:h-\[423px\] {
        height: 423px
    }

    .xl\:h-\[424px\] {
        height: 424px
    }

    .xl\:h-\[42px\] {
        height: 42px
    }

    .xl\:h-\[440\.86px\] {
        height: 440.86px
    }

    .xl\:h-\[440px\] {
        height: 440px
    }

    .xl\:h-\[450px\] {
        height: 450px
    }

    .xl\:h-\[45px\] {
        height: 45px
    }

    .xl\:h-\[460px\] {
        height: 460px
    }

    .xl\:h-\[476px\] {
        height: 476px
    }

    .xl\:h-\[47px\] {
        height: 47px
    }

    .xl\:h-\[489px\] {
        height: 489px
    }

    .xl\:h-\[48px\] {
        height: 48px
    }

    .xl\:h-\[495px\] {
        height: 495px
    }

    .xl\:h-\[498px\] {
        height: 498px
    }

    .xl\:h-\[507px\] {
        height: 507px
    }

    .xl\:h-\[508px\] {
        height: 508px
    }

    .xl\:h-\[50px\] {
        height: 50px
    }

    .xl\:h-\[52px\] {
        height: 52px
    }

    .xl\:h-\[53px\] {
        height: 53px
    }

    .xl\:h-\[544px\] {
        height: 544px
    }

    .xl\:h-\[54px\] {
        height: 54px
    }

    .xl\:h-\[559px\] {
        height: 559px
    }

    .xl\:h-\[560px\] {
        height: 560px
    }

    .xl\:h-\[56px\] {
        height: 56px
    }

    .xl\:h-\[570px\] {
        height: 570px
    }

    .xl\:h-\[584px\] {
        height: 584px
    }

    .xl\:h-\[588px\] {
        height: 588px
    }

    .xl\:h-\[592px\] {
        height: 592px
    }

    .xl\:h-\[600px\] {
        height: 600px
    }

    .xl\:h-\[640px\] {
        height: 640px
    }

    .xl\:h-\[67px\] {
        height: 67px
    }

    .xl\:h-\[71px\] {
        height: 71px
    }

    .xl\:h-\[72px\] {
        height: 72px
    }

    .xl\:h-\[752px\] {
        height: 752px
    }

    .xl\:h-\[762px\] {
        height: 762px
    }

    .xl\:h-\[80px\] {
        height: 80px
    }

    .xl\:h-\[84px\] {
        height: 84px
    }

    .xl\:h-\[913px\] {
        height: 913px
    }

    .xl\:h-fit {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:\!max-h-\[552px\] {
        max-height: 552px !important
    }

    .xl\:max-h-\[360px\] {
        max-height: 360px
    }

    .xl\:max-h-\[440px\] {
        max-height: 440px
    }

    .xl\:max-h-\[450px\] {
        max-height: 450px
    }

    .xl\:max-h-\[552px\] {
        max-height: 552px
    }

    .xl\:max-h-\[70vh\] {
        max-height: 70vh
    }

    .xl\:max-h-\[800px\] {
        max-height: 800px
    }

    .xl\:min-h-\[104px\] {
        min-height: 104px
    }

    .xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .xl\:min-h-\[226px\] {
        min-height: 226px
    }

    .xl\:min-h-\[250px\] {
        min-height: 250px
    }

    .xl\:min-h-\[279px\] {
        min-height: 279px
    }

    .xl\:min-h-\[357px\] {
        min-height: 357px
    }

    .xl\:min-h-\[416px\] {
        min-height: 416px
    }

    .xl\:min-h-\[unset\] {
        min-height: unset
    }

    .xl\:\!w-\[1014px\] {
        width: 1014px !important
    }

    .xl\:\!w-\[584px\] {
        width: 584px !important
    }

    .xl\:\!w-\[670px\] {
        width: 670px !important
    }

    .xl\:\!w-\[842px\] {
        width: 842px !important
    }

    .xl\:\!w-\[84px\] {
        width: 84px !important
    }

    .xl\:\!w-\[calc\(50\%-9px\)\] {
        width: calc(50% - 9px) !important
    }

    .xl\:\!w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-9 {
        width: 2.25rem
    }

    .xl\:w-\[100px\] {
        width: 100px
    }

    .xl\:w-\[100vw\] {
        width: 100vw
    }

    .xl\:w-\[1014px\] {
        width: 1014px
    }

    .xl\:w-\[1024px\] {
        width: 1024px
    }

    .xl\:w-\[108px\] {
        width: 108px
    }

    .xl\:w-\[10px\] {
        width: 10px
    }

    .xl\:w-\[110px\] {
        width: 110px
    }

    .xl\:w-\[120px\] {
        width: 120px
    }

    .xl\:w-\[126px\] {
        width: 126px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[160px\] {
        width: 160px
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[188px\] {
        width: 188px
    }

    .xl\:w-\[18px\] {
        width: 18px
    }

    .xl\:w-\[204px\] {
        width: 204px
    }

    .xl\:w-\[20px\] {
        width: 20px
    }

    .xl\:w-\[230px\] {
        width: 230px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[242px\] {
        width: 242px
    }

    .xl\:w-\[245px\] {
        width: 245px
    }

    .xl\:w-\[252px\] {
        width: 252px
    }

    .xl\:w-\[258px\] {
        width: 258px
    }

    .xl\:w-\[26px\] {
        width: 26px
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

    .xl\:w-\[282px\] {
        width: 282px
    }

    .xl\:w-\[300px\] {
        width: 300px
    }

    .xl\:w-\[308px\] {
        width: 308px
    }

    .xl\:w-\[30px\] {
        width: 30px
    }

    .xl\:w-\[314px\] {
        width: 314px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

    .xl\:w-\[326px\] {
        width: 326px
    }

    .xl\:w-\[328px\] {
        width: 328px
    }

    .xl\:w-\[336px\] {
        width: 336px
    }

    .xl\:w-\[339px\] {
        width: 339px
    }

    .xl\:w-\[33px\] {
        width: 33px
    }

    .xl\:w-\[340px\] {
        width: 340px
    }

    .xl\:w-\[34px\] {
        width: 34px
    }

    .xl\:w-\[354px\] {
        width: 354px
    }

    .xl\:w-\[35px\] {
        width: 35px
    }

    .xl\:w-\[36px\] {
        width: 36px
    }

    .xl\:w-\[380px\] {
        width: 380px
    }

    .xl\:w-\[384px\] {
        width: 384px
    }

    .xl\:w-\[392px\] {
        width: 392px
    }

    .xl\:w-\[40\.4px\] {
        width: 40.4px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[407px\] {
        width: 407px
    }

    .xl\:w-\[40px\] {
        width: 40px
    }

    .xl\:w-\[412px\] {
        width: 412px
    }

    .xl\:w-\[439px\] {
        width: 439px
    }

    .xl\:w-\[44px\] {
        width: 44px
    }

    .xl\:w-\[450px\] {
        width: 450px
    }

    .xl\:w-\[45px\] {
        width: 45px
    }

    .xl\:w-\[460px\] {
        width: 460px
    }

    .xl\:w-\[47px\] {
        width: 47px
    }

    .xl\:w-\[48px\] {
        width: 48px
    }

    .xl\:w-\[495px\] {
        width: 495px
    }

    .xl\:w-\[498px\] {
        width: 498px
    }

    .xl\:w-\[50\%\] {
        width: 50%
    }

    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:w-\[535px\] {
        width: 535px
    }

    .xl\:w-\[560px\] {
        width: 560px
    }

    .xl\:w-\[564px\] {
        width: 564px
    }

    .xl\:w-\[56px\] {
        width: 56px
    }

    .xl\:w-\[584px\] {
        width: 584px
    }

    .xl\:w-\[600px\] {
        width: 600px
    }

    .xl\:w-\[606px\] {
        width: 606px
    }

    .xl\:w-\[670px\] {
        width: 670px
    }

    .xl\:w-\[683px\] {
        width: 683px
    }

    .xl\:w-\[700px\] {
        width: 700px
    }

    .xl\:w-\[72px\] {
        width: 72px
    }

    .xl\:w-\[788px\] {
        width: 788px
    }

    .xl\:w-\[792px\] {
        width: 792px
    }

    .xl\:w-\[80px\] {
        width: 80px
    }

    .xl\:w-\[842px\] {
        width: 842px
    }

    .xl\:w-\[84px\] {
        width: 84px
    }

    .xl\:w-\[876px\] {
        width: 876px
    }

    .xl\:w-\[96px\] {
        width: 96px
    }

    .xl\:w-\[996px\] {
        width: 996px
    }

    .xl\:w-\[calc\(100\%-240px\)\] {
        width: calc(100% - 240px)
    }

    .xl\:w-\[unset\] {
        width: unset
    }

    .xl\:w-\[var\(--title-width\)\] {
        width: var(--title-width)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[140px\] {
        min-width: 140px
    }

    .xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .xl\:min-w-\[240px\] {
        min-width: 240px
    }

    .xl\:min-w-\[280px\] {
        min-width: 280px
    }

    .xl\:min-w-\[34px\] {
        min-width: 34px
    }

    .xl\:min-w-\[38px\] {
        min-width: 38px
    }

    .xl\:min-w-\[39px\] {
        min-width: 39px
    }

    .xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .xl\:min-w-\[580px\] {
        min-width: 580px
    }

    .xl\:\!max-w-\[548px\] {
        max-width: 548px !important
    }

    .xl\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .xl\:max-w-\[1014px\] {
        max-width: 1014px
    }

    .xl\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .xl\:max-w-\[1110px\] {
        max-width: 1110px
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .xl\:max-w-\[181px\] {
        max-width: 181px
    }

    .xl\:max-w-\[196px\] {
        max-width: 196px
    }

    .xl\:max-w-\[212px\] {
        max-width: 212px
    }

    .xl\:max-w-\[235px\] {
        max-width: 235px
    }

    .xl\:max-w-\[280px\] {
        max-width: 280px
    }

    .xl\:max-w-\[352px\] {
        max-width: 352px
    }

    .xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .xl\:max-w-\[412px\] {
        max-width: 412px
    }

    .xl\:max-w-\[432px\] {
        max-width: 432px
    }

    .xl\:max-w-\[466px\] {
        max-width: 466px
    }

    .xl\:max-w-\[480px\] {
        max-width: 480px
    }

    .xl\:max-w-\[498px\] {
        max-width: 498px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .xl\:max-w-\[662px\] {
        max-width: 662px
    }

    .xl\:max-w-\[788px\] {
        max-width: 788px
    }

    .xl\:max-w-\[792px\] {
        max-width: 792px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[842px\] {
        max-width: 842px
    }

    .xl\:max-w-\[952px\] {
        max-width: 952px
    }

    .xl\:max-w-\[calc\(100\%-144px\)\] {
        max-width: calc(100% - 144px)
    }

    .xl\:max-w-\[unset\] {
        max-width: unset
    }

    .xl\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .xl\:translate-x-\[-5px\] {
        --tw-translate-x: -5px
    }

    .xl\:translate-x-\[-5px\],
    .xl\:translate-y-\[-50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .xl\:scale-\[\.85\] {
        --tw-scale-x: .85;
        --tw-scale-y: .85
    }

    .xl\:scale-\[\.85\],
    .xl\:scale-\[\.8\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .xl\:scale-\[0\.83333\] {
        --tw-scale-x: 0.83333;
        --tw-scale-y: 0.83333
    }

    .xl\:scale-\[0\.83333\],
    .xl\:scale-\[1\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:transform-none {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .xl\:scroll-mt-\[140px\] {
        scroll-margin-top: 140px
    }

    .xl\:scroll-mt-\[200px\] {
        scroll-margin-top: 200px
    }

    .xl\:scroll-pl-\[133px\] {
        scroll-padding-left: 133px
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-\[1fr\2c 584px\] {
        grid-template-columns: 1fr 584px
    }

    .xl\:grid-cols-\[584px\2c 1fr\] {
        grid-template-columns: 584px 1fr
    }

    .xl\:grid-cols-\[repeat\(6\2c 1fr\)\] {
        grid-template-columns: repeat(6, 1fr)
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl\:\!flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .xl\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xl\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-\[100px\] {
        gap: 100px
    }

    .xl\:gap-\[104px\] {
        gap: 104px
    }

    .xl\:gap-\[10px\] {
        gap: 10px
    }

    .xl\:gap-\[120px\] {
        gap: 120px
    }

    .xl\:gap-\[12px\] {
        gap: 12px
    }

    .xl\:gap-\[140px\] {
        gap: 140px
    }

    .xl\:gap-\[160px\] {
        gap: 160px
    }

    .xl\:gap-\[16px\] {
        gap: 16px
    }

    .xl\:gap-\[18px\] {
        gap: 18px
    }

    .xl\:gap-\[200px\] {
        gap: 200px
    }

    .xl\:gap-\[20px\] {
        gap: 20px
    }

    .xl\:gap-\[24px\] {
        gap: 24px
    }

    .xl\:gap-\[2px\] {
        gap: 2px
    }

    .xl\:gap-\[30px\] {
        gap: 30px
    }

    .xl\:gap-\[32px\] {
        gap: 32px
    }

    .xl\:gap-\[40px\] {
        gap: 40px
    }

    .xl\:gap-\[4px\] {
        gap: 4px
    }

    .xl\:gap-\[50px\] {
        gap: 50px
    }

    .xl\:gap-\[54px\] {
        gap: 54px
    }

    .xl\:gap-\[6px\] {
        gap: 6px
    }

    .xl\:gap-\[7px\] {
        gap: 7px
    }

    .xl\:gap-\[8px\] {
        gap: 8px
    }

    .xl\:gap-content-7 {
        gap: var(--content-gap-7)
    }

    .xl\:gap-gutter-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-\[12px\] {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .xl\:gap-x-\[18px\] {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .xl\:gap-x-\[24px\] {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .xl\:gap-x-\[var\(--content-gap-4\)\] {
        -webkit-column-gap: var(--content-gap-4);
        -moz-column-gap: var(--content-gap-4);
        column-gap: var(--content-gap-4)
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-content-8 {
        row-gap: var(--content-gap-8)
    }

    .xl\:space-x-\[120px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(120px * var(--tw-space-x-reverse));
        margin-left: calc(120px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-content-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
    }

    .xl\:self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:rounded-\[6px\] {
        border-radius: 6px
    }

    .xl\:rounded-none {
        border-radius: 0
    }

    .xl\:border-t-0 {
        border-top-width: 0
    }

    .xl\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:bg-\[\#B3832E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(179 131 46/var(--tw-bg-opacity, 1))
    }

    .xl\:bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
        background-color: var(--notice-bg, #ffba41)
    }

    .xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .xl\:stroke-\[\#9E9E9E\],
    .xl\:stroke-grey-6 {
        stroke: #9e9e9e
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:\!p-\[24px\] {
        padding: 24px !important
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:p-\[20px\] {
        padding: 20px
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-\[30px\] {
        padding: 30px
    }

    .xl\:p-\[32px\] {
        padding: 32px
    }

    .xl\:p-\[40px\] {
        padding: 40px
    }

    .xl\:p-\[6px\] {
        padding: 6px
    }

    .xl\:p-\[80px\] {
        padding: 80px
    }

    .xl\:p-\[8px\] {
        padding: 8px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px-\[102px\] {
        padding-left: 102px;
        padding-right: 102px
    }

    .xl\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .xl\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .xl\:px-\[19px\] {
        padding-left: 19px;
        padding-right: 19px
    }

    .xl\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .xl\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .xl\:px-\[36px\] {
        padding-left: 36px;
        padding-right: 36px
    }

    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

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

    .xl\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:px-\[71px\] {
        padding-left: 71px;
        padding-right: 71px
    }

    .xl\:px-\[7px\] {
        padding-left: 7px;
        padding-right: 7px
    }

    .xl\:px-\[93px\] {
        padding-left: 93px;
        padding-right: 93px
    }

    .xl\:px-\[calc\(50vw-18px-326px-163px\)\] {
        padding-left: calc(50vw - 18px - 326px - 163px);
        padding-right: calc(50vw - 18px - 326px - 163px)
    }

    .xl\:px-gutter-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:py-\[23px\] {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .xl\:py-\[26px\] {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .xl\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .xl\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .xl\:\!pb-8 {
        padding-bottom: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .xl\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .xl\:pb-\[180px\] {
        padding-bottom: 180px
    }

    .xl\:pb-\[18px\] {
        padding-bottom: 18px
    }

    .xl\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .xl\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .xl\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .xl\:pb-\[4px\] {
        padding-bottom: 4px
    }

    .xl\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .xl\:pb-\[70px\] {
        padding-bottom: 70px
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pl-\[18px\] {
        padding-left: 18px
    }

    .xl\:pl-\[20px\] {
        padding-left: 20px
    }

    .xl\:pl-\[219px\] {
        padding-left: 219px
    }

    .xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .xl\:pl-\[45px\] {
        padding-left: 45px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-\[180px\] {
        padding-right: 180px
    }

    .xl\:pr-\[8px\] {
        padding-right: 8px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-6 {
        padding-top: 1.5rem
    }

    .xl\:pt-\[0\],
    .xl\:pt-\[0px\] {
        padding-top: 0
    }

    .xl\:pt-\[120px\] {
        padding-top: 120px
    }

    .xl\:pt-\[12px\] {
        padding-top: 12px
    }

    .xl\:pt-\[24px\] {
        padding-top: 24px
    }

    .xl\:pt-\[32px\] {
        padding-top: 32px
    }

    .xl\:pt-\[40px\] {
        padding-top: 40px
    }

    .xl\:pt-\[64px\] {
        padding-top: 64px
    }

    .xl\:pt-\[6px\] {
        padding-top: 6px
    }

    .xl\:pt-\[71px\] {
        padding-top: 71px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:\!text-14 {
        font-size: 14px !important
    }

    .xl\:\!text-16 {
        font-size: 16px !important
    }

    .xl\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .xl\:\!text-\[34px\] {
        font-size: 34px !important
    }

    .xl\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }

    .xl\:text-24 {
        font-size: 24px
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-34 {
        font-size: 34px
    }

    .xl\:text-40 {
        font-size: 40px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[15px\] {
        font-size: 15px
    }

    .xl\:text-\[16px\] {
        font-size: 16px
    }

    .xl\:text-\[18px\] {
        font-size: 18px
    }

    .xl\:text-\[19px\] {
        font-size: 19px
    }

    .xl\:text-\[20px\] {
        font-size: 20px
    }

    .xl\:text-\[22px\] {
        font-size: 22px
    }

    .xl\:text-\[24px\] {
        font-size: 24px
    }

    .xl\:text-\[27px\] {
        font-size: 27px
    }

    .xl\:text-\[28px\] {
        font-size: 28px
    }

    .xl\:text-\[30px\] {
        font-size: 30px
    }

    .xl\:text-\[34px\] {
        font-size: 34px
    }

    .xl\:text-\[40px\] {
        font-size: 40px
    }

    .xl\:text-\[48px\] {
        font-size: 48px
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .xl\:\!leading-\[1\.1\] {
        line-height: 1.1 !important
    }

    .xl\:\!leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .xl\:\!leading-\[22px\] {
        line-height: 22px !important
    }

    .xl\:leading-1\.1 {
        line-height: 110%
    }

    .xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-\[14px\] {
        line-height: 14px
    }

    .xl\:leading-\[16px\] {
        line-height: 16px
    }

    .xl\:leading-\[22\.4px\] {
        line-height: 22.4px
    }

    .xl\:leading-\[30px\] {
        line-height: 30px
    }

    .xl\:leading-\[36px\] {
        line-height: 36px
    }

    .xl\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .xl\:text-\[var\(--notice-color\2c \#573B00\)\] {
        color: var(--notice-color, #573b00)
    }

    .xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .xl\:text-bbl-grey-9 {
        color: var(--bbl-grey-9)
    }

    .xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .xl\:shadow-none,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .xl\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .xl\:bbl-content-gap-4 {
        gap: var(--content-gap-4)
    }

    .xl\:bbl-content-gap-7 {
        gap: var(--content-gap-7)
    }

    .xl\:bbl-content-gap-8 {
        gap: var(--content-gap-8)
    }

    .xl\:bbl-section-padding-t-1 {
        padding-top: var(--section-gap-1)
    }

    .xl\:bbl-section-padding-b-5 {
        padding-bottom: var(--section-gap-5)
    }

    .xl\:bbl-gutter-gap-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:bbl-gutter-padding-x-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .xl\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .xl\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .xl\:after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .xl\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .xl\:after\:bg-\[\#D9D9D9\]:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .xl\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .xl\:hover\:font-bold:hover {
        font-weight: 700
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .group:hover .xl\:group-hover\:stroke-grey-2 {
        stroke: #f5f5f5
    }

    .group:hover .xl\:group-hover\:stroke-white {
        stroke: #fff
    }
}

.\[\&\>table\>tbody_td\]\:bbl-content-padding-y-3>table>tbody td {
    padding-top: var(--content-padding-3);
    padding-bottom: var(--content-padding-3)
}

.\[\&\>table\>thead\>tr\>td\]\:bbl-content-padding-x-2>table>thead>tr>td {
    padding-left: var(--content-padding-2);
    padding-right: var(--content-padding-2)
}

.\[\&\>table\>thead\>tr\>td\]\:bbl-content-padding-y-4>table>thead>tr>td {
    padding-top: var(--content-padding-4);
    padding-bottom: var(--content-padding-4)
}

.\[\&\>table\>thead\>tr\>th\]\:bbl-content-padding-x-2>table>thead>tr>th {
    padding-left: var(--content-padding-2);
    padding-right: var(--content-padding-2)
}

.\[\&\>table\>thead\>tr\>th\]\:bbl-content-padding-y-4>table>thead>tr>th {
    padding-top: var(--content-padding-4);
    padding-bottom: var(--content-padding-4)
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
.bbl-radius-none {
    border-radius: 0
}

.bbl-radius-xs {
    border-radius: .25rem
}

.\!bbl-radius-sm,
.bbl-radius-sm {
    border-radius: var(--tw-radius)
}

.bbl-radius-md {
    border-radius: .75rem
}

.bbl-radius-lg {
    border-radius: 1rem
}

.bbl-radius-xl {
    border-radius: 28px
}

.bbl-radius-full {
    border-radius: 9999px
}

@media (min-width:1025px) {
    .xl\:visible {
        visibility: visible
    }

    .xl\:static {
        position: static
    }

    .xl\:relative {
        position: relative
    }

    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:bottom-4 {
        bottom: 1rem
    }

    .xl\:bottom-5 {
        bottom: 1.25rem
    }

    .xl\:bottom-8 {
        bottom: 2rem
    }

    .xl\:bottom-\[143px\] {
        bottom: 143px
    }

    .xl\:bottom-\[20px\] {
        bottom: 20px
    }

    .xl\:bottom-\[24px\] {
        bottom: 24px
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-4 {
        left: 1rem
    }

    .xl\:left-6 {
        left: 1.5rem
    }

    .xl\:left-\[-34px\] {
        left: -34px
    }

    .xl\:left-\[100px\] {
        left: 100px
    }

    .xl\:left-\[24px\] {
        left: 24px
    }

    .xl\:left-\[30px\] {
        left: 30px
    }

    .xl\:left-\[unset\] {
        left: unset
    }

    .xl\:left-content-3 {
        left: var(--content-gap-3)
    }

    .xl\:right-10 {
        right: 2.5rem
    }

    .xl\:right-3 {
        right: .75rem
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:right-6 {
        right: 1.5rem
    }

    .xl\:right-\[-34px\] {
        right: -34px
    }

    .xl\:right-\[129px\] {
        right: 129px
    }

    .xl\:right-\[12px\] {
        right: 12px
    }

    .xl\:right-\[18px\] {
        right: 18px
    }

    .xl\:right-\[20px\] {
        right: 20px
    }

    .xl\:right-\[24px\] {
        right: 24px
    }

    .xl\:right-\[45px\] {
        right: 45px
    }

    .xl\:right-\[unset\] {
        right: unset
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-10 {
        top: 2.5rem
    }

    .xl\:top-2 {
        top: .5rem
    }

    .xl\:top-6 {
        top: 1.5rem
    }

    .xl\:top-\[100px\] {
        top: 100px
    }

    .xl\:top-\[12px\] {
        top: 12px
    }

    .xl\:top-\[18px\] {
        top: 18px
    }

    .xl\:top-\[200px\] {
        top: 200px
    }

    .xl\:top-\[20px\] {
        top: 20px
    }

    .xl\:top-\[24px\] {
        top: 24px
    }

    .xl\:top-\[45px\] {
        top: 45px
    }

    .xl\:top-\[50\%\] {
        top: 50%
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:top-\[63px\] {
        top: 63px
    }

    .xl\:top-\[unset\] {
        top: unset
    }

    .xl\:order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[1\] {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-\[2\] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[3\] {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

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

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

    .xl\:m-6 {
        margin: 1.5rem
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-\[14px\] {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .xl\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .xl\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .xl\:my-\[30px\] {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:my-\[40px\] {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:\!mt-\[12px\] {
        margin-top: 12px !important
    }

    .xl\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .xl\:\!mt-auto {
        margin-top: auto !important
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .xl\:mb-\[120px\] {
        margin-bottom: 120px
    }

    .xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .xl\:mb-\[180px\] {
        margin-bottom: 180px
    }

    .xl\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .xl\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:mb-\[28px\] {
        margin-bottom: 28px
    }

    .xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .xl\:mb-\[36px\] {
        margin-bottom: 36px
    }

    .xl\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .xl\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:ml-\[-78px\] {
        margin-left: -78px
    }

    .xl\:ml-\[133px\] {
        margin-left: 133px
    }

    .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    .xl\:ml-\[6px\] {
        margin-left: 6px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mr-\[18px\] {
        margin-right: 18px
    }

    .xl\:mr-\[48px\] {
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mt-\[-100px\] {
        margin-top: -100px
    }

    .xl\:mt-\[-60px\] {
        margin-top: -60px
    }

    .xl\:mt-\[0\] {
        margin-top: 0
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px
    }

    .xl\:mt-\[10px\] {
        margin-top: 10px
    }

    .xl\:mt-\[120px\] {
        margin-top: 120px
    }

    .xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .xl\:mt-\[14px\] {
        margin-top: 14px
    }

    .xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .xl\:mt-\[18px\] {
        margin-top: 18px
    }

    .xl\:mt-\[200px\] {
        margin-top: 200px
    }

    .xl\:mt-\[20px\] {
        margin-top: 20px
    }

    .xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .xl\:mt-\[36px\] {
        margin-top: 36px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[48px\] {
        margin-top: 48px
    }

    .xl\:mt-\[4px\] {
        margin-top: 4px
    }

    .xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .xl\:mt-\[6px\] {
        margin-top: 6px
    }

    .xl\:mt-\[8px\] {
        margin-top: 8px
    }

    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .xl\:line-clamp-2,
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .xl\:block {
        display: block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:\!flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .xl\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:\!hidden {
        display: none !important
    }

    .xl\:hidden {
        display: none
    }

    .xl\:\!h-\[214px\] {
        height: 214px !important
    }

    .xl\:\!h-\[406px\] {
        height: 406px !important
    }

    .xl\:\!h-\[423px\] {
        height: 423px !important
    }

    .xl\:\!h-\[449px\] {
        height: 449px !important
    }

    .xl\:\!h-\[464px\] {
        height: 464px !important
    }

    .xl\:\!h-\[570px\] {
        height: 570px !important
    }

    .xl\:\!h-\[594px\] {
        height: 594px !important
    }

    .xl\:\!h-\[84px\] {
        height: 84px !important
    }

    .xl\:\!h-full {
        height: 100% !important
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-9 {
        height: 2.25rem
    }

    .xl\:h-\[100px\] {
        height: 100px
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[10px\] {
        height: 10px
    }

    .xl\:h-\[115px\] {
        height: 115px
    }

    .xl\:h-\[120px\] {
        height: 120px
    }

    .xl\:h-\[134px\] {
        height: 134px
    }

    .xl\:h-\[146px\] {
        height: 146px
    }

    .xl\:h-\[15px\] {
        height: 15px
    }

    .xl\:h-\[160px\] {
        height: 160px
    }

    .xl\:h-\[16px\] {
        height: 16px
    }

    .xl\:h-\[173px\] {
        height: 173px
    }

    .xl\:h-\[183px\] {
        height: 183px
    }

    .xl\:h-\[188px\] {
        height: 188px
    }

    .xl\:h-\[18px\] {
        height: 18px
    }

    .xl\:h-\[20px\] {
        height: 20px
    }

    .xl\:h-\[213px\] {
        height: 213px
    }

    .xl\:h-\[226px\] {
        height: 226px
    }

    .xl\:h-\[235px\] {
        height: 235px
    }

    .xl\:h-\[240px\] {
        height: 240px
    }

    .xl\:h-\[24px\] {
        height: 24px
    }

    .xl\:h-\[25px\] {
        height: 25px
    }

    .xl\:h-\[260px\] {
        height: 260px
    }

    .xl\:h-\[26px\] {
        height: 26px
    }

    .xl\:h-\[270px\] {
        height: 270px
    }

    .xl\:h-\[277px\] {
        height: 277px
    }

    .xl\:h-\[278px\] {
        height: 278px
    }

    .xl\:h-\[284px\] {
        height: 284px
    }

    .xl\:h-\[288px\] {
        height: 288px
    }

    .xl\:h-\[28px\] {
        height: 28px
    }

    .xl\:h-\[296px\] {
        height: 296px
    }

    .xl\:h-\[309px\] {
        height: 309px
    }

    .xl\:h-\[30px\] {
        height: 30px
    }

    .xl\:h-\[328px\] {
        height: 328px
    }

    .xl\:h-\[32px\] {
        height: 32px
    }

    .xl\:h-\[334px\] {
        height: 334px
    }

    .xl\:h-\[335px\] {
        height: 335px
    }

    .xl\:h-\[338px\] {
        height: 338px
    }

    .xl\:h-\[33px\] {
        height: 33px
    }

    .xl\:h-\[34px\] {
        height: 34px
    }

    .xl\:h-\[350px\] {
        height: 350px
    }

    .xl\:h-\[356px\] {
        height: 356px
    }

    .xl\:h-\[360px\] {
        height: 360px
    }

    .xl\:h-\[366px\] {
        height: 366px
    }

    .xl\:h-\[36px\] {
        height: 36px
    }

    .xl\:h-\[373px\] {
        height: 373px
    }

    .xl\:h-\[37px\] {
        height: 37px
    }

    .xl\:h-\[380px\] {
        height: 380px
    }

    .xl\:h-\[381px\] {
        height: 381px
    }

    .xl\:h-\[400px\] {
        height: 400px
    }

    .xl\:h-\[406px\] {
        height: 406px
    }

    .xl\:h-\[408px\] {
        height: 408px
    }

    .xl\:h-\[40px\] {
        height: 40px
    }

    .xl\:h-\[41\.8px\] {
        height: 41.8px
    }

    .xl\:h-\[416px\] {
        height: 416px
    }

    .xl\:h-\[422px\] {
        height: 422px
    }

    .xl\:h-\[423px\] {
        height: 423px
    }

    .xl\:h-\[424px\] {
        height: 424px
    }

    .xl\:h-\[42px\] {
        height: 42px
    }

    .xl\:h-\[440\.86px\] {
        height: 440.86px
    }

    .xl\:h-\[440px\] {
        height: 440px
    }

    .xl\:h-\[450px\] {
        height: 450px
    }

    .xl\:h-\[45px\] {
        height: 45px
    }

    .xl\:h-\[460px\] {
        height: 460px
    }

    .xl\:h-\[476px\] {
        height: 476px
    }

    .xl\:h-\[47px\] {
        height: 47px
    }

    .xl\:h-\[489px\] {
        height: 489px
    }

    .xl\:h-\[48px\] {
        height: 48px
    }

    .xl\:h-\[495px\] {
        height: 495px
    }

    .xl\:h-\[498px\] {
        height: 498px
    }

    .xl\:h-\[507px\] {
        height: 507px
    }

    .xl\:h-\[508px\] {
        height: 508px
    }

    .xl\:h-\[50px\] {
        height: 50px
    }

    .xl\:h-\[52px\] {
        height: 52px
    }

    .xl\:h-\[53px\] {
        height: 53px
    }

    .xl\:h-\[544px\] {
        height: 544px
    }

    .xl\:h-\[54px\] {
        height: 54px
    }

    .xl\:h-\[559px\] {
        height: 559px
    }

    .xl\:h-\[560px\] {
        height: 560px
    }

    .xl\:h-\[56px\] {
        height: 56px
    }

    .xl\:h-\[570px\] {
        height: 570px
    }

    .xl\:h-\[584px\] {
        height: 584px
    }

    .xl\:h-\[588px\] {
        height: 588px
    }

    .xl\:h-\[592px\] {
        height: 592px
    }

    .xl\:h-\[600px\] {
        height: 600px
    }

    .xl\:h-\[640px\] {
        height: 640px
    }

    .xl\:h-\[67px\] {
        height: 67px
    }

    .xl\:h-\[71px\] {
        height: 71px
    }

    .xl\:h-\[72px\] {
        height: 72px
    }

    .xl\:h-\[752px\] {
        height: 752px
    }

    .xl\:h-\[762px\] {
        height: 762px
    }

    .xl\:h-\[80px\] {
        height: 80px
    }

    .xl\:h-\[84px\] {
        height: 84px
    }

    .xl\:h-\[913px\] {
        height: 913px
    }

    .xl\:h-fit {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:\!max-h-\[552px\] {
        max-height: 552px !important
    }

    .xl\:max-h-\[360px\] {
        max-height: 360px
    }

    .xl\:max-h-\[440px\] {
        max-height: 440px
    }

    .xl\:max-h-\[450px\] {
        max-height: 450px
    }

    .xl\:max-h-\[552px\] {
        max-height: 552px
    }

    .xl\:max-h-\[70vh\] {
        max-height: 70vh
    }

    .xl\:max-h-\[800px\] {
        max-height: 800px
    }

    .xl\:min-h-\[104px\] {
        min-height: 104px
    }

    .xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .xl\:min-h-\[226px\] {
        min-height: 226px
    }

    .xl\:min-h-\[250px\] {
        min-height: 250px
    }

    .xl\:min-h-\[279px\] {
        min-height: 279px
    }

    .xl\:min-h-\[357px\] {
        min-height: 357px
    }

    .xl\:min-h-\[416px\] {
        min-height: 416px
    }

    .xl\:min-h-\[unset\] {
        min-height: unset
    }

    .xl\:\!w-\[1014px\] {
        width: 1014px !important
    }

    .xl\:\!w-\[584px\] {
        width: 584px !important
    }

    .xl\:\!w-\[670px\] {
        width: 670px !important
    }

    .xl\:\!w-\[842px\] {
        width: 842px !important
    }

    .xl\:\!w-\[84px\] {
        width: 84px !important
    }

    .xl\:\!w-\[calc\(50\%-9px\)\] {
        width: calc(50% - 9px) !important
    }

    .xl\:\!w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-9 {
        width: 2.25rem
    }

    .xl\:w-\[100px\] {
        width: 100px
    }

    .xl\:w-\[100vw\] {
        width: 100vw
    }

    .xl\:w-\[1014px\] {
        width: 1014px
    }

    .xl\:w-\[1024px\] {
        width: 1024px
    }

    .xl\:w-\[108px\] {
        width: 108px
    }

    .xl\:w-\[10px\] {
        width: 10px
    }

    .xl\:w-\[110px\] {
        width: 110px
    }

    .xl\:w-\[120px\] {
        width: 120px
    }

    .xl\:w-\[126px\] {
        width: 126px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[160px\] {
        width: 160px
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[188px\] {
        width: 188px
    }

    .xl\:w-\[18px\] {
        width: 18px
    }

    .xl\:w-\[204px\] {
        width: 204px
    }

    .xl\:w-\[20px\] {
        width: 20px
    }

    .xl\:w-\[230px\] {
        width: 230px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[242px\] {
        width: 242px
    }

    .xl\:w-\[245px\] {
        width: 245px
    }

    .xl\:w-\[252px\] {
        width: 252px
    }

    .xl\:w-\[258px\] {
        width: 258px
    }

    .xl\:w-\[26px\] {
        width: 26px
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

    .xl\:w-\[282px\] {
        width: 282px
    }

    .xl\:w-\[300px\] {
        width: 300px
    }

    .xl\:w-\[308px\] {
        width: 308px
    }

    .xl\:w-\[30px\] {
        width: 30px
    }

    .xl\:w-\[314px\] {
        width: 314px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

    .xl\:w-\[326px\] {
        width: 326px
    }

    .xl\:w-\[328px\] {
        width: 328px
    }

    .xl\:w-\[336px\] {
        width: 336px
    }

    .xl\:w-\[339px\] {
        width: 339px
    }

    .xl\:w-\[33px\] {
        width: 33px
    }

    .xl\:w-\[340px\] {
        width: 340px
    }

    .xl\:w-\[34px\] {
        width: 34px
    }

    .xl\:w-\[354px\] {
        width: 354px
    }

    .xl\:w-\[35px\] {
        width: 35px
    }

    .xl\:w-\[36px\] {
        width: 36px
    }

    .xl\:w-\[380px\] {
        width: 380px
    }

    .xl\:w-\[384px\] {
        width: 384px
    }

    .xl\:w-\[392px\] {
        width: 392px
    }

    .xl\:w-\[40\.4px\] {
        width: 40.4px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[407px\] {
        width: 407px
    }

    .xl\:w-\[40px\] {
        width: 40px
    }

    .xl\:w-\[412px\] {
        width: 412px
    }

    .xl\:w-\[439px\] {
        width: 439px
    }

    .xl\:w-\[44px\] {
        width: 44px
    }

    .xl\:w-\[450px\] {
        width: 450px
    }

    .xl\:w-\[45px\] {
        width: 45px
    }

    .xl\:w-\[460px\] {
        width: 460px
    }

    .xl\:w-\[47px\] {
        width: 47px
    }

    .xl\:w-\[48px\] {
        width: 48px
    }

    .xl\:w-\[495px\] {
        width: 495px
    }

    .xl\:w-\[498px\] {
        width: 498px
    }

    .xl\:w-\[50\%\] {
        width: 50%
    }

    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:w-\[535px\] {
        width: 535px
    }

    .xl\:w-\[560px\] {
        width: 560px
    }

    .xl\:w-\[564px\] {
        width: 564px
    }

    .xl\:w-\[56px\] {
        width: 56px
    }

    .xl\:w-\[584px\] {
        width: 584px
    }

    .xl\:w-\[600px\] {
        width: 600px
    }

    .xl\:w-\[606px\] {
        width: 606px
    }

    .xl\:w-\[670px\] {
        width: 670px
    }

    .xl\:w-\[683px\] {
        width: 683px
    }

    .xl\:w-\[700px\] {
        width: 700px
    }

    .xl\:w-\[72px\] {
        width: 72px
    }

    .xl\:w-\[788px\] {
        width: 788px
    }

    .xl\:w-\[792px\] {
        width: 792px
    }

    .xl\:w-\[80px\] {
        width: 80px
    }

    .xl\:w-\[842px\] {
        width: 842px
    }

    .xl\:w-\[84px\] {
        width: 84px
    }

    .xl\:w-\[876px\] {
        width: 876px
    }

    .xl\:w-\[96px\] {
        width: 96px
    }

    .xl\:w-\[996px\] {
        width: 996px
    }

    .xl\:w-\[calc\(100\%-240px\)\] {
        width: calc(100% - 240px)
    }

    .xl\:w-\[unset\] {
        width: unset
    }

    .xl\:w-\[var\(--title-width\)\] {
        width: var(--title-width)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[140px\] {
        min-width: 140px
    }

    .xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .xl\:min-w-\[240px\] {
        min-width: 240px
    }

    .xl\:min-w-\[280px\] {
        min-width: 280px
    }

    .xl\:min-w-\[34px\] {
        min-width: 34px
    }

    .xl\:min-w-\[38px\] {
        min-width: 38px
    }

    .xl\:min-w-\[39px\] {
        min-width: 39px
    }

    .xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .xl\:min-w-\[580px\] {
        min-width: 580px
    }

    .xl\:\!max-w-\[548px\] {
        max-width: 548px !important
    }

    .xl\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .xl\:max-w-\[1014px\] {
        max-width: 1014px
    }

    .xl\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .xl\:max-w-\[1110px\] {
        max-width: 1110px
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .xl\:max-w-\[181px\] {
        max-width: 181px
    }

    .xl\:max-w-\[196px\] {
        max-width: 196px
    }

    .xl\:max-w-\[212px\] {
        max-width: 212px
    }

    .xl\:max-w-\[235px\] {
        max-width: 235px
    }

    .xl\:max-w-\[280px\] {
        max-width: 280px
    }

    .xl\:max-w-\[352px\] {
        max-width: 352px
    }

    .xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .xl\:max-w-\[412px\] {
        max-width: 412px
    }

    .xl\:max-w-\[432px\] {
        max-width: 432px
    }

    .xl\:max-w-\[466px\] {
        max-width: 466px
    }

    .xl\:max-w-\[480px\] {
        max-width: 480px
    }

    .xl\:max-w-\[498px\] {
        max-width: 498px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .xl\:max-w-\[662px\] {
        max-width: 662px
    }

    .xl\:max-w-\[788px\] {
        max-width: 788px
    }

    .xl\:max-w-\[792px\] {
        max-width: 792px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[842px\] {
        max-width: 842px
    }

    .xl\:max-w-\[952px\] {
        max-width: 952px
    }

    .xl\:max-w-\[calc\(100\%-144px\)\] {
        max-width: calc(100% - 144px)
    }

    .xl\:max-w-\[unset\] {
        max-width: unset
    }

    .xl\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .xl\:translate-x-\[-5px\] {
        --tw-translate-x: -5px
    }

    .xl\:translate-x-\[-5px\],
    .xl\:translate-y-\[-50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .xl\:scale-\[\.85\] {
        --tw-scale-x: .85;
        --tw-scale-y: .85
    }

    .xl\:scale-\[\.85\],
    .xl\:scale-\[\.8\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .xl\:scale-\[0\.83333\] {
        --tw-scale-x: 0.83333;
        --tw-scale-y: 0.83333
    }

    .xl\:scale-\[0\.83333\],
    .xl\:scale-\[1\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:transform-none {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .xl\:scroll-mt-\[140px\] {
        scroll-margin-top: 140px
    }

    .xl\:scroll-mt-\[200px\] {
        scroll-margin-top: 200px
    }

    .xl\:scroll-pl-\[133px\] {
        scroll-padding-left: 133px
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-\[1fr\2c 584px\] {
        grid-template-columns: 1fr 584px
    }

    .xl\:grid-cols-\[584px\2c 1fr\] {
        grid-template-columns: 584px 1fr
    }

    .xl\:grid-cols-\[repeat\(6\2c 1fr\)\] {
        grid-template-columns: repeat(6, 1fr)
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl\:\!flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .xl\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xl\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-\[100px\] {
        gap: 100px
    }

    .xl\:gap-\[104px\] {
        gap: 104px
    }

    .xl\:gap-\[10px\] {
        gap: 10px
    }

    .xl\:gap-\[120px\] {
        gap: 120px
    }

    .xl\:gap-\[12px\] {
        gap: 12px
    }

    .xl\:gap-\[140px\] {
        gap: 140px
    }

    .xl\:gap-\[160px\] {
        gap: 160px
    }

    .xl\:gap-\[16px\] {
        gap: 16px
    }

    .xl\:gap-\[18px\] {
        gap: 18px
    }

    .xl\:gap-\[200px\] {
        gap: 200px
    }

    .xl\:gap-\[20px\] {
        gap: 20px
    }

    .xl\:gap-\[24px\] {
        gap: 24px
    }

    .xl\:gap-\[2px\] {
        gap: 2px
    }

    .xl\:gap-\[30px\] {
        gap: 30px
    }

    .xl\:gap-\[32px\] {
        gap: 32px
    }

    .xl\:gap-\[40px\] {
        gap: 40px
    }

    .xl\:gap-\[4px\] {
        gap: 4px
    }

    .xl\:gap-\[50px\] {
        gap: 50px
    }

    .xl\:gap-\[54px\] {
        gap: 54px
    }

    .xl\:gap-\[6px\] {
        gap: 6px
    }

    .xl\:gap-\[7px\] {
        gap: 7px
    }

    .xl\:gap-\[8px\] {
        gap: 8px
    }

    .xl\:gap-content-7 {
        gap: var(--content-gap-7)
    }

    .xl\:gap-gutter-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-\[12px\] {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .xl\:gap-x-\[18px\] {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .xl\:gap-x-\[24px\] {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .xl\:gap-x-\[var\(--content-gap-4\)\] {
        -webkit-column-gap: var(--content-gap-4);
        -moz-column-gap: var(--content-gap-4);
        column-gap: var(--content-gap-4)
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-content-8 {
        row-gap: var(--content-gap-8)
    }

    .xl\:space-x-\[120px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(120px * var(--tw-space-x-reverse));
        margin-left: calc(120px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-content-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
    }

    .xl\:self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:rounded-\[6px\] {
        border-radius: 6px
    }

    .xl\:rounded-none {
        border-radius: 0
    }

    .xl\:border-t-0 {
        border-top-width: 0
    }

    .xl\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:bg-\[\#B3832E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(179 131 46/var(--tw-bg-opacity, 1))
    }

    .xl\:bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
        background-color: var(--notice-bg, #ffba41)
    }

    .xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .xl\:stroke-\[\#9E9E9E\],
    .xl\:stroke-grey-6 {
        stroke: #9e9e9e
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:\!p-\[24px\] {
        padding: 24px !important
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:p-\[20px\] {
        padding: 20px
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-\[30px\] {
        padding: 30px
    }

    .xl\:p-\[32px\] {
        padding: 32px
    }

    .xl\:p-\[40px\] {
        padding: 40px
    }

    .xl\:p-\[6px\] {
        padding: 6px
    }

    .xl\:p-\[80px\] {
        padding: 80px
    }

    .xl\:p-\[8px\] {
        padding: 8px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px-\[102px\] {
        padding-left: 102px;
        padding-right: 102px
    }

    .xl\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .xl\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .xl\:px-\[19px\] {
        padding-left: 19px;
        padding-right: 19px
    }

    .xl\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .xl\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .xl\:px-\[36px\] {
        padding-left: 36px;
        padding-right: 36px
    }

    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

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

    .xl\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:px-\[71px\] {
        padding-left: 71px;
        padding-right: 71px
    }

    .xl\:px-\[7px\] {
        padding-left: 7px;
        padding-right: 7px
    }

    .xl\:px-\[93px\] {
        padding-left: 93px;
        padding-right: 93px
    }

    .xl\:px-\[calc\(50vw-18px-326px-163px\)\] {
        padding-left: calc(50vw - 18px - 326px - 163px);
        padding-right: calc(50vw - 18px - 326px - 163px)
    }

    .xl\:px-gutter-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:py-\[23px\] {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .xl\:py-\[26px\] {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .xl\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .xl\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .xl\:\!pb-8 {
        padding-bottom: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .xl\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .xl\:pb-\[180px\] {
        padding-bottom: 180px
    }

    .xl\:pb-\[18px\] {
        padding-bottom: 18px
    }

    .xl\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .xl\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .xl\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .xl\:pb-\[4px\] {
        padding-bottom: 4px
    }

    .xl\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .xl\:pb-\[70px\] {
        padding-bottom: 70px
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pl-\[18px\] {
        padding-left: 18px
    }

    .xl\:pl-\[20px\] {
        padding-left: 20px
    }

    .xl\:pl-\[219px\] {
        padding-left: 219px
    }

    .xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .xl\:pl-\[45px\] {
        padding-left: 45px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-\[180px\] {
        padding-right: 180px
    }

    .xl\:pr-\[8px\] {
        padding-right: 8px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-6 {
        padding-top: 1.5rem
    }

    .xl\:pt-\[0\],
    .xl\:pt-\[0px\] {
        padding-top: 0
    }

    .xl\:pt-\[120px\] {
        padding-top: 120px
    }

    .xl\:pt-\[12px\] {
        padding-top: 12px
    }

    .xl\:pt-\[24px\] {
        padding-top: 24px
    }

    .xl\:pt-\[32px\] {
        padding-top: 32px
    }

    .xl\:pt-\[40px\] {
        padding-top: 40px
    }

    .xl\:pt-\[64px\] {
        padding-top: 64px
    }

    .xl\:pt-\[6px\] {
        padding-top: 6px
    }

    .xl\:pt-\[71px\] {
        padding-top: 71px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:\!text-14 {
        font-size: 14px !important
    }

    .xl\:\!text-16 {
        font-size: 16px !important
    }

    .xl\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .xl\:\!text-\[34px\] {
        font-size: 34px !important
    }

    .xl\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }

    .xl\:text-24 {
        font-size: 24px
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-34 {
        font-size: 34px
    }

    .xl\:text-40 {
        font-size: 40px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[15px\] {
        font-size: 15px
    }

    .xl\:text-\[16px\] {
        font-size: 16px
    }

    .xl\:text-\[18px\] {
        font-size: 18px
    }

    .xl\:text-\[19px\] {
        font-size: 19px
    }

    .xl\:text-\[20px\] {
        font-size: 20px
    }

    .xl\:text-\[22px\] {
        font-size: 22px
    }

    .xl\:text-\[24px\] {
        font-size: 24px
    }

    .xl\:text-\[27px\] {
        font-size: 27px
    }

    .xl\:text-\[28px\] {
        font-size: 28px
    }

    .xl\:text-\[30px\] {
        font-size: 30px
    }

    .xl\:text-\[34px\] {
        font-size: 34px
    }

    .xl\:text-\[40px\] {
        font-size: 40px
    }

    .xl\:text-\[48px\] {
        font-size: 48px
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .xl\:\!leading-\[1\.1\] {
        line-height: 1.1 !important
    }

    .xl\:\!leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .xl\:\!leading-\[22px\] {
        line-height: 22px !important
    }

    .xl\:leading-1\.1 {
        line-height: 110%
    }

    .xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-\[14px\] {
        line-height: 14px
    }

    .xl\:leading-\[16px\] {
        line-height: 16px
    }

    .xl\:leading-\[22\.4px\] {
        line-height: 22.4px
    }

    .xl\:leading-\[30px\] {
        line-height: 30px
    }

    .xl\:leading-\[36px\] {
        line-height: 36px
    }

    .xl\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .xl\:text-\[var\(--notice-color\2c \#573B00\)\] {
        color: var(--notice-color, #573b00)
    }

    .xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .xl\:text-bbl-grey-9 {
        color: var(--bbl-grey-9)
    }

    .xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .xl\:shadow-none,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .xl\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .xl\:bbl-radius-sm {
        border-radius: var(--tw-radius)
    }

    .xl\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .xl\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .xl\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .xl\:after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .xl\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .xl\:after\:bg-\[\#D9D9D9\]:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .xl\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .xl\:hover\:font-bold:hover {
        font-weight: 700
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .group:hover .xl\:group-hover\:stroke-grey-2 {
        stroke: #f5f5f5
    }

    .group:hover .xl\:group-hover\:stroke-white {
        stroke: #fff
    }
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
:root {
    --tw-background: 0 0% 100%;
    --tw-foreground: 222.2 84% 4.9%;
    --tw-card: 0 0% 100%;
    --tw-card-foreground: 222.2 84% 4.9%;
    --tw-popover: 0 0% 100%;
    --tw-popover-foreground: 222.2 84% 4.9%;
    --tw-primary: 222.2 47.4% 11.2%;
    --tw-primary-foreground: 210 40% 98%;
    --tw-secondary: 210 40% 96.1%;
    --tw-secondary-foreground: 222.2 47.4% 11.2%;
    --tw-muted: 210 40% 96.1%;
    --tw-muted-foreground: 215.4 16.3% 46.9%;
    --tw-accent: 210 40% 96.1%;
    --tw-accent-foreground: 222.2 47.4% 11.2%;
    --tw-destructive: 0 84.2% 60.2%;
    --tw-destructive-foreground: 210 40% 98%;
    --tw-border: 214.3 31.8% 91.4%;
    --tw-input: 214.3 31.8% 91.4%;
    --tw-ring: 222.2 84% 4.9%;
    --tw-radius: 0.5rem
}

.dark {
    --tw-background: 222.2 84% 4.9%;
    --tw-foreground: 210 40% 98%;
    --tw-card: 222.2 84% 4.9%;
    --tw-card-foreground: 210 40% 98%;
    --tw-popover: 222.2 84% 4.9%;
    --tw-popover-foreground: 210 40% 98%;
    --tw-primary: 210 40% 98%;
    --tw-primary-foreground: 222.2 47.4% 11.2%;
    --tw-secondary: 217.2 32.6% 17.5%;
    --tw-secondary-foreground: 210 40% 98%;
    --tw-muted: 217.2 32.6% 17.5%;
    --tw-muted-foreground: 215 20.2% 65.1%;
    --tw-accent: 217.2 32.6% 17.5%;
    --tw-accent-foreground: 210 40% 98%;
    --tw-destructive: 0 62.8% 30.6%;
    --tw-destructive-foreground: 210 40% 98%;
    --tw-border: 217.2 32.6% 17.5%;
    --tw-input: 217.2 32.6% 17.5%;
    --tw-ring: 212.7 26.8% 83.9%
}

* {
    border-color: hsl(var(--tw-border))
}

body {
    background-color: hsl(var(--tw-background));
    color: hsl(var(--tw-foreground))
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

@media (min-width:1025px) {
    .xl\:visible {
        visibility: visible
    }

    .xl\:static {
        position: static
    }

    .xl\:relative {
        position: relative
    }

    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:bottom-4 {
        bottom: 1rem
    }

    .xl\:bottom-5 {
        bottom: 1.25rem
    }

    .xl\:bottom-8 {
        bottom: 2rem
    }

    .xl\:bottom-\[143px\] {
        bottom: 143px
    }

    .xl\:bottom-\[20px\] {
        bottom: 20px
    }

    .xl\:bottom-\[24px\] {
        bottom: 24px
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-4 {
        left: 1rem
    }

    .xl\:left-6 {
        left: 1.5rem
    }

    .xl\:left-\[-34px\] {
        left: -34px
    }

    .xl\:left-\[100px\] {
        left: 100px
    }

    .xl\:left-\[24px\] {
        left: 24px
    }

    .xl\:left-\[30px\] {
        left: 30px
    }

    .xl\:left-\[unset\] {
        left: unset
    }

    .xl\:left-content-3 {
        left: var(--content-gap-3)
    }

    .xl\:right-10 {
        right: 2.5rem
    }

    .xl\:right-3 {
        right: .75rem
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:right-6 {
        right: 1.5rem
    }

    .xl\:right-\[-34px\] {
        right: -34px
    }

    .xl\:right-\[129px\] {
        right: 129px
    }

    .xl\:right-\[12px\] {
        right: 12px
    }

    .xl\:right-\[18px\] {
        right: 18px
    }

    .xl\:right-\[20px\] {
        right: 20px
    }

    .xl\:right-\[24px\] {
        right: 24px
    }

    .xl\:right-\[45px\] {
        right: 45px
    }

    .xl\:right-\[unset\] {
        right: unset
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-10 {
        top: 2.5rem
    }

    .xl\:top-2 {
        top: .5rem
    }

    .xl\:top-6 {
        top: 1.5rem
    }

    .xl\:top-\[100px\] {
        top: 100px
    }

    .xl\:top-\[12px\] {
        top: 12px
    }

    .xl\:top-\[18px\] {
        top: 18px
    }

    .xl\:top-\[200px\] {
        top: 200px
    }

    .xl\:top-\[20px\] {
        top: 20px
    }

    .xl\:top-\[24px\] {
        top: 24px
    }

    .xl\:top-\[45px\] {
        top: 45px
    }

    .xl\:top-\[50\%\] {
        top: 50%
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:top-\[63px\] {
        top: 63px
    }

    .xl\:top-\[unset\] {
        top: unset
    }

    .xl\:order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[1\] {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-\[2\] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[3\] {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

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

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

    .xl\:m-6 {
        margin: 1.5rem
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-\[14px\] {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .xl\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .xl\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .xl\:my-\[30px\] {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:my-\[40px\] {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:\!mt-\[12px\] {
        margin-top: 12px !important
    }

    .xl\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .xl\:\!mt-auto {
        margin-top: auto !important
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .xl\:mb-\[120px\] {
        margin-bottom: 120px
    }

    .xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .xl\:mb-\[180px\] {
        margin-bottom: 180px
    }

    .xl\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .xl\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:mb-\[28px\] {
        margin-bottom: 28px
    }

    .xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .xl\:mb-\[36px\] {
        margin-bottom: 36px
    }

    .xl\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .xl\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:ml-\[-78px\] {
        margin-left: -78px
    }

    .xl\:ml-\[133px\] {
        margin-left: 133px
    }

    .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    .xl\:ml-\[6px\] {
        margin-left: 6px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mr-\[18px\] {
        margin-right: 18px
    }

    .xl\:mr-\[48px\] {
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mt-\[-100px\] {
        margin-top: -100px
    }

    .xl\:mt-\[-60px\] {
        margin-top: -60px
    }

    .xl\:mt-\[0\] {
        margin-top: 0
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px
    }

    .xl\:mt-\[10px\] {
        margin-top: 10px
    }

    .xl\:mt-\[120px\] {
        margin-top: 120px
    }

    .xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .xl\:mt-\[14px\] {
        margin-top: 14px
    }

    .xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .xl\:mt-\[18px\] {
        margin-top: 18px
    }

    .xl\:mt-\[200px\] {
        margin-top: 200px
    }

    .xl\:mt-\[20px\] {
        margin-top: 20px
    }

    .xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .xl\:mt-\[36px\] {
        margin-top: 36px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[48px\] {
        margin-top: 48px
    }

    .xl\:mt-\[4px\] {
        margin-top: 4px
    }

    .xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .xl\:mt-\[6px\] {
        margin-top: 6px
    }

    .xl\:mt-\[8px\] {
        margin-top: 8px
    }

    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .xl\:line-clamp-2,
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .xl\:block {
        display: block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:\!flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .xl\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:\!hidden {
        display: none !important
    }

    .xl\:hidden {
        display: none
    }

    .xl\:\!h-\[214px\] {
        height: 214px !important
    }

    .xl\:\!h-\[406px\] {
        height: 406px !important
    }

    .xl\:\!h-\[423px\] {
        height: 423px !important
    }

    .xl\:\!h-\[449px\] {
        height: 449px !important
    }

    .xl\:\!h-\[464px\] {
        height: 464px !important
    }

    .xl\:\!h-\[570px\] {
        height: 570px !important
    }

    .xl\:\!h-\[594px\] {
        height: 594px !important
    }

    .xl\:\!h-\[84px\] {
        height: 84px !important
    }

    .xl\:\!h-full {
        height: 100% !important
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-9 {
        height: 2.25rem
    }

    .xl\:h-\[100px\] {
        height: 100px
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[10px\] {
        height: 10px
    }

    .xl\:h-\[115px\] {
        height: 115px
    }

    .xl\:h-\[120px\] {
        height: 120px
    }

    .xl\:h-\[134px\] {
        height: 134px
    }

    .xl\:h-\[146px\] {
        height: 146px
    }

    .xl\:h-\[15px\] {
        height: 15px
    }

    .xl\:h-\[160px\] {
        height: 160px
    }

    .xl\:h-\[16px\] {
        height: 16px
    }

    .xl\:h-\[173px\] {
        height: 173px
    }

    .xl\:h-\[183px\] {
        height: 183px
    }

    .xl\:h-\[188px\] {
        height: 188px
    }

    .xl\:h-\[18px\] {
        height: 18px
    }

    .xl\:h-\[20px\] {
        height: 20px
    }

    .xl\:h-\[213px\] {
        height: 213px
    }

    .xl\:h-\[226px\] {
        height: 226px
    }

    .xl\:h-\[235px\] {
        height: 235px
    }

    .xl\:h-\[240px\] {
        height: 240px
    }

    .xl\:h-\[24px\] {
        height: 24px
    }

    .xl\:h-\[25px\] {
        height: 25px
    }

    .xl\:h-\[260px\] {
        height: 260px
    }

    .xl\:h-\[26px\] {
        height: 26px
    }

    .xl\:h-\[270px\] {
        height: 270px
    }

    .xl\:h-\[277px\] {
        height: 277px
    }

    .xl\:h-\[278px\] {
        height: 278px
    }

    .xl\:h-\[284px\] {
        height: 284px
    }

    .xl\:h-\[288px\] {
        height: 288px
    }

    .xl\:h-\[28px\] {
        height: 28px
    }

    .xl\:h-\[296px\] {
        height: 296px
    }

    .xl\:h-\[309px\] {
        height: 309px
    }

    .xl\:h-\[30px\] {
        height: 30px
    }

    .xl\:h-\[328px\] {
        height: 328px
    }

    .xl\:h-\[32px\] {
        height: 32px
    }

    .xl\:h-\[334px\] {
        height: 334px
    }

    .xl\:h-\[335px\] {
        height: 335px
    }

    .xl\:h-\[338px\] {
        height: 338px
    }

    .xl\:h-\[33px\] {
        height: 33px
    }

    .xl\:h-\[34px\] {
        height: 34px
    }

    .xl\:h-\[350px\] {
        height: 350px
    }

    .xl\:h-\[356px\] {
        height: 356px
    }

    .xl\:h-\[360px\] {
        height: 360px
    }

    .xl\:h-\[366px\] {
        height: 366px
    }

    .xl\:h-\[36px\] {
        height: 36px
    }

    .xl\:h-\[373px\] {
        height: 373px
    }

    .xl\:h-\[37px\] {
        height: 37px
    }

    .xl\:h-\[380px\] {
        height: 380px
    }

    .xl\:h-\[381px\] {
        height: 381px
    }

    .xl\:h-\[400px\] {
        height: 400px
    }

    .xl\:h-\[406px\] {
        height: 406px
    }

    .xl\:h-\[408px\] {
        height: 408px
    }

    .xl\:h-\[40px\] {
        height: 40px
    }

    .xl\:h-\[41\.8px\] {
        height: 41.8px
    }

    .xl\:h-\[416px\] {
        height: 416px
    }

    .xl\:h-\[422px\] {
        height: 422px
    }

    .xl\:h-\[423px\] {
        height: 423px
    }

    .xl\:h-\[424px\] {
        height: 424px
    }

    .xl\:h-\[42px\] {
        height: 42px
    }

    .xl\:h-\[440\.86px\] {
        height: 440.86px
    }

    .xl\:h-\[440px\] {
        height: 440px
    }

    .xl\:h-\[450px\] {
        height: 450px
    }

    .xl\:h-\[45px\] {
        height: 45px
    }

    .xl\:h-\[460px\] {
        height: 460px
    }

    .xl\:h-\[476px\] {
        height: 476px
    }

    .xl\:h-\[47px\] {
        height: 47px
    }

    .xl\:h-\[489px\] {
        height: 489px
    }

    .xl\:h-\[48px\] {
        height: 48px
    }

    .xl\:h-\[495px\] {
        height: 495px
    }

    .xl\:h-\[498px\] {
        height: 498px
    }

    .xl\:h-\[507px\] {
        height: 507px
    }

    .xl\:h-\[508px\] {
        height: 508px
    }

    .xl\:h-\[50px\] {
        height: 50px
    }

    .xl\:h-\[52px\] {
        height: 52px
    }

    .xl\:h-\[53px\] {
        height: 53px
    }

    .xl\:h-\[544px\] {
        height: 544px
    }

    .xl\:h-\[54px\] {
        height: 54px
    }

    .xl\:h-\[559px\] {
        height: 559px
    }

    .xl\:h-\[560px\] {
        height: 560px
    }

    .xl\:h-\[56px\] {
        height: 56px
    }

    .xl\:h-\[570px\] {
        height: 570px
    }

    .xl\:h-\[584px\] {
        height: 584px
    }

    .xl\:h-\[588px\] {
        height: 588px
    }

    .xl\:h-\[592px\] {
        height: 592px
    }

    .xl\:h-\[600px\] {
        height: 600px
    }

    .xl\:h-\[640px\] {
        height: 640px
    }

    .xl\:h-\[67px\] {
        height: 67px
    }

    .xl\:h-\[71px\] {
        height: 71px
    }

    .xl\:h-\[72px\] {
        height: 72px
    }

    .xl\:h-\[752px\] {
        height: 752px
    }

    .xl\:h-\[762px\] {
        height: 762px
    }

    .xl\:h-\[80px\] {
        height: 80px
    }

    .xl\:h-\[84px\] {
        height: 84px
    }

    .xl\:h-\[913px\] {
        height: 913px
    }

    .xl\:h-fit {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:\!max-h-\[552px\] {
        max-height: 552px !important
    }

    .xl\:max-h-\[360px\] {
        max-height: 360px
    }

    .xl\:max-h-\[440px\] {
        max-height: 440px
    }

    .xl\:max-h-\[450px\] {
        max-height: 450px
    }

    .xl\:max-h-\[552px\] {
        max-height: 552px
    }

    .xl\:max-h-\[70vh\] {
        max-height: 70vh
    }

    .xl\:max-h-\[800px\] {
        max-height: 800px
    }

    .xl\:min-h-\[104px\] {
        min-height: 104px
    }

    .xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .xl\:min-h-\[226px\] {
        min-height: 226px
    }

    .xl\:min-h-\[250px\] {
        min-height: 250px
    }

    .xl\:min-h-\[279px\] {
        min-height: 279px
    }

    .xl\:min-h-\[357px\] {
        min-height: 357px
    }

    .xl\:min-h-\[416px\] {
        min-height: 416px
    }

    .xl\:min-h-\[unset\] {
        min-height: unset
    }

    .xl\:\!w-\[1014px\] {
        width: 1014px !important
    }

    .xl\:\!w-\[584px\] {
        width: 584px !important
    }

    .xl\:\!w-\[670px\] {
        width: 670px !important
    }

    .xl\:\!w-\[842px\] {
        width: 842px !important
    }

    .xl\:\!w-\[84px\] {
        width: 84px !important
    }

    .xl\:\!w-\[calc\(50\%-9px\)\] {
        width: calc(50% - 9px) !important
    }

    .xl\:\!w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-9 {
        width: 2.25rem
    }

    .xl\:w-\[100px\] {
        width: 100px
    }

    .xl\:w-\[100vw\] {
        width: 100vw
    }

    .xl\:w-\[1014px\] {
        width: 1014px
    }

    .xl\:w-\[1024px\] {
        width: 1024px
    }

    .xl\:w-\[108px\] {
        width: 108px
    }

    .xl\:w-\[10px\] {
        width: 10px
    }

    .xl\:w-\[110px\] {
        width: 110px
    }

    .xl\:w-\[120px\] {
        width: 120px
    }

    .xl\:w-\[126px\] {
        width: 126px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[160px\] {
        width: 160px
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[188px\] {
        width: 188px
    }

    .xl\:w-\[18px\] {
        width: 18px
    }

    .xl\:w-\[204px\] {
        width: 204px
    }

    .xl\:w-\[20px\] {
        width: 20px
    }

    .xl\:w-\[230px\] {
        width: 230px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[242px\] {
        width: 242px
    }

    .xl\:w-\[245px\] {
        width: 245px
    }

    .xl\:w-\[252px\] {
        width: 252px
    }

    .xl\:w-\[258px\] {
        width: 258px
    }

    .xl\:w-\[26px\] {
        width: 26px
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

    .xl\:w-\[282px\] {
        width: 282px
    }

    .xl\:w-\[300px\] {
        width: 300px
    }

    .xl\:w-\[308px\] {
        width: 308px
    }

    .xl\:w-\[30px\] {
        width: 30px
    }

    .xl\:w-\[314px\] {
        width: 314px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

    .xl\:w-\[326px\] {
        width: 326px
    }

    .xl\:w-\[328px\] {
        width: 328px
    }

    .xl\:w-\[336px\] {
        width: 336px
    }

    .xl\:w-\[339px\] {
        width: 339px
    }

    .xl\:w-\[33px\] {
        width: 33px
    }

    .xl\:w-\[340px\] {
        width: 340px
    }

    .xl\:w-\[34px\] {
        width: 34px
    }

    .xl\:w-\[354px\] {
        width: 354px
    }

    .xl\:w-\[35px\] {
        width: 35px
    }

    .xl\:w-\[36px\] {
        width: 36px
    }

    .xl\:w-\[380px\] {
        width: 380px
    }

    .xl\:w-\[384px\] {
        width: 384px
    }

    .xl\:w-\[392px\] {
        width: 392px
    }

    .xl\:w-\[40\.4px\] {
        width: 40.4px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[407px\] {
        width: 407px
    }

    .xl\:w-\[40px\] {
        width: 40px
    }

    .xl\:w-\[412px\] {
        width: 412px
    }

    .xl\:w-\[439px\] {
        width: 439px
    }

    .xl\:w-\[44px\] {
        width: 44px
    }

    .xl\:w-\[450px\] {
        width: 450px
    }

    .xl\:w-\[45px\] {
        width: 45px
    }

    .xl\:w-\[460px\] {
        width: 460px
    }

    .xl\:w-\[47px\] {
        width: 47px
    }

    .xl\:w-\[48px\] {
        width: 48px
    }

    .xl\:w-\[495px\] {
        width: 495px
    }

    .xl\:w-\[498px\] {
        width: 498px
    }

    .xl\:w-\[50\%\] {
        width: 50%
    }

    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:w-\[535px\] {
        width: 535px
    }

    .xl\:w-\[560px\] {
        width: 560px
    }

    .xl\:w-\[564px\] {
        width: 564px
    }

    .xl\:w-\[56px\] {
        width: 56px
    }

    .xl\:w-\[584px\] {
        width: 584px
    }

    .xl\:w-\[600px\] {
        width: 600px
    }

    .xl\:w-\[606px\] {
        width: 606px
    }

    .xl\:w-\[670px\] {
        width: 670px
    }

    .xl\:w-\[683px\] {
        width: 683px
    }

    .xl\:w-\[700px\] {
        width: 700px
    }

    .xl\:w-\[72px\] {
        width: 72px
    }

    .xl\:w-\[788px\] {
        width: 788px
    }

    .xl\:w-\[792px\] {
        width: 792px
    }

    .xl\:w-\[80px\] {
        width: 80px
    }

    .xl\:w-\[842px\] {
        width: 842px
    }

    .xl\:w-\[84px\] {
        width: 84px
    }

    .xl\:w-\[876px\] {
        width: 876px
    }

    .xl\:w-\[96px\] {
        width: 96px
    }

    .xl\:w-\[996px\] {
        width: 996px
    }

    .xl\:w-\[calc\(100\%-240px\)\] {
        width: calc(100% - 240px)
    }

    .xl\:w-\[unset\] {
        width: unset
    }

    .xl\:w-\[var\(--title-width\)\] {
        width: var(--title-width)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[140px\] {
        min-width: 140px
    }

    .xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .xl\:min-w-\[240px\] {
        min-width: 240px
    }

    .xl\:min-w-\[280px\] {
        min-width: 280px
    }

    .xl\:min-w-\[34px\] {
        min-width: 34px
    }

    .xl\:min-w-\[38px\] {
        min-width: 38px
    }

    .xl\:min-w-\[39px\] {
        min-width: 39px
    }

    .xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .xl\:min-w-\[580px\] {
        min-width: 580px
    }

    .xl\:\!max-w-\[548px\] {
        max-width: 548px !important
    }

    .xl\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .xl\:max-w-\[1014px\] {
        max-width: 1014px
    }

    .xl\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .xl\:max-w-\[1110px\] {
        max-width: 1110px
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .xl\:max-w-\[181px\] {
        max-width: 181px
    }

    .xl\:max-w-\[196px\] {
        max-width: 196px
    }

    .xl\:max-w-\[212px\] {
        max-width: 212px
    }

    .xl\:max-w-\[235px\] {
        max-width: 235px
    }

    .xl\:max-w-\[280px\] {
        max-width: 280px
    }

    .xl\:max-w-\[352px\] {
        max-width: 352px
    }

    .xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .xl\:max-w-\[412px\] {
        max-width: 412px
    }

    .xl\:max-w-\[432px\] {
        max-width: 432px
    }

    .xl\:max-w-\[466px\] {
        max-width: 466px
    }

    .xl\:max-w-\[480px\] {
        max-width: 480px
    }

    .xl\:max-w-\[498px\] {
        max-width: 498px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .xl\:max-w-\[662px\] {
        max-width: 662px
    }

    .xl\:max-w-\[788px\] {
        max-width: 788px
    }

    .xl\:max-w-\[792px\] {
        max-width: 792px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[842px\] {
        max-width: 842px
    }

    .xl\:max-w-\[952px\] {
        max-width: 952px
    }

    .xl\:max-w-\[calc\(100\%-144px\)\] {
        max-width: calc(100% - 144px)
    }

    .xl\:max-w-\[unset\] {
        max-width: unset
    }

    .xl\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .xl\:translate-x-\[-5px\] {
        --tw-translate-x: -5px
    }

    .xl\:translate-x-\[-5px\],
    .xl\:translate-y-\[-50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .xl\:scale-\[\.85\] {
        --tw-scale-x: .85;
        --tw-scale-y: .85
    }

    .xl\:scale-\[\.85\],
    .xl\:scale-\[\.8\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .xl\:scale-\[0\.83333\] {
        --tw-scale-x: 0.83333;
        --tw-scale-y: 0.83333
    }

    .xl\:scale-\[0\.83333\],
    .xl\:scale-\[1\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:transform-none {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .xl\:scroll-mt-\[140px\] {
        scroll-margin-top: 140px
    }

    .xl\:scroll-mt-\[200px\] {
        scroll-margin-top: 200px
    }

    .xl\:scroll-pl-\[133px\] {
        scroll-padding-left: 133px
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-\[1fr\2c 584px\] {
        grid-template-columns: 1fr 584px
    }

    .xl\:grid-cols-\[584px\2c 1fr\] {
        grid-template-columns: 584px 1fr
    }

    .xl\:grid-cols-\[repeat\(6\2c 1fr\)\] {
        grid-template-columns: repeat(6, 1fr)
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl\:\!flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .xl\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xl\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-\[100px\] {
        gap: 100px
    }

    .xl\:gap-\[104px\] {
        gap: 104px
    }

    .xl\:gap-\[10px\] {
        gap: 10px
    }

    .xl\:gap-\[120px\] {
        gap: 120px
    }

    .xl\:gap-\[12px\] {
        gap: 12px
    }

    .xl\:gap-\[140px\] {
        gap: 140px
    }

    .xl\:gap-\[160px\] {
        gap: 160px
    }

    .xl\:gap-\[16px\] {
        gap: 16px
    }

    .xl\:gap-\[18px\] {
        gap: 18px
    }

    .xl\:gap-\[200px\] {
        gap: 200px
    }

    .xl\:gap-\[20px\] {
        gap: 20px
    }

    .xl\:gap-\[24px\] {
        gap: 24px
    }

    .xl\:gap-\[2px\] {
        gap: 2px
    }

    .xl\:gap-\[30px\] {
        gap: 30px
    }

    .xl\:gap-\[32px\] {
        gap: 32px
    }

    .xl\:gap-\[40px\] {
        gap: 40px
    }

    .xl\:gap-\[4px\] {
        gap: 4px
    }

    .xl\:gap-\[50px\] {
        gap: 50px
    }

    .xl\:gap-\[54px\] {
        gap: 54px
    }

    .xl\:gap-\[6px\] {
        gap: 6px
    }

    .xl\:gap-\[7px\] {
        gap: 7px
    }

    .xl\:gap-\[8px\] {
        gap: 8px
    }

    .xl\:gap-content-7 {
        gap: var(--content-gap-7)
    }

    .xl\:gap-gutter-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-\[12px\] {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .xl\:gap-x-\[18px\] {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .xl\:gap-x-\[24px\] {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .xl\:gap-x-\[var\(--content-gap-4\)\] {
        -webkit-column-gap: var(--content-gap-4);
        -moz-column-gap: var(--content-gap-4);
        column-gap: var(--content-gap-4)
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-content-8 {
        row-gap: var(--content-gap-8)
    }

    .xl\:space-x-\[120px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(120px * var(--tw-space-x-reverse));
        margin-left: calc(120px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-content-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
    }

    .xl\:self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:rounded-\[6px\] {
        border-radius: 6px
    }

    .xl\:rounded-none {
        border-radius: 0
    }

    .xl\:border-t-0 {
        border-top-width: 0
    }

    .xl\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:bg-\[\#B3832E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(179 131 46/var(--tw-bg-opacity, 1))
    }

    .xl\:bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
        background-color: var(--notice-bg, #ffba41)
    }

    .xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .xl\:stroke-\[\#9E9E9E\],
    .xl\:stroke-grey-6 {
        stroke: #9e9e9e
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:\!p-\[24px\] {
        padding: 24px !important
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:p-\[20px\] {
        padding: 20px
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-\[30px\] {
        padding: 30px
    }

    .xl\:p-\[32px\] {
        padding: 32px
    }

    .xl\:p-\[40px\] {
        padding: 40px
    }

    .xl\:p-\[6px\] {
        padding: 6px
    }

    .xl\:p-\[80px\] {
        padding: 80px
    }

    .xl\:p-\[8px\] {
        padding: 8px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px-\[102px\] {
        padding-left: 102px;
        padding-right: 102px
    }

    .xl\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .xl\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .xl\:px-\[19px\] {
        padding-left: 19px;
        padding-right: 19px
    }

    .xl\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .xl\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .xl\:px-\[36px\] {
        padding-left: 36px;
        padding-right: 36px
    }

    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

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

    .xl\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:px-\[71px\] {
        padding-left: 71px;
        padding-right: 71px
    }

    .xl\:px-\[7px\] {
        padding-left: 7px;
        padding-right: 7px
    }

    .xl\:px-\[93px\] {
        padding-left: 93px;
        padding-right: 93px
    }

    .xl\:px-\[calc\(50vw-18px-326px-163px\)\] {
        padding-left: calc(50vw - 18px - 326px - 163px);
        padding-right: calc(50vw - 18px - 326px - 163px)
    }

    .xl\:px-gutter-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:py-\[23px\] {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .xl\:py-\[26px\] {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .xl\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .xl\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .xl\:\!pb-8 {
        padding-bottom: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .xl\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .xl\:pb-\[180px\] {
        padding-bottom: 180px
    }

    .xl\:pb-\[18px\] {
        padding-bottom: 18px
    }

    .xl\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .xl\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .xl\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .xl\:pb-\[4px\] {
        padding-bottom: 4px
    }

    .xl\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .xl\:pb-\[70px\] {
        padding-bottom: 70px
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pl-\[18px\] {
        padding-left: 18px
    }

    .xl\:pl-\[20px\] {
        padding-left: 20px
    }

    .xl\:pl-\[219px\] {
        padding-left: 219px
    }

    .xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .xl\:pl-\[45px\] {
        padding-left: 45px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-\[180px\] {
        padding-right: 180px
    }

    .xl\:pr-\[8px\] {
        padding-right: 8px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-6 {
        padding-top: 1.5rem
    }

    .xl\:pt-\[0\],
    .xl\:pt-\[0px\] {
        padding-top: 0
    }

    .xl\:pt-\[120px\] {
        padding-top: 120px
    }

    .xl\:pt-\[12px\] {
        padding-top: 12px
    }

    .xl\:pt-\[24px\] {
        padding-top: 24px
    }

    .xl\:pt-\[32px\] {
        padding-top: 32px
    }

    .xl\:pt-\[40px\] {
        padding-top: 40px
    }

    .xl\:pt-\[64px\] {
        padding-top: 64px
    }

    .xl\:pt-\[6px\] {
        padding-top: 6px
    }

    .xl\:pt-\[71px\] {
        padding-top: 71px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:\!text-14 {
        font-size: 14px !important
    }

    .xl\:\!text-16 {
        font-size: 16px !important
    }

    .xl\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .xl\:\!text-\[34px\] {
        font-size: 34px !important
    }

    .xl\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }

    .xl\:text-24 {
        font-size: 24px
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-34 {
        font-size: 34px
    }

    .xl\:text-40 {
        font-size: 40px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[15px\] {
        font-size: 15px
    }

    .xl\:text-\[16px\] {
        font-size: 16px
    }

    .xl\:text-\[18px\] {
        font-size: 18px
    }

    .xl\:text-\[19px\] {
        font-size: 19px
    }

    .xl\:text-\[20px\] {
        font-size: 20px
    }

    .xl\:text-\[22px\] {
        font-size: 22px
    }

    .xl\:text-\[24px\] {
        font-size: 24px
    }

    .xl\:text-\[27px\] {
        font-size: 27px
    }

    .xl\:text-\[28px\] {
        font-size: 28px
    }

    .xl\:text-\[30px\] {
        font-size: 30px
    }

    .xl\:text-\[34px\] {
        font-size: 34px
    }

    .xl\:text-\[40px\] {
        font-size: 40px
    }

    .xl\:text-\[48px\] {
        font-size: 48px
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .xl\:\!leading-\[1\.1\] {
        line-height: 1.1 !important
    }

    .xl\:\!leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .xl\:\!leading-\[22px\] {
        line-height: 22px !important
    }

    .xl\:leading-1\.1 {
        line-height: 110%
    }

    .xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-\[14px\] {
        line-height: 14px
    }

    .xl\:leading-\[16px\] {
        line-height: 16px
    }

    .xl\:leading-\[22\.4px\] {
        line-height: 22.4px
    }

    .xl\:leading-\[30px\] {
        line-height: 30px
    }

    .xl\:leading-\[36px\] {
        line-height: 36px
    }

    .xl\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .xl\:text-\[var\(--notice-color\2c \#573B00\)\] {
        color: var(--notice-color, #573b00)
    }

    .xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .xl\:text-bbl-grey-9 {
        color: var(--bbl-grey-9)
    }

    .xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .xl\:shadow-none,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .xl\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .xl\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .xl\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .xl\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .xl\:after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .xl\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .xl\:after\:bg-\[\#D9D9D9\]:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .xl\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .xl\:hover\:font-bold:hover {
        font-weight: 700
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .group:hover .xl\:group-hover\:stroke-grey-2 {
        stroke: #f5f5f5
    }

    .group:hover .xl\:group-hover\:stroke-white {
        stroke: #fff
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {

}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    -moz-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}



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

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!static {
    position: static !important
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-\[1px\] {
    inset: 1px
}

.inset-\[20px\] {
    inset: 20px
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.\!bottom-0 {
    bottom: 0 !important
}

.\!bottom-\[-16px\] {
    bottom: -16px !important
}

.\!bottom-\[-20px\] {
    bottom: -20px !important
}

.\!left-\[50\%\] {
    left: 50% !important
}

.-bottom-12 {
    bottom: -3rem
}

.-left-12 {
    left: -3rem
}

.-left-\[104px\] {
    left: -104px
}

.-right-12 {
    right: -3rem
}

.-right-2 {
    right: -.5rem
}

.-right-\[104px\] {
    right: -104px
}

.-right-\[1px\] {
    right: -1px
}

.-top-10 {
    top: -2.5rem
}

.-top-12 {
    top: -3rem
}

.-top-\[2px\] {
    top: -2px
}

.-top-\[5\%\] {
    top: -5%
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[-20px\] {
    bottom: -20px
}

.bottom-\[-60px\] {
    bottom: -60px
}

.bottom-\[103px\] {
    bottom: 103px
}

.bottom-\[12px\] {
    bottom: 12px
}

.bottom-\[150px\] {
    bottom: 150px
}

.bottom-\[170px\] {
    bottom: 170px
}

.bottom-\[18px\] {
    bottom: 18px
}

.bottom-\[24px\] {
    bottom: 24px
}

.bottom-\[25px\] {
    bottom: 25px
}

.bottom-\[32px\] {
    bottom: 32px
}

.bottom-\[39px\] {
    bottom: 39px
}

.bottom-content-6 {
    bottom: var(--content-gap-6)
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-\[-10px\] {
    left: -10px
}

.left-\[-40px\] {
    left: -40px
}

.left-\[12px\] {
    left: 12px
}

.left-\[147px\] {
    left: 147px
}

.left-\[18px\] {
    left: 18px
}

.left-\[24px\] {
    left: 24px
}

.left-\[2px\] {
    left: 2px
}

.left-\[42px\] {
    left: 42px
}

.left-\[50\%\] {
    left: 50%
}

.left-\[6px\] {
    left: 6px
}

.left-content-3 {
    left: var(--content-gap-3)
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-\[-10px\] {
    right: -10px
}

.right-\[-12px\] {
    right: -12px
}

.right-\[-1px\] {
    right: -1px
}

.right-\[-2px\] {
    right: -2px
}

.right-\[-4px\] {
    right: -4px
}

.right-\[-5px\] {
    right: -5px
}

.right-\[-7px\] {
    right: -7px
}

.right-\[12px\] {
    right: 12px
}

.right-\[147px\] {
    right: 147px
}

.right-\[15px\] {
    right: 15px
}

.right-\[18px\] {
    right: 18px
}

.right-\[20px\] {
    right: 20px
}

.right-\[21px\] {
    right: 21px
}

.right-\[24px\] {
    right: 24px
}

.right-\[27px\] {
    right: 27px
}

.right-\[2px\] {
    right: 2px
}

.right-\[30px\] {
    right: 30px
}

.right-\[42px\] {
    right: 42px
}

.right-\[4px\] {
    right: 4px
}

.right-\[50px\] {
    right: 50px
}

.right-\[6px\] {
    right: 6px
}

.right-\[88px\] {
    right: 88px
}

.right-\[8px\] {
    right: 8px
}

.right-\[calc\(env\(safe-area-inset-right\2c 0px\)\)\] {
    right: calc(env(safe-area-inset-right, 0px))
}

.right-\[unset\] {
    right: unset
}

.right-content-3 {
    right: var(--content-gap-3)
}

.right-content-6 {
    right: var(--content-gap-6)
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-\[-10px\] {
    top: -10px
}

.top-\[-1px\] {
    top: -1px
}

.top-\[-7px\] {
    top: -7px
}

.top-\[-8px\] {
    top: -8px
}

.top-\[100\%\] {
    top: 100%
}

.top-\[100px\] {
    top: 100px
}

.top-\[12px\] {
    top: 12px
}

.top-\[15px\] {
    top: 15px
}

.top-\[16px\] {
    top: 16px
}

.top-\[18px\] {
    top: 18px
}

.top-\[212px\] {
    top: 212px
}

.top-\[22px\] {
    top: 22px
}

.top-\[24px\] {
    top: 24px
}

.top-\[25px\] {
    top: 25px
}

.top-\[30px\] {
    top: 30px
}

.top-\[32px\] {
    top: 32px
}

.top-\[34px\] {
    top: 34px
}

.top-\[3px\] {
    top: 3px
}

.top-\[40\%\] {
    top: 40%
}

.top-\[40px\] {
    top: 40px
}

.top-\[4px\] {
    top: 4px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[6px\] {
    top: 6px
}

.top-\[7px\] {
    top: 7px
}

.top-\[8px\] {
    top: 8px
}

.top-\[calc\(var\(--header-height\)\)\] {
    top: calc(var(--header-height))
}

.top-\[calc\(var\(--header-height\)\+24px\)\] {
    top: calc(var(--header-height) + 24px)
}

.top-content-2 {
    top: var(--content-gap-2)
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[100\] {
    z-index: 100
}

.z-\[1020\] {
    z-index: 1020
}

.z-\[10\] {
    z-index: 10
}

.z-\[112\] {
    z-index: 112
}

.z-\[12\] {
    z-index: 12
}

.z-\[19\] {
    z-index: 19
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[49\] {
    z-index: 49
}

.z-\[50\] {
    z-index: 50
}

.z-\[5\] {
    z-index: 5
}

.z-\[9999\] {
    z-index: 9999
}

.z-auto {
    z-index: auto
}

.order-1,
.order-\[1\] {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-\[2\] {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-\[3\] {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

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

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

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

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

.float-end {
    float: inline-end
}

.float-right {
    float: right
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-\[15px_0px\] {
    margin: 15px 0
}

.m-\[auto\],
.m-auto {
    margin: auto
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!mx-\[auto\] {
    margin-left: auto !important;
    margin-right: auto !important
}

.\!my-\[30px\] {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-\[12px\] {
    margin-left: 12px;
    margin-right: 12px
}

.mx-\[24px\] {
    margin-left: 24px;
    margin-right: 24px
}

.mx-\[40px\] {
    margin-left: 40px;
    margin-right: 40px
}

.mx-\[48px\] {
    margin-left: 48px;
    margin-right: 48px
}

.mx-\[4px\] {
    margin-left: 4px;
    margin-right: 4px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

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

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-\[120px\] {
    margin-top: 120px;
    margin-bottom: 120px
}

.my-\[12px\] {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-\[240px\] {
    margin-top: 240px;
    margin-bottom: 240px
}

.my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px
}

.my-\[32px\] {
    margin-top: 32px;
    margin-bottom: 32px
}

.my-\[40px\] {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-\[4px\] {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-\[6px\] {
    margin-top: 6px;
    margin-bottom: 6px
}

.my-\[8px\] {
    margin-top: 8px;
    margin-bottom: 8px
}

.my-\[9px\] {
    margin-top: 9px;
    margin-bottom: 9px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mb-\[24px\] {
    margin-bottom: 24px !important
}

.\!mb-\[34px\] {
    margin-bottom: 34px !important
}

.\!mb-\[8px\] {
    margin-bottom: 8px !important
}

.\!ml-0 {
    margin-left: 0 !important
}

.\!ml-2 {
    margin-left: .5rem !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.\!mt-2 {
    margin-top: .5rem !important
}

.\!mt-3 {
    margin-top: .75rem !important
}

.\!mt-auto {
    margin-top: auto !important
}

.-ml-4 {
    margin-left: -1rem
}

.-ml-\[calc\(\(100vw-100\%\)\/2\)\] {
    margin-left: calc(calc((100vw - 100%) / 2) * -1)
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-4 {
    margin-top: -1rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-12px\] {
    margin-bottom: -12px
}

.mb-\[100px\] {
    margin-bottom: 100px
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[120px\] {
    margin-bottom: 120px
}

.mb-\[12px\] {
    margin-bottom: 12px
}

.mb-\[14px\] {
    margin-bottom: 14px
}

.mb-\[15px\] {
    margin-bottom: 15px
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[200px\] {
    margin-bottom: 200px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[24px\] {
    margin-bottom: 24px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[32px\] {
    margin-bottom: 32px
}

.mb-\[36px\] {
    margin-bottom: 36px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mb-\[42px\] {
    margin-bottom: 42px
}

.mb-\[4px\] {
    margin-bottom: 4px
}

.mb-\[5px\] {
    margin-bottom: 5px
}

.mb-\[60px\] {
    margin-bottom: 60px
}

.mb-\[64px\] {
    margin-bottom: 64px
}

.mb-\[6px\] {
    margin-bottom: 6px
}

.mb-\[80px\] {
    margin-bottom: 80px
}

.mb-\[8px\] {
    margin-bottom: 8px
}

.mb-content-7 {
    margin-bottom: var(--content-gap-7)
}

.mb-content-9 {
    margin-bottom: var(--content-gap-9)
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-\[-48px\] {
    margin-left: -48px
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[12px\] {
    margin-left: 12px
}

.ml-\[18px\] {
    margin-left: 18px
}

.ml-\[20px\] {
    margin-left: 20px
}

.ml-\[26px\] {
    margin-left: 26px
}

.ml-\[2px\] {
    margin-left: 2px
}

.ml-\[30px\] {
    margin-left: 30px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-\[6px\] {
    margin-left: 6px
}

.ml-\[8px\] {
    margin-left: 8px
}

.ml-\[auto\],
.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[12px\] {
    margin-right: 12px
}

.mr-\[14px\] {
    margin-right: 14px
}

.mr-\[16px\] {
    margin-right: 16px
}

.mr-\[24px\] {
    margin-right: 24px
}

.mr-\[6px\] {
    margin-right: 6px
}

.mr-\[auto\] {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[-2px\] {
    margin-top: -2px
}

.mt-\[-70px\] {
    margin-top: -70px
}

.mt-\[-80px\] {
    margin-top: -80px
}

.mt-\[100px\] {
    margin-top: 100px
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[120px\] {
    margin-top: 120px
}

.mt-\[12px\] {
    margin-top: 12px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[17px\] {
    margin-top: 17px
}

.mt-\[18px\] {
    margin-top: 18px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[32px\] {
    margin-top: 32px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[42px\] {
    margin-top: 42px
}

.mt-\[48px\] {
    margin-top: 48px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[50px\] {
    margin-top: 50px
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-\[60px\] {
    margin-top: 60px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-\[80px\] {
    margin-top: 80px
}

.mt-\[8px\] {
    margin-top: 8px
}

.mt-\[9px\] {
    margin-top: 9px
}

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.\!box-content {
    box-sizing: content-box !important
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.\!table {
    display: table !important
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.\!aspect-video {
    aspect-ratio: 16/9 !important
}

.aspect-\[1\.33\/1\] {
    aspect-ratio: 1.33/1
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.\!h-\[10px\] {
    height: 10px !important
}

.\!h-\[156px\] {
    height: 156px !important
}

.\!h-\[256px\] {
    height: 256px !important
}

.\!h-\[33px\] {
    height: 33px !important
}

.\!h-\[360px\] {
    height: 360px !important
}

.\!h-\[400px\] {
    height: 400px !important
}

.\!h-\[420px\] {
    height: 420px !important
}

.\!h-\[504px\] {
    height: 504px !important
}

.\!h-\[50px\] {
    height: 50px !important
}

.\!h-\[520px\] {
    height: 520px !important
}

.\!h-\[600px\] {
    height: 600px !important
}

.\!h-\[64px\] {
    height: 64px !important
}

.\!h-\[667px\] {
    height: 667px !important
}

.\!h-\[6px\] {
    height: 6px !important
}

.\!h-\[calc\(100dvh-240px\)\] {
    height: calc(100dvh - 240px) !important
}

.\!h-\[unset\] {
    height: unset !important
}

.\!h-auto {
    height: auto !important
}

.\!h-full {
    height: 100% !important
}

.h-0 {
    height: 0
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[100\%\] {
    height: 100%
}

.h-\[100dvh\] {
    height: 100dvh
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[104px\] {
    height: 104px
}

.h-\[107px\] {
    height: 107px
}

.h-\[10px\] {
    height: 10px
}

.h-\[110px\] {
    height: 110px
}

.h-\[11px\] {
    height: 11px
}

.h-\[120px\] {
    height: 120px
}

.h-\[124px\] {
    height: 124px
}

.h-\[128px\] {
    height: 128px
}

.h-\[12px\] {
    height: 12px
}

.h-\[130px\] {
    height: 130px
}

.h-\[136px\] {
    height: 136px
}

.h-\[13px\] {
    height: 13px
}

.h-\[140px\] {
    height: 140px
}

.h-\[14px\] {
    height: 14px
}

.h-\[151px\] {
    height: 151px
}

.h-\[156px\] {
    height: 156px
}

.h-\[15px\] {
    height: 15px
}

.h-\[1600px\] {
    height: 1600px
}

.h-\[160px\] {
    height: 160px
}

.h-\[161px\] {
    height: 161px
}

.h-\[163px\] {
    height: 163px
}

.h-\[16px\] {
    height: 16px
}

.h-\[180px\] {
    height: 180px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[202px\] {
    height: 202px
}

.h-\[20px\] {
    height: 20px
}

.h-\[21px\] {
    height: 21px
}

.h-\[220px\] {
    height: 220px
}

.h-\[221px\] {
    height: 221px
}

.h-\[228px\] {
    height: 228px
}

.h-\[22px\] {
    height: 22px
}

.h-\[230px\] {
    height: 230px
}

.h-\[23px\] {
    height: 23px
}

.h-\[240px\] {
    height: 240px
}

.h-\[245px\] {
    height: 245px
}

.h-\[24px\] {
    height: 24px
}

.h-\[250px\] {
    height: 250px
}

.h-\[255px\] {
    height: 255px
}

.h-\[25px\] {
    height: 25px
}

.h-\[265px\] {
    height: 265px
}

.h-\[26px\] {
    height: 26px
}

.h-\[270px\] {
    height: 270px
}

.h-\[27px\] {
    height: 27px
}

.h-\[280px\] {
    height: 280px
}

.h-\[28px\] {
    height: 28px
}

.h-\[295px\] {
    height: 295px
}

.h-\[296px\] {
    height: 296px
}

.h-\[2px\] {
    height: 2px
}

.h-\[300px\] {
    height: 300px
}

.h-\[30px\] {
    height: 30px
}

.h-\[320px\] {
    height: 320px
}

.h-\[32px\] {
    height: 32px
}

.h-\[33px\] {
    height: 33px
}

.h-\[340px\] {
    height: 340px
}

.h-\[344px\] {
    height: 344px
}

.h-\[34px\] {
    height: 34px
}

.h-\[35px\] {
    height: 35px
}

.h-\[360px\] {
    height: 360px
}

.h-\[36px\] {
    height: 36px
}

.h-\[370px\] {
    height: 370px
}

.h-\[375px\] {
    height: 375px
}

.h-\[37px\] {
    height: 37px
}

.h-\[39px\] {
    height: 39px
}

.h-\[400px\] {
    height: 400px
}

.h-\[408px\] {
    height: 408px
}

.h-\[40px\] {
    height: 40px
}

.h-\[413px\] {
    height: 413px
}

.h-\[420px\] {
    height: 420px
}

.h-\[42px\] {
    height: 42px
}

.h-\[434px\] {
    height: 434px
}

.h-\[440px\] {
    height: 440px
}

.h-\[450px\] {
    height: 450px
}

.h-\[458px\] {
    height: 458px
}

.h-\[460px\] {
    height: 460px
}

.h-\[46px\] {
    height: 46px
}

.h-\[47\.4px\] {
    height: 47.4px
}

.h-\[474px\] {
    height: 474px
}

.h-\[47px\] {
    height: 47px
}

.h-\[480px\] {
    height: 480px
}

.h-\[48px\] {
    height: 48px
}

.h-\[492px\] {
    height: 492px
}

.h-\[496px\] {
    height: 496px
}

.h-\[49px\] {
    height: 49px
}

.h-\[4px\] {
    height: 4px
}

.h-\[500px\] {
    height: 500px
}

.h-\[50px\] {
    height: 50px
}

.h-\[520px\] {
    height: 520px
}

.h-\[52px\] {
    height: 52px
}

.h-\[53px\] {
    height: 53px
}

.h-\[54px\] {
    height: 54px
}

.h-\[560px\] {
    height: 560px
}

.h-\[57px\] {
    height: 57px
}

.h-\[588px\] {
    height: 588px
}

.h-\[6\.76px\] {
    height: 6.76px
}

.h-\[600px\] {
    height: 600px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[667px\] {
    height: 667px
}

.h-\[672px\] {
    height: 672px
}

.h-\[68px\] {
    height: 68px
}

.h-\[6px\] {
    height: 6px
}

.h-\[70px\] {
    height: 70px
}

.h-\[71px\] {
    height: 71px
}

.h-\[72px\] {
    height: 72px
}

.h-\[73px\] {
    height: 73px
}

.h-\[74px\] {
    height: 74px
}

.h-\[77px\] {
    height: 77px
}

.h-\[78px\] {
    height: 78px
}

.h-\[79px\] {
    height: 79px
}

.h-\[80px\] {
    height: 80px
}

.h-\[84px\] {
    height: 84px
}

.h-\[88px\] {
    height: 88px
}

.h-\[8px\] {
    height: 8px
}

.h-\[90px\] {
    height: 90px
}

.h-\[92px\] {
    height: 92px
}

.h-\[9px\] {
    height: 9px
}

.h-\[calc\(100\%-6px\)\] {
    height: calc(100% - 6px)
}

.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height)
}

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.\!max-h-\[100dvh\] {
    max-height: 100dvh !important
}

.\!max-h-\[600px\] {
    max-height: 600px !important
}

.\!max-h-\[84px\] {
    max-height: 84px !important
}

.max-h-0 {
    max-height: 0
}

.max-h-64 {
    max-height: 16rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[100\%\] {
    max-height: 100%
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.max-h-\[180px\] {
    max-height: 180px
}

.max-h-\[2000px\] {
    max-height: 2000px
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[226px\] {
    max-height: 226px
}

.max-h-\[240px\] {
    max-height: 240px
}

.max-h-\[280px\] {
    max-height: 280px
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[350px\] {
    max-height: 350px
}

.max-h-\[360px\] {
    max-height: 360px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[492px\] {
    max-height: 492px
}

.max-h-\[600px\] {
    max-height: 600px
}

.max-h-\[60vh\] {
    max-height: 60vh
}

.max-h-\[68vh\] {
    max-height: 68vh
}

.max-h-\[70vh\] {
    max-height: 70vh
}

.max-h-\[800px\] {
    max-height: 800px
}

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-\[90dvh\] {
    max-height: 90dvh
}

.max-h-\[90px\] {
    max-height: 90px
}

.max-h-none {
    max-height: none
}

.min-h-\[100dvh\] {
    min-height: 100dvh
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[111px\] {
    min-height: 111px
}

.min-h-\[140px\] {
    min-height: 140px
}

.min-h-\[180px\] {
    min-height: 180px
}

.min-h-\[198px\] {
    min-height: 198px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[208px\] {
    min-height: 208px
}

.min-h-\[20px\] {
    min-height: 20px
}

.min-h-\[223px\] {
    min-height: 223px
}

.min-h-\[24px\] {
    min-height: 24px
}

.min-h-\[260px\] {
    min-height: 260px
}

.min-h-\[267px\] {
    min-height: 267px
}

.min-h-\[26px\] {
    min-height: 26px
}

.min-h-\[300px\] {
    min-height: 300px
}

.min-h-\[302px\] {
    min-height: 302px
}

.min-h-\[32px\] {
    min-height: 32px
}

.min-h-\[400px\] {
    min-height: 400px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[427px\] {
    min-height: 427px
}

.min-h-\[428px\] {
    min-height: 428px
}

.min-h-\[42px\] {
    min-height: 42px
}

.min-h-\[450px\] {
    min-height: 450px
}

.min-h-\[472px\] {
    min-height: 472px
}

.min-h-\[480px\] {
    min-height: 480px
}

.min-h-\[500px\] {
    min-height: 500px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[513px\] {
    min-height: 513px
}

.min-h-\[560px\] {
    min-height: 560px
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[68px\] {
    min-height: 68px
}

.min-h-\[72px\] {
    min-height: 72px
}

.min-h-\[74px\] {
    min-height: 74px
}

.min-h-\[78px\] {
    min-height: 78px
}

.min-h-\[88px\] {
    min-height: 88px
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\!w-0 {
    width: 0 !important
}

.\!w-12 {
    width: 3rem !important
}

.\!w-\[100\%\] {
    width: 100% !important
}

.\!w-\[156px\] {
    width: 156px !important
}

.\!w-\[260px\] {
    width: 260px !important
}

.\!w-\[327px\] {
    width: 327px !important
}

.\!w-\[335px\] {
    width: 335px !important
}

.\!w-\[452px\] {
    width: 452px !important
}

.\!w-\[64px\] {
    width: 64px !important
}

.\!w-\[672px\] {
    width: 672px !important
}

.\!w-\[calc\(100vw-24px\)\] {
    width: calc(100vw - 24px) !important
}

.\!w-\[calc\(33\.33\%\)\] {
    width: calc(33.33%) !important
}

.\!w-\[calc\(50\%\)\] {
    width: calc(50%) !important
}

.\!w-auto {
    width: auto !important
}

.\!w-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.\!w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-1\/6 {
    width: 16.666667%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[1014px\] {
    width: 1014px
}

.w-\[1024px\] {
    width: 1024px
}

.w-\[103px\] {
    width: 103px
}

.w-\[104px\] {
    width: 104px
}

.w-\[10px\] {
    width: 10px
}

.w-\[110px\] {
    width: 110px
}

.w-\[111px\] {
    width: 111px
}

.w-\[11px\] {
    width: 11px
}

.w-\[1200px\] {
    width: 1200px
}

.w-\[120px\] {
    width: 120px
}

.w-\[122px\] {
    width: 122px
}

.w-\[123px\] {
    width: 123px
}

.w-\[125px\] {
    width: 125px
}

.w-\[12px\] {
    width: 12px
}

.w-\[130px\] {
    width: 130px
}

.w-\[136px\] {
    width: 136px
}

.w-\[138px\] {
    width: 138px
}

.w-\[13px\] {
    width: 13px
}

.w-\[140\%\] {
    width: 140%
}

.w-\[140px\] {
    width: 140px
}

.w-\[14px\] {
    width: 14px
}

.w-\[155px\] {
    width: 155px
}

.w-\[156px\] {
    width: 156px
}

.w-\[15px\] {
    width: 15px
}

.w-\[1600px\] {
    width: 1600px
}

.w-\[160px\] {
    width: 160px
}

.w-\[164px\] {
    width: 164px
}

.w-\[16px\] {
    width: 16px
}

.w-\[172px\] {
    width: 172px
}

.w-\[180px\] {
    width: 180px
}

.w-\[183px\] {
    width: 183px
}

.w-\[18px\] {
    width: 18px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[21px\] {
    width: 21px
}

.w-\[229px\] {
    width: 229px
}

.w-\[234px\] {
    width: 234px
}

.w-\[23px\] {
    width: 23px
}

.w-\[240px\] {
    width: 240px
}

.w-\[24px\] {
    width: 24px
}

.w-\[259px\] {
    width: 259px
}

.w-\[25px\] {
    width: 25px
}

.w-\[26px\] {
    width: 26px
}

.w-\[279px\] {
    width: 279px
}

.w-\[27px\] {
    width: 27px
}

.w-\[280px\] {
    width: 280px
}

.w-\[282px\] {
    width: 282px
}

.w-\[284px\] {
    width: 284px
}

.w-\[28px\] {
    width: 28px
}

.w-\[293px\] {
    width: 293px
}

.w-\[295px\] {
    width: 295px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[310px\] {
    width: 310px
}

.w-\[31px\] {
    width: 31px
}

.w-\[327px\] {
    width: 327px
}

.w-\[328px\] {
    width: 328px
}

.w-\[32px\] {
    width: 32px
}

.w-\[335px\] {
    width: 335px
}

.w-\[339px\] {
    width: 339px
}

.w-\[33px\] {
    width: 33px
}

.w-\[340px\] {
    width: 340px
}

.w-\[350px\] {
    width: 350px
}

.w-\[351px\] {
    width: 351px
}

.w-\[35px\] {
    width: 35px
}

.w-\[360px\] {
    width: 360px
}

.w-\[36px\] {
    width: 36px
}

.w-\[37px\] {
    width: 37px
}

.w-\[400px\] {
    width: 400px
}

.w-\[408px\] {
    width: 408px
}

.w-\[40px\] {
    width: 40px
}

.w-\[410px\] {
    width: 410px
}

.w-\[420px\] {
    width: 420px
}

.w-\[42px\] {
    width: 42px
}

.w-\[45px\] {
    width: 45px
}

.w-\[46px\] {
    width: 46px
}

.w-\[47px\] {
    width: 47px
}

.w-\[48px\] {
    width: 48px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[522px\] {
    width: 522px
}

.w-\[54px\] {
    width: 54px
}

.w-\[56px\] {
    width: 56px
}

.w-\[57px\] {
    width: 57px
}

.w-\[60px\] {
    width: 60px
}

.w-\[62px\] {
    width: 62px
}

.w-\[64px\] {
    width: 64px
}

.w-\[68px\] {
    width: 68px
}

.w-\[71px\] {
    width: 71px
}

.w-\[78px\] {
    width: 78px
}

.w-\[79px\] {
    width: 79px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[80px\] {
    width: 80px
}

.w-\[82px\] {
    width: 82px
}

.w-\[84px\] {
    width: 84px
}

.w-\[88px\] {
    width: 88px
}

.w-\[89px\] {
    width: 89px
}

.w-\[8px\] {
    width: 8px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[90px\] {
    width: 90px
}

.w-\[90vw\] {
    width: 90vw
}

.w-\[92px\] {
    width: 92px
}

.w-\[95px\] {
    width: 95px
}

.w-\[96px\] {
    width: 96px
}

.w-\[9px\] {
    width: 9px
}

.w-\[calc\(100\%\+48px\)\] {
    width: calc(100% + 48px)
}

.w-\[calc\(100\%-20px\)\] {
    width: calc(100% - 20px)
}

.w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}

.w-\[calc\(100\%-36px\)\] {
    width: calc(100% - 36px)
}

.w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px)
}

.w-\[calc\(100\%-48px\)\] {
    width: calc(100% - 48px)
}

.w-\[calc\(100vw-24px\)\] {
    width: calc(100vw - 24px)
}

.w-\[full\] {
    width: full
}

.w-\[var\(--title-mobile-width\)\] {
    width: var(--title-mobile-width)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.\!min-w-\[242px\] {
    min-width: 242px !important
}

.min-w-0 {
    min-width: 0
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[108px\] {
    min-width: 108px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[130px\] {
    min-width: 130px
}

.min-w-\[13px\] {
    min-width: 13px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[148px\] {
    min-width: 148px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[156px\] {
    min-width: 156px
}

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[175px\] {
    min-width: 175px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[220px\] {
    min-width: 220px
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-\[256px\] {
    min-width: 256px
}

.min-w-\[25px\] {
    min-width: 25px
}

.min-w-\[270px\] {
    min-width: 270px
}

.min-w-\[27px\] {
    min-width: 27px
}

.min-w-\[28px\] {
    min-width: 28px
}

.min-w-\[290px\] {
    min-width: 290px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[30px\] {
    min-width: 30px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[339px\] {
    min-width: 339px
}

.min-w-\[360px\] {
    min-width: 360px
}

.min-w-\[40px\] {
    min-width: 40px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[72px\] {
    min-width: 72px
}

.min-w-\[78px\] {
    min-width: 78px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[88px\] {
    min-width: 88px
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width)
}

.min-w-fit {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.\!max-w-\[100\%\] {
    max-width: 100% !important
}

.\!max-w-\[100dvw\] {
    max-width: 100dvw !important
}

.\!max-w-\[200px\] {
    max-width: 200px !important
}

.\!max-w-\[240px\] {
    max-width: 240px !important
}

.\!max-w-\[36\%\] {
    max-width: 36% !important
}

.\!max-w-full {
    max-width: 100% !important
}

.max-w-0 {
    max-width: 0
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[100\%\] {
    max-width: 100%
}

.max-w-\[1000px\] {
    max-width: 1000px
}

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[110px\] {
    max-width: 110px
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[1252px\] {
    max-width: 1252px
}

.max-w-\[130px\] {
    max-width: 130px
}

.max-w-\[140px\] {
    max-width: 140px
}

.max-w-\[1440px\] {
    max-width: 1440px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[190px\] {
    max-width: 190px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[230px\] {
    max-width: 230px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[270px\] {
    max-width: 270px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[286px\] {
    max-width: 286px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[327px\] {
    max-width: 327px
}

.max-w-\[329px\] {
    max-width: 329px
}

.max-w-\[339px\] {
    max-width: 339px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[351px\] {
    max-width: 351px
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-\[370px\] {
    max-width: 370px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[432px\] {
    max-width: 432px
}

.max-w-\[452px\] {
    max-width: 452px
}

.max-w-\[454px\] {
    max-width: 454px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[535px\] {
    max-width: 535px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[60px\] {
    max-width: 60px
}

.max-w-\[78px\] {
    max-width: 78px
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-\[90vw\] {
    max-width: 90vw
}

.max-w-\[calc\(100\%-32px\)\] {
    max-width: calc(100% - 32px)
}

.max-w-\[calc\(100\%-48px\)\] {
    max-width: calc(100% - 48px)
}

.max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px)
}

.max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px)
}

.max-w-\[calc\(100vw-40px\)\] {
    max-width: calc(100vw - 40px)
}

.max-w-\[min\(280px\2c _calc\(100vw_-_32px\)\)\] {
    max-width: min(280px, calc(100vw - 32px))
}

.max-w-\[none\] {
    max-width: none
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

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

.max-w-screen-xl {
    max-width: 1025px
}

.max-w-sm {
    max-width: 24rem
}

.\!flex-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-\[1\] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-shrink {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grow-0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.grow-0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.basis-\[300px\] {
    -webkit-flex-basis: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px
}

.basis-\[500px\] {
    -webkit-flex-basis: 500px;
    -ms-flex-preferred-size: 500px;
    flex-basis: 500px
}

.basis-full {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.border-collapse {
    border-collapse: collapse
}

.origin-bottom {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.origin-bottom-left {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.origin-center {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.origin-top {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.origin-top-left {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.origin-top-right {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.\!translate-y-0 {
    --tw-translate-y: 0px !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-1\/2,
.-translate-x-\[50\%\] {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-\[50\%\],
.-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-\[100\%\] {
    --tw-translate-y: -100%
}

.-translate-y-\[100\%\],
.-translate-y-\[50\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[50\%\] {
    --tw-translate-y: -50%
}

.translate-x-\[-20\%\] {
    --tw-translate-x: -20%
}

.translate-x-\[-20\%\],
.translate-x-\[-24px\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-24px\] {
    --tw-translate-x: -24px
}

.translate-x-\[-25\%\] {
    --tw-translate-x: -25%
}

.translate-x-\[-25\%\],
.translate-x-\[-3px\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-3px\] {
    --tw-translate-x: -3px
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-x-\[100\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[100\%\] {
    --tw-translate-x: 100%
}

.translate-x-\[20\%\] {
    --tw-translate-x: 20%
}

.translate-x-\[20\%\],
.translate-x-\[25\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[25\%\] {
    --tw-translate-x: 25%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-\[-1px\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-1px\] {
    --tw-translate-y: -1px
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.translate-y-\[-50\%\],
.translate-y-\[50\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[50\%\] {
    --tw-translate-y: 50%
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-rotate-45,
.translate-y-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-45 {
    --tw-rotate: -45deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-90,
.rotate-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-90 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-\[0deg\] {
    --tw-rotate: 0deg
}

.rotate-\[0deg\],
.rotate-\[180deg\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.rotate-\[21deg\] {
    --tw-rotate: 21deg
}

.rotate-\[21deg\],
.rotate-\[270deg\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[270deg\] {
    --tw-rotate: 270deg
}

.rotate-\[90deg\] {
    --tw-rotate: 90deg
}

.rotate-\[90deg\],
.scale-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,
.scale-75 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-\[\.68\] {
    --tw-scale-x: .68;
    --tw-scale-y: .68
}

.scale-\[\.68\],
.scale-\[\.8\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[\.8\] {
    --tw-scale-x: .8;
    --tw-scale-y: .8
}

.scale-\[0\.65\] {
    --tw-scale-x: 0.65;
    --tw-scale-y: 0.65
}

.scale-\[0\.65\],
.scale-\[0\.66667\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[0\.66667\] {
    --tw-scale-x: 0.66667;
    --tw-scale-y: 0.66667
}

.scale-\[0\.66\] {
    --tw-scale-x: 0.66;
    --tw-scale-y: 0.66
}

.scale-\[0\.66\],
.scale-\[0\.7\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[0\.7\] {
    --tw-scale-x: 0.7;
    --tw-scale-y: 0.7
}

.scale-\[0\.9\] {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9
}

.scale-\[0\.9\],
.scale-\[1\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\] {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    -webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!transform-none {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.touch-none {
    -ms-touch-action: none;
    touch-action: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.snap-x {
    -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness);
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-y {
    -ms-scroll-snap-type: y var(--tw-scroll-snap-strictness);
    scroll-snap-type: y var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

.snap-always {
    scroll-snap-stop: always
}

.scroll-mt-\[110px\] {
    scroll-margin-top: 110px
}

.scroll-mt-\[160px\] {
    scroll-margin-top: 160px
}

.scroll-mt-\[calc\(var\(--header-height\)\+50px\)\] {
    scroll-margin-top: calc(var(--header-height) + 50px)
}

.scroll-pl-\[24px\] {
    scroll-padding-left: 24px
}

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

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

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

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

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

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

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

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

.grid-cols-\[repeat\(2\2c 1fr\)\] {
    grid-template-columns: repeat(2, 1fr)
}

.grid-cols-\[repeat\(4\2c _minmax\(80px\2c 1fr\)\)\] {
    grid-template-columns: repeat(4, minmax(80px, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c 180px\)\] {
    grid-template-columns: repeat(auto-fill, 180px)
}

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

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

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.\!flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-row {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row,
.flex-row-reverse {
    -webkit-box-orient: horizontal
}

.flex-row-reverse {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.\!flex-col {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.\!items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.\!justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.\!justify-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.\!justify-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.\!justify-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.\!gap-0 {
    gap: 0 !important
}

.\!gap-2 {
    gap: .5rem !important
}

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[100px\] {
    gap: 100px
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[11px\] {
    gap: 11px
}

.gap-\[120px\] {
    gap: 120px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[18px\] {
    gap: 18px
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[24px\] {
    gap: 24px
}

.gap-\[25px\] {
    gap: 25px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[30px\] {
    gap: 30px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[36px\] {
    gap: 36px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[46px\] {
    gap: 46px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[60px\] {
    gap: 60px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-\[80px\] {
    gap: 80px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-content-2 {
    gap: var(--content-gap-2)
}

.gap-content-2_1 {
    gap: var(--content-gap-2_1)
}

.gap-content-3 {
    gap: var(--content-gap-3)
}

.gap-content-4 {
    gap: var(--content-gap-4)
}

.gap-content-7 {
    gap: var(--content-gap-7)
}

.gap-content-8 {
    gap: var(--content-gap-8)
}

.gap-content-9 {
    gap: var(--content-gap-9)
}

.gap-gutter-1 {
    gap: var(--gutter-gap-1)
}

.gap-x-2 {
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-\[11px\] {
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px
}

.gap-x-\[16px\] {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-\[55px\] {
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px
}

.gap-x-\[6px\] {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.gap-x-\[8px\] {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-x-\[var\(--content-gap-8\)\] {
    -webkit-column-gap: var(--content-gap-8);
    -moz-column-gap: var(--content-gap-8);
    column-gap: var(--content-gap-8)
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-\[12px\] {
    row-gap: 12px
}

.gap-y-\[18px\] {
    row-gap: 18px
}

.gap-y-\[24px\] {
    row-gap: 24px
}

.gap-y-\[8px\] {
    row-gap: 8px
}

.gap-y-\[var\(--content-gap-7\)\] {
    row-gap: var(--content-gap-7)
}

.gap-y-content-4 {
    row-gap: var(--content-gap-4)
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.space-y-\[14px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(14px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(14px * var(--tw-space-y-reverse))
}

.space-y-\[18px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18px * var(--tw-space-y-reverse))
}

.space-y-content-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-1) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-1) * var(--tw-space-y-reverse))
}

.space-y-content-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-2) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-2) * var(--tw-space-y-reverse))
}

.space-y-content-2_1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-2_1) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-2_1) * var(--tw-space-y-reverse))
}

.space-y-content-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-3) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-3) * var(--tw-space-y-reverse))
}

.space-y-content-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
}

.space-y-content-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-7) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-7) * var(--tw-space-y-reverse))
}

.space-y-content-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-8) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-8) * var(--tw-space-y-reverse))
}

.space-y-content-9>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--content-gap-9) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--content-gap-9) * var(--tw-space-y-reverse))
}

.space-y-gutter-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--gutter-gap-1) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--gutter-gap-1) * var(--tw-space-y-reverse))
}

.space-y-section-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--section-gap-1) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--section-gap-1) * var(--tw-space-y-reverse))
}

.space-y-section-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--section-gap-4) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--section-gap-4) * var(--tw-space-y-reverse))
}

.space-y-section-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--section-gap-7) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--section-gap-7) * var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-divide-opacity, 1))
}

.self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scroll-smooth {
    scroll-behavior: smooth
}

.\!truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.hyphens-auto {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-wrap {
    text-wrap: wrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}

.\!rounded-\[0\] {
    border-radius: 0 !important
}

.\!rounded-\[4px\] {
    border-radius: 4px !important
}

.\!rounded-\[5px\] {
    border-radius: 5px !important
}

.\!rounded-none {
    border-radius: 0 !important
}

.\!rounded-sm {
    border-radius: calc(var(--tw-radius) - 4px) !important
}

.\!rounded-xl {
    border-radius: .75rem !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[40px\] {
    border-radius: 40px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[74px\] {
    border-radius: 74px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: var(--tw-radius)
}

.rounded-md {
    border-radius: calc(var(--tw-radius) - 2px)
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: calc(var(--tw-radius) - 4px)
}

.rounded-xl {
    border-radius: .75rem
}

.\!rounded-l-\[0\] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.\!rounded-l-\[2px\] {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.\!rounded-l-\[5px\] {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.\!rounded-r-\[0\] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.\!rounded-r-\[2px\] {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important
}

.\!rounded-r-\[5px\] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.rounded-b {
    border-bottom-right-radius: .25rem
}

.rounded-b,
.rounded-l {
    border-bottom-left-radius: .25rem
}

.rounded-l {
    border-top-left-radius: .25rem
}

.rounded-l-\[4px\] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-l-md {
    border-top-left-radius: calc(var(--tw-radius) - 2px);
    border-bottom-left-radius: calc(var(--tw-radius) - 2px)
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-\[100px\] {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}

.rounded-r-\[4px\] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rounded-r-\[5px\] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.rounded-r-md {
    border-top-right-radius: calc(var(--tw-radius) - 2px);
    border-bottom-right-radius: calc(var(--tw-radius) - 2px)
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-t-\[8px\] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-bl-\[5px\] {
    border-bottom-left-radius: 5px
}

.rounded-br-\[5px\] {
    border-bottom-right-radius: 5px
}

.rounded-br-lg {
    border-bottom-right-radius: var(--tw-radius)
}

.rounded-tl-\[5px\] {
    border-top-left-radius: 5px
}

.rounded-tl-lg {
    border-top-left-radius: var(--tw-radius)
}

.rounded-tr-\[5px\] {
    border-top-right-radius: 5px
}

.\!border-0 {
    border-width: 0 !important
}

.\!border-2 {
    border-width: 2px !important
}

.\!border-\[1\.5px\] {
    border-width: 1.5px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[4px\] {
    border-width: 4px
}

.\!border-b {
    border-bottom-width: 1px !important
}

.\!border-b-\[2px\] {
    border-bottom-width: 2px !important
}

.\!border-l-0 {
    border-left-width: 0 !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-2 {
    border-right-width: 2px
}

.border-r-\[1px\] {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-\[\#333333\],
.\!border-\[\#333\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1)) !important
}

.\!border-\[\#D9D9D9\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1)) !important
}

.\!border-black {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1)) !important
}

.\!border-brand-color {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 174 66/var(--tw-border-opacity, 1)) !important
}

.\!border-grey-10 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1)) !important
}

.\!border-grey-5 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1)) !important
}

.\!border-zinc-500 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(113 113 122/var(--tw-border-opacity, 1)) !important
}

.border-\[\#333\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.border-\[\#4A4949\] {
    --tw-border-opacity: 1;
    border-color: rgb(74 73 73/var(--tw-border-opacity, 1))
}

.border-\[\#4D4C4C\] {
    --tw-border-opacity: 1;
    border-color: rgb(77 76 76/var(--tw-border-opacity, 1))
}

.border-\[\#505050\] {
    --tw-border-opacity: 1;
    border-color: rgb(80 80 80/var(--tw-border-opacity, 1))
}

.border-\[\#7e7e7e\] {
    --tw-border-opacity: 1;
    border-color: rgb(126 126 126/var(--tw-border-opacity, 1))
}

.border-\[\#949494\] {
    --tw-border-opacity: 1;
    border-color: rgb(148 148 148/var(--tw-border-opacity, 1))
}

.border-\[\#9E9E9E\],
.border-\[\#9e9e9e\] {
    --tw-border-opacity: 1;
    border-color: rgb(158 158 158/var(--tw-border-opacity, 1))
}

.border-\[\#ABABAB\] {
    --tw-border-opacity: 1;
    border-color: rgb(171 171 171/var(--tw-border-opacity, 1))
}

.border-\[\#BDBDBD\] {
    --tw-border-opacity: 1;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.border-\[\#C2C2C2\] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1))
}

.border-\[\#D6D6D6\] {
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214/var(--tw-border-opacity, 1))
}

.border-\[\#D9D9D9\] {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.border-\[\#DEDEDE\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222/var(--tw-border-opacity, 1))
}

.border-\[\#E0E0E0\] {
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224/var(--tw-border-opacity, 1))
}

.border-\[\#EEEEEE\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238/var(--tw-border-opacity, 1))
}

.border-\[\#F00036\] {
    --tw-border-opacity: 1;
    border-color: rgb(240 0 54/var(--tw-border-opacity, 1))
}

.border-\[\#FF3D00\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 61 0/var(--tw-border-opacity, 1))
}

.border-\[\#FF6F00\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 111 0/var(--tw-border-opacity, 1))
}

.border-\[\#c2c2c2\] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1))
}

.border-\[\#d9d9d9\] {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.border-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1))
}

.border-\[\#fff\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-\[transparent\] {
    border-color: transparent
}

.border-\[var\(--subscribe-button-color\2c \#333\)\] {
    border-color: var(--subscribe-button-color, #333)
}

.border-bbl-brand-green {
    border-color: var(--bbl-brand-green)
}

.border-bbl-grey-10 {
    border-color: var(--bbl-grey-10)
}

.border-bbl-grey-11 {
    border-color: var(--bbl-grey-11)
}

.border-bbl-grey-3 {
    border-color: var(--bbl-grey-3)
}

.border-bbl-grey-4 {
    border-color: var(--bbl-grey-4)
}

.border-bbl-grey-5 {
    border-color: var(--bbl-grey-5)
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-brand-color {
    --tw-border-opacity: 1;
    border-color: rgb(0 174 66/var(--tw-border-opacity, 1))
}

.border-current {
    border-color: currentColor
}

.border-error-default {
    --tw-border-opacity: 1;
    border-color: rgb(230 0 52/var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-grey-10 {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.border-grey-11 {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 33/var(--tw-border-opacity, 1))
}

.border-grey-2 {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity, 1))
}

.border-grey-3 {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238/var(--tw-border-opacity, 1))
}

.border-grey-4 {
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224/var(--tw-border-opacity, 1))
}

.border-grey-5 {
    --tw-border-opacity: 1;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.border-grey-6 {
    --tw-border-opacity: 1;
    border-color: rgb(158 158 158/var(--tw-border-opacity, 1))
}

.border-grey-7 {
    --tw-border-opacity: 1;
    border-color: rgb(117 117 117/var(--tw-border-opacity, 1))
}

.border-grey-8 {
    --tw-border-opacity: 1;
    border-color: rgb(97 97 97/var(--tw-border-opacity, 1))
}

.border-input {
    border-color: hsl(var(--tw-input))
}

.border-primary {
    border-color: hsl(var(--tw-primary))
}

.border-referral-accent {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 68/var(--tw-border-opacity, 1))
}

.border-referral-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 148 148/var(--tw-border-opacity, 1))
}

.border-referral-primary {
    --tw-border-opacity: 1;
    border-color: rgb(57 57 57/var(--tw-border-opacity, 1))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.border-slate-500 {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-white\/90 {
    border-color: hsla(0, 0%, 100%, .9)
}

.border-b-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(221 221 221/var(--tw-border-opacity, 1))
}

.border-b-grey-4 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(224 224 224/var(--tw-border-opacity, 1))
}

.border-b-transparent {
    border-bottom-color: transparent
}

.border-r-white {
    --tw-border-opacity: 1;
    border-right-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-t-brand-color {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 174 66/var(--tw-border-opacity, 1))
}

.border-t-grey-4 {
    --tw-border-opacity: 1;
    border-top-color: rgb(224 224 224/var(--tw-border-opacity, 1))
}

.border-t-transparent {
    border-top-color: transparent
}

.\!bg-\[\#1c1b1b\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(28 27 27/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#333\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#FF0000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 0/var(--tw-bg-opacity, 1)) !important
}

.\!bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)) !important
}

.\!bg-brand-color {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1)) !important
}

.\!bg-button-dark-grey {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1)) !important
}

.\!bg-grey-3 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 238 238/var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#00AE42\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.bg-\[\#00AE42\]\/20 {
    background-color: rgba(0, 174, 66, .2)
}

.bg-\[\#00CD0A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 205 10/var(--tw-bg-opacity, 1))
}

.bg-\[\#00ae42\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.bg-\[\#09090B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
}

.bg-\[\#0b0b0b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11/var(--tw-bg-opacity, 1))
}

.bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
}

.bg-\[\#1A1A1A\],
.bg-\[\#1a1a1a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1))
}

.bg-\[\#1c1b1b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 27 27/var(--tw-bg-opacity, 1))
}

.bg-\[\#1c1c1c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 28 28/var(--tw-bg-opacity, 1))
}

.bg-\[\#282828\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 40 40/var(--tw-bg-opacity, 1))
}

.bg-\[\#333333\],
.bg-\[\#333\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.bg-\[\#33444E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 68 78/var(--tw-bg-opacity, 1))
}

.bg-\[\#393939\] {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

.bg-\[\#67C23A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(103 194 58/var(--tw-bg-opacity, 1))
}

.bg-\[\#ABABAB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(171 171 171/var(--tw-bg-opacity, 1))
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
}

.bg-\[\#D9F2E9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 242 233/var(--tw-bg-opacity, 1))
}

.bg-\[\#D9F3E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 243 227/var(--tw-bg-opacity, 1))
}

.bg-\[\#DFEBCC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(223 235 204/var(--tw-bg-opacity, 1))
}

.bg-\[\#E0BC00\]\/20 {
    background-color: rgba(224, 188, 0, .2)
}

.bg-\[\#E0E0E0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity, 1))
}

.bg-\[\#E6A23C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 162 60/var(--tw-bg-opacity, 1))
}

.bg-\[\#E7E6FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 230 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#EEEEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
}

.bg-\[\#EFEFEF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239/var(--tw-bg-opacity, 1))
}

.bg-\[\#F00036\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 0 54/var(--tw-bg-opacity, 1))
}

.bg-\[\#F00036\]\/20 {
    background-color: rgba(240, 0, 54, .2)
}

.bg-\[\#F0F0F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.bg-\[\#F5F4F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 244 240/var(--tw-bg-opacity, 1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-\[\#F7F7F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity, 1))
}

.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-\[\#F9F2CC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 242 204/var(--tw-bg-opacity, 1))
}

.bg-\[\#F9FAFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.bg-\[\#FF6F00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 111 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFDFDD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 223 221/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFE2D0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 226 208/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFE9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 233 217/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFEDE1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 225/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFF3EC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 236/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#aaa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(170 170 170/var(--tw-bg-opacity, 1))
}

.bg-\[\#ababab\] {
    --tw-bg-opacity: 1;
    background-color: rgb(171 171 171/var(--tw-bg-opacity, 1))
}

.bg-\[\#c2c2c2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(194 194 194/var(--tw-bg-opacity, 1))
}

.bg-\[\#ccc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204/var(--tw-bg-opacity, 1))
}

.bg-\[\#d2e4c4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(210 228 196/var(--tw-bg-opacity, 1))
}

.bg-\[\#d9d9d9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
}

.bg-\[\#eee\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
}

.bg-\[\#f0f0f0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#f7f7f7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity, 1))
}

.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-\[\#fa0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 0 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#fff3E0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 224/var(--tw-bg-opacity, 1))
}

.bg-\[\#fff\],
.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\2c 0\2c 0\2c \.15\)\] {
    background-color: rgba(0, 0, 0, .15)
}

.bg-\[rgba\(0\2c 0\2c 0\2c \.3\)\] {
    background-color: rgba(0, 0, 0, .3)
}

.bg-\[rgba\(0\2c 174\2c 66\2c 0\.2\)\] {
    background-color: rgba(0, 174, 66, .2)
}

.bg-\[rgba\(255\2c 111\2c 0\2c 0\.2\)\] {
    background-color: rgba(255, 111, 0, .2)
}

.bg-\[transparent\] {
    background-color: transparent
}

.bg-\[var\(--card-bg-color\2c \#f5f5f5\)\] {
    background-color: var(--card-bg-color, #f5f5f5)
}

.bg-\[var\(--countdown-bg\2c \#333\)\] {
    background-color: var(--countdown-bg, #333)
}

.bg-\[var\(--countdown-bg-color\2c \#FFEEBD\)\] {
    background-color: var(--countdown-bg-color, #ffeebd)
}

.bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
    background-color: var(--notice-bg, #ffba41)
}

.bg-\[var\(--session-bar-bg\2c \#FFF9E7\)\] {
    background-color: var(--session-bar-bg, #fff9e7)
}

.bg-accent {
    background-color: hsl(var(--tw-accent))
}

.bg-accent-green {
    --tw-bg-opacity: 1;
    background-color: rgb(165 249 96/var(--tw-bg-opacity, 1))
}

.bg-background {
    background-color: hsl(var(--tw-background))
}

.bg-bbl-accent-color {
    background-color: var(--bbl-accent-color)
}

.bg-bbl-black {
    background-color: var(--bbl-black)
}

.bg-bbl-brand-green {
    background-color: var(--bbl-brand-green)
}

.bg-bbl-brand-green-hover {
    background-color: var(--bbl-brand-green-hover)
}

.bg-bbl-cobalt-violet {
    background-color: var(--bbl-cobalt-violet)
}

.bg-bbl-cool-blue-gray {
    background-color: var(--bbl-cool-blue-gray)
}

.bg-bbl-creative-magenta {
    background-color: var(--bbl-creative-magenta)
}

.bg-bbl-dark-gold {
    background-color: var(--bbl-dark-gold)
}

.bg-bbl-disable-color {
    background-color: var(--bbl-disable-color)
}

.bg-bbl-dynamic-orange {
    background-color: var(--bbl-dynamic-orange)
}

.bg-bbl-energetic-orange {
    background-color: var(--bbl-energetic-orange)
}

.bg-bbl-error-color {
    background-color: var(--bbl-error-color)
}

.bg-bbl-green {
    background-color: var(--bbl-green)
}

.bg-bbl-grey-1 {
    background-color: var(--bbl-grey-1)
}

.bg-bbl-grey-10 {
    background-color: var(--bbl-grey-10)
}

.bg-bbl-grey-11 {
    background-color: var(--bbl-grey-11)
}

.bg-bbl-grey-12 {
    background-color: var(--bbl-grey-12)
}

.bg-bbl-grey-13 {
    background-color: var(--bbl-grey-13)
}

.bg-bbl-grey-14 {
    background-color: var(--bbl-grey-14)
}

.bg-bbl-grey-2 {
    background-color: var(--bbl-grey-2)
}

.bg-bbl-grey-3 {
    background-color: var(--bbl-grey-3)
}

.bg-bbl-grey-4 {
    background-color: var(--bbl-grey-4)
}

.bg-bbl-grey-5 {
    background-color: var(--bbl-grey-5)
}

.bg-bbl-grey-6 {
    background-color: var(--bbl-grey-6)
}

.bg-bbl-grey-7 {
    background-color: var(--bbl-grey-7)
}

.bg-bbl-grey-8 {
    background-color: var(--bbl-grey-8)
}

.bg-bbl-grey-9 {
    background-color: var(--bbl-grey-9)
}

.bg-bbl-noble-purple {
    background-color: var(--bbl-noble-purple)
}

.bg-bbl-opacity-1 {
    background-color: var(--bbl-opacity-1)
}

.bg-bbl-opacity-2 {
    background-color: var(--bbl-opacity-2)
}

.bg-bbl-opacity-3 {
    background-color: var(--bbl-opacity-3)
}

.bg-bbl-opacity-4 {
    background-color: var(--bbl-opacity-4)
}

.bg-bbl-opacity-5 {
    background-color: var(--bbl-opacity-5)
}

.bg-bbl-opacity-6 {
    background-color: var(--bbl-opacity-6)
}

.bg-bbl-opacity-7 {
    background-color: var(--bbl-opacity-7)
}

.bg-bbl-opacity-8 {
    background-color: var(--bbl-opacity-8)
}

.bg-bbl-opacity-9 {
    background-color: var(--bbl-opacity-9)
}

.bg-bbl-reliable-blue {
    background-color: var(--bbl-reliable-blue)
}

.bg-bbl-trendy-pink {
    background-color: var(--bbl-trendy-pink)
}

.bg-bbl-warning-color {
    background-color: var(--bbl-warning-color)
}

.bg-bbl-white {
    background-color: var(--bbl-white)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/20 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-black\/40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-border {
    background-color: hsl(var(--tw-border))
}

.bg-brand-color {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.bg-brand-color\/10 {
    background-color: rgba(0, 174, 66, .1)
}

.bg-button-brand-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.bg-button-dark-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.bg-button-dark-grey-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
}

.bg-button-disable-color {
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158/var(--tw-bg-opacity, 1))
}

.bg-button-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-button-light-grey-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-button-strongly-guide {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.bg-card {
    background-color: hsl(var(--tw-card))
}

.bg-current {
    background-color: currentColor
}

.bg-destructive {
    background-color: hsl(var(--tw-destructive))
}

.bg-error-default {
    --tw-bg-opacity: 1;
    background-color: rgb(230 0 52/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-grey-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.bg-grey-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.bg-grey-10\/80 {
    background-color: rgba(51, 51, 51, .8)
}

.bg-grey-11 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
}

.bg-grey-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-grey-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238/var(--tw-bg-opacity, 1))
}

.bg-grey-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity, 1))
}

.bg-grey-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(189 189 189/var(--tw-bg-opacity, 1))
}

.bg-grey-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158/var(--tw-bg-opacity, 1))
}

.bg-grey-7 {
    --tw-bg-opacity: 1;
    background-color: rgb(117 117 117/var(--tw-bg-opacity, 1))
}

.bg-grey-8 {
    --tw-bg-opacity: 1;
    background-color: rgb(97 97 97/var(--tw-bg-opacity, 1))
}

.bg-grey-9 {
    --tw-bg-opacity: 1;
    background-color: rgb(66 66 66/var(--tw-bg-opacity, 1))
}

.bg-inherit {
    background-color: inherit
}

.bg-muted {
    background-color: hsl(var(--tw-muted))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213/var(--tw-bg-opacity, 1))
}

.bg-popover {
    background-color: hsl(var(--tw-popover))
}

.bg-primary {
    background-color: hsl(var(--tw-primary))
}

.bg-referral-accent {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 68/var(--tw-bg-opacity, 1))
}

.bg-referral-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(57 57 57/var(--tw-bg-opacity, 1))
}

.bg-referral-primary\/80 {
    background-color: rgba(57, 57, 57, .8)
}

.bg-secondary {
    background-color: hsl(var(--tw-secondary))
}

.bg-text-dark-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.bg-text-light-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-theme-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-theme-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-warning-default {
    --tw-bg-opacity: 1;
    background-color: rgb(255 111 0/var(--tw-bg-opacity, 1))
}

.bg-warning-default\/10 {
    background-color: rgba(255, 111, 0, .1)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.\!bg-gradient-to-b {
    background-image: -webkit-linear-gradient(top, var(--tw-gradient-stops)) !important;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important
}

.bg-\[linear-gradient\(180deg\2c _\#FF8A00_0\%\2c _\#F56402_57\.42\%\2c _\#E62704_128\.36\%\)\] {
    background-image: -webkit-linear-gradient(top, #ff8a00, #f56402 57.42%, #e62704 128.36%);
    background-image: linear-gradient(180deg, #ff8a00, #f56402 57.42%, #e62704 128.36%)
}

.bg-\[linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c \#FFFFFF_50\.48\%\2c rgba\(255\2c 255\2c 255\2c 0\)_100\%\)\] {
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 50.48%, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50.48%, hsla(0, 0%, 100%, 0))
}

.bg-\[url\(\'\/\/store\.bblcdn\.com\/s1\/default\/c51dd219e11d4137a962519fb183b223\/mobile-size\.png\'\)\] {
    background-image: url(//store.bblcdn.com/s1/default/c51dd219e11d4137a962519fb183b223/mobile-size.png)
}

.bg-gradient-to-b {
    background-image: -webkit-linear-gradient(top, var(--tw-gradient-stops));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.\!from-\[\#FF8A00\] {
    --tw-gradient-from: #ff8a00 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(255, 138, 0, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.from-\[\#292929\] {
    --tw-gradient-from: #292929 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(41, 41, 41, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FED96D\] {
    --tw-gradient-from: #fed96d var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(45, 99%, 71%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FF8A00\] {
    --tw-gradient-from: #ff8a00 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 138, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgb\(255\2c 248\2c 234\)\] {
    --tw-gradient-from: #fff8ea var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 248, 234, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.\!via-\[\#F56402\] {
    --tw-gradient-to: rgba(245, 100, 2, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #f56402 var(--tw-gradient-via-position), var(--tw-gradient-to) !important
}

.via-\[\#F56402\] {
    --tw-gradient-to: rgba(245, 100, 2, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f56402 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.\!to-\[\#E62704\] {
    --tw-gradient-to: #e62704 var(--tw-gradient-to-position) !important
}

.to-\[\#141414\] {
    --tw-gradient-to: #141414 var(--tw-gradient-to-position)
}

.to-\[\#DCA33A\] {
    --tw-gradient-to: #dca33a var(--tw-gradient-to-position)
}

.to-\[\#E62704\] {
    --tw-gradient-to: #e62704 var(--tw-gradient-to-position)
}

.to-\[\#fff\] {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.\!bg-cover {
    background-size: cover !important
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-bbl-grey-4 {
    fill: var(--bbl-grey-4)
}

.fill-bbl-grey-6 {
    fill: var(--bbl-grey-6)
}

.fill-bbl-grey-7 {
    fill: var(--bbl-grey-7)
}

.fill-current {
    fill: currentColor
}

.fill-none {
    fill: none
}

.stroke-\[\#00B244\] {
    stroke: #00b244
}

.stroke-\[\#676767\] {
    stroke: #676767
}

.stroke-grey-2 {
    stroke: #f5f5f5
}

.stroke-grey-6 {
    stroke: #9e9e9e
}

.stroke-2 {
    stroke-width: 2
}

.stroke-\[3px\] {
    stroke-width: 3px
}

.\!object-contain {
    object-fit: contain !important
}

.object-contain {
    object-fit: contain
}

.\!object-cover {
    object-fit: cover !important
}

.object-cover {
    object-fit: cover
}

.\!object-center {
    object-position: center !important
}

.object-center {
    object-position: center
}

.object-top {
    object-position: top
}

.\!p-0 {
    padding: 0 !important
}

.\!p-2 {
    padding: .5rem !important
}

.\!p-5 {
    padding: 1.25rem !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[10px_18px\] {
    padding: 10px 18px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[14px\] {
    padding: 14px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[18px\] {
    padding: 18px
}

.p-\[1px\] {
    padding: 1px
}

.p-\[20px\] {
    padding: 20px
}

.p-\[24px\] {
    padding: 24px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[30px\] {
    padding: 30px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[6px\] {
    padding: 6px
}

.p-\[8px\] {
    padding: 8px
}

.p-content-6 {
    padding: var(--content-gap-6)
}

.\!px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.\!px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important
}

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

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[1\.4px\] {
    padding-left: 1.4px;
    padding-right: 1.4px
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[17px\] {
    padding-left: 17px;
    padding-right: 17px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[26px\] {
    padding-left: 26px;
    padding-right: 26px
}

.px-\[27px\] {
    padding-left: 27px;
    padding-right: 27px
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px
}

.px-\[48px\] {
    padding-left: 48px;
    padding-right: 48px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[80px\] {
    padding-left: 80px;
    padding-right: 80px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.px-button-l-r {
    padding-left: var(--button-gap-l-r);
    padding-right: var(--button-gap-l-r)
}

.px-content-3 {
    padding-left: var(--content-gap-3);
    padding-right: var(--content-gap-3)
}

.px-content-5 {
    padding-left: var(--content-gap-5);
    padding-right: var(--content-gap-5)
}

.px-content-7 {
    padding-left: var(--content-gap-7);
    padding-right: var(--content-gap-7)
}

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

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 0
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[168px\] {
    padding-top: 168px;
    padding-bottom: 168px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[17px\] {
    padding-top: 17px;
    padding-bottom: 17px
}

.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-\[32px\] {
    padding-top: 32px;
    padding-bottom: 32px
}

.py-\[36px\] {
    padding-top: 36px;
    padding-bottom: 36px
}

.py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[90px\] {
    padding-top: 90px;
    padding-bottom: 90px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.py-button-t-b {
    padding-top: var(--button-gap-t-b);
    padding-bottom: var(--button-gap-t-b)
}

.py-content-1 {
    padding-top: var(--content-gap-1);
    padding-bottom: var(--content-gap-1)
}

.py-content-4 {
    padding-top: var(--content-gap-4);
    padding-bottom: var(--content-gap-4)
}

.py-content-7 {
    padding-top: var(--content-gap-7);
    padding-bottom: var(--content-gap-7)
}

.py-content-8 {
    padding-top: var(--content-gap-8);
    padding-bottom: var(--content-gap-8)
}

.\!pb-0 {
    padding-bottom: 0 !important
}

.\!pb-8 {
    padding-bottom: 2rem !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[116px\] {
    padding-bottom: 116px
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[140px\] {
    padding-bottom: 140px
}

.pb-\[14px\] {
    padding-bottom: 14px
}

.pb-\[160px\] {
    padding-bottom: 160px
}

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[240px\] {
    padding-bottom: 240px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[2px\] {
    padding-bottom: 2px
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[48px\] {
    padding-bottom: 48px
}

.pb-\[4px\] {
    padding-bottom: 4px
}

.pb-\[50px\] {
    padding-bottom: 50px
}

.pb-\[60px\] {
    padding-bottom: 60px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

.pb-\[80px\] {
    padding-bottom: 80px
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pb-\[var\(--content-gap-3\)\],
.pb-content-3 {
    padding-bottom: var(--content-gap-3)
}

.pb-content-9 {
    padding-bottom: var(--content-gap-9)
}

.pb-section-5 {
    padding-bottom: var(--section-gap-5)
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[15px\] {
    padding-left: 15px
}

.pl-\[16px\] {
    padding-left: 16px
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[24px\] {
    padding-left: 24px
}

.pl-\[2px\] {
    padding-left: 2px
}

.pl-\[32px\] {
    padding-left: 32px
}

.pl-\[4px\] {
    padding-left: 4px
}

.pl-\[5px\] {
    padding-left: 5px
}

.pl-\[8px\] {
    padding-left: 8px
}

.pr-0 {
    padding-right: 0
}

.pr-11 {
    padding-right: 2.75rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-\[106px\] {
    padding-right: 106px
}

.pr-\[140px\] {
    padding-right: 140px
}

.pr-\[150px\] {
    padding-right: 150px
}

.pr-\[16px\] {
    padding-right: 16px
}

.pr-\[18px\] {
    padding-right: 18px
}

.pr-\[20px\] {
    padding-right: 20px
}

.pr-\[24px\] {
    padding-right: 24px
}

.pr-\[2px\] {
    padding-right: 2px
}

.pr-\[30px\] {
    padding-right: 30px
}

.pr-\[35px\] {
    padding-right: 35px
}

.pr-\[36px\] {
    padding-right: 36px
}

.pr-\[40px\] {
    padding-right: 40px
}

.pr-\[4px\] {
    padding-right: 4px
}

.pr-\[55px\] {
    padding-right: 55px
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[14px\] {
    padding-top: 14px
}

.pt-\[18px\] {
    padding-top: 18px
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[24px\] {
    padding-top: 24px
}

.pt-\[3\.59px\] {
    padding-top: 3.59px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[32px\] {
    padding-top: 32px
}

.pt-\[34px\] {
    padding-top: 34px
}

.pt-\[40px\] {
    padding-top: 40px
}

.pt-\[48px\] {
    padding-top: 48px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-\[5px\] {
    padding-top: 5px
}

.pt-\[6px\] {
    padding-top: 6px
}

.pt-\[80px\] {
    padding-top: 80px
}

.pt-\[8px\] {
    padding-top: 8px
}

.pt-content-3 {
    padding-top: var(--content-gap-3)
}

.pt-section-1 {
    padding-top: var(--section-gap-1)
}

.\!text-left {
    text-align: left !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-baseline {
    vertical-align: baseline
}

.align-middle {
    vertical-align: middle
}

.align-text-bottom {
    vertical-align: text-bottom
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.\!text-12 {
    font-size: 12px !important
}

.\!text-14 {
    font-size: 14px !important
}

.\!text-16 {
    font-size: 16px !important
}

.\!text-24 {
    font-size: 24px !important
}

.\!text-\[12px\] {
    font-size: 12px !important
}

.\!text-\[13px\] {
    font-size: 13px !important
}

.\!text-\[14px\] {
    font-size: 14px !important
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.\!text-\[20px\] {
    font-size: 20px !important
}

.\!text-\[26px\] {
    font-size: 26px !important
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-12 {
    font-size: 12px
}

.text-14 {
    font-size: 14px
}

.text-16 {
    font-size: 16px
}

.text-18 {
    font-size: 18px
}

.text-20 {
    font-size: 20px
}

.text-22 {
    font-size: 22px
}

.text-24 {
    font-size: 24px
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[17px\] {
    font-size: 17px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-bold {
    font-weight: 700 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.font-\[14px\] {
    font-weight: 14px
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\] {
    font-weight: 700
}

.font-\[800\] {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.\!leading-\[1\.1\] {
    line-height: 1.1 !important
}

.\!leading-\[1\.2\] {
    line-height: 1.2 !important
}

.\!leading-\[1\.4\] {
    line-height: 1.4 !important
}

.\!leading-\[1\.5\] {
    line-height: 1.5 !important
}

.\!leading-\[100\%\] {
    line-height: 100% !important
}

.leading-1\.2 {
    line-height: 120%
}

.leading-1\.3 {
    line-height: 130%
}

.leading-1\.4 {
    line-height: 140%
}

.leading-1\.5 {
    line-height: 150%
}

.leading-4 {
    line-height: 1rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[1\.1\] {
    line-height: 1.1
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[1\.4\] {
    line-height: 1.4
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.8\] {
    line-height: 1.8
}

.leading-\[115\%\] {
    line-height: 115%
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[19\.6px\] {
    line-height: 19.6px
}

.leading-\[19px\] {
    line-height: 19px
}

.leading-\[1\] {
    line-height: 1
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[21px\] {
    line-height: 21px
}

.leading-\[22\.67px\] {
    line-height: 22.67px
}

.leading-\[23px\] {
    line-height: 23px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26\.4px\] {
    line-height: 26.4px
}

.leading-\[260px\] {
    line-height: 260px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[46px\] {
    line-height: 46px
}

.leading-\[560px\] {
    line-height: 560px
}

.leading-\[60px\] {
    line-height: 60px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.2em\] {
    letter-spacing: .2em
}

.tracking-\[0\] {
    letter-spacing: 0
}

.tracking-\[1px\] {
    letter-spacing: 1px
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-\[\#00AE42\] {
    --tw-text-opacity: 1 !important;
    color: rgb(0 174 66/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#1A1A1A\] {
    --tw-text-opacity: 1 !important;
    color: rgb(26 26 26/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#1C1B1B\] {
    --tw-text-opacity: 1 !important;
    color: rgb(28 27 27/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#B8B8B8\] {
    --tw-text-opacity: 1 !important;
    color: rgb(184 184 184/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#F00\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 0 0/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#F56402\] {
    --tw-text-opacity: 1 !important;
    color: rgb(245 100 2/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#F60\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 102 0/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#FF3D00\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 61 0/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#FF3E3E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 62 62/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#FF6F00\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 111 0/var(--tw-text-opacity, 1)) !important
}

.\!text-\[\#FFEAEC\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 234 236/var(--tw-text-opacity, 1)) !important
}

.\!text-\[var\(--coupon-text-color\2c \#333333\)\] {
    color: var(--coupon-text-color, #333) !important
}

.\!text-\[var\(--session-text-color-active\2c \#EAA000\)\] {
    color: var(--session-text-color-active, #eaa000) !important
}

.\!text-bbl-grey-11 {
    color: var(--bbl-grey-11) !important
}

.\!text-black {
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.\!text-black,
.\!text-grey-5 {
    --tw-text-opacity: 1 !important
}

.\!text-grey-5 {
    color: rgb(189 189 189/var(--tw-text-opacity, 1)) !important
}

.\!text-inherit {
    color: inherit !important
}

.\!text-text-light-grey {
    --tw-text-opacity: 1 !important;
    color: rgb(245 245 245/var(--tw-text-opacity, 1)) !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#000000\],
.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#00AE42\] {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.text-\[\#00B244\] {
    --tw-text-opacity: 1;
    color: rgb(0 178 68/var(--tw-text-opacity, 1))
}

.text-\[\#00CD0A\] {
    --tw-text-opacity: 1;
    color: rgb(0 205 10/var(--tw-text-opacity, 1))
}

.text-\[\#00ae42\] {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.text-\[\#1C1B1B\] {
    --tw-text-opacity: 1;
    color: rgb(28 27 27/var(--tw-text-opacity, 1))
}

.text-\[\#1a1a1a\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.text-\[\#1c1b1b\] {
    --tw-text-opacity: 1;
    color: rgb(28 27 27/var(--tw-text-opacity, 1))
}

.text-\[\#307a07\] {
    --tw-text-opacity: 1;
    color: rgb(48 122 7/var(--tw-text-opacity, 1))
}

.text-\[\#333333\],
.text-\[\#333\] {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-\[\#393939\] {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity, 1))
}

.text-\[\#573B00\] {
    --tw-text-opacity: 1;
    color: rgb(87 59 0/var(--tw-text-opacity, 1))
}

.text-\[\#619900\] {
    --tw-text-opacity: 1;
    color: rgb(97 153 0/var(--tw-text-opacity, 1))
}

.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-\[\#676767\] {
    --tw-text-opacity: 1;
    color: rgb(103 103 103/var(--tw-text-opacity, 1))
}

.text-\[\#6A6A6A\],
.text-\[\#6a6a6a\] {
    --tw-text-opacity: 1;
    color: rgb(106 106 106/var(--tw-text-opacity, 1))
}

.text-\[\#757575\] {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity, 1))
}

.text-\[\#7E7E7E\],
.text-\[\#7e7e7e\] {
    --tw-text-opacity: 1;
    color: rgb(126 126 126/var(--tw-text-opacity, 1))
}

.text-\[\#858585\] {
    --tw-text-opacity: 1;
    color: rgb(133 133 133/var(--tw-text-opacity, 1))
}

.text-\[\#85E835\] {
    --tw-text-opacity: 1;
    color: rgb(133 232 53/var(--tw-text-opacity, 1))
}

.text-\[\#864300\] {
    --tw-text-opacity: 1;
    color: rgb(134 67 0/var(--tw-text-opacity, 1))
}

.text-\[\#8980FF\] {
    --tw-text-opacity: 1;
    color: rgb(137 128 255/var(--tw-text-opacity, 1))
}

.text-\[\#949494\] {
    --tw-text-opacity: 1;
    color: rgb(148 148 148/var(--tw-text-opacity, 1))
}

.text-\[\#999\] {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1))
}

.text-\[\#9E9E9E\] {
    --tw-text-opacity: 1;
    color: rgb(158 158 158/var(--tw-text-opacity, 1))
}

.text-\[\#ABABAB\] {
    --tw-text-opacity: 1;
    color: rgb(171 171 171/var(--tw-text-opacity, 1))
}

.text-\[\#B8B8B8\] {
    --tw-text-opacity: 1;
    color: rgb(184 184 184/var(--tw-text-opacity, 1))
}

.text-\[\#BDBDBD\] {
    --tw-text-opacity: 1;
    color: rgb(189 189 189/var(--tw-text-opacity, 1))
}

.text-\[\#CC9900\] {
    --tw-text-opacity: 1;
    color: rgb(204 153 0/var(--tw-text-opacity, 1))
}

.text-\[\#D9D9D9\] {
    --tw-text-opacity: 1;
    color: rgb(217 217 217/var(--tw-text-opacity, 1))
}

.text-\[\#E0E0E0\] {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity, 1))
}

.text-\[\#E60034\] {
    --tw-text-opacity: 1;
    color: rgb(230 0 52/var(--tw-text-opacity, 1))
}

.text-\[\#E8A52F\] {
    --tw-text-opacity: 1;
    color: rgb(232 165 47/var(--tw-text-opacity, 1))
}

.text-\[\#F00036\] {
    --tw-text-opacity: 1;
    color: rgb(240 0 54/var(--tw-text-opacity, 1))
}

.text-\[\#F0F0F0\] {
    --tw-text-opacity: 1;
    color: rgb(240 240 240/var(--tw-text-opacity, 1))
}

.text-\[\#F5F5F5\] {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.text-\[\#F98101\] {
    --tw-text-opacity: 1;
    color: rgb(249 129 1/var(--tw-text-opacity, 1))
}

.text-\[\#FA6D00\] {
    --tw-text-opacity: 1;
    color: rgb(250 109 0/var(--tw-text-opacity, 1))
}

.text-\[\#FF0000\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#FF3D00\] {
    --tw-text-opacity: 1;
    color: rgb(255 61 0/var(--tw-text-opacity, 1))
}

.text-\[\#FF3E3E\] {
    --tw-text-opacity: 1;
    color: rgb(255 62 62/var(--tw-text-opacity, 1))
}

.text-\[\#FF6F00\] {
    --tw-text-opacity: 1;
    color: rgb(255 111 0/var(--tw-text-opacity, 1))
}

.text-\[\#FFBA41\] {
    --tw-text-opacity: 1;
    color: rgb(255 186 65/var(--tw-text-opacity, 1))
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-\[\#ababab\] {
    --tw-text-opacity: 1;
    color: rgb(171 171 171/var(--tw-text-opacity, 1))
}

.text-\[\#d9d9d9\] {
    --tw-text-opacity: 1;
    color: rgb(217 217 217/var(--tw-text-opacity, 1))
}

.text-\[\#dd1d1d\] {
    --tw-text-opacity: 1;
    color: rgb(221 29 29/var(--tw-text-opacity, 1))
}

.text-\[\#ddd\] {
    --tw-text-opacity: 1;
    color: rgb(221 221 221/var(--tw-text-opacity, 1))
}

.text-\[\#f5f5f5\] {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.text-\[\#fafafa\] {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity, 1))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-\[var\(--active-color\2c \#FF3D00\)\] {
    color: var(--active-color, #ff3d00)
}

.text-\[var\(--countdown-text-color\2c \#333\)\] {
    color: var(--countdown-text-color, #333)
}

.text-\[var\(--countdown-text-color\2c \#fff\)\] {
    color: var(--countdown-text-color, #fff)
}

.text-\[var\(--coupon-text-color\2c \#333333\)\] {
    color: var(--coupon-text-color, #333)
}

.text-\[var\(--flash-sale-price-color\2c \#FF3D00\)\] {
    color: var(--flash-sale-price-color, #ff3d00)
}

.text-\[var\(--notice-color\2c \#573B00\)\] {
    color: var(--notice-color, #573b00)
}

.text-\[var\(--original-price-color\2c \#9E9E9E\)\] {
    color: var(--original-price-color, #9e9e9e)
}

.text-\[var\(--session-text-color\2c \#757575\)\] {
    color: var(--session-text-color, #757575)
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.text-bbl-accent-color {
    color: var(--bbl-accent-color)
}

.text-bbl-black {
    color: var(--bbl-black)
}

.text-bbl-brand-green {
    color: var(--bbl-brand-green)
}

.text-bbl-brand-green-hover {
    color: var(--bbl-brand-green-hover)
}

.text-bbl-cobalt-violet {
    color: var(--bbl-cobalt-violet)
}

.text-bbl-cool-blue-gray {
    color: var(--bbl-cool-blue-gray)
}

.text-bbl-creative-magenta {
    color: var(--bbl-creative-magenta)
}

.text-bbl-dark-gold {
    color: var(--bbl-dark-gold)
}

.text-bbl-disable-color {
    color: var(--bbl-disable-color)
}

.text-bbl-dynamic-orange {
    color: var(--bbl-dynamic-orange)
}

.text-bbl-energetic-orange {
    color: var(--bbl-energetic-orange)
}

.text-bbl-error-color {
    color: var(--bbl-error-color)
}

.text-bbl-green {
    color: var(--bbl-green)
}

.text-bbl-grey-1 {
    color: var(--bbl-grey-1)
}

.text-bbl-grey-10 {
    color: var(--bbl-grey-10)
}

.text-bbl-grey-11 {
    color: var(--bbl-grey-11)
}

.text-bbl-grey-12 {
    color: var(--bbl-grey-12)
}

.text-bbl-grey-13 {
    color: var(--bbl-grey-13)
}

.text-bbl-grey-14 {
    color: var(--bbl-grey-14)
}

.text-bbl-grey-2 {
    color: var(--bbl-grey-2)
}

.text-bbl-grey-3 {
    color: var(--bbl-grey-3)
}

.text-bbl-grey-4 {
    color: var(--bbl-grey-4)
}

.text-bbl-grey-5 {
    color: var(--bbl-grey-5)
}

.text-bbl-grey-6 {
    color: var(--bbl-grey-6)
}

.text-bbl-grey-7 {
    color: var(--bbl-grey-7)
}

.text-bbl-grey-8 {
    color: var(--bbl-grey-8)
}

.text-bbl-grey-9 {
    color: var(--bbl-grey-9)
}

.text-bbl-noble-purple {
    color: var(--bbl-noble-purple)
}

.text-bbl-opacity-1 {
    color: var(--bbl-opacity-1)
}

.text-bbl-opacity-2 {
    color: var(--bbl-opacity-2)
}

.text-bbl-opacity-3 {
    color: var(--bbl-opacity-3)
}

.text-bbl-opacity-4 {
    color: var(--bbl-opacity-4)
}

.text-bbl-opacity-5 {
    color: var(--bbl-opacity-5)
}

.text-bbl-opacity-6 {
    color: var(--bbl-opacity-6)
}

.text-bbl-opacity-7 {
    color: var(--bbl-opacity-7)
}

.text-bbl-opacity-8 {
    color: var(--bbl-opacity-8)
}

.text-bbl-opacity-9 {
    color: var(--bbl-opacity-9)
}

.text-bbl-reliable-blue {
    color: var(--bbl-reliable-blue)
}

.text-bbl-trendy-pink {
    color: var(--bbl-trendy-pink)
}

.text-bbl-warning-color {
    color: var(--bbl-warning-color)
}

.text-bbl-white {
    color: var(--bbl-white)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-brand-color {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.text-button-dark-grey {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-button-light-grey {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-card-foreground {
    color: hsl(var(--tw-card-foreground))
}

.text-current {
    color: currentColor
}

.text-destructive {
    color: hsl(var(--tw-destructive))
}

.text-destructive-foreground {
    color: hsl(var(--tw-destructive-foreground))
}

.text-error-default {
    --tw-text-opacity: 1;
    color: rgb(230 0 52/var(--tw-text-opacity, 1))
}

.text-foreground {
    color: hsl(var(--tw-foreground))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-grey-1 {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity, 1))
}

.text-grey-10 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-grey-11 {
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity, 1))
}

.text-grey-2 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.text-grey-4 {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity, 1))
}

.text-grey-6 {
    --tw-text-opacity: 1;
    color: rgb(158 158 158/var(--tw-text-opacity, 1))
}

.text-grey-7 {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity, 1))
}

.text-grey-8 {
    --tw-text-opacity: 1;
    color: rgb(97 97 97/var(--tw-text-opacity, 1))
}

.text-grey-9 {
    --tw-text-opacity: 1;
    color: rgb(66 66 66/var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-muted-foreground {
    color: hsl(var(--tw-muted-foreground))
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12/var(--tw-text-opacity, 1))
}

.text-popover-foreground {
    color: hsl(var(--tw-popover-foreground))
}

.text-primary {
    color: hsl(var(--tw-primary))
}

.text-primary-foreground {
    color: hsl(var(--tw-primary-foreground))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-referral-accent {
    --tw-text-opacity: 1;
    color: rgb(0 178 68/var(--tw-text-opacity, 1))
}

.text-referral-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(148 148 148/var(--tw-text-opacity, 1))
}

.text-referral-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-referral-primary {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity, 1))
}

.text-referral-secondary {
    --tw-text-opacity: 1;
    color: rgb(103 103 103/var(--tw-text-opacity, 1))
}

.text-referral-text-dark {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity, 1))
}

.text-referral-text-light {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.text-secondary-foreground {
    color: hsl(var(--tw-secondary-foreground))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.text-text-dark-grey {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-theme-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-theme-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

.text-warning-default {
    --tw-text-opacity: 1;
    color: rgb(255 111 0/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/90 {
    color: hsla(0, 0%, 100%, .9)
}

.underline {
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.line-through {
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.no-underline {
    -moz-text-decoration-line: none;
    text-decoration-line: none
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-grey-7::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 117 117/var(--tw-placeholder-opacity, 1))
}

.placeholder-grey-7::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 117 117/var(--tw-placeholder-opacity, 1))
}

.placeholder-grey-7:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 117 117/var(--tw-placeholder-opacity, 1))
}

.placeholder-grey-7::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(117 117 117/var(--tw-placeholder-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-\[\.2\] {
    opacity: .2
}

.opacity-\[\.3\] {
    opacity: .3
}

.opacity-\[0\.5\] {
    opacity: .5
}

.shadow-\[0_-2px_4px_rgba\(143\2c 143\2c 143\2c 0\.15\)\] {
    --tw-shadow: 0 -2px 4px hsla(0, 0%, 56%, .15);
    --tw-shadow-colored: 0 -2px 4px var(--tw-shadow-color)
}

.shadow-\[0_-2px_4px_rgba\(143\2c 143\2c 143\2c 0\.15\)\],
.shadow-\[0_0_0_2px_\#fff\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_2px_\#fff\] {
    --tw-shadow: 0 0 0 2px #fff;
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color)
}

.shadow-\[0_1px_1px_-0\.5px_\#0000001A\] {
    --tw-shadow: 0 1px 1px -0.5px #0000001a;
    --tw-shadow-colored: 0 1px 1px -0.5px var(--tw-shadow-color)
}

.shadow-\[0_1px_1px_-0\.5px_\#0000001A\],
.shadow-\[0px_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_-1px_2px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0px -1px 2px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 0px -1px 2px var(--tw-shadow-color)
}

.shadow-\[0px_0px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 0px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_3px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 3px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[2px_2px_10px_0px_\#57575740_inset\] {
    --tw-shadow: 2px 2px 10px 0px #57575740 inset;
    --tw-shadow-colored: inset 2px 2px 10px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[2px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 2px 2px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0px_2px_2px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
    --tw-shadow: inset 0px 2px 2px rgba(0, 0, 0, .25);
    --tw-shadow-colored: inset 0px 2px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_6px_6px_12\.9px_0px_rgba\(87\2c 87\2c 87\2c 0\.25\)\] {
    --tw-shadow: inset 6px 6px 12.9px 0px rgba(87, 87, 87, .25);
    --tw-shadow-colored: inset 6px 6px 12.9px 0px var(--tw-shadow-color)
}

.shadow-\[inset_6px_6px_12\.9px_0px_rgba\(87\2c 87\2c 87\2c 0\.25\)\],
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-\[1px\] {
    outline-width: 1px
}

.outline-\[\#E0E0E0\] {
    outline-color: #e0e0e0
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--tw-background))
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow-sm {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, .05))
}

.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

.\!transition-none {
    -webkit-transition-property: none !important;
    transition-property: none !important
}

.transition {
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, backdrop-filter, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -moz-text-decoration-color, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-\[width\] {
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-colors {
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -moz-text-decoration-color;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-shadow {
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.delay-300 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.\!duration-300 {
    -webkit-transition-duration: .3s !important;
    transition-duration: .3s !important
}

.duration-100 {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.duration-150 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.duration-200 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.duration-300 {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.duration-500 {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.\!ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-in {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@-webkit-keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        -webkit-transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        -webkit-transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@-webkit-keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        -webkit-transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        -webkit-transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.animate-in {
    -webkit-animation-name: enter;
    animation-name: enter;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.fade-in-0 {
    --tw-enter-opacity: 0
}

.zoom-in-95 {
    --tw-enter-scale: .95
}

.\!duration-300 {
    -webkit-animation-duration: .3s !important;
    animation-duration: .3s !important
}

.duration-100 {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.duration-150 {
    -webkit-animation-duration: .15s;
    animation-duration: .15s
}

.duration-200 {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.duration-300 {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.duration-500 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.delay-300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.\!ease-in-out {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-in {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ease-out {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.headline-1 {
    font-size: 54px;
    font-weight: 700;
    line-height: 110%
}

@media (min-width:768px) {
    .headline-1 {
        font-size: 100px
    }
}

.headline-2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 110%
}

@media (min-width:768px) {
    .headline-2 {
        font-size: 54px
    }
}

.headline-3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 110%
}

@media (min-width:768px) {
    .headline-3 {
        font-size: 48px
    }
}

.headline-4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

@media (min-width:768px) {
    .headline-4 {
        font-size: 40px
    }
}

.headline-5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

@media (min-width:768px) {
    .headline-5 {
        font-size: 34px
    }
}

.subtitle-1 {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%
}

@media (min-width:768px) {
    .subtitle-1 {
        font-size: 30px
    }
}

.subtitle-1-bold {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

@media (min-width:768px) {
    .subtitle-1-bold {
        font-size: 30px
    }
}

.subtitle-2-base {
    font-size: 18px;
    line-height: 120%
}

@media (min-width:768px) {
    .subtitle-2-base {
        font-size: 24px
    }
}

.subtitle-2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%
}

@media (min-width:768px) {
    .subtitle-2 {
        font-size: 24px
    }
}

.subtitle-2-bold {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%
}

@media (min-width:768px) {
    .subtitle-2-bold {
        font-size: 24px
    }
}

.subtitle-3-base {
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .subtitle-3-base {
        font-size: 18px
    }
}

.subtitle-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .subtitle-3 {
        font-size: 18px
    }
}

.subtitle-3-bold {
    font-weight: 700;
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .subtitle-3-bold {
        font-size: 18px
    }
}

.subtitle-4-base {
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .subtitle-4-base {
        font-size: 16px
    }
}

.subtitle-4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .subtitle-4 {
        font-size: 16px
    }
}

.subtitle-4-bold {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .subtitle-4-bold {
        font-size: 16px
    }
}

.subtitle-5-base {
    font-size: 12px;
    line-height: 150%
}

@media (min-width:768px) {
    .subtitle-5-base {
        font-size: 14px
    }
}

.subtitle-5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

@media (min-width:768px) {
    .subtitle-5 {
        font-size: 14px
    }
}

.subtitle-5-bold {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%
}

@media (min-width:768px) {
    .subtitle-5-bold {
        font-size: 14px
    }
}

.body-1-base {
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .body-1-base {
        font-size: 18px
    }
}

.body-1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .body-1 {
        font-size: 18px
    }
}

.body-1-medium {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%
}

@media (min-width:768px) {
    .body-1-medium {
        font-size: 18px
    }
}

.body-2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .body-2 {
        font-size: 16px
    }
}

.body-2-medium {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .body-2-medium {
        font-size: 16px
    }
}

.body-3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%
}

@media (min-width:768px) {
    .body-3 {
        font-size: 14px
    }
}

.body-3-medium {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%
}

@media (min-width:768px) {
    .body-3-medium {
        font-size: 14px
    }
}

.button-text-base {
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .button-text-base {
        font-size: 16px
    }
}

.button-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .button-text {
        font-size: 16px
    }
}

.button-text-medium {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%
}

@media (min-width:768px) {
    .button-text-medium {
        font-size: 16px
    }
}

.description-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.description-text-medium {
    font-weight: 500;
    font-size: 12px;
    line-height: 150%
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

@-webkit-keyframes blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.common-container {
    width: 100vw;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:375px) {
    .common-container {
        max-width: 476px
    }
}

@media (min-width:501px) {
    .common-container {
        width: 452px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .common-container {
        width: 672px
    }
}

@media (min-width:1025px) {
    .common-container {
        width: 1014px
    }
}

@media (min-width:1440px) {
    .common-container {
        width: 1200px
    }
}

.content-container {
    width: 100vw;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:375px) {
    .content-container {
        max-width: 476px
    }
}

@media (min-width:501px) {
    .content-container {
        width: 452px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .content-container {
        width: 500px
    }
}

@media (min-width:1025px) {
    .content-container {
        width: 842px
    }
}

@media (min-width:1440px) {
    .content-container {
        width: 960px
    }
}

.common-container_v2 {
    width: calc(100dvw - 24px)
}

@media (min-width:375px) {
    .common-container_v2 {
        max-width: 452px
    }
}

@media (min-width:501px) {
    .common-container_v2 {
        width: 452px;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .common-container_v2 {
        width: 672px
    }
}

@media (min-width:1025px) {
    .common-container_v2 {
        width: 1014px
    }
}

@media (min-width:1440px) {
    .common-container_v2 {
        width: 1200px
    }
}

.p2s__gradient__green {
    color: #00ff0d
}

.\[animation-direction\:reverse\] {
    animation-direction: reverse
}

.\[border-style\:dashed\] {
    border-style: dashed
}

.\*\:\!mx-0>* {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\*\:\!h-\[8px\]>* {
    height: 8px !important
}

.\*\:\!w-\[8px\]>* {
    width: 8px !important
}

.\*\:w-\[50\%\]>* {
    width: 50%
}

.\*\:shrink-0>* {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.\*\:p-0>* {
    padding: 0
}

.file\:border-0::-webkit-file-upload-button {
    border-width: 0
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::-webkit-file-upload-button {
    background-color: transparent
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:text-sm::-webkit-file-upload-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::-webkit-file-upload-button {
    font-weight: 500
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.placeholder\:text-\[\#7E7E7E\]::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(126 126 126/var(--tw-text-opacity, 1))
}

.placeholder\:text-\[\#7E7E7E\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(126 126 126/var(--tw-text-opacity, 1))
}

.placeholder\:text-\[\#7E7E7E\]:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(126 126 126/var(--tw-text-opacity, 1))
}

.placeholder\:text-\[\#7E7E7E\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(126 126 126/var(--tw-text-opacity, 1))
}

.placeholder\:text-bbl-grey-6::-webkit-input-placeholder {
    color: var(--bbl-grey-6)
}

.placeholder\:text-bbl-grey-6::-moz-placeholder {
    color: var(--bbl-grey-6)
}

.placeholder\:text-bbl-grey-6:-ms-input-placeholder {
    color: var(--bbl-grey-6)
}

.placeholder\:text-bbl-grey-6::placeholder {
    color: var(--bbl-grey-6)
}

.placeholder\:text-muted-foreground::-webkit-input-placeholder {
    color: hsl(var(--tw-muted-foreground))
}

.placeholder\:text-muted-foreground::-moz-placeholder {
    color: hsl(var(--tw-muted-foreground))
}

.placeholder\:text-muted-foreground:-ms-input-placeholder {
    color: hsl(var(--tw-muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--tw-muted-foreground))
}

.backdrop\:bg-\[rgba\(232\2c 232\2c 237\2c 0\.48\)\]::-webkit-backdrop {
    background-color: rgba(232, 232, 237, .48)
}

.backdrop\:bg-\[rgba\(232\2c 232\2c 237\2c 0\.48\)\]::-ms-backdrop {
    background-color: rgba(232, 232, 237, .48)
}

.backdrop\:bg-\[rgba\(232\2c 232\2c 237\2c 0\.48\)\]::backdrop {
    background-color: rgba(232, 232, 237, .48)
}

.backdrop\:backdrop-blur-\[4px\]::-webkit-backdrop {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop\:backdrop-blur-\[4px\]::-ms-backdrop {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop\:backdrop-blur-\[4px\]::backdrop {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%
}

.before\:h-\[14px\]:before {
    content: var(--tw-content);
    height: 14px
}

.before\:w-px:before {
    content: var(--tw-content);
    width: 1px
}

.before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:bg-grey-6:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158/var(--tw-bg-opacity, 1))
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%
}

.after\:h-\[14px\]:after {
    content: var(--tw-content);
    height: 14px
}

.after\:w-px:after {
    content: var(--tw-content);
    width: 1px
}

.after\:-translate-y-1\/2:after {
    --tw-translate-y: -50%
}

.after\:-translate-y-1\/2:after,
.after\:transform:after {
    content: var(--tw-content);
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:border-r:after {
    content: var(--tw-content);
    border-right-width: 1px
}

.after\:border-solid:after {
    content: var(--tw-content);
    border-style: solid
}

.after\:border-r-grey-5:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-right-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.after\:bg-grey-6:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158/var(--tw-bg-opacity, 1))
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.first\:rounded-l:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.first\:border-t:first-child {
    border-top-width: 1px
}

.first\:pl-0:first-child {
    padding-left: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:rounded-r:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:pr-0:last-child {
    padding-right: 0
}

.after\:last\:hidden:last-child:after {
    content: var(--tw-content);
    display: none
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:\!border-0:hover {
    border-width: 0 !important
}

.hover\:border-brand-color:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 174 66/var(--tw-border-opacity, 1))
}

.hover\:border-referral-primary\/80:hover {
    border-color: rgba(57, 57, 57, .8)
}

.hover\:\!bg-\[\#EF4B03\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 75 3/var(--tw-bg-opacity, 1)) !important
}

.hover\:\!bg-\[\#F98789\]:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 135 137/var(--tw-bg-opacity, 1)) !important
}

.hover\:\!bg-button-brand-hover:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[\#000\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#008733\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#00A76F\]\/90:hover {
    background-color: rgba(0, 167, 111, .9)
}

.hover\:bg-\[\#00ae42\]\/90:hover {
    background-color: rgba(0, 174, 66, .9)
}

.hover\:bg-\[\#0b0b0b\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#333\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#888\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(136 136 136/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#F5F5F5\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#fff\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[transparent\]:hover {
    background-color: transparent
}

.hover\:bg-accent:hover {
    background-color: hsl(var(--tw-accent))
}

.hover\:bg-background\/90:hover {
    background-color: hsl(var(--tw-background)/.9)
}

.hover\:bg-bbl-brand-green-hover:hover {
    background-color: var(--bbl-brand-green-hover)
}

.hover\:bg-bbl-disable-color:hover {
    background-color: var(--bbl-disable-color)
}

.hover\:bg-bbl-grey-1:hover {
    background-color: var(--bbl-grey-1)
}

.hover\:bg-bbl-grey-10:hover {
    background-color: var(--bbl-grey-10)
}

.hover\:bg-bbl-grey-3:hover {
    background-color: var(--bbl-grey-3)
}

.hover\:bg-bbl-grey-4:hover {
    background-color: var(--bbl-grey-4)
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.hover\:bg-black\/70:hover {
    background-color: rgba(0, 0, 0, .7)
}

.hover\:bg-brand-color:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.hover\:bg-brand-color\/80:hover {
    background-color: rgba(0, 174, 66, .8)
}

.hover\:bg-brand-color\/90:hover {
    background-color: rgba(0, 174, 66, .9)
}

.hover\:bg-button-brand-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-button-dark-grey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-button-dark-grey-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
}

.hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--tw-destructive)/.9)
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity, 1))
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.hover\:bg-grey-1:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-grey-10:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.hover\:bg-grey-11:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 33/var(--tw-bg-opacity, 1))
}

.hover\:bg-grey-2:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-grey-8:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(97 97 97/var(--tw-bg-opacity, 1))
}

.hover\:bg-muted:hover {
    background-color: hsl(var(--tw-muted))
}

.hover\:bg-primary\/90:hover {
    background-color: hsl(var(--tw-primary)/.9)
}

.hover\:bg-referral-primary\/10:hover {
    background-color: rgba(57, 57, 57, .1)
}

.hover\:bg-referral-primary\/80:hover {
    background-color: rgba(57, 57, 57, .8)
}

.hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--tw-secondary)/.8)
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9
}

.hover\:\!text-\[\#008733\]:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(0 135 51/var(--tw-text-opacity, 1)) !important
}

.hover\:\!text-bbl-grey-11:hover {
    color: var(--bbl-grey-11) !important
}

.hover\:\!text-brand-color:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(0 174 66/var(--tw-text-opacity, 1)) !important
}

.hover\:text-\[\#00AE42\]:hover {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#1A1A1A\]:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#222\]:hover {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#333333\]:hover,
.hover\:text-\[\#333\]:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#7F7F8A\]:hover {
    --tw-text-opacity: 1;
    color: rgb(127 127 138/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#dd1d1d\]:hover {
    --tw-text-opacity: 1;
    color: rgb(221 29 29/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#fff\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:text-accent-foreground:hover {
    color: hsl(var(--tw-accent-foreground))
}

.hover\:text-bbl-brand-green:hover {
    color: var(--bbl-brand-green)
}

.hover\:text-bbl-brand-green-hover:hover {
    color: var(--bbl-brand-green-hover)
}

.hover\:text-bbl-grey-11:hover {
    color: var(--bbl-grey-11)
}

.hover\:text-bbl-grey-14:hover {
    color: var(--bbl-grey-14)
}

.hover\:text-bbl-grey-6:hover {
    color: var(--bbl-grey-6)
}

.hover\:text-bbl-grey-7:hover {
    color: var(--bbl-grey-7)
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.hover\:text-brand-color:hover {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.hover\:text-brand-color\/50:hover {
    color: rgba(0, 174, 66, .5)
}

.hover\:text-button-brand-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(0 135 51/var(--tw-text-opacity, 1))
}

.hover\:text-button-light-grey-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.hover\:text-button-strongly-guide:hover {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.hover\:text-foreground:hover {
    color: hsl(var(--tw-foreground))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1))
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-grey-2:hover {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.hover\:text-grey-8:hover {
    --tw-text-opacity: 1;
    color: rgb(97 97 97/var(--tw-text-opacity, 1))
}

.hover\:text-muted-foreground:hover {
    color: hsl(var(--tw-muted-foreground))
}

.hover\:text-primary\/80:hover {
    color: hsl(var(--tw-primary)/.8)
}

.hover\:text-referral-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity, 1))
}

.hover\:text-text-light-grey:hover {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.hover\:text-theme-white:hover,
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:text-white\/80:hover {
    color: hsla(0, 0%, 100%, .8)
}

.hover\:\!underline:hover {
    -moz-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.hover\:underline:hover {
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.hover\:decoration-solid:hover {
    -moz-text-decoration-style: solid;
    text-decoration-style: solid
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:\!border-\[\#fff\]:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.focus\:border-grey-10:focus {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.focus\:bg-accent:focus {
    background-color: hsl(var(--tw-accent))
}

.focus\:text-accent-foreground:focus {
    color: hsl(var(--tw-accent-foreground))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-grey-10:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 51 51/var(--tw-ring-opacity, 1))
}

.focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--tw-ring))
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:ring-0:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-error-default:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(230 0 52/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--tw-ring))
}

.focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:\!border-\[\#fff\]:active {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.active\:bg-\[\#008733\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.active\:bg-\[\#00AE42\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 66/var(--tw-bg-opacity, 1))
}

.active\:bg-bbl-grey-3:active {
    background-color: var(--bbl-grey-3)
}

.active\:bg-button-brand-hover:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.active\:text-\[\#1A1A1A\]:active {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.active\:text-grey-7:active {
    --tw-text-opacity: 1;
    color: rgb(117 117 117/var(--tw-text-opacity, 1))
}

.active\:outline-none:active {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:text-grey-5:disabled {
    --tw-text-opacity: 1;
    color: rgb(189 189 189/var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:hidden {
    display: none
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:rotate-\[270deg\],
.group:hover .group-hover\:translate-y-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-\[270deg\] {
    --tw-rotate: 270deg
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:\!stroke-\[var\(--hover-color\2c \#00AE42\)\] {
    stroke: var(--hover-color, #00ae42) !important
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:active .group-active\:fill-\[\#00B244\] {
    fill: #00b244
}

.group:active .group-active\:stroke-\[\#FAFAFA\] {
    stroke: #fafafa
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.aria-checked\:\!border-0[aria-checked=true] {
    border-width: 0 !important
}

.aria-checked\:\!bg-bbl-black[aria-checked=true] {
    background-color: var(--bbl-black) !important
}

.aria-checked\:\!bg-bbl-brand-green[aria-checked=true] {
    background-color: var(--bbl-brand-green) !important
}

.aria-selected\:border-bbl-brand-green[aria-selected=true] {
    border-color: var(--bbl-brand-green)
}

.aria-selected\:font-\[700\][aria-selected=true] {
    font-weight: 700
}

.aria-selected\:text-bbl-brand-green[aria-selected=true] {
    color: var(--bbl-brand-green)
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],
.data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
    --tw-translate-y: 0.25rem
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],
.data-\[side\=left\]\:-translate-x-1[data-side=left] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left] {
    --tw-translate-x: -0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right] {
    --tw-translate-x: 0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right],
.data-\[side\=top\]\:-translate-y-1[data-side=top] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top] {
    --tw-translate-y: -0.25rem
}

@-webkit-keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
    -webkit-animation: accordion-up .2s ease-out;
    animation: accordion-up .2s ease-out
}

@-webkit-keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open] {
    -webkit-animation: accordion-down .2s ease-out;
    animation: accordion-down .2s ease-out
}

.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true] {
    background-color: hsl(var(--tw-accent))
}

.data-\[state\=active\]\:bg-background[data-state=active] {
    background-color: hsl(var(--tw-background))
}

.data-\[state\=checked\]\:bg-primary[data-state=checked] {
    background-color: hsl(var(--tw-primary))
}

.data-\[state\=on\]\:bg-accent[data-state=on],
.data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: hsl(var(--tw-accent))
}

.data-\[state\=open\]\:bg-secondary[data-state=open] {
    background-color: hsl(var(--tw-secondary))
}

.data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
    color: hsl(var(--tw-accent-foreground))
}

.data-\[state\=active\]\:text-foreground[data-state=active] {
    color: hsl(var(--tw-foreground))
}

.data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
    color: hsl(var(--tw-primary-foreground))
}

.data-\[state\=on\]\:text-accent-foreground[data-state=on] {
    color: hsl(var(--tw-accent-foreground))
}

.data-\[disabled\=true\]\:opacity-50[data-disabled=true],
.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5
}

.data-\[state\=active\]\:shadow-sm[data-state=active] {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.data-\[state\=open\]\:animate-in[data-state=open] {
    -webkit-animation-name: enter;
    animation-name: enter;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
    -webkit-animation-name: exit;
    animation-name: exit;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -0.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 0.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -0.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 0.5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
    --tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
    --tw-enter-translate-y: -48%
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@media not all and (min-width:768px) {
    .max-lg\:w-full {
        width: 100%
    }
}

@media (min-width:375px) {
    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:hidden {
        display: none
    }

    .sm\:max-h-60 {
        max-height: 15rem
    }

    .sm\:max-h-\[500px\] {
        max-height: 500px
    }

    .sm\:\!max-w-\[452px\] {
        max-width: 452px !important
    }

    .sm\:max-w-\[448px\] {
        max-width: 448px
    }

    .sm\:max-w-\[476px\] {
        max-width: 476px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sm\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:rounded-lg {
        border-radius: var(--tw-radius)
    }

    .sm\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .sm\:p-\[24px\] {
        padding: 24px
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-\[20px\] {
        font-size: 20px
    }

    .sm\:text-bbl-white {
        color: var(--bbl-white)
    }
}

@media (min-width:501px) {
    .md\:absolute {
        position: absolute
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:\!mb-\[24px\] {
        margin-bottom: 24px !important
    }

    .md\:ml-\[24px\] {
        margin-left: 24px
    }

    .md\:mr-\[-16px\] {
        margin-right: -16px
    }

    .md\:mr-\[24px\] {
        margin-right: 24px
    }

    .md\:mt-\[-4px\] {
        margin-top: -4px
    }

    .md\:\!line-clamp-1 {
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 1 !important
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-14 {
        height: 3.5rem
    }

    .md\:h-\[100px\] {
        height: 100px
    }

    .md\:h-\[195px\] {
        height: 195px
    }

    .md\:h-\[20px\] {
        height: 20px
    }

    .md\:h-\[218px\] {
        height: 218px
    }

    .md\:h-\[26px\] {
        height: 26px
    }

    .md\:h-\[420px\] {
        height: 420px
    }

    .md\:h-\[42px\] {
        height: 42px
    }

    .md\:h-\[446px\] {
        height: 446px
    }

    .md\:h-\[450px\] {
        height: 450px
    }

    .md\:h-\[45px\] {
        height: 45px
    }

    .md\:h-\[48px\] {
        height: 48px
    }

    .md\:h-\[513px\] {
        height: 513px
    }

    .md\:h-\[680px\] {
        height: 680px
    }

    .md\:h-\[68px\] {
        height: 68px
    }

    .md\:h-full {
        height: 100%
    }

    .md\:max-h-96 {
        max-height: 24rem
    }

    .md\:\!w-\[452px\] {
        width: 452px !important
    }

    .md\:w-14 {
        width: 3.5rem
    }

    .md\:w-\[100px\] {
        width: 100px
    }

    .md\:w-\[1032px\] {
        width: 1032px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[193px\] {
        width: 193px
    }

    .md\:w-\[205px\] {
        width: 205px
    }

    .md\:w-\[20px\] {
        width: 20px
    }

    .md\:w-\[218px\] {
        width: 218px
    }

    .md\:w-\[237px\] {
        width: 237px
    }

    .md\:w-\[26px\] {
        width: 26px
    }

    .md\:w-\[340px\] {
        width: 340px
    }

    .md\:w-\[351px\] {
        width: 351px
    }

    .md\:w-\[366px\] {
        width: 366px
    }

    .md\:w-\[428px\] {
        width: 428px
    }

    .md\:w-\[42px\] {
        width: 42px
    }

    .md\:w-\[440px\] {
        width: 440px
    }

    .md\:w-\[452px\] {
        width: 452px
    }

    .md\:w-\[480px\] {
        width: 480px
    }

    .md\:w-\[560px\] {
        width: 560px
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[680px\] {
        width: 680px
    }

    .md\:w-\[68px\] {
        width: 68px
    }

    .md\:w-\[calc\(100\%-40px\)\] {
        width: calc(100% - 40px)
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[384px\] {
        min-width: 384px
    }

    .md\:min-w-\[452px\] {
        min-width: 452px
    }

    .md\:\!max-w-\[320px\] {
        max-width: 320px !important
    }

    .md\:\!max-w-full {
        max-width: 100% !important
    }

    .md\:max-w-\[500px\] {
        max-width: 500px
    }

    .md\:max-w-\[504px\] {
        max-width: 504px
    }

    .md\:max-w-\[592px\] {
        max-width: 592px
    }

    .md\:max-w-\[600px\] {
        max-width: 600px
    }

    .md\:max-w-\[calc\(100vw-48px\)\] {
        max-width: calc(100vw - 48px)
    }

    .md\:max-w-\[unset\] {
        max-width: unset
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

    .md\:grid-cols-\[repeat\(3\2c 1fr\)\] {
        grid-template-columns: repeat(3, 1fr)
    }

    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md\:gap-\[12px\] {
        gap: 12px
    }

    .md\:gap-\[25px\] {
        gap: 25px
    }

    .md\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-y-0 {
        row-gap: 0
    }

    .md\:break-all {
        word-break: break-all
    }

    .md\:bg-\[\#F6F6F6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
    }

    .md\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .md\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .md\:bg-\[url\(\'\/\/store\.bblcdn\.com\/s1\/default\/a5c8c75a028546f8b7f4fe782abd4b9a\/presale-pc\.png\'\)\] {
        background-image: url(//store.bblcdn.com/s1/default/a5c8c75a028546f8b7f4fe782abd4b9a/presale-pc.png)
    }

    .md\:object-cover {
        object-fit: cover
    }

    .md\:object-center {
        object-position: center
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-\[24px\] {
        padding: 24px
    }

    .md\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md\:px-0,
    .md\:px-\[0\] {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }

    .md\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

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

    .md\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }

    .md\:px-\[75px\] {
        padding-left: 75px;
        padding-right: 75px
    }

    .md\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:pb-\[15px\] {
        padding-bottom: 15px
    }

    .md\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .md\:pl-\[30px\] {
        padding-left: 30px
    }

    .md\:pr-\[32px\] {
        padding-right: 32px
    }

    .md\:pt-\[18px\] {
        padding-top: 18px
    }

    .md\:pt-\[30px\] {
        padding-top: 30px
    }

    .md\:\!text-22 {
        font-size: 22px !important
    }

    .md\:\!text-\[15px\] {
        font-size: 15px !important
    }

    .md\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:\!text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-\[14px\] {
        font-size: 14px
    }

    .md\:text-\[15px\] {
        font-size: 15px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:font-semibold {
        font-weight: 600
    }

    .md\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .md\:text-bbl-white {
        color: var(--bbl-white)
    }

    .md\:first\:border-t-0:first-child {
        border-top-width: 0
    }
}

@media (min-width:768px) {
    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .lg\:bottom-1\/2 {
        bottom: 50%
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-\[12px\] {
        left: 12px
    }

    .lg\:left-\[14px\] {
        left: 14px
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-\[-11px\] {
        right: -11px
    }

    .lg\:right-\[unset\] {
        right: unset
    }

    .lg\:top-\[-11px\] {
        top: -11px
    }

    .lg\:top-\[48px\] {
        top: 48px
    }

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

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

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

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

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

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:my-\[12px\] {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-\[100px\] {
        margin-bottom: 100px
    }

    .lg\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .lg\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .lg\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .lg\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .lg\:mb-content-4 {
        margin-bottom: var(--content-gap-4)
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:ml-\[-68px\] {
        margin-left: -68px
    }

    .lg\:ml-\[20px\] {
        margin-left: 20px
    }

    .lg\:ml-\[24px\] {
        margin-left: 24px
    }

    .lg\:ml-\[32px\] {
        margin-left: 32px
    }

    .lg\:ml-\[unset\] {
        margin-left: unset
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mr-\[40px\] {
        margin-right: 40px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-\[10px\] {
        margin-top: 10px
    }

    .lg\:mt-\[12px\] {
        margin-top: 12px
    }

    .lg\:mt-\[16px\] {
        margin-top: 16px
    }

    .lg\:mt-\[18px\] {
        margin-top: 18px
    }

    .lg\:mt-\[24px\] {
        margin-top: 24px
    }

    .lg\:mt-\[2px\] {
        margin-top: 2px
    }

    .lg\:mt-\[4px\] {
        margin-top: 4px
    }

    .lg\:mt-\[50px\] {
        margin-top: 50px
    }

    .lg\:mt-\[8px\] {
        margin-top: 8px
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[unset\] {
        aspect-ratio: unset
    }

    .lg\:\!h-\[120px\] {
        height: 120px !important
    }

    .lg\:\!h-\[8px\] {
        height: 8px !important
    }

    .lg\:h-\[100\%\] {
        height: 100%
    }

    .lg\:h-\[108px\] {
        height: 108px
    }

    .lg\:h-\[138px\] {
        height: 138px
    }

    .lg\:h-\[139px\] {
        height: 139px
    }

    .lg\:h-\[156px\] {
        height: 156px
    }

    .lg\:h-\[18px\] {
        height: 18px
    }

    .lg\:h-\[23px\] {
        height: 23px
    }

    .lg\:h-\[240px\] {
        height: 240px
    }

    .lg\:h-\[250px\] {
        height: 250px
    }

    .lg\:h-\[254px\] {
        height: 254px
    }

    .lg\:h-\[262px\] {
        height: 262px
    }

    .lg\:h-\[288px\] {
        height: 288px
    }

    .lg\:h-\[30px\] {
        height: 30px
    }

    .lg\:h-\[328px\] {
        height: 328px
    }

    .lg\:h-\[344px\] {
        height: 344px
    }

    .lg\:h-\[360px\] {
        height: 360px
    }

    .lg\:h-\[400px\] {
        height: 400px
    }

    .lg\:h-\[402px\] {
        height: 402px
    }

    .lg\:h-\[420px\] {
        height: 420px
    }

    .lg\:h-\[45px\] {
        height: 45px
    }

    .lg\:h-\[513px\] {
        height: 513px
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:h-\[636px\] {
        height: 636px
    }

    .lg\:h-\[667px\] {
        height: 667px
    }

    .lg\:h-\[714px\] {
        height: 714px
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:max-h-\[320px\] {
        max-height: 320px
    }

    .lg\:max-h-\[60vh\] {
        max-height: 60vh
    }

    .lg\:max-h-\[unset\] {
        max-height: unset
    }

    .lg\:min-h-\[120px\] {
        min-height: 120px
    }

    .lg\:min-h-\[310px\] {
        min-height: 310px
    }

    .lg\:min-h-\[520px\] {
        min-height: 520px
    }

    .lg\:min-h-\[unset\] {
        min-height: unset
    }

    .lg\:\!w-\[120px\] {
        width: 120px !important
    }

    .lg\:\!w-\[50\%\] {
        width: 50% !important
    }

    .lg\:\!w-\[672px\] {
        width: 672px !important
    }

    .lg\:\!w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px) !important
    }

    .lg\:\!w-full {
        width: 100% !important
    }

    .lg\:w-\[1032px\] {
        width: 1032px
    }

    .lg\:w-\[108px\] {
        width: 108px
    }

    .lg\:w-\[138px\] {
        width: 138px
    }

    .lg\:w-\[143px\] {
        width: 143px
    }

    .lg\:w-\[145px\] {
        width: 145px
    }

    .lg\:w-\[156px\] {
        width: 156px
    }

    .lg\:w-\[180px\] {
        width: 180px
    }

    .lg\:w-\[19px\] {
        width: 19px
    }

    .lg\:w-\[20\%\] {
        width: 20%
    }

    .lg\:w-\[220px\] {
        width: 220px
    }

    .lg\:w-\[237px\] {
        width: 237px
    }

    .lg\:w-\[23px\] {
        width: 23px
    }

    .lg\:w-\[242px\] {
        width: 242px
    }

    .lg\:w-\[256px\] {
        width: 256px
    }

    .lg\:w-\[258px\] {
        width: 258px
    }

    .lg\:w-\[267px\] {
        width: 267px
    }

    .lg\:w-\[288px\] {
        width: 288px
    }

    .lg\:w-\[300px\] {
        width: 300px
    }

    .lg\:w-\[316px\] {
        width: 316px
    }

    .lg\:w-\[326px\] {
        width: 326px
    }

    .lg\:w-\[328px\] {
        width: 328px
    }

    .lg\:w-\[339px\] {
        width: 339px
    }

    .lg\:w-\[400px\] {
        width: 400px
    }

    .lg\:w-\[414px\] {
        width: 414px
    }

    .lg\:w-\[46\%\] {
        width: 46%
    }

    .lg\:w-\[48\%\] {
        width: 48%
    }

    .lg\:w-\[500px\] {
        width: 500px
    }

    .lg\:w-\[500x\] {
        width: 500x
    }

    .lg\:w-\[586px\] {
        width: 586px
    }

    .lg\:w-\[662px\] {
        width: 662px
    }

    .lg\:w-\[672px\] {
        width: 672px
    }

    .lg\:w-\[673px\] {
        width: 673px
    }

    .lg\:w-\[85px\] {
        width: 85px
    }

    .lg\:w-\[92px\] {
        width: 92px
    }

    .lg\:w-\[calc\(100\%\+96px\)\] {
        width: calc(100% + 96px)
    }

    .lg\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px)
    }

    .lg\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:\!min-w-\[317px\] {
        min-width: 317px !important
    }

    .lg\:min-w-\[120px\] {
        min-width: 120px
    }

    .lg\:min-w-\[160px\] {
        min-width: 160px
    }

    .lg\:min-w-\[176px\] {
        min-width: 176px
    }

    .lg\:min-w-\[213px\] {
        min-width: 213px
    }

    .lg\:min-w-\[328px\] {
        min-width: 328px
    }

    .lg\:\!max-w-\[400px\] {
        max-width: 400px !important
    }

    .lg\:\!max-w-\[80\%\] {
        max-width: 80% !important
    }

    .lg\:max-w-\[213px\] {
        max-width: 213px
    }

    .lg\:max-w-\[432px\] {
        max-width: 432px
    }

    .lg\:max-w-\[500px\] {
        max-width: 500px
    }

    .lg\:max-w-\[642px\] {
        max-width: 642px
    }

    .lg\:max-w-\[672px\] {
        max-width: 672px
    }

    .lg\:max-w-\[680px\] {
        max-width: 680px
    }

    .lg\:max-w-\[calc\(100\%-96px\)\] {
        max-width: calc(100% - 96px)
    }

    .lg\:max-w-\[calc\(100vw-96px\)\] {
        max-width: calc(100vw - 96px)
    }

    .lg\:max-w-\[unset\] {
        max-width: unset
    }

    .lg\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .lg\:translate-x-\[-48px\] {
        --tw-translate-x: -48px;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:scroll-mt-\[120px\] {
        scroll-margin-top: 120px
    }

    .lg\:scroll-pl-\[48px\] {
        scroll-padding-left: 48px
    }

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

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

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

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

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

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-col,
    .lg\:flex-row {
        -webkit-box-direction: normal
    }

    .lg\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg\:flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lg\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-\[12px\] {
        gap: 12px
    }

    .lg\:gap-\[16px\] {
        gap: 16px
    }

    .lg\:gap-\[18px\] {
        gap: 18px
    }

    .lg\:gap-\[24px\] {
        gap: 24px
    }

    .lg\:gap-\[30px\] {
        gap: 30px
    }

    .lg\:gap-\[32px\] {
        gap: 32px
    }

    .lg\:gap-\[36px\] {
        gap: 36px
    }

    .lg\:gap-\[4px\] {
        gap: 4px
    }

    .lg\:gap-content-2 {
        gap: var(--content-gap-2)
    }

    .lg\:gap-px {
        gap: 1px
    }

    .lg\:rounded-\[5px\] {
        border-radius: 5px
    }

    .lg\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .lg\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .lg\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lg\:\!px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .lg\:px-\[134px\] {
        padding-left: 134px;
        padding-right: 134px
    }

    .lg\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .lg\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

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

    .lg\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg\:px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }

    .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .lg\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .lg\:py-\[42px\] {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .lg\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .lg\:\!pb-10 {
        padding-bottom: 2.5rem !important
    }

    .lg\:pb-\[100px\] {
        padding-bottom: 100px
    }

    .lg\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .lg\:pl-\[-24px\] {
        padding-left: -24px
    }

    .lg\:pl-\[16px\] {
        padding-left: 16px
    }

    .lg\:pl-\[20px\] {
        padding-left: 20px
    }

    .lg\:pl-\[48px\] {
        padding-left: 48px
    }

    .lg\:pl-\[calc\(50vw-336px\)\] {
        padding-left: calc(50vw - 336px)
    }

    .lg\:pr-12 {
        padding-right: 3rem
    }

    .lg\:pr-\[48px\] {
        padding-right: 48px
    }

    .lg\:pr-\[calc\(50vw-336px\)\] {
        padding-right: calc(50vw - 336px)
    }

    .lg\:pt-\[10px\] {
        padding-top: 10px
    }

    .lg\:pt-\[60px\] {
        padding-top: 60px
    }

    .lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:\!text-14,
    .lg\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .lg\:text-12 {
        font-size: 12px
    }

    .lg\:text-14 {
        font-size: 14px
    }

    .lg\:text-16 {
        font-size: 16px
    }

    .lg\:text-18 {
        font-size: 18px
    }

    .lg\:text-24 {
        font-size: 24px
    }

    .lg\:text-26 {
        font-size: 26px
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-\[12px\] {
        font-size: 12px
    }

    .lg\:text-\[14px\] {
        font-size: 14px
    }

    .lg\:text-\[16px\] {
        font-size: 16px
    }

    .lg\:text-\[18px\] {
        font-size: 18px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[34px\] {
        font-size: 34px
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:leading-\[1\.36\] {
        line-height: 1.36
    }

    .lg\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .lg\:leading-\[20px\] {
        line-height: 20px
    }

    .lg\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .lg\:text-bbl-white {
        color: var(--bbl-white)
    }

    .lg\:\*\:w-\[unset\]>* {
        width: unset
    }
}

@media (min-width:1025px) {
    .xl\:visible {
        visibility: visible
    }

    .xl\:static {
        position: static
    }

    .xl\:relative {
        position: relative
    }

    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:bottom-4 {
        bottom: 1rem
    }

    .xl\:bottom-5 {
        bottom: 1.25rem
    }

    .xl\:bottom-8 {
        bottom: 2rem
    }

    .xl\:bottom-\[143px\] {
        bottom: 143px
    }

    .xl\:bottom-\[20px\] {
        bottom: 20px
    }

    .xl\:bottom-\[24px\] {
        bottom: 24px
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-4 {
        left: 1rem
    }

    .xl\:left-6 {
        left: 1.5rem
    }

    .xl\:left-\[-34px\] {
        left: -34px
    }

    .xl\:left-\[100px\] {
        left: 100px
    }

    .xl\:left-\[24px\] {
        left: 24px
    }

    .xl\:left-\[30px\] {
        left: 30px
    }

    .xl\:left-\[unset\] {
        left: unset
    }

    .xl\:left-content-3 {
        left: var(--content-gap-3)
    }

    .xl\:right-10 {
        right: 2.5rem
    }

    .xl\:right-3 {
        right: .75rem
    }

    .xl\:right-5 {
        right: 1.25rem
    }

    .xl\:right-6 {
        right: 1.5rem
    }

    .xl\:right-\[-34px\] {
        right: -34px
    }

    .xl\:right-\[129px\] {
        right: 129px
    }

    .xl\:right-\[12px\] {
        right: 12px
    }

    .xl\:right-\[18px\] {
        right: 18px
    }

    .xl\:right-\[20px\] {
        right: 20px
    }

    .xl\:right-\[24px\] {
        right: 24px
    }

    .xl\:right-\[45px\] {
        right: 45px
    }

    .xl\:right-\[unset\] {
        right: unset
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-10 {
        top: 2.5rem
    }

    .xl\:top-2 {
        top: .5rem
    }

    .xl\:top-6 {
        top: 1.5rem
    }

    .xl\:top-\[100px\] {
        top: 100px
    }

    .xl\:top-\[12px\] {
        top: 12px
    }

    .xl\:top-\[18px\] {
        top: 18px
    }

    .xl\:top-\[200px\] {
        top: 200px
    }

    .xl\:top-\[20px\] {
        top: 20px
    }

    .xl\:top-\[24px\] {
        top: 24px
    }

    .xl\:top-\[45px\] {
        top: 45px
    }

    .xl\:top-\[50\%\] {
        top: 50%
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:top-\[63px\] {
        top: 63px
    }

    .xl\:top-\[unset\] {
        top: unset
    }

    .xl\:order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[1\] {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .xl\:order-\[2\] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .xl\:order-\[3\] {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

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

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

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

    .xl\:m-6 {
        margin: 1.5rem
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:my-\[14px\] {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .xl\:my-\[15px\] {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .xl\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .xl\:my-\[24px\] {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .xl\:my-\[30px\] {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .xl\:my-\[40px\] {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl\:\!mt-\[12px\] {
        margin-top: 12px !important
    }

    .xl\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .xl\:\!mt-auto {
        margin-top: auto !important
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-3 {
        margin-bottom: .75rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mb-\[10px\] {
        margin-bottom: 10px
    }

    .xl\:mb-\[120px\] {
        margin-bottom: 120px
    }

    .xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .xl\:mb-\[180px\] {
        margin-bottom: 180px
    }

    .xl\:mb-\[18px\] {
        margin-bottom: 18px
    }

    .xl\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:mb-\[28px\] {
        margin-bottom: 28px
    }

    .xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .xl\:mb-\[36px\] {
        margin-bottom: 36px
    }

    .xl\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .xl\:mb-\[4px\] {
        margin-bottom: 4px
    }

    .xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:ml-\[-78px\] {
        margin-left: -78px
    }

    .xl\:ml-\[133px\] {
        margin-left: 133px
    }

    .xl\:ml-\[48px\] {
        margin-left: 48px
    }

    .xl\:ml-\[6px\] {
        margin-left: 6px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-10 {
        margin-right: 2.5rem
    }

    .xl\:mr-\[18px\] {
        margin-right: 18px
    }

    .xl\:mr-\[48px\] {
        margin-right: 48px
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mt-\[-100px\] {
        margin-top: -100px
    }

    .xl\:mt-\[-60px\] {
        margin-top: -60px
    }

    .xl\:mt-\[0\] {
        margin-top: 0
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px
    }

    .xl\:mt-\[10px\] {
        margin-top: 10px
    }

    .xl\:mt-\[120px\] {
        margin-top: 120px
    }

    .xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .xl\:mt-\[14px\] {
        margin-top: 14px
    }

    .xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .xl\:mt-\[18px\] {
        margin-top: 18px
    }

    .xl\:mt-\[200px\] {
        margin-top: 200px
    }

    .xl\:mt-\[20px\] {
        margin-top: 20px
    }

    .xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .xl\:mt-\[36px\] {
        margin-top: 36px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[48px\] {
        margin-top: 48px
    }

    .xl\:mt-\[4px\] {
        margin-top: 4px
    }

    .xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .xl\:mt-\[6px\] {
        margin-top: 6px
    }

    .xl\:mt-\[8px\] {
        margin-top: 8px
    }

    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2
    }

    .xl\:line-clamp-2,
    .xl\:line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .xl\:block {
        display: block
    }

    .xl\:inline-block {
        display: inline-block
    }

    .xl\:\!flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .xl\:flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:\!hidden {
        display: none !important
    }

    .xl\:hidden {
        display: none
    }

    .xl\:\!h-\[214px\] {
        height: 214px !important
    }

    .xl\:\!h-\[406px\] {
        height: 406px !important
    }

    .xl\:\!h-\[423px\] {
        height: 423px !important
    }

    .xl\:\!h-\[449px\] {
        height: 449px !important
    }

    .xl\:\!h-\[464px\] {
        height: 464px !important
    }

    .xl\:\!h-\[570px\] {
        height: 570px !important
    }

    .xl\:\!h-\[594px\] {
        height: 594px !important
    }

    .xl\:\!h-\[84px\] {
        height: 84px !important
    }

    .xl\:\!h-full {
        height: 100% !important
    }

    .xl\:h-6 {
        height: 1.5rem
    }

    .xl\:h-9 {
        height: 2.25rem
    }

    .xl\:h-\[100px\] {
        height: 100px
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[10px\] {
        height: 10px
    }

    .xl\:h-\[115px\] {
        height: 115px
    }

    .xl\:h-\[120px\] {
        height: 120px
    }

    .xl\:h-\[134px\] {
        height: 134px
    }

    .xl\:h-\[146px\] {
        height: 146px
    }

    .xl\:h-\[15px\] {
        height: 15px
    }

    .xl\:h-\[160px\] {
        height: 160px
    }

    .xl\:h-\[16px\] {
        height: 16px
    }

    .xl\:h-\[173px\] {
        height: 173px
    }

    .xl\:h-\[183px\] {
        height: 183px
    }

    .xl\:h-\[188px\] {
        height: 188px
    }

    .xl\:h-\[18px\] {
        height: 18px
    }

    .xl\:h-\[20px\] {
        height: 20px
    }

    .xl\:h-\[213px\] {
        height: 213px
    }

    .xl\:h-\[226px\] {
        height: 226px
    }

    .xl\:h-\[235px\] {
        height: 235px
    }

    .xl\:h-\[240px\] {
        height: 240px
    }

    .xl\:h-\[24px\] {
        height: 24px
    }

    .xl\:h-\[25px\] {
        height: 25px
    }

    .xl\:h-\[260px\] {
        height: 260px
    }

    .xl\:h-\[26px\] {
        height: 26px
    }

    .xl\:h-\[270px\] {
        height: 270px
    }

    .xl\:h-\[277px\] {
        height: 277px
    }

    .xl\:h-\[278px\] {
        height: 278px
    }

    .xl\:h-\[284px\] {
        height: 284px
    }

    .xl\:h-\[288px\] {
        height: 288px
    }

    .xl\:h-\[28px\] {
        height: 28px
    }

    .xl\:h-\[296px\] {
        height: 296px
    }

    .xl\:h-\[309px\] {
        height: 309px
    }

    .xl\:h-\[30px\] {
        height: 30px
    }

    .xl\:h-\[328px\] {
        height: 328px
    }

    .xl\:h-\[32px\] {
        height: 32px
    }

    .xl\:h-\[334px\] {
        height: 334px
    }

    .xl\:h-\[335px\] {
        height: 335px
    }

    .xl\:h-\[338px\] {
        height: 338px
    }

    .xl\:h-\[33px\] {
        height: 33px
    }

    .xl\:h-\[34px\] {
        height: 34px
    }

    .xl\:h-\[350px\] {
        height: 350px
    }

    .xl\:h-\[356px\] {
        height: 356px
    }

    .xl\:h-\[360px\] {
        height: 360px
    }

    .xl\:h-\[366px\] {
        height: 366px
    }

    .xl\:h-\[36px\] {
        height: 36px
    }

    .xl\:h-\[373px\] {
        height: 373px
    }

    .xl\:h-\[37px\] {
        height: 37px
    }

    .xl\:h-\[380px\] {
        height: 380px
    }

    .xl\:h-\[381px\] {
        height: 381px
    }

    .xl\:h-\[400px\] {
        height: 400px
    }

    .xl\:h-\[406px\] {
        height: 406px
    }

    .xl\:h-\[408px\] {
        height: 408px
    }

    .xl\:h-\[40px\] {
        height: 40px
    }

    .xl\:h-\[41\.8px\] {
        height: 41.8px
    }

    .xl\:h-\[416px\] {
        height: 416px
    }

    .xl\:h-\[422px\] {
        height: 422px
    }

    .xl\:h-\[423px\] {
        height: 423px
    }

    .xl\:h-\[424px\] {
        height: 424px
    }

    .xl\:h-\[42px\] {
        height: 42px
    }

    .xl\:h-\[440\.86px\] {
        height: 440.86px
    }

    .xl\:h-\[440px\] {
        height: 440px
    }

    .xl\:h-\[450px\] {
        height: 450px
    }

    .xl\:h-\[45px\] {
        height: 45px
    }

    .xl\:h-\[460px\] {
        height: 460px
    }

    .xl\:h-\[476px\] {
        height: 476px
    }

    .xl\:h-\[47px\] {
        height: 47px
    }

    .xl\:h-\[489px\] {
        height: 489px
    }

    .xl\:h-\[48px\] {
        height: 48px
    }

    .xl\:h-\[495px\] {
        height: 495px
    }

    .xl\:h-\[498px\] {
        height: 498px
    }

    .xl\:h-\[507px\] {
        height: 507px
    }

    .xl\:h-\[508px\] {
        height: 508px
    }

    .xl\:h-\[50px\] {
        height: 50px
    }

    .xl\:h-\[52px\] {
        height: 52px
    }

    .xl\:h-\[53px\] {
        height: 53px
    }

    .xl\:h-\[544px\] {
        height: 544px
    }

    .xl\:h-\[54px\] {
        height: 54px
    }

    .xl\:h-\[559px\] {
        height: 559px
    }

    .xl\:h-\[560px\] {
        height: 560px
    }

    .xl\:h-\[56px\] {
        height: 56px
    }

    .xl\:h-\[570px\] {
        height: 570px
    }

    .xl\:h-\[584px\] {
        height: 584px
    }

    .xl\:h-\[588px\] {
        height: 588px
    }

    .xl\:h-\[592px\] {
        height: 592px
    }

    .xl\:h-\[600px\] {
        height: 600px
    }

    .xl\:h-\[640px\] {
        height: 640px
    }

    .xl\:h-\[67px\] {
        height: 67px
    }

    .xl\:h-\[71px\] {
        height: 71px
    }

    .xl\:h-\[72px\] {
        height: 72px
    }

    .xl\:h-\[752px\] {
        height: 752px
    }

    .xl\:h-\[762px\] {
        height: 762px
    }

    .xl\:h-\[80px\] {
        height: 80px
    }

    .xl\:h-\[84px\] {
        height: 84px
    }

    .xl\:h-\[913px\] {
        height: 913px
    }

    .xl\:h-fit {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:\!max-h-\[552px\] {
        max-height: 552px !important
    }

    .xl\:max-h-\[360px\] {
        max-height: 360px
    }

    .xl\:max-h-\[440px\] {
        max-height: 440px
    }

    .xl\:max-h-\[450px\] {
        max-height: 450px
    }

    .xl\:max-h-\[552px\] {
        max-height: 552px
    }

    .xl\:max-h-\[70vh\] {
        max-height: 70vh
    }

    .xl\:max-h-\[800px\] {
        max-height: 800px
    }

    .xl\:min-h-\[104px\] {
        min-height: 104px
    }

    .xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .xl\:min-h-\[226px\] {
        min-height: 226px
    }

    .xl\:min-h-\[250px\] {
        min-height: 250px
    }

    .xl\:min-h-\[279px\] {
        min-height: 279px
    }

    .xl\:min-h-\[357px\] {
        min-height: 357px
    }

    .xl\:min-h-\[416px\] {
        min-height: 416px
    }

    .xl\:min-h-\[unset\] {
        min-height: unset
    }

    .xl\:\!w-\[1014px\] {
        width: 1014px !important
    }

    .xl\:\!w-\[584px\] {
        width: 584px !important
    }

    .xl\:\!w-\[670px\] {
        width: 670px !important
    }

    .xl\:\!w-\[842px\] {
        width: 842px !important
    }

    .xl\:\!w-\[84px\] {
        width: 84px !important
    }

    .xl\:\!w-\[calc\(50\%-9px\)\] {
        width: calc(50% - 9px) !important
    }

    .xl\:\!w-full {
        width: 100% !important
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-9 {
        width: 2.25rem
    }

    .xl\:w-\[100px\] {
        width: 100px
    }

    .xl\:w-\[100vw\] {
        width: 100vw
    }

    .xl\:w-\[1014px\] {
        width: 1014px
    }

    .xl\:w-\[1024px\] {
        width: 1024px
    }

    .xl\:w-\[108px\] {
        width: 108px
    }

    .xl\:w-\[10px\] {
        width: 10px
    }

    .xl\:w-\[110px\] {
        width: 110px
    }

    .xl\:w-\[120px\] {
        width: 120px
    }

    .xl\:w-\[126px\] {
        width: 126px
    }

    .xl\:w-\[150px\] {
        width: 150px
    }

    .xl\:w-\[160px\] {
        width: 160px
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[188px\] {
        width: 188px
    }

    .xl\:w-\[18px\] {
        width: 18px
    }

    .xl\:w-\[204px\] {
        width: 204px
    }

    .xl\:w-\[20px\] {
        width: 20px
    }

    .xl\:w-\[230px\] {
        width: 230px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[242px\] {
        width: 242px
    }

    .xl\:w-\[245px\] {
        width: 245px
    }

    .xl\:w-\[252px\] {
        width: 252px
    }

    .xl\:w-\[258px\] {
        width: 258px
    }

    .xl\:w-\[26px\] {
        width: 26px
    }

    .xl\:w-\[281px\] {
        width: 281px
    }

    .xl\:w-\[282px\] {
        width: 282px
    }

    .xl\:w-\[300px\] {
        width: 300px
    }

    .xl\:w-\[308px\] {
        width: 308px
    }

    .xl\:w-\[30px\] {
        width: 30px
    }

    .xl\:w-\[314px\] {
        width: 314px
    }

    .xl\:w-\[320px\] {
        width: 320px
    }

    .xl\:w-\[326px\] {
        width: 326px
    }

    .xl\:w-\[328px\] {
        width: 328px
    }

    .xl\:w-\[336px\] {
        width: 336px
    }

    .xl\:w-\[339px\] {
        width: 339px
    }

    .xl\:w-\[33px\] {
        width: 33px
    }

    .xl\:w-\[340px\] {
        width: 340px
    }

    .xl\:w-\[34px\] {
        width: 34px
    }

    .xl\:w-\[354px\] {
        width: 354px
    }

    .xl\:w-\[35px\] {
        width: 35px
    }

    .xl\:w-\[36px\] {
        width: 36px
    }

    .xl\:w-\[380px\] {
        width: 380px
    }

    .xl\:w-\[384px\] {
        width: 384px
    }

    .xl\:w-\[392px\] {
        width: 392px
    }

    .xl\:w-\[40\.4px\] {
        width: 40.4px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[407px\] {
        width: 407px
    }

    .xl\:w-\[40px\] {
        width: 40px
    }

    .xl\:w-\[412px\] {
        width: 412px
    }

    .xl\:w-\[439px\] {
        width: 439px
    }

    .xl\:w-\[44px\] {
        width: 44px
    }

    .xl\:w-\[450px\] {
        width: 450px
    }

    .xl\:w-\[45px\] {
        width: 45px
    }

    .xl\:w-\[460px\] {
        width: 460px
    }

    .xl\:w-\[47px\] {
        width: 47px
    }

    .xl\:w-\[48px\] {
        width: 48px
    }

    .xl\:w-\[495px\] {
        width: 495px
    }

    .xl\:w-\[498px\] {
        width: 498px
    }

    .xl\:w-\[50\%\] {
        width: 50%
    }

    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:w-\[535px\] {
        width: 535px
    }

    .xl\:w-\[560px\] {
        width: 560px
    }

    .xl\:w-\[564px\] {
        width: 564px
    }

    .xl\:w-\[56px\] {
        width: 56px
    }

    .xl\:w-\[584px\] {
        width: 584px
    }

    .xl\:w-\[600px\] {
        width: 600px
    }

    .xl\:w-\[606px\] {
        width: 606px
    }

    .xl\:w-\[670px\] {
        width: 670px
    }

    .xl\:w-\[683px\] {
        width: 683px
    }

    .xl\:w-\[700px\] {
        width: 700px
    }

    .xl\:w-\[72px\] {
        width: 72px
    }

    .xl\:w-\[788px\] {
        width: 788px
    }

    .xl\:w-\[792px\] {
        width: 792px
    }

    .xl\:w-\[80px\] {
        width: 80px
    }

    .xl\:w-\[842px\] {
        width: 842px
    }

    .xl\:w-\[84px\] {
        width: 84px
    }

    .xl\:w-\[876px\] {
        width: 876px
    }

    .xl\:w-\[96px\] {
        width: 96px
    }

    .xl\:w-\[996px\] {
        width: 996px
    }

    .xl\:w-\[calc\(100\%-240px\)\] {
        width: calc(100% - 240px)
    }

    .xl\:w-\[unset\] {
        width: unset
    }

    .xl\:w-\[var\(--title-width\)\] {
        width: var(--title-width)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[140px\] {
        min-width: 140px
    }

    .xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .xl\:min-w-\[240px\] {
        min-width: 240px
    }

    .xl\:min-w-\[280px\] {
        min-width: 280px
    }

    .xl\:min-w-\[34px\] {
        min-width: 34px
    }

    .xl\:min-w-\[38px\] {
        min-width: 38px
    }

    .xl\:min-w-\[39px\] {
        min-width: 39px
    }

    .xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .xl\:min-w-\[580px\] {
        min-width: 580px
    }

    .xl\:\!max-w-\[548px\] {
        max-width: 548px !important
    }

    .xl\:max-w-\[1000px\] {
        max-width: 1000px
    }

    .xl\:max-w-\[1014px\] {
        max-width: 1014px
    }

    .xl\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .xl\:max-w-\[1110px\] {
        max-width: 1110px
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .xl\:max-w-\[181px\] {
        max-width: 181px
    }

    .xl\:max-w-\[196px\] {
        max-width: 196px
    }

    .xl\:max-w-\[212px\] {
        max-width: 212px
    }

    .xl\:max-w-\[235px\] {
        max-width: 235px
    }

    .xl\:max-w-\[280px\] {
        max-width: 280px
    }

    .xl\:max-w-\[352px\] {
        max-width: 352px
    }

    .xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .xl\:max-w-\[412px\] {
        max-width: 412px
    }

    .xl\:max-w-\[432px\] {
        max-width: 432px
    }

    .xl\:max-w-\[466px\] {
        max-width: 466px
    }

    .xl\:max-w-\[480px\] {
        max-width: 480px
    }

    .xl\:max-w-\[498px\] {
        max-width: 498px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .xl\:max-w-\[662px\] {
        max-width: 662px
    }

    .xl\:max-w-\[788px\] {
        max-width: 788px
    }

    .xl\:max-w-\[792px\] {
        max-width: 792px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[842px\] {
        max-width: 842px
    }

    .xl\:max-w-\[952px\] {
        max-width: 952px
    }

    .xl\:max-w-\[calc\(100\%-144px\)\] {
        max-width: calc(100% - 144px)
    }

    .xl\:max-w-\[unset\] {
        max-width: unset
    }

    .xl\:flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .xl\:translate-x-\[-5px\] {
        --tw-translate-x: -5px
    }

    .xl\:translate-x-\[-5px\],
    .xl\:translate-y-\[-50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%
    }

    .xl\:scale-\[\.85\] {
        --tw-scale-x: .85;
        --tw-scale-y: .85
    }

    .xl\:scale-\[\.85\],
    .xl\:scale-\[\.8\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .xl\:scale-\[0\.83333\] {
        --tw-scale-x: 0.83333;
        --tw-scale-y: 0.83333
    }

    .xl\:scale-\[0\.83333\],
    .xl\:scale-\[1\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .xl\:transform-none {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .xl\:scroll-mt-\[140px\] {
        scroll-margin-top: 140px
    }

    .xl\:scroll-mt-\[200px\] {
        scroll-margin-top: 200px
    }

    .xl\:scroll-pl-\[133px\] {
        scroll-padding-left: 133px
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-\[1fr\2c 584px\] {
        grid-template-columns: 1fr 584px
    }

    .xl\:grid-cols-\[584px\2c 1fr\] {
        grid-template-columns: 584px 1fr
    }

    .xl\:grid-cols-\[repeat\(6\2c 1fr\)\] {
        grid-template-columns: repeat(6, 1fr)
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl\:\!flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .xl\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl\:items-start {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl\:items-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .xl\:justify-start {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl\:justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl\:justify-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl\:justify-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:gap-\[100px\] {
        gap: 100px
    }

    .xl\:gap-\[104px\] {
        gap: 104px
    }

    .xl\:gap-\[10px\] {
        gap: 10px
    }

    .xl\:gap-\[120px\] {
        gap: 120px
    }

    .xl\:gap-\[12px\] {
        gap: 12px
    }

    .xl\:gap-\[140px\] {
        gap: 140px
    }

    .xl\:gap-\[160px\] {
        gap: 160px
    }

    .xl\:gap-\[16px\] {
        gap: 16px
    }

    .xl\:gap-\[18px\] {
        gap: 18px
    }

    .xl\:gap-\[200px\] {
        gap: 200px
    }

    .xl\:gap-\[20px\] {
        gap: 20px
    }

    .xl\:gap-\[24px\] {
        gap: 24px
    }

    .xl\:gap-\[2px\] {
        gap: 2px
    }

    .xl\:gap-\[30px\] {
        gap: 30px
    }

    .xl\:gap-\[32px\] {
        gap: 32px
    }

    .xl\:gap-\[40px\] {
        gap: 40px
    }

    .xl\:gap-\[4px\] {
        gap: 4px
    }

    .xl\:gap-\[50px\] {
        gap: 50px
    }

    .xl\:gap-\[54px\] {
        gap: 54px
    }

    .xl\:gap-\[6px\] {
        gap: 6px
    }

    .xl\:gap-\[7px\] {
        gap: 7px
    }

    .xl\:gap-\[8px\] {
        gap: 8px
    }

    .xl\:gap-content-7 {
        gap: var(--content-gap-7)
    }

    .xl\:gap-gutter-1 {
        gap: var(--gutter-gap-1)
    }

    .xl\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .xl\:gap-x-\[12px\] {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .xl\:gap-x-\[18px\] {
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .xl\:gap-x-\[24px\] {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .xl\:gap-x-\[var\(--content-gap-4\)\] {
        -webkit-column-gap: var(--content-gap-4);
        -moz-column-gap: var(--content-gap-4);
        column-gap: var(--content-gap-4)
    }

    .xl\:gap-y-0 {
        row-gap: 0
    }

    .xl\:gap-y-content-8 {
        row-gap: var(--content-gap-8)
    }

    .xl\:space-x-\[120px\]>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(120px * var(--tw-space-x-reverse));
        margin-left: calc(120px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-\[20px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(20px * var(--tw-space-y-reverse))
    }

    .xl\:space-y-content-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--content-gap-4) * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--content-gap-4) * var(--tw-space-y-reverse))
    }

    .xl\:self-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl\:rounded-\[6px\] {
        border-radius: 6px
    }

    .xl\:rounded-none {
        border-radius: 0
    }

    .xl\:border-t-0 {
        border-top-width: 0
    }

    .xl\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .xl\:border-none {
        border-style: none
    }

    .xl\:bg-\[\#B3832E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(179 131 46/var(--tw-bg-opacity, 1))
    }

    .xl\:bg-\[var\(--notice-bg\2c \#FFBA41\)\] {
        background-color: var(--notice-bg, #ffba41)
    }

    .xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .xl\:bg-transparent {
        background-color: transparent
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .xl\:stroke-\[\#9E9E9E\],
    .xl\:stroke-grey-6 {
        stroke: #9e9e9e
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:\!p-\[24px\] {
        padding: 24px !important
    }

    .xl\:p-0 {
        padding: 0
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:p-\[20px\] {
        padding: 20px
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-\[30px\] {
        padding: 30px
    }

    .xl\:p-\[32px\] {
        padding: 32px
    }

    .xl\:p-\[40px\] {
        padding: 40px
    }

    .xl\:p-\[6px\] {
        padding: 6px
    }

    .xl\:p-\[80px\] {
        padding: 80px
    }

    .xl\:p-\[8px\] {
        padding: 8px
    }

    .xl\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:px-\[102px\] {
        padding-left: 102px;
        padding-right: 102px
    }

    .xl\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .xl\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .xl\:px-\[19px\] {
        padding-left: 19px;
        padding-right: 19px
    }

    .xl\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .xl\:px-\[2px\] {
        padding-left: 2px;
        padding-right: 2px
    }

    .xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .xl\:px-\[36px\] {
        padding-left: 36px;
        padding-right: 36px
    }

    .xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

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

    .xl\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .xl\:px-\[71px\] {
        padding-left: 71px;
        padding-right: 71px
    }

    .xl\:px-\[7px\] {
        padding-left: 7px;
        padding-right: 7px
    }

    .xl\:px-\[93px\] {
        padding-left: 93px;
        padding-right: 93px
    }

    .xl\:px-\[calc\(50vw-18px-326px-163px\)\] {
        padding-left: calc(50vw - 18px - 326px - 163px);
        padding-right: calc(50vw - 18px - 326px - 163px)
    }

    .xl\:px-gutter-2 {
        padding-left: var(--gutter-gap-2);
        padding-right: var(--gutter-gap-2)
    }

    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .xl\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xl\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .xl\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .xl\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .xl\:py-\[17px\] {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .xl\:py-\[20px\] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .xl\:py-\[23px\] {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .xl\:py-\[26px\] {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .xl\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .xl\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .xl\:py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .xl\:py-\[80px\] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .xl\:py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .xl\:\!pb-8 {
        padding-bottom: 2rem !important
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .xl\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .xl\:pb-\[180px\] {
        padding-bottom: 180px
    }

    .xl\:pb-\[18px\] {
        padding-bottom: 18px
    }

    .xl\:pb-\[200px\] {
        padding-bottom: 200px
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .xl\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .xl\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .xl\:pb-\[4px\] {
        padding-bottom: 4px
    }

    .xl\:pb-\[64px\] {
        padding-bottom: 64px
    }

    .xl\:pb-\[70px\] {
        padding-bottom: 70px
    }

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:pl-\[18px\] {
        padding-left: 18px
    }

    .xl\:pl-\[20px\] {
        padding-left: 20px
    }

    .xl\:pl-\[219px\] {
        padding-left: 219px
    }

    .xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .xl\:pl-\[45px\] {
        padding-left: 45px
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-\[180px\] {
        padding-right: 180px
    }

    .xl\:pr-\[8px\] {
        padding-right: 8px
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-6 {
        padding-top: 1.5rem
    }

    .xl\:pt-\[0\],
    .xl\:pt-\[0px\] {
        padding-top: 0
    }

    .xl\:pt-\[120px\] {
        padding-top: 120px
    }

    .xl\:pt-\[12px\] {
        padding-top: 12px
    }

    .xl\:pt-\[24px\] {
        padding-top: 24px
    }

    .xl\:pt-\[32px\] {
        padding-top: 32px
    }

    .xl\:pt-\[40px\] {
        padding-top: 40px
    }

    .xl\:pt-\[64px\] {
        padding-top: 64px
    }

    .xl\:pt-\[6px\] {
        padding-top: 6px
    }

    .xl\:pt-\[71px\] {
        padding-top: 71px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:\!text-14 {
        font-size: 14px !important
    }

    .xl\:\!text-16 {
        font-size: 16px !important
    }

    .xl\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .xl\:\!text-\[34px\] {
        font-size: 34px !important
    }

    .xl\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .xl\:text-14 {
        font-size: 14px
    }

    .xl\:text-16 {
        font-size: 16px
    }

    .xl\:text-18 {
        font-size: 18px
    }

    .xl\:text-20 {
        font-size: 20px
    }

    .xl\:text-24 {
        font-size: 24px
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .xl\:text-34 {
        font-size: 34px
    }

    .xl\:text-40 {
        font-size: 40px
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-\[14px\] {
        font-size: 14px
    }

    .xl\:text-\[15px\] {
        font-size: 15px
    }

    .xl\:text-\[16px\] {
        font-size: 16px
    }

    .xl\:text-\[18px\] {
        font-size: 18px
    }

    .xl\:text-\[19px\] {
        font-size: 19px
    }

    .xl\:text-\[20px\] {
        font-size: 20px
    }

    .xl\:text-\[22px\] {
        font-size: 22px
    }

    .xl\:text-\[24px\] {
        font-size: 24px
    }

    .xl\:text-\[27px\] {
        font-size: 27px
    }

    .xl\:text-\[28px\] {
        font-size: 28px
    }

    .xl\:text-\[30px\] {
        font-size: 30px
    }

    .xl\:text-\[34px\] {
        font-size: 34px
    }

    .xl\:text-\[40px\] {
        font-size: 40px
    }

    .xl\:text-\[48px\] {
        font-size: 48px
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .xl\:\!leading-\[1\.1\] {
        line-height: 1.1 !important
    }

    .xl\:\!leading-\[1\.2\] {
        line-height: 1.2 !important
    }

    .xl\:\!leading-\[22px\] {
        line-height: 22px !important
    }

    .xl\:leading-1\.1 {
        line-height: 110%
    }

    .xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .xl\:leading-\[1\.5\] {
        line-height: 1.5
    }

    .xl\:leading-\[14px\] {
        line-height: 14px
    }

    .xl\:leading-\[16px\] {
        line-height: 16px
    }

    .xl\:leading-\[22\.4px\] {
        line-height: 22.4px
    }

    .xl\:leading-\[30px\] {
        line-height: 30px
    }

    .xl\:leading-\[36px\] {
        line-height: 36px
    }

    .xl\:tracking-\[2px\] {
        letter-spacing: 2px
    }

    .xl\:text-\[var\(--notice-color\2c \#573B00\)\] {
        color: var(--notice-color, #573b00)
    }

    .xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .xl\:text-bbl-grey-9 {
        color: var(--bbl-grey-9)
    }

    .xl\:text-bbl-white {
        color: var(--bbl-white)
    }

    .xl\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .xl\:shadow-none,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .xl\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .xl\:subtitle-2-bold {
        font-weight: 700;
        font-size: 18px;
        line-height: 120%
    }

    @media (min-width:768px) {
        .xl\:subtitle-2-bold {
            font-size: 24px
        }
    }

    .xl\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .xl\:after\:bottom-0:after {
        content: var(--tw-content);
        bottom: 0
    }

    .xl\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .xl\:after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .xl\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .xl\:after\:bg-\[\#D9D9D9\]:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .xl\:after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .xl\:hover\:font-bold:hover {
        font-weight: 700
    }

    .xl\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .group:hover .xl\:group-hover\:stroke-grey-2 {
        stroke: #f5f5f5
    }

    .group:hover .xl\:group-hover\:stroke-white {
        stroke: #fff
    }
}

@media (min-width:1440px) {
    .\32xl\:bottom-4 {
        bottom: 1rem
    }

    .\32xl\:bottom-6 {
        bottom: 1.5rem
    }

    .\32xl\:bottom-\[32px\] {
        bottom: 32px
    }

    .\32xl\:bottom-\[36px\] {
        bottom: 36px
    }

    .\32xl\:left-0 {
        left: 0
    }

    .\32xl\:left-6 {
        left: 1.5rem
    }

    .\32xl\:left-\[32px\] {
        left: 32px
    }

    .\32xl\:right-12 {
        right: 3rem
    }

    .\32xl\:right-\[152px\] {
        right: 152px
    }

    .\32xl\:right-\[24px\] {
        right: 24px
    }

    .\32xl\:right-\[32px\] {
        right: 32px
    }

    .\32xl\:top-1\/2 {
        top: 50%
    }

    .\32xl\:top-12 {
        top: 3rem
    }

    .\32xl\:top-\[100px\] {
        top: 100px
    }

    .\32xl\:top-\[232px\] {
        top: 232px
    }

    .\32xl\:top-\[24px\] {
        top: 24px
    }

    .\32xl\:m-8 {
        margin: 2rem
    }

    .\32xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .\32xl\:my-\[17px\] {
        margin-top: 17px;
        margin-bottom: 17px
    }

    .\32xl\:my-\[18px\] {
        margin-top: 18px;
        margin-bottom: 18px
    }

    .\32xl\:my-\[20px\] {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .\32xl\:my-\[8px\] {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .\32xl\:mb-4 {
        margin-bottom: 1rem
    }

    .\32xl\:mb-8 {
        margin-bottom: 2rem
    }

    .\32xl\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .\32xl\:mb-\[160px\] {
        margin-bottom: 160px
    }

    .\32xl\:mb-\[16px\] {
        margin-bottom: 16px
    }

    .\32xl\:mb-\[200px\] {
        margin-bottom: 200px
    }

    .\32xl\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .\32xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .\32xl\:mb-\[32px\] {
        margin-bottom: 32px
    }

    .\32xl\:mb-\[60px\] {
        margin-bottom: 60px
    }

    .\32xl\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .\32xl\:mb-\[8px\] {
        margin-bottom: 8px
    }

    .\32xl\:ml-\[16px\] {
        margin-left: 16px
    }

    .\32xl\:ml-\[360px\] {
        margin-left: 360px
    }

    .\32xl\:ml-\[60px\] {
        margin-left: 60px
    }

    .\32xl\:mr-\[24px\] {
        margin-right: 24px
    }

    .\32xl\:mr-\[60px\] {
        margin-right: 60px
    }

    .\32xl\:mt-0 {
        margin-top: 0
    }

    .\32xl\:mt-\[-140px\] {
        margin-top: -140px
    }

    .\32xl\:mt-\[-80px\] {
        margin-top: -80px
    }

    .\32xl\:mt-\[12px\] {
        margin-top: 12px
    }

    .\32xl\:mt-\[140px\] {
        margin-top: 140px
    }

    .\32xl\:mt-\[15px\] {
        margin-top: 15px
    }

    .\32xl\:mt-\[160px\] {
        margin-top: 160px
    }

    .\32xl\:mt-\[16px\] {
        margin-top: 16px
    }

    .\32xl\:mt-\[240px\] {
        margin-top: 240px
    }

    .\32xl\:mt-\[24px\] {
        margin-top: 24px
    }

    .\32xl\:mt-\[32px\] {
        margin-top: 32px
    }

    .\32xl\:mt-\[60px\] {
        margin-top: 60px
    }

    .\32xl\:mt-\[80px\] {
        margin-top: 80px
    }

    .\32xl\:block {
        display: block
    }

    .\32xl\:hidden {
        display: none
    }

    .\32xl\:\!h-\[248px\] {
        height: 248px !important
    }

    .\32xl\:\!h-\[430px\] {
        height: 430px !important
    }

    .\32xl\:\!h-\[480px\] {
        height: 480px !important
    }

    .\32xl\:\!h-\[500px\] {
        height: 500px !important
    }

    .\32xl\:\!h-\[520px\] {
        height: 520px !important
    }

    .\32xl\:\!h-\[528px\] {
        height: 528px !important
    }

    .\32xl\:\!h-\[550px\] {
        height: 550px !important
    }

    .\32xl\:\!h-\[675px\] {
        height: 675px !important
    }

    .\32xl\:\!h-\[676px\] {
        height: 676px !important
    }

    .\32xl\:\!h-\[703px\] {
        height: 703px !important
    }

    .\32xl\:\!h-\[800px\] {
        height: 800px !important
    }

    .\32xl\:\!h-\[calc\(100dvh-240px\)\] {
        height: calc(100dvh - 240px) !important
    }

    .\32xl\:h-10 {
        height: 2.5rem
    }

    .\32xl\:h-9 {
        height: 2.25rem
    }

    .\32xl\:h-\[100px\] {
        height: 100px
    }

    .\32xl\:h-\[107px\] {
        height: 107px
    }

    .\32xl\:h-\[1080px\] {
        height: 1080px
    }

    .\32xl\:h-\[110px\] {
        height: 110px
    }

    .\32xl\:h-\[12px\] {
        height: 12px
    }

    .\32xl\:h-\[140px\] {
        height: 140px
    }

    .\32xl\:h-\[164px\] {
        height: 164px
    }

    .\32xl\:h-\[166px\] {
        height: 166px
    }

    .\32xl\:h-\[184px\] {
        height: 184px
    }

    .\32xl\:h-\[18px\] {
        height: 18px
    }

    .\32xl\:h-\[200px\] {
        height: 200px
    }

    .\32xl\:h-\[220px\] {
        height: 220px
    }

    .\32xl\:h-\[250px\] {
        height: 250px
    }

    .\32xl\:h-\[260px\] {
        height: 260px
    }

    .\32xl\:h-\[278px\] {
        height: 278px
    }

    .\32xl\:h-\[282px\] {
        height: 282px
    }

    .\32xl\:h-\[28px\] {
        height: 28px
    }

    .\32xl\:h-\[300px\] {
        height: 300px
    }

    .\32xl\:h-\[319px\] {
        height: 319px
    }

    .\32xl\:h-\[320px\] {
        height: 320px
    }

    .\32xl\:h-\[335px\] {
        height: 335px
    }

    .\32xl\:h-\[360px\] {
        height: 360px
    }

    .\32xl\:h-\[36px\] {
        height: 36px
    }

    .\32xl\:h-\[37px\] {
        height: 37px
    }

    .\32xl\:h-\[393px\] {
        height: 393px
    }

    .\32xl\:h-\[400px\] {
        height: 400px
    }

    .\32xl\:h-\[40px\] {
        height: 40px
    }

    .\32xl\:h-\[412px\] {
        height: 412px
    }

    .\32xl\:h-\[420px\] {
        height: 420px
    }

    .\32xl\:h-\[42px\] {
        height: 42px
    }

    .\32xl\:h-\[430px\] {
        height: 430px
    }

    .\32xl\:h-\[440px\] {
        height: 440px
    }

    .\32xl\:h-\[450px\] {
        height: 450px
    }

    .\32xl\:h-\[460px\] {
        height: 460px
    }

    .\32xl\:h-\[480px\] {
        height: 480px
    }

    .\32xl\:h-\[500px\] {
        height: 500px
    }

    .\32xl\:h-\[520px\] {
        height: 520px
    }

    .\32xl\:h-\[531px\] {
        height: 531px
    }

    .\32xl\:h-\[536px\] {
        height: 536px
    }

    .\32xl\:h-\[540px\] {
        height: 540px
    }

    .\32xl\:h-\[55px\] {
        height: 55px
    }

    .\32xl\:h-\[560px\] {
        height: 560px
    }

    .\32xl\:h-\[585px\] {
        height: 585px
    }

    .\32xl\:h-\[588px\] {
        height: 588px
    }

    .\32xl\:h-\[600px\] {
        height: 600px
    }

    .\32xl\:h-\[638px\] {
        height: 638px
    }

    .\32xl\:h-\[64px\] {
        height: 64px
    }

    .\32xl\:h-\[654px\] {
        height: 654px
    }

    .\32xl\:h-\[660px\] {
        height: 660px
    }

    .\32xl\:h-\[675px\] {
        height: 675px
    }

    .\32xl\:h-\[692px\] {
        height: 692px
    }

    .\32xl\:h-\[700px\] {
        height: 700px
    }

    .\32xl\:h-\[730px\] {
        height: 730px
    }

    .\32xl\:h-\[800px\] {
        height: 800px
    }

    .\32xl\:h-\[884px\] {
        height: 884px
    }

    .\32xl\:h-\[900px\] {
        height: 900px
    }

    .\32xl\:h-\[92px\] {
        height: 92px
    }

    .\32xl\:\!max-h-\[840px\] {
        max-height: 840px !important
    }

    .\32xl\:max-h-\[840px\] {
        max-height: 840px
    }

    .\32xl\:min-h-\[109px\] {
        min-height: 109px
    }

    .\32xl\:min-h-\[126px\] {
        min-height: 126px
    }

    .\32xl\:min-h-\[30px\] {
        min-height: 30px
    }

    .\32xl\:min-h-\[464px\] {
        min-height: 464px
    }

    .\32xl\:min-h-\[480px\] {
        min-height: 480px
    }

    .\32xl\:min-h-\[536px\] {
        min-height: 536px
    }

    .\32xl\:\!w-\[1200px\] {
        width: 1200px !important
    }

    .\32xl\:\!w-\[1280px\] {
        width: 1280px !important
    }

    .\32xl\:\!w-\[282px\] {
        width: 282px !important
    }

    .\32xl\:\!w-\[595px\] {
        width: 595px !important
    }

    .\32xl\:\!w-\[690px\] {
        width: 690px !important
    }

    .\32xl\:\!w-\[789px\] {
        width: 789px !important
    }

    .\32xl\:\!w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px) !important
    }

    .\32xl\:w-10 {
        width: 2.5rem
    }

    .\32xl\:w-9 {
        width: 2.25rem
    }

    .\32xl\:w-\[1068px\] {
        width: 1068px
    }

    .\32xl\:w-\[110px\] {
        width: 110px
    }

    .\32xl\:w-\[1200px\] {
        width: 1200px
    }

    .\32xl\:w-\[126px\] {
        width: 126px
    }

    .\32xl\:w-\[1280px\] {
        width: 1280px
    }

    .\32xl\:w-\[128px\] {
        width: 128px
    }

    .\32xl\:w-\[12px\] {
        width: 12px
    }

    .\32xl\:w-\[1330px\] {
        width: 1330px
    }

    .\32xl\:w-\[140px\] {
        width: 140px
    }

    .\32xl\:w-\[164px\] {
        width: 164px
    }

    .\32xl\:w-\[180px\] {
        width: 180px
    }

    .\32xl\:w-\[220px\] {
        width: 220px
    }

    .\32xl\:w-\[282px\] {
        width: 282px
    }

    .\32xl\:w-\[290px\] {
        width: 290px
    }

    .\32xl\:w-\[382px\] {
        width: 382px
    }

    .\32xl\:w-\[384px\] {
        width: 384px
    }

    .\32xl\:w-\[400px\] {
        width: 400px
    }

    .\32xl\:w-\[407px\] {
        width: 407px
    }

    .\32xl\:w-\[46px\] {
        width: 46px
    }

    .\32xl\:w-\[486px\] {
        width: 486px
    }

    .\32xl\:w-\[500px\] {
        width: 500px
    }

    .\32xl\:w-\[501px\] {
        width: 501px
    }

    .\32xl\:w-\[519px\] {
        width: 519px
    }

    .\32xl\:w-\[524px\] {
        width: 524px
    }

    .\32xl\:w-\[544px\] {
        width: 544px
    }

    .\32xl\:w-\[588px\] {
        width: 588px
    }

    .\32xl\:w-\[632px\] {
        width: 632px
    }

    .\32xl\:w-\[64px\] {
        width: 64px
    }

    .\32xl\:w-\[690px\] {
        width: 690px
    }

    .\32xl\:w-\[704px\] {
        width: 704px
    }

    .\32xl\:w-\[786px\] {
        width: 786px
    }

    .\32xl\:w-\[788px\] {
        width: 788px
    }

    .\32xl\:w-\[789px\] {
        width: 789px
    }

    .\32xl\:w-\[792px\] {
        width: 792px
    }

    .\32xl\:w-\[960px\] {
        width: 960px
    }

    .\32xl\:w-\[996px\] {
        width: 996px
    }

    .\32xl\:w-\[calc\(100\%-282px\)\] {
        width: calc(100% - 282px)
    }

    .\32xl\:w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px)
    }

    .\32xl\:w-\[fit-content\] {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .\32xl\:min-w-\[151px\] {
        min-width: 151px
    }

    .\32xl\:min-w-\[180px\] {
        min-width: 180px
    }

    .\32xl\:min-w-\[212px\] {
        min-width: 212px
    }

    .\32xl\:min-w-\[282px\] {
        min-width: 282px
    }

    .\32xl\:min-w-\[304px\] {
        min-width: 304px
    }

    .\32xl\:min-w-\[320px\] {
        min-width: 320px
    }

    .\32xl\:min-w-\[40px\] {
        min-width: 40px
    }

    .\32xl\:min-w-\[45px\] {
        min-width: 45px
    }

    .\32xl\:min-w-\[690px\] {
        min-width: 690px
    }

    .\32xl\:max-w-\[1176px\] {
        max-width: 1176px
    }

    .\32xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .\32xl\:max-w-\[1224px\] {
        max-width: 1224px
    }

    .\32xl\:max-w-\[1296px\] {
        max-width: 1296px
    }

    .\32xl\:max-w-\[1330px\] {
        max-width: 1330px
    }

    .\32xl\:max-w-\[180px\] {
        max-width: 180px
    }

    .\32xl\:max-w-\[232px\] {
        max-width: 232px
    }

    .\32xl\:max-w-\[244px\] {
        max-width: 244px
    }

    .\32xl\:max-w-\[290px\] {
        max-width: 290px
    }

    .\32xl\:max-w-\[362px\] {
        max-width: 362px
    }

    .\32xl\:max-w-\[486px\] {
        max-width: 486px
    }

    .\32xl\:max-w-\[524px\] {
        max-width: 524px
    }

    .\32xl\:max-w-\[556px\] {
        max-width: 556px
    }

    .\32xl\:max-w-\[560px\] {
        max-width: 560px
    }

    .\32xl\:max-w-\[588px\] {
        max-width: 588px
    }

    .\32xl\:max-w-\[996px\] {
        max-width: 996px
    }

    .\32xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .\32xl\:-translate-y-1\/2,
    .\32xl\:translate-x-0 {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .\32xl\:translate-x-\[-30\%\] {
        --tw-translate-x: -30%
    }

    .\32xl\:translate-x-\[-30\%\],
    .\32xl\:translate-x-\[30\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:translate-x-\[30\%\] {
        --tw-translate-x: 30%
    }

    .\32xl\:scale-100,
    .\32xl\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:scroll-mt-\[134px\] {
        scroll-margin-top: 134px
    }

    .\32xl\:scroll-pl-\[360px\] {
        scroll-padding-left: 360px
    }

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

    .\32xl\:grid-cols-\[1fr\2c 690px\] {
        grid-template-columns: 1fr 690px
    }

    .\32xl\:grid-cols-\[690px\2c 1fr\] {
        grid-template-columns: 690px 1fr
    }

    .\32xl\:grid-cols-\[repeat\(5\2c _minmax\(180px\2c 1fr\)\)\] {
        grid-template-columns: repeat(5, minmax(180px, 1fr))
    }

    .\32xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .\32xl\:items-end {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .\32xl\:gap-3 {
        gap: .75rem
    }

    .\32xl\:gap-6 {
        gap: 1.5rem
    }

    .\32xl\:gap-\[100px\] {
        gap: 100px
    }

    .\32xl\:gap-\[10px\] {
        gap: 10px
    }

    .\32xl\:gap-\[126px\] {
        gap: 126px
    }

    .\32xl\:gap-\[140px\] {
        gap: 140px
    }

    .\32xl\:gap-\[160px\] {
        gap: 160px
    }

    .\32xl\:gap-\[16px\] {
        gap: 16px
    }

    .\32xl\:gap-\[200px\] {
        gap: 200px
    }

    .\32xl\:gap-\[240px\] {
        gap: 240px
    }

    .\32xl\:gap-\[24px\] {
        gap: 24px
    }

    .\32xl\:gap-\[36px\] {
        gap: 36px
    }

    .\32xl\:gap-\[40px\] {
        gap: 40px
    }

    .\32xl\:gap-\[4px\] {
        gap: 4px
    }

    .\32xl\:gap-\[5px\] {
        gap: 5px
    }

    .\32xl\:gap-\[8px\] {
        gap: 8px
    }

    .\32xl\:gap-x-6 {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .\32xl\:gap-y-8 {
        row-gap: 2rem
    }

    .\32xl\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .\32xl\:space-y-\[24px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(24px * var(--tw-space-y-reverse))
    }

    .\32xl\:rounded-\[7px\] {
        border-radius: 7px
    }

    .\32xl\:bg-bbl-brand-green {
        background-color: var(--bbl-brand-green)
    }

    .\32xl\:bg-bbl-grey-2 {
        background-color: var(--bbl-grey-2)
    }

    .\32xl\:object-center {
        object-position: center
    }

    .\32xl\:p-\[16px\] {
        padding: 16px
    }

    .\32xl\:p-\[24px\] {
        padding: 24px
    }

    .\32xl\:p-\[30px\] {
        padding: 30px
    }

    .\32xl\:p-\[8px\] {
        padding: 8px
    }

    .\32xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .\32xl\:px-\[124px\] {
        padding-left: 124px;
        padding-right: 124px
    }

    .\32xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .\32xl\:px-\[25px\] {
        padding-left: 25px;
        padding-right: 25px
    }

    .\32xl\:px-\[28px\] {
        padding-left: 28px;
        padding-right: 28px
    }

    .\32xl\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .\32xl\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .\32xl\:px-\[360px\] {
        padding-left: 360px;
        padding-right: 360px
    }

    .\32xl\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .\32xl\:px-\[calc\(50vw-24px-384px-192px\)\] {
        padding-left: calc(50vw - 24px - 384px - 192px);
        padding-right: calc(50vw - 24px - 384px - 192px)
    }

    .\32xl\:py-\[100px\] {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .\32xl\:py-\[140px\] {
        padding-top: 140px;
        padding-bottom: 140px
    }

    .\32xl\:py-\[15px\] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .\32xl\:py-\[160px\] {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .\32xl\:py-\[200px\] {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .\32xl\:py-\[240px\] {
        padding-top: 240px;
        padding-bottom: 240px
    }

    .\32xl\:py-\[24px\] {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .\32xl\:py-\[28px\] {
        padding-top: 28px;
        padding-bottom: 28px
    }

    .\32xl\:py-\[29px\] {
        padding-top: 29px;
        padding-bottom: 29px
    }

    .\32xl\:py-\[32px\] {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .\32xl\:py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .\32xl\:py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .\32xl\:py-\[8px\] {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .\32xl\:pb-\[160px\] {
        padding-bottom: 160px
    }

    .\32xl\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .\32xl\:pb-\[240px\] {
        padding-bottom: 240px
    }

    .\32xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .\32xl\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .\32xl\:pb-\[8px\] {
        padding-bottom: 8px
    }

    .\32xl\:pl-\[20\%\] {
        padding-left: 20%
    }

    .\32xl\:pl-\[24px\] {
        padding-left: 24px
    }

    .\32xl\:pl-\[40px\] {
        padding-left: 40px
    }

    .\32xl\:pt-8 {
        padding-top: 2rem
    }

    .\32xl\:pt-\[160px\] {
        padding-top: 160px
    }

    .\32xl\:pt-\[16px\] {
        padding-top: 16px
    }

    .\32xl\:pt-\[20px\] {
        padding-top: 20px
    }

    .\32xl\:pt-\[76px\] {
        padding-top: 76px
    }

    .\32xl\:text-left {
        text-align: left
    }

    .\32xl\:\!text-\[30px\] {
        font-size: 30px !important
    }

    .\32xl\:\!text-\[48px\] {
        font-size: 48px !important
    }

    .\32xl\:text-18 {
        font-size: 18px
    }

    .\32xl\:text-24 {
        font-size: 24px
    }

    .\32xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .\32xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .\32xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .\32xl\:text-\[14px\] {
        font-size: 14px
    }

    .\32xl\:text-\[16px\] {
        font-size: 16px
    }

    .\32xl\:text-\[18px\] {
        font-size: 18px
    }

    .\32xl\:text-\[20px\] {
        font-size: 20px
    }

    .\32xl\:text-\[22px\] {
        font-size: 22px
    }

    .\32xl\:text-\[24px\] {
        font-size: 24px
    }

    .\32xl\:text-\[32px\] {
        font-size: 32px
    }

    .\32xl\:text-\[34px\] {
        font-size: 34px
    }

    .\32xl\:text-\[40px\] {
        font-size: 40px
    }

    .\32xl\:text-\[48px\] {
        font-size: 48px
    }

    .\32xl\:text-\[60px\] {
        font-size: 60px
    }

    .\32xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .\32xl\:leading-\[1\.1\] {
        line-height: 1.1
    }

    .\32xl\:leading-\[1\.2\] {
        line-height: 1.2
    }

    .\32xl\:leading-\[1\.3\] {
        line-height: 1.3
    }

    .\32xl\:leading-\[1\.4\] {
        line-height: 1.4
    }

    .\32xl\:leading-\[16px\] {
        line-height: 16px
    }

    .\32xl\:leading-\[18px\] {
        line-height: 18px
    }

    .\32xl\:leading-\[21px\] {
        line-height: 21px
    }

    .\32xl\:leading-\[23\.4px\] {
        line-height: 23.4px
    }

    .\32xl\:leading-\[40\.8px\] {
        line-height: 40.8px
    }

    .\32xl\:text-bbl-grey-10 {
        color: var(--bbl-grey-10)
    }

    .\32xl\:text-bbl-white {
        color: var(--bbl-white)
    }
}

.\[\&\:first-child\]\:mt-8:first-child {
    margin-top: 2rem
}

.\[\&\:hover\]\:bg-button-brand-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 135 51/var(--tw-bg-opacity, 1))
}

.\[\&\>div\]\:bg-\[\#FFBDA1\]>div {
    --tw-bg-opacity: 1;
    background-color: rgb(255 189 161/var(--tw-bg-opacity, 1))
}

.\[\&\>span\]\:line-clamp-1>span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.\[\&\>span\]\:text-center>span {
    text-align: center
}

.\[\&\>svg\]\:size-3\.5>svg {
    width: .875rem;
    height: .875rem
}

.\[\&\>table\>tbody\>tr\>td\]\:border>table>tbody>tr>td {
    border-width: 1px
}

.\[\&\>table\>tbody\>tr\>td\]\:border-\[\#d9d9d9\]>table>tbody>tr>td {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.\[\&\>table\>tbody\>tr\>td\]\:border-grey-5>table>tbody>tr>td {
    --tw-border-opacity: 1;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.\[\&\>table\>tbody\>tr\>td\]\:px-\[8px\]>table>tbody>tr>td {
    padding-left: 8px;
    padding-right: 8px
}

.\[\&\>table\>tbody\>tr\>td\]\:py-\[10px\]>table>tbody>tr>td {
    padding-top: 10px;
    padding-bottom: 10px
}

.\[\&\>table\>tbody\]\:bg-grey-1>table>tbody {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.\[\&\>table\>tbody\]\:text-grey-10>table>tbody {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.\[\&\>table\>tbody_td\]\:border>table>tbody td {
    border-width: 1px
}

.\[\&\>table\>thead\>tr\>td\]\:w-1\/2>table>thead>tr>td {
    width: 50%
}

.\[\&\>table\>thead\>tr\>td\]\:border>table>thead>tr>td {
    border-width: 1px
}

.\[\&\>table\>thead\>tr\>td\]\:border-solid>table>thead>tr>td {
    border-style: solid
}

.\[\&\>table\>thead\>tr\>td\]\:border-\[\#d9d9d9\]>table>thead>tr>td {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.\[\&\>table\>thead\>tr\>td\]\:border-grey-5>table>thead>tr>td {
    --tw-border-opacity: 1;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.\[\&\>table\>thead\>tr\>td\]\:py-3>table>thead>tr>td {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.\[\&\>table\>thead\>tr\>th\]\:w-1\/2>table>thead>tr>th {
    width: 50%
}

.\[\&\>table\>thead\>tr\>th\]\:border>table>thead>tr>th {
    border-width: 1px
}

.\[\&\>table\>thead\>tr\>th\]\:border-solid>table>thead>tr>th {
    border-style: solid
}

.\[\&\>table\>thead\>tr\>th\]\:border-\[\#d9d9d9\]>table>thead>tr>th {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.\[\&\>table\>thead\>tr\>th\]\:border-grey-5>table>thead>tr>th {
    --tw-border-opacity: 1;
    border-color: rgb(189 189 189/var(--tw-border-opacity, 1))
}

.\[\&\>table\>thead\>tr\>th\]\:py-3>table>thead>tr>th {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.\[\&\>table\>thead\>tr\]\:border>table>thead>tr {
    border-width: 1px
}

.\[\&\>table\>thead\>tr\]\:bg-grey-10>table>thead>tr {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
}

.\[\&\>table\>thead\>tr\]\:text-grey-2>table>thead>tr {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.\[\&\>table\]\:\!w-\[720px\]>table {
    width: 720px !important
}

.\[\&\>table\]\:w-full>table {
    width: 100%
}

.\[\&\>table\]\:border-collapse>table {
    border-collapse: collapse
}

.\[\&\>table\]\:text-center>table {
    text-align: center
}

@media (min-width:768px) {
    .lg\:\[\&\>table\]\:\!w-full>table {
        width: 100% !important
    }
}

.\[\&\>table_td\]\:\!border-\[\#D9D9D9\]>table td {
    --tw-border-opacity: 1 !important;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1)) !important
}

.\[\&\>td\]\:border>td {
    border-width: 1px
}

.\[\&\>th\]\:py-\[10px\]>th {
    padding-top: 10px;
    padding-bottom: 10px
}

.\[\&\>th\]\:text-grey-2>th {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.\[\&_\*\]\:\!m-0 * {
    margin: 0 !important
}

.\[\&_\*\]\:\!h-full * {
    height: 100% !important
}

.\[\&_\*\]\:\!whitespace-normal * {
    white-space: normal !important
}

.\[\&_\*\]\:\!rounded-\[50px\] * {
    border-radius: 50px !important
}

.\[\&_\.anchor-item\]\:\!bg-\[\#FFF9F5\] .anchor-item {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 249 245/var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.ant-anchor\]\:gap-\[24px\] .ant-anchor {
    gap: 24px
}

.\[\&_\.ant-anchor\]\:\!px-\[24px\] .ant-anchor {
    padding-left: 24px !important;
    padding-right: 24px !important
}

@media (min-width:1025px) {
    .xl\:\[\&_\.ant-anchor\]\:gap-\[60px\] .ant-anchor {
        gap: 60px
    }
}

.\[\&_\.ant-progress-bg\]\:\!h-\[6px\] .ant-progress-bg {
    height: 6px !important
}

@media (min-width:1025px) {
    .xl\:\[\&_\.ant-progress-bg\]\:\!h-\[10px\] .ant-progress-bg {
        height: 10px !important
    }
}

.\[\&_\.ant-tabs-nav-list\]\:\!gap-\[16px\] .ant-tabs-nav-list {
    gap: 16px !important
}

@media (min-width:1440px) {
    .\32xl\:\[\&_\.ant-tabs-nav-list\]\:\!gap-\[24px\] .ant-tabs-nav-list {
        gap: 24px !important
    }
}

.\[\&_\.ant-tabs-nav\]\:\!mb-\[24px\] .ant-tabs-nav {
    margin-bottom: 24px !important
}

@media (min-width:1440px) {
    .\32xl\:\[\&_\.ant-tabs-nav\]\:\!mb-\[32px\] .ant-tabs-nav {
        margin-bottom: 32px !important
    }

    .\32xl\:\[\&_\.ant-tabs-nav\]\:\!mb-\[40px\] .ant-tabs-nav {
        margin-bottom: 40px !important
    }
}

.\[\&_\.ant-typography-copy-success\]\:\!text-\[\#9E9E9E\] .ant-typography-copy-success {
    --tw-text-opacity: 1 !important;
    color: rgb(158 158 158/var(--tw-text-opacity, 1)) !important
}

.\[\&_\.ant-typography-copy-success\]\:\!no-underline .ant-typography-copy-success {
    -moz-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.\[\&_\.collapsible-icon\]\:text-\[\#888787\] .collapsible-icon {
    --tw-text-opacity: 1;
    color: rgb(136 135 135/var(--tw-text-opacity, 1))
}

.\[\&_\.main-img\]\:h-\[145px\] .main-img {
    height: 145px
}

.\[\&_\.main-img\]\:h-full .main-img {
    height: 100%
}

.\[\&_\.main-img\]\:w-full .main-img {
    width: 100%
}

@media (min-width:768px) {
    .lg\:\[\&_\.main-img\]\:h-\[200px\] .main-img {
        height: 200px
    }
}

@media (min-width:1025px) {
    .xl\:\[\&_\.main-img\]\:h-\[280px\] .main-img {
        height: 280px
    }
}

@media (min-width:1440px) {
    .\32xl\:\[\&_\.main-img\]\:h-\[330px\] .main-img {
        height: 330px
    }
}

.\[\&_\.swiper-button-next\]\:hidden .swiper-button-next,
.\[\&_\.swiper-button-prev\]\:hidden .swiper-button-prev {
    display: none
}

.\[\&_\.swiper-pagination-bullet-active\]\:\!w-\[40px\] .swiper-pagination-bullet-active {
    width: 40px !important
}

.\[\&_\.swiper-pagination-bullet-active\]\:\!bg-\[\#000\] .swiper-pagination-bullet-active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.swiper-pagination-bullet-active\]\:\!bg-\[\#F5F5F5\] .swiper-pagination-bullet-active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1)) !important
}

.\[\&_\.swiper-pagination-bullet-active\]\:\!bg-bbl-grey-2 .swiper-pagination-bullet-active {
    background-color: var(--bbl-grey-2) !important
}

.\[\&_\.swiper-pagination-bullet\]\:w-\[6px\] .swiper-pagination-bullet {
    width: 6px
}

.\[\&_\.swiper-pagination-bullet\]\:bg-\[\#0000004D\] .swiper-pagination-bullet {
    background-color: #0000004d
}

.\[\&_\.swiper-pagination-bullet\]\:bg-\[\#ABABAB\] .swiper-pagination-bullet {
    --tw-bg-opacity: 1;
    background-color: rgb(171 171 171/var(--tw-bg-opacity, 1))
}

.\[\&_\.swiper-pagination-bullet\]\:bg-bbl-grey-6 .swiper-pagination-bullet {
    background-color: var(--bbl-grey-6)
}

@media (min-width:768px) {
    .lg\:\[\&_\.swiper-pagination-bullet\]\:w-\[8px\] .swiper-pagination-bullet {
        width: 8px
    }
}

.\[\&_\.swiper-pagination\]\:left-0 .swiper-pagination {
    left: 0
}

.\[\&_\.swiper-pagination\]\:translate-x-\[var\(--swiper-pagination-offset\2c 0\)\] .swiper-pagination {
    --tw-translate-x: var(--swiper-pagination-offset, 0)
}

.\[\&_\.swiper-pagination\]\:transform .swiper-pagination,
.\[\&_\.swiper-pagination\]\:translate-x-\[var\(--swiper-pagination-offset\2c 0\)\] .swiper-pagination {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&_\.swiper-scrollbar-drag\]\:h-full .swiper-scrollbar-drag {
    height: 100%
}

.\[\&_\.swiper-scrollbar-drag\]\:rounded-\[20px\] .swiper-scrollbar-drag {
    border-radius: 20px
}

.\[\&_\.swiper-scrollbar-drag\]\:bg-\[\#919191\] .swiper-scrollbar-drag {
    --tw-bg-opacity: 1;
    background-color: rgb(145 145 145/var(--tw-bg-opacity, 1))
}

.\[\&_\.swiper-scrollbar\]\:mx-auto .swiper-scrollbar {
    margin-left: auto;
    margin-right: auto
}

.\[\&_\.swiper-scrollbar\]\:mt-\[16px\] .swiper-scrollbar {
    margin-top: 16px
}

.\[\&_\.swiper-scrollbar\]\:h-\[6px\] .swiper-scrollbar {
    height: 6px
}

.\[\&_\.swiper-scrollbar\]\:w-\[120px\] .swiper-scrollbar {
    width: 120px
}

.\[\&_\.swiper-scrollbar\]\:rounded-\[20px\] .swiper-scrollbar {
    border-radius: 20px
}

.\[\&_\.swiper-scrollbar\]\:bg-\[\#DDDDDD\] .swiper-scrollbar {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221/var(--tw-bg-opacity, 1))
}

@media (min-width:1025px) {
    .xl\:\[\&_\.swiper-scrollbar\]\:mt-\[24px\] .swiper-scrollbar {
        margin-top: 24px
    }

    .xl\:\[\&_\.swiper-scrollbar\]\:hidden .swiper-scrollbar {
        display: none
    }

    .xl\:\[\&_\.swiper-scrollbar\]\:w-\[180px\] .swiper-scrollbar {
        width: 180px
    }
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: .75rem;
    line-height: 1rem
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    font-weight: 500
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: hsl(var(--tw-muted-foreground))
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
    padding-top: 0
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: 1.25rem
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: 3rem
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: 1.25rem
}

.\[\&_a\]\:text-\[\#00AE42\] a {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-\[\#00CD0A\] a {
    --tw-text-opacity: 1;
    color: rgb(0 205 10/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-\[\#888787\] a {
    --tw-text-opacity: 1;
    color: rgb(136 135 135/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-\[\#DA8F0E\] a {
    --tw-text-opacity: 1;
    color: rgb(218 143 14/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-\[\#fff\] a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:underline a {
    -moz-text-decoration-line: underline;
    text-decoration-line: underline
}

.\[\&_a\]\:hover\:text-\[\#00AE42\]:hover a {
    --tw-text-opacity: 1;
    color: rgb(0 174 66/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:hover\:text-\[\#00CD0A\]:hover a {
    --tw-text-opacity: 1;
    color: rgb(0 205 10/var(--tw-text-opacity, 1))
}

.\[\&_button\]\:\!text-\[var\(--coupon-text-color-copy\2c \#007FF7\)\] button {
    color: var(--coupon-text-color-copy, #007ff7) !important
}

.\[\&_button\]\:\!underline button {
    -moz-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.group:hover .group-hover\:\[\&_circle\]\:stroke-\[\#0F172A\] circle {
    stroke: #0f172a
}

.\[\&_div\]\:rounded-\[6px\] div {
    border-radius: 6px
}

.\[\&_div\]\:bg-\[\#FFBA41\] div {
    --tw-bg-opacity: 1;
    background-color: rgb(255 186 65/var(--tw-bg-opacity, 1))
}

@media (min-width:1025px) {
    .xl\:\[\&_div\]\:bg-\[\#fff\] div {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }
}

.\[\&_img\]\:object-center img {
    object-position: center
}

@media (min-width:1025px) {
    .xl\:\[\&_img\]\:object-right img {
        object-position: right
    }
}

.\[\&_li\]\:marker\:text-\[12px\] * li::marker {
    font-size: 12px
}

.\[\&_li\]\:marker\:text-\[12px\] li::marker {
    font-size: 12px
}

.\[\&_path\]\:fill-bbl-grey-6 path {
    fill: var(--bbl-grey-6)
}

.\[\&_path\]\:stroke-referral-primary path {
    stroke: #393939
}

.group:hover .group-hover\:\[\&_path\]\:fill-\[\#0F172A\] path {
    fill: #0f172a
}

.\[\&_rect\]\:fill-bbl-grey-4 rect {
    fill: var(--bbl-grey-4)
}

.\[\&_rect\]\:fill-bbl-grey-7 rect {
    fill: var(--bbl-grey-7)
}

.\[\&_strong\]\:mb-\[9px\] strong {
    margin-bottom: 9px
}

.\[\&_strong\]\:mt-\[24px\] strong {
    margin-top: 24px
}

.\[\&_strong\]\:block strong {
    display: block
}

.\[\&_strong\]\:text-\[16px\] strong {
    font-size: 16px
}

.\[\&_strong\]\:leading-\[1\.3\] strong {
    line-height: 1.3
}

@media (min-width:1025px) {
    .xl\:\[\&_strong\]\:text-\[18px\] strong {
        font-size: 18px
    }
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    width: 1rem;
    height: 1rem
}

.\[\&_svg\]\:h-\[15px\] svg {
    height: 15px
}

.\[\&_svg\]\:h-\[16px\] svg {
    height: 16px
}

.\[\&_svg\]\:h-\[24px\] svg {
    height: 24px
}

.\[\&_svg\]\:w-\[15px\] svg {
    width: 15px
}

.\[\&_svg\]\:w-\[16px\] svg {
    width: 16px
}

.\[\&_svg\]\:w-\[24px\] svg {
    width: 24px
}

.\[\&_svg\]\:shrink-0 svg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.\[\&_svg\]\:fill-\[\#8E8D8D\] svg {
    fill: #8e8d8d
}

.\[\&_svg\]\:text-\[\#333\] svg {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.hover\:\[\&_svg\]\:fill-\[\#fff\] svg:hover {
    fill: #fff
}

@media (min-width:1025px) {
    .xl\:\[\&_svg\]\:h-\[28px\] svg {
        height: 28px
    }

    .xl\:\[\&_svg\]\:w-\[28px\] svg {
        width: 28px
    }
}

@media (min-width:1440px) {
    .\32xl\:\[\&_svg\]\:h-\[32px\] svg {
        height: 32px
    }

    .\32xl\:\[\&_svg\]\:w-\[32px\] svg {
        width: 32px
    }
}

.\[\&_td\]\:border td {
    border-width: 1px
}

.\[\&_td\]\:px-1 td {
    padding-left: .25rem;
    padding-right: .25rem
}

@media (min-width:1025px) {
    .xl\:\[\&_td\]\:px-2 td {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.\[\&_ul\]\:flex ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.\[\&_ul\]\:list-inside ul {
    list-style-position: inside
}

.\[\&_ul\]\:list-outside ul {
    list-style-position: outside
}

.\[\&_ul\]\:list-disc ul {
    list-style-type: disc
}

.\[\&_ul\]\:flex-col ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.\[\&_ul\]\:gap-y-2 ul {
    row-gap: .5rem
}

.\[\&_ul\]\:gap-y-4 ul {
    row-gap: 1rem
}

.\[\&_ul\]\:pl-6 ul {
    padding-left: 1.5rem
}

@media (min-width:1025px) {
    .xl\:\[\&_ul\]\:gap-y-4 ul {
        row-gap: 1rem
    }
}

@media(min-width:641px) {
    .\[\@media\(min-width\:641px\)\]\:pl-\[30px\] {
        padding-left: 30px
    }

    .\[\@media\(min-width\:641px\)\]\:pr-\[30px\] {
        padding-right: 30px
    }
}

*,


:root {
    --heading-font-family: inherit;
    --heading-font-weight: 500;
    --heading-font-style: normal;
    --text-font-family: inherit;
    --text-font-weight: 400;
    --text-font-style: normal;
    --base-text-font-size: 16px;
    --default-text-font-size: 14px;
    --background: #fff;
    --background-rgb: 255, 255, 255;
    --light-background: #fff;
    --light-background-rgb: 255, 255, 255;
    --heading-color: #1c1b1b;
    --text-color: #1c1b1b;
    --text-color-rgb: 28, 27, 27;
    --text-color-light: #6a6a6a;
    --text-color-light-rgb: 106, 106, 106;
    --link-color: #6a6a6a;
    --link-color-rgb: 106, 106, 106;
    --border-color: #ddd;
    --border-color-rgb: 221, 221, 221;
    --button-background: #1c1b1b;
    --button-background-rgb: 28, 27, 27;
    --button-text-color: #fff;
    --header-background: #fff;
    --header-heading-color: #1c1b1b;
    --header-light-text-color: #6a6a6a;
    --header-border-color: #ddd;
    --footer-background: #fff;
    --footer-text-color: #6a6a6a;
    --footer-heading-color: #1c1b1b;
    --footer-border-color: #e9e9e9;
    --navigation-background: #1c1b1b;
    --navigation-background-rgb: 28, 27, 27;
    --navigation-text-color: #fff;
    --navigation-text-color-light: hsla(0, 0%, 100%, .5);
    --navigation-border-color: hsla(0, 0%, 100%, .25);
    --newsletter-popup-background: #1c1b1b;
    --newsletter-popup-text-color: #fff;
    --newsletter-popup-text-color-rgb: 255, 255, 255;
    --secondary-elements-background: #1c1b1b;
    --secondary-elements-background-rgb: 28, 27, 27;
    --secondary-elements-text-color: #fff;
    --secondary-elements-text-color-light: hsla(0, 0%, 100%, .5);
    --secondary-elements-border-color: hsla(0, 0%, 100%, .25);
    --product-sale-price-color: #f94c43;
    --product-sale-price-color-rgb: 249, 76, 67;
    --product-star-rating: #f6a429;
    --payment-terms-background-color: #fff;
    --horizontal-spacing-four-products-per-row: 60px;
    --horizontal-spacing-two-products-per-row: 60px;
    --vertical-spacing-four-products-per-row: 60px;
    --vertical-spacing-two-products-per-row: 75px;
    --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1);
    --header-base-height: 80px;
    --cursor-zoom-in-svg: url(//store.bblcdn.com/static/cursor-zoom-in.svg?v=170532930330058140181686190567);
    --cursor-zoom-in-2x-svg: url(//store.bblcdn.com/static/cursor-zoom-in-2x.svg?v=56685658183649387561686190567);
    --ps-gradient-green: linear-gradient(180deg, #37cd00 12.1%, #8fff95)
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/6251b80b2d2b8d80-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/8eb5bfc5049cfd6a-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/c5176fd38e3e808a-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/4ea9d1efea78d6f3-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/1d08eac2f6425e85-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/1c2d8321dde5ecc8-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: __Manrope_ad096f;
    src: url(https://store-fe.bblcdn.com/store-static-us/_next/static/media/fa0617d1e5b76d3a-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

.__className_ad096f {
    font-family: __Manrope_ad096f
}

:root {
    --adm-radius-s: 1.07vw;
    --adm-radius-m: 2.13vw;
    --adm-radius-l: 3.2vw;
    --adm-font-size-1: 2.4vw;
    --adm-font-size-2: 2.67vw;
    --adm-font-size-3: 2.93vw;
    --adm-font-size-4: 3.2vw;
    --adm-font-size-5: 3.47vw;
    --adm-font-size-6: 3.73vw;
    --adm-font-size-7: 4vw;
    --adm-font-size-8: 4.27vw;
    --adm-font-size-9: 4.53vw;
    --adm-font-size-10: 4.8vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    background-color: var(--adm-color-background-body)
}



a,
button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * .53vw);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-dot-loading {
    display: inline-block
}

.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    z-index: var(--z-index);
    display: block
}

.adm-mask,
.adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-popup {
    --z-index: var(--adm-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-top .adm-popup-close-icon {
    right: 2.13vw;
    bottom: 2.13vw
}

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 2.13vw;
    top: 2.13vw
}

.adm-popup-close-icon {
    cursor: pointer;
    padding: 1.07vw;
    font-size: 4.8vw;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    max-width: 54.4vw;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2.13vw;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: initial
}

.adm-toast-mask .adm-toast-main-text {
    padding: 3.2vw;
    min-width: 0
}

.adm-toast-mask .adm-toast-main-icon {
    padding: 9.33vw 3.2vw;
    min-width: 40vw
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 2.13vw;
    font-size: 9.6vw;
    line-height: 1
}

.adm-toast-loading {
    --size: 12.8vw;
    margin: 0 auto 2.13vw
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 8.53vw;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-auto-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adm-auto-center-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.region-switch .flag,
.region-switch-list .flag {
    width: 18px;
    height: 12px;
    background-image: url(https://store.bblcdn.com/5190e489ac494a84b4567ed122526038.webp);
    background-repeat: no-repeat;
    background-position: -5px -5px;
    background-size: 312px 306px
}

.region-switch .flag-global,
.region-switch-list .flag-global {
    background-image: url(https://store.bblcdn.com/df09e5b7f75f4ec093434cac5fb2248f.webp);
    background-position: 50%;
    background-size: 18px 18px;
    height: 18px;
    width: 18px
}

.region-switch .flag-eu,
.region-switch-list .flag-eu {
    background-position: -99px -291px
}

.region-switch .flag-usa,
.region-switch-list .flag-usa {
    background-position: -219px -3px
}

.region-switch .flag-uk,
.region-switch-list .flag-uk {
    background-position: -243px -3px
}

.region-switch .flag-ca,
.region-switch-list .flag-ca {
    background-position: -219px -237px
}

.region-switch .flag-au,
.region-switch-list .flag-au {
    background-position: -171px -273px
}

.region-switch .flag-nz,
.region-switch-list .flag-nz {
    background-position: -219px -93px
}

.region-switch .flag-jp,
.region-switch-list .flag-jp {
    background-position: -75px -165px
}

.region-switch .flag-kr,
.region-switch-list .flag-kr {
    background-position: -219px -147px
}

.NavMenuMb_CollapsiblePlus__JxcLi:after,
.NavMenuMb_CollapsiblePlus__JxcLi:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: currentColor;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.NavMenuMb_CollapsiblePlus__JxcLi:before {
    width: 11px;
    height: 1px;
    opacity: 1
}

.NavMenuMb_CollapsiblePlus__JxcLi:after {
    width: 1px;
    height: 11px
}

.NavMenuMb_CollapsibleButtonOpen__gzo4d .NavMenuMb_CollapsiblePlus__JxcLi:after,
.NavMenuMb_CollapsibleButtonOpen__gzo4d .NavMenuMb_CollapsiblePlus__JxcLi:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.NavMenuMb_CollapsibleButtonOpen__gzo4d .NavMenuMb_CollapsiblePlus__JxcLi:before {
    opacity: 0
}

.NavMenuMb_CollapsiblePlus__JxcLi {
    position: absolute;
    right: 0;
    top: calc(50% - 5.5px);
    width: 11px;
    height: 11px
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .ProductItem__ImageWrapper--scale .AspectRatio {
        overflow: hidden
    }

    .ProductItem__ImageWrapper--scale:hover .ProductItem__Image {
        -webkit-animation: scaleBig .2s linear 1 forwards;
        animation: scaleBig .2s linear 1 forwards
    }

    .ProductItem__ImageWrapper--scale .ProductItem__Image {
        -webkit-animation: scale .2s linear 1 forwards;
        animation: scale .2s linear 1 forwards
    }

    @-webkit-keyframes scale {
        0% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes scale {
        0% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @-webkit-keyframes scaleBig {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
    }

    @keyframes scaleBig {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
    }
}

div.swatches li.swatch-view-item.swatch-item-unavailable div.star-set-image:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1.5px solid;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto
}

.storeFooter_Container__LmMPa {
    margin: 0 auto;
    padding: 0 24px
}

@media screen and (min-width: 641px) {
    .storeFooter_Container__LmMPa {
        padding: 0 50px
    }
}

.storeFooter_Footer__O3t99 {
    padding: 34px 0;
    background: var(--footer-background);
    color: var(--footer-text-color);
    border-top: 1px solid var(--border-color)
}

.storeFooter_FooterTitle__SIm5y,
.storeFooter_Footer__O3t99 .storeFooter_LinkPrimary__IQPoU:hover {
    color: var(--footer-heading-color)
}

.storeFooter_Footer__O3t99 .storeFooter_FormInput__hnNm3::-moz-placeholder {
    color: var(--footer-text-color)
}

.storeFooter_Footer__O3t99 .storeFooter_FormInput__hnNm3:-ms-input-placeholder {
    color: var(--footer-text-color)
}

.storeFooter_Footer__O3t99 .storeFooter_FormInput__hnNm3::-webkit-input-placeholder {
    color: var(--footer-text-color)
}

.storeFooter_Footer__O3t99 .storeFooter_FormInput__hnNm3::placeholder,
.storeFooter_Footer__O3t99 .storeFooter_Link--secondary__AzEFo:hover {
    color: var(--footer-text-color)
}

.storeFooter_FooterBlock__bFDzL {
    margin-top: 48px
}

.storeFooter_FooterBlock__bFDzL:first-child {
    margin-top: 0
}

.storeFooter_FooterTitle__SIm5y {
    margin-bottom: 20px
}

.storeFooter_FooterSocial__iU6s5 {
    margin-top: 5px
}

.storeFooter_FooterContent__J_Hvn {
    word-break: break-word
}

.storeFooter_FooterContent__J_Hvn+.storeFooter_FooterNewsletter__6M2P2 {
    margin-top: 18px
}

.storeFooter_FooterAside__ScVjg {
    text-align: center
}

.storeFooter_FooterInner__fCCNv+.storeFooter_FooterAside__ScVjg {
    margin-top: 65px
}

.storeFooter_FooterLocalizationForm__eGWhy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.storeFooter_FooterLocalizationItem__QJZgV+.storeFooter_FooterLocalizationItem__QJZgV {
    margin-left: 30px
}

.storeFooter_FooterThemeAuthor__GkaJN {
    margin-top: 4px
}

.storeFooter_FooterPaymentList__tXANf {
    margin: 54px auto 0;
    padding-top: 28px;
    border-top: 1px solid var(--footer-border-color)
}

.storeFooter_FooterPaymentList__tXANf svg {
    opacity: .8;
    width: 38px;
    height: 24px
}

.storeFooter_FooterStoreName__Z_ZFd {
    color: var(--footer-text-color)
}

@media screen and (min-width: 1140px) {
    .storeFooter_FooterInner__fCCNv {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .storeFooter_Footer--center__lddgm .storeFooter_FooterInner__fCCNv {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .storeFooter_FooterBlock__bFDzL {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .storeFooter_FooterBlockNewsletter__B0n_v,
    .storeFooter_FooterBlockText__O1Tfn {
        -webkit-flex-basis: 240px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px
    }

    .storeFooter_FooterInner__fCCNv+.storeFooter_FooterAside__ScVjg {
        margin-top: 20px
    }

    .storeFooter_FooterBlockText__O1Tfn {
        -webkit-flex-basis: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px
    }

    .storeFooter_FooterBlockNewsletter__B0n_v {
        -webkit-flex-basis: 305px;
        -ms-flex-preferred-size: 305px;
        flex-basis: 305px
    }
}

.storeFooter_HorizontalList__mmwN3 {
    list-style: none;
    margin: -6px -8px
}

.storeFooter_HorizontalListItem__RHRt2 {
    display: inline-block;
    margin: 6px 8px
}

.storeFooter_HorizontalListItem__RHRt2>.storeFooter_Link__y7VXv {
    display: inline-block
}

.storeFooter_HorizontalListSpacingLoose__4hTQC {
    margin-left: -14px;
    margin-right: -14px
}

.storeFooter_HorizontalListSpacingLoose__4hTQC .storeFooter_HorizontalListItem__RHRt2 {
    margin-right: 14px;
    margin-left: 14px
}

.storeFooter_LinklistItem__V3xWA {
    margin-bottom: 12px
}

@media screen and (min-width: 641px) {
    .storeFooter_Footer__O3t99 {
        padding: 75px 0 42px
    }

    .storeFooter_FooterInner__fCCNv {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: -40px;
        margin-right: -40px
    }

    .storeFooter_FooterBlock__bFDzL {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-top: 0;
        margin-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px
    }

    .storeFooter_FooterSocial__iU6s5 {
        margin-top: 14px
    }

    .storeFooter_FooterAside__ScVjg {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .storeFooter_FooterInner__fCCNv+.storeFooter_FooterAside__ScVjg {
        margin-top: 40px
    }

    .storeFooter_FooterLocalization__zCiaH {
        width: 100%
    }

    .storeFooter_FooterLocalizationForm__eGWhy {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .storeFooter_FooterStoreName__Z_ZFd {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .storeFooter_FooterPaymentList__tXANf {
        padding: 0;
        margin: 0 -8px;
        border: none
    }
}

@media screen and (min-width: 1140px) {
    .storeFooter_FooterInner__fCCNv {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .storeFooter_Footer--center__lddgm .storeFooter_FooterInner__fCCNv {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .storeFooter_FooterBlock__bFDzL {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .storeFooter_FooterBlockNewsletter__B0n_v,
    .storeFooter_FooterBlockText__O1Tfn {
        -webkit-flex-basis: 240px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px
    }

    .storeFooter_FooterInner__fCCNv+.storeFooter_FooterAside__ScVjg {
        margin-top: 20px
    }
}

.discount_DiscountWrapper__KdokR {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 20px 0;
    letter-spacing: 1px;
    max-height: 80vh;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .4s ease-in-out;
    transition: max-height .4s ease-in-out
}

.discount_Discount__ISY1u {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.discount_SpaceBetween__oKSLn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.discount_List__HlXST {
    gap: 10px
}

.discount_ListItem__b_yKi,
.discount_List__HlXST {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.discount_ListItem__b_yKi {
    gap: 4px
}

.discount_ListItemTotal__VrmQJ {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.discount_ListItemDetail__NpjVK,
.discount_ListItemTotal__VrmQJ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.discount_ListItemDetail__NpjVK {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 12px 24px 30px
}

.discount_ListItemDetailItem__POHTu {
    color: var(--text-color-light);
    font-size: 12px;
    border-bottom: 1px solid var(--border-color)
}

.discount_Trigger__JGN20 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 24px;
    line-height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-color-light);
    background: -webkit-linear-gradient(bottom, #fff 50%, transparent);
    background: linear-gradient(0deg, #fff 50%, transparent);
    cursor: pointer
}

.discount_Trigger__JGN20:hover {
    color: var(--header-text-color);
    font-weight: 500
}

.discount_DiscountAmountTitle__0Fzu5 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0px;
    flex: 2 0 0;
    text-align: left
}

.discount_DiscountAmount__xab0v {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: right
}

.discount_Arrow__ahYCJ {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.discount_expanded__XLy_m {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 641px) {
    .miniCart_DrawerHeader__JGM5i {
        max-height: 54px;
        min-height: 42px
    }

    .miniCart_DrawerHeader__JGM5i h4 {
        font-size: 19px;
        line-height: 42px
    }

    .miniCart_drawerFooter__PdQzb {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background-color: #f0f0f0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
        -webkit-transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
        transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
        transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
        transition: opacity .25s cubic-bezier(.25, .46, .45, .94) .45s, transform .25s cubic-bezier(.25, .46, .45, .94) .45s, -webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s
    }

    .miniCart_drawerFooter__PdQzb,
    .miniCart_drawerFooter__PdQzb.miniCart_open__062mV {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.miniCart_CartOffscreenNoteContainerBg__M4ER4 {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: hsla(0, 0%, 100%, .4);
    -webkit-transition: visibility .25s ease-in-out;
    transition: visibility .25s ease-in-out;
    visibility: hidden
}

.miniCart_CartOffscreenNoteContainerBg__M4ER4.miniCart_visible__SyvG9 {
    visibility: visible
}

.miniCart_ButtonSeparatorDot__U9trn {
    display: inline-block;
    margin: 0 12px;
    content: "";
    height: 3px;
    width: 3px;
    border-radius: 100%;
    background: currentColor
}

.miniCart_FormTextarea__NUZ8p {
    -webkit-appearance: none;
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid var(--border-color);
    width: 100%;
    line-height: normal;
    resize: none;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    background: transparent
}

@supports(padding: max(0px)) {

    .miniCart_CartOffscreenNoteContainer__xj2UC,
    .miniCart_DrawerFooter__WVSLR {
        padding-bottom: 24px
    }
}

@media screen and (min-width: 641px) {

    .miniCart_CartOffscreenNoteContainer__xj2UC,
    .miniCart_Cart__BR3my .miniCart_DrawerFooter__WVSLR {
        padding: 20px 30px 30px
    }

    .miniCart_CartNoteButton__kDjVY+.miniCart_CartTaxes__NyGk_ {
        margin-top: 4px
    }

    @supports(padding: max(0px)) {

        .miniCart_CartOffscreenNoteContainer__xj2UC,
        .miniCart_Cart__BR3my .miniCart_DrawerFooter__WVSLR {
            padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px)
        }
    }
}

.miniCart_FormItem__SZ69i {
    position: relative;
    margin-bottom: 15px
}

.miniCart_CartOffscreenNoteContainer__xj2UC,
.miniCart_Cart__BR3my .miniCart_DrawerFooter__WVSLR {
    padding: 14px 24px 24px
}

.miniCart_DrawerFooter__WVSLR {
    background: #fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.miniCart_DrawerFooter__WVSLR.miniCart_hasItems__85jvW {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.miniCart_CartCheckout__mAwx6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

.miniCart_CartOffscreenNoteContainer__xj2UC {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--background);
    border-top: 1px solid var(--border-color);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.miniCart_CartOffscreenNoteContainer__xj2UC[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 1px 0 6px rgba(54, 54, 54, .2)
}

.miniCart_CartNote__gFqwS {
    margin-top: 10px
}

.miniCart_CartTaxes__NyGk_ {
    margin-bottom: 8px
}

.miniCart_CartDiscount__qR_bZ svg {
    margin-right: 8px;
    vertical-align: sub
}

.miniCart_has-note-open__t89id[aria-hidden=false] .miniCart_DrawerHeader__JGM5i,
.miniCart_has-note-open__t89id[aria-hidden=false] .miniCart_DrawerMain__ykt_1 {
    opacity: .4;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.miniCart_DrawerFooter__WVSLR {
    padding: 24px
}

@supports(padding: max(0px)) {

    .miniCart_CartOffscreenNoteContainer__xj2UC,
    .miniCart_Cart__BR3my .miniCart_DrawerFooter__WVSLR {
        padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px)
    }
}

@media screen and (min-width: 641px) {

    .miniCart_CartOffscreenNoteContainer__xj2UC,
    .miniCart_DrawerFooter__WVSLR {
        border-top: 1px solid var(--border-color);
        padding: 20px 30px 30px
    }

    .miniCart_CartNoteButton__kDjVY+.miniCart_CartTaxes__NyGk_ {
        margin-top: 4px
    }

    @supports(padding: max(0px)) {

        .miniCart_CartOffscreenNoteContainer__xj2UC,
        .miniCart_Cart__BR3my .miniCart_DrawerFooter__WVSLR {
            padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px)
        }
    }
}

.miniCart_miniCartWrapper__WvaLb div.miniCart_miniCartBody__p0CY2 {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 75px)
}

.miniCart_CartItemList__cpd17 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

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

.miniCart_empty___2Z_V {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: var(--heading-color);
    font-weight: 600;
    text-align: center;
    padding: 20px;
    -webkit-animation: miniCart_fadeIn__Y4LCB .5s forwards;
    animation: miniCart_fadeIn__Y4LCB .5s forwards
}

@-webkit-keyframes miniCart_fadeIn__Y4LCB {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes miniCart_fadeIn__Y4LCB {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

div.miniCart_CartItemListWrapper__HlRpF {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

div.miniCart_CartItemListWrapper__HlRpF::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.miniCart_orderStatusTooltip__KWnVM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    width: 260px;
    padding: 20px;
    margin: 0 auto;
    -webkit-animation: miniCart_fadeIn__Y4LCB .5s forwards;
    animation: miniCart_fadeIn__Y4LCB .5s forwards
}

.miniCart_CartActivityTips__FBJLk {
    font-size: var(--base-text-font-size);
    color: var(--error-color)
}

.discoutItems_discountItem__KDImf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    text-align: left
}

.discoutItems_discountItem__KDImf span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.discoutItems_DiscountItemList__KO35M {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.CartTag_cartTagWrapper__5CrSr,
.discoutItems_DiscountItemList__KO35M {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.CartTag_cartTagWrapper__5CrSr {
    color: #fc5147;
    background: #ffe2d0;
    padding: 1px 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-radius: 1px;
    white-space: nowrap
}

.CartTag_cartTagWrapper__5CrSr.CartTag_cartTag--withGift__g4ZUY {
    background: #ffddd2
}

.CartTag_cartTagWrapper__5CrSr.CartTag_cartTag--gift__nkDl_ {
    background: #ffe2d0
}

div.list_CartItemList___5V0m {
    overflow: auto;
    padding: 30px 18px 30px 24px
}

@media screen and (min-width: 641px) {
    div.list_CartItemList___5V0m {
        padding-left: 30px;
        padding-right: 30px
    }
}

.list_cartItemWrapper__PmnwI {
    overflow: hidden
}

.list_cartItem__7j4u4 {
    display: table;
    table-layout: fixed;
    margin-top: 30px;
    width: 100%
}

.list_cartItemImageWrapper__OXGXu,
.list_cartItemInfo__JtBiz {
    display: table-cell;
    vertical-align: middle
}

.list_cartItemImageWrapper__OXGXu {
    width: 90px;
    min-width: 90px;
    text-align: center;
    height: 100%
}

.list_cartItemImageWrapper__OXGXu>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    max-height: 90px
}

.list_cartItemImageWrapper__OXGXu img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.list_cartItemInfo__JtBiz {
    padding-left: 24px
}

.list_cartItemTitle__Cttsf {
    width: 100%;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list_cartItemTitle__Cttsf a {
    color: var(--heading-color)
}

.list_cartItemPlanAllocation__IjZYh,
.list_cartItemPropertyList__D_RMf,
.list_cartItemTitle__Cttsf,
.list_cartItemVariant__ztVky {
    margin-bottom: .45em
}

.list_cartItemVariant__ztVky {
    font-size: 12px
}

.list_cartItemMeta__vkKo6 {
    color: var(--text-color-light)
}

.list_cartItemDiscountList__VQiMS,
.list_cartItemLinePriceList__2I_iY {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))
}

.list_cartItemPropertyList__D_RMf {
    list-style: none;
    font-style: italic
}

.list_cartItemDiscountList__VQiMS {
    list-style: none
}

.list_cartItemDiscount__t03GN {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 8px;
    background: rgba(var(--product-sale-price-color-rgb), .1);
    color: var(--product-sale-price-color)
}

.list_cartItemDiscount__t03GN svg {
    margin-right: 4px;
    vertical-align: text-bottom
}

.list_cartItemDiscount__t03GN+.list_cartItemDiscount__t03GN,
.list_cartItemUnitPriceMeasurement__FZMxf {
    margin-top: 4px
}

.list_cartItemActions__xnPqj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.list_cartItemRemove__T4I_N {
    margin: 8px 0;
    font-size: calc(var(--default-text-font-size) - 2px);
    color: var(--text-color-light)
}

.list_cartItemRemove__T4I_N:before {
    background: var(--text-color-light)
}

@media screen and (min-width: 641px) {
    .list_cartItemImageWrapper__OXGXu {
        width: 120px;
        height: 120px
    }

    .list_cartItemImageWrapper__OXGXu>div {
        max-height: 120px
    }

    .list_cartItemTitle__Cttsf {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }

    .list_cartItemLinePriceList__2I_iY,
    .list_cartItemMeta__vkKo6 {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .list_cartItemRemove__T4I_N {
        font-size: calc(var(--default-text-font-size) - 2px)
    }

    .list_cartItemActions__xnPqj {
        margin-top: 8px
    }

    .list_Cart__OffscreenNoteContainer__PuFkw,
    .list_DrawerFooter__hzqAS {
        padding: 20px 30px 30px
    }
}

.list_quantitySelector__joE2f {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--border-color);
    white-space: nowrap
}

.list_quantitySelector__joE2f svg {
    width: 10px;
    height: 10px;
    stroke-width: 1.5px;
    vertical-align: -1px
}

.list_quantitySelectorButton__bqv9E {
    display: inline-block;
    padding: 5px 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-color)
}

.list_quantitySelectorCurrentQuantity__pnwFf {
    display: inline-block;
    width: 44px;
    padding: 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    text-align: center;
    letter-spacing: normal;
    background: transparent;
    border: none
}

.list_quantitySelector--large__MowLv .list_quantitySelectorCurrentQuantity__pnwFf {
    width: 44px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

.list_quantitySelector--large__MowLv .list_quantitySelectorButton__bqv9E {
    padding: 10px 20px
}

.list_quantitySelector--large__MowLv svg {
    width: 11px;
    height: 11px
}

@media screen and (min-width: 641px) {
    .list_quantitySelectorButton__bqv9E {
        padding: 7px 14px 8px
    }

    .list_quantitySelectorCurrentQuantity__pnwFf {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }
}

.list_DiscountedPrice__aKNC8 {
    color: var(--product-sale-price-color);
    font-weight: 500
}

span.list_DiscountedPrice__aKNC8+span.list_Price__P1F81 {
    margin-left: 14px;
    text-decoration: line-through
}

@-webkit-keyframes list_fadeOut__o_FlN {
    0% {
        opacity: 1;
        height: 170px;
        margin: 30px 0;
        overflow: hidden
    }

    to {
        opacity: 0;
        height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0
    }
}

@keyframes list_fadeOut__o_FlN {
    0% {
        opacity: 1;
        height: 170px;
        margin: 30px 0;
        overflow: hidden
    }

    to {
        opacity: 0;
        height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0
    }
}

.list_removed__JOjfz {
    -webkit-animation: list_fadeOut__o_FlN .3s ease-in forwards;
    animation: list_fadeOut__o_FlN .3s ease-in forwards
}

.list_withGiftTag__vY_ls {
    color: #fc5147;
    background: -webkit-linear-gradient(left, rgba(240, 88, 23, .3), rgba(240, 110, 23, .06));
    background: linear-gradient(90deg, rgba(240, 88, 23, .3), rgba(240, 110, 23, .06));
    padding: 1px 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-radius: 1px
}

.list_bundleList__4gCEJ {
    background: #f6f6f6;
    padding: 12px
}

.list_bundleList__4gCEJ .list_bundleItem__ngcN8 {
    margin: 0 0 16px
}

.list_bundleList__4gCEJ .list_bundleItem__ngcN8:last-child {
    margin-bottom: 0
}

.list_bundleList__4gCEJ .list_cartBundleItemVariant__3NjX_ {
    font-size: 10px
}

.list_cartBundleItemImage__oalHy {
    width: 88px;
    height: 88px;
    border-radius: 2px;
    border: 1px solid #d6d6d6
}

@media screen and (min-width: 641px) {
    .list_bundleList__4gCEJ .list_cartBundleItemVariant__3NjX_ {
        font-size: 12px
    }

    .list_cartBundleItemImage__oalHy {
        width: 120px;
        height: 120px
    }
}

.list_bundleQuantityItem__CUoWw {
    color: #000;
    font-size: 12px
}

.page_Container__io3iQ {
    margin: 0 auto;
    padding: 0 24px
}

@media screen and (min-width: 641px) {
    .page_Container__io3iQ {
        padding: 0 50px
    }
}

@media screen and (min-width: 1140px) {
    .page_Container__io3iQ {
        padding: 0 80px
    }
}

.page_TextSubdued__456K4 {
    color: var(--text-color-light)
}

.page_SectionHeader__9dg7e:not(:only-child) {
    margin-bottom: 40px
}

.page_SectionHeaderCenter__CCfYR {
    text-align: center
}

.page_PageHeader__fGQ0z .page_SectionHeaderHeading__h_DK0 {
    font-size: 24px;
    margin-bottom: .5em
}

.page_SectionHeaderHeading__h_DK0.page_SectionHeaderHeading__h_DK0,
.page_SectionHeaderSubHeading__sqeaI.page_SectionHeaderSubHeading__sqeaI {
    margin-top: -.325em
}

.page_PageHeader__fGQ0z {
    margin: 30px 0
}

.page_PageContent__sIKsK {
    margin: 35px auto;
    max-width: 1000px
}

@media screen and (min-width: 641px) {
    .page_CartExpanded__pLQUl .page_CartItemList__wRUWr {
        display: table;
        table-layout: auto;
        width: 100%
    }

    .page_CartExpanded__pLQUl .page_CartHead__TwvT8 {
        display: table-header-group
    }
}

@media screen and (max-width: 640px) {
    .page_hiddenPhone__jjZsl {
        display: none !important
    }

    .page_blockTablePhone__uXcjv {
        display: block;
        width: 100%
    }
}

.page_CartExpanded__pLQUl .page_CartFooter__knT1d {
    padding-top: 25px;
    border-top: 1px solid var(--border-color)
}

.page_CartExpanded__pLQUl .page_CartRecap__n1F2Y {
    padding-left: 12px
}

.page_CartExpanded__pLQUl .page_CartRecap__n1F2Y p {
    font-size: 15px;
    margin-bottom: 1em
}

.page_CartExpanded__pLQUl .page_CartRecap__n1F2Y,
.page_CartExpanded__pLQUl .page_CartRecap__n1F2Y .page_CartCheckout__ToTWy {
    margin-top: 16px
}

.page_CartExpanded__pLQUl .page_CartCheckout__ToTWy {
    margin-left: auto
}

@media screen and (max-width: 640px) {
    .page_CartItemInfo__8nUZv {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .page_CartItemInfo__8nUZv~.page_CartItemActions__AvPzD,
    .page_CartItemInfo__8nUZv~.page_CartItemLinePriceList__3Q2oP {
        display: none
    }
}

@media screen and (min-width: 641px) {
    .page_CartExpanded__pLQUl .page_CartItemList__wRUWr {
        display: table;
        table-layout: auto;
        width: 100%
    }

    .page_CartExpanded__pLQUl .page_CartHead__TwvT8 {
        display: table-header-group
    }

    .page_CartExpanded__pLQUl .page_CartHeadItem__S4ERg {
        display: table-cell;
        font-size: 13px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--border-color)
    }

    .page_CartExpanded__pLQUl .page_CartItem__l_kJd {
        display: table-row
    }

    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv {
        max-width: 300px;
        width: 300px
    }

    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv>.page_CartItemActions__AvPzD {
        display: none
    }

    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv~.page_CartItemActions__AvPzD,
    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv~.page_CartItemLinePriceList__3Q2oP {
        display: table-cell;
        vertical-align: middle
    }

    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv~.page_CartItemActions__AvPzD.page_AlignRight__2unSw,
    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv~.page_CartItemLinePriceList__3Q2oP.page_AlignRight__2unSw {
        text-align: right
    }

    .page_CartItemLinePriceList__3Q2oP {
        width: 100px
    }

    .page_CartExpanded__pLQUl .page_CartItemQuantitySelector__KDRX_ {
        margin-bottom: 6px
    }

    .page_CartExpanded__pLQUl .page_CartFooter__knT1d {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .page_CartExpanded__pLQUl .page_CartNoteContainer__UrXkI,
    .page_CartExpanded__pLQUl .page_CartRecap__n1F2Y {
        display: table-cell
    }

    .page_CartExpanded__pLQUl .page_CartNoteContainer__UrXkI {
        width: 340px
    }

    .page_CartExpanded__pLQUl .page_CartCheckout__ToTWy {
        width: auto
    }
}

@media screen and (min-width: 1140px) {
    .page_CartExpanded__pLQUl .page_CartItemInfo__8nUZv {
        max-width: 425px;
        width: 425px
    }
}

.page_CartItemWrapper__vhCkK {
    overflow: hidden
}

.page_CartItem__l_kJd {
    display: table;
    table-layout: fixed;
    width: 100%
}

.page_CartItemGift__RLQM8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page_CartItemGift__RLQM8 .page_CartItemImageWrapper__nPuy7 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.page_CartItemGift__RLQM8 .page_CartItemInfo__8nUZv {
    max-width: unset;
    width: 100%
}

.page_CartItemImageWrapper__nPuy7,
.page_CartItemInfo__8nUZv {
    display: table-cell;
    vertical-align: middle
}

.page_CartItemImageWrapper__nPuy7 {
    width: 90px;
    min-width: 90px;
    text-align: center;
    height: 100%;
    overflow: hidden
}

.page_CartItemImageWrapper__nPuy7>div {
    height: 100%;
    max-height: 90px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page_CartItemImageWrapper__nPuy7 img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.page_CartItemInfo__8nUZv {
    padding-left: 24px;
    padding-right: 12px
}

.page_CartItemTitle__7XSSX {
    width: 100%;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page_CartItemTitle__7XSSX a {
    color: var(--heading-color)
}

.page_CartItemTitle__7XSSX a:hover {
    color: var(--primary-text-color)
}

.page_CartItemPlanAllocation__cqKRl,
.page_CartItemPropertyList__AjMZs,
.page_CartItemTitle__7XSSX,
.page_CartItemVariant__65vg6 {
    margin-bottom: .45em
}

.page_CartItemDiscountList__Lf2Ql,
.page_CartItemLinePriceList__3Q2oP,
.page_CartItemMeta__bnZqX {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))
}

.page_CartItemPropertyList__AjMZs {
    list-style: none;
    font-style: italic
}

.page_CartItemDiscountList__Lf2Ql {
    list-style: none
}

.page_CartItemDiscount__XC4qn {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 8px;
    background: rgba(var(--product-sale-price-color-rgb), .1);
    color: var(--product-sale-price-color)
}

.page_CartItemDiscount__XC4qn svg {
    margin-right: 4px;
    vertical-align: text-bottom
}

.page_CartItemDiscount__XC4qn+.page_CartItemDiscount__XC4qn,
.page_CartItemUnitPriceMeasurement__KJ1u5 {
    margin-top: 4px
}

.page_CartItemActions__AvPzD {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.page_CartItemActions__AvPzD.page_AlignCenter__L6dCl {
    text-align: center
}

.page_CartItemRemove__dow71 {
    margin: 8px 0;
    font-size: calc(var(--default-text-font-size) - 2px)
}

.page_CartItemRemove__dow71:before {
    background: var(--text-color-light)
}

@media screen and (min-width: 641px) {
    .page_CartItemImageWrapper__nPuy7 {
        width: 160px;
        height: 160px
    }

    .page_CartItemImageWrapper__nPuy7>div {
        max-height: 160px;
        overflow: hidden
    }

    .page_CartItemTitle__7XSSX {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }

    .page_CartItemLinePriceList__3Q2oP,
    .page_CartItemMeta__bnZqX {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))
    }

    .page_CartItemRemove__dow71 {
        font-size: calc(var(--default-text-font-size) - 2px)
    }

    .page_CartItemActions__AvPzD {
        margin-top: 20px
    }
}

.page_Price___rTUj {
    display: inline-block
}

.page_QuantitySelector__53xqo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--border-color);
    white-space: nowrap
}

.page_QuantitySelector__53xqo svg {
    width: 10px;
    height: 10px;
    stroke-width: 1.5px;
    vertical-align: -1px
}

.page_QuantitySelectorButton__q5__1 {
    display: inline-block;
    padding: 5px 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page_QuantitySelectorCurrentQuantity__GzmlD {
    display: inline-block;
    width: 44px;
    padding: 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    text-align: center;
    letter-spacing: normal;
    background: transparent;
    border: none
}

.page_QuantitySelector--large__e_hQR .page_QuantitySelectorCurrentQuantity__GzmlD {
    width: 44px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

.page_QuantitySelector--large__e_hQR .page_QuantitySelectorButton__q5__1 {
    padding: 10px 20px
}

.page_QuantitySelector--large__e_hQR svg {
    width: 11px;
    height: 11px
}

@media screen and (min-width: 641px) {
    .page_QuantitySelectorButton__q5__1 {
        padding: 7px 14px 8px
    }

    .page_QuantitySelectorCurrentQuantity__GzmlD {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }
}

.page_CartOffscreenNoteContainer__SmnDp,
.page_Cart__9VA1c .page_DrawerFooter__vSqph {
    padding: 14px 24px 24px
}

.page_CartCheckout__ToTWy {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px
}

.page_CartOffscreenNoteContainer__SmnDp {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--background);
    border-top: 1px solid var(--border-color);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.page_CartOffscreenNoteContainer__SmnDp[aria-hidden=false] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 1px 0 6px rgba(54, 54, 54, .2)
}

.page_CartNote__ebmzW {
    margin-top: 10px
}

.page_CartTaxes__6PiWx {
    margin-bottom: 8px
}

.page_CartDiscount__gIDl3 svg {
    margin-right: 8px;
    vertical-align: sub
}

.page_has-note-open__wq5PN[aria-hidden=false] .page_DrawerHeader__XUHOS,
.page_has-note-open__wq5PN[aria-hidden=false] .page_DrawerMain__vxSgH {
    opacity: .4;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

@supports(padding: max(0px)) {

    .page_CartOffscreenNoteContainer__SmnDp,
    .page_Cart__9VA1c .page_DrawerFooter__vSqph {
        padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px)
    }
}

@media screen and (min-width: 641px) {

    .page_CartOffscreenNoteContainer__SmnDp,
    .page_Cart__9VA1c .page_DrawerFooter__vSqph {
        padding: 20px 30px 30px
    }

    .page_CartNoteButton__6X67g+.page_CartTaxes__6PiWx {
        margin-top: 4px
    }

    @supports(padding: max(0px)) {

        .page_CartOffscreenNoteContainer__SmnDp,
        .page_Cart__9VA1c .page_DrawerFooter__vSqph {
            padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px)
        }
    }

    .page_Panel__R7fXD {
        padding-left: 50px;
        padding-right: 50px
    }
}

.page_DiscountedPrice__mz9uF {
    color: var(--product-sale-price-color);
    font-weight: 500
}

span.page_DiscountedPrice__mz9uF+span.page_Price___rTUj {
    margin-left: 14px;
    text-decoration: line-through
}

.page_quantitySelectorButton__k9HSN {
    display: inline-block;
    padding: 5px 9px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-color)
}

.page_quantitySelectorCurrentQuantity__4q86Y {
    display: inline-block;
    width: 44px;
    padding: 0;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    text-align: center;
    letter-spacing: normal;
    background: transparent;
    border: none
}

.page_quantitySelector--large__IyDU4 .page_quantitySelectorCurrentQuantity__4q86Y {
    width: 44px;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))
}

.page_quantitySelector--large__IyDU4 .page_quantitySelectorButton__k9HSN {
    padding: 10px 20px
}

.page_quantitySelector--large__IyDU4 svg {
    width: 11px;
    height: 11px
}

@media screen and (min-width: 641px) {
    .page_quantitySelectorButton__k9HSN {
        padding: 7px 14px 8px
    }

    .page_quantitySelectorCurrentQuantity__4q86Y {
        font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))
    }
}

.page_orderStatusTooltip__pCLGk {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    width: 260px;
    padding: 20px;
    margin: 0 auto;
    -webkit-animation: page_fadeIn__be00W .5s forwards;
    animation: page_fadeIn__be00W .5s forwards
}

.page_CartCheckoutContainer__UYPkD,
.page_orderStatusTooltip__pCLGk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page_CartCheckoutContainer__UYPkD {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page_CartActivityTips__10WLG {
    font-weight: 700
}

.page_EnterpriseSecondConfirmWrapper__4HwTt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page_EnterpriseSecondConfirmWrapper__4HwTt .page_EnterpriseSecondConfirmLeft__IeN8I {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.page_EnterpriseSecondConfirmWrapper__4HwTt .page_EnterpriseSecondConfirmButtons__NxAyQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page_CartBundleItemPrice__njvVZ {
    padding-right: 20px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 11.2vw;
    height: 11.2vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5.6vw;
    margin-top: -5.6vw;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.07vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 1.07vw solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 11.73vw
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 2.67vw);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 2.67vw);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

:root {
    --adm-radius-s: 1.07vw;
    --adm-radius-m: 2.13vw;
    --adm-radius-l: 3.2vw;
    --adm-font-size-1: 2.4vw;
    --adm-font-size-2: 2.67vw;
    --adm-font-size-3: 2.93vw;
    --adm-font-size-4: 3.2vw;
    --adm-font-size-5: 3.47vw;
    --adm-font-size-6: 3.73vw;
    --adm-font-size-7: 4vw;
    --adm-font-size-8: 4.27vw;
    --adm-font-size-9: 4.53vw;
    --adm-font-size-10: 4.8vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    background-color: var(--adm-color-background-body)
}



a,
button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * .53vw);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-dot-loading {
    display: inline-block
}

.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    z-index: var(--z-index);
    display: block
}

.adm-mask,
.adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-popup {
    --z-index: var(--adm-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-top .adm-popup-close-icon {
    right: 2.13vw;
    bottom: 2.13vw
}

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 2.13vw;
    top: 2.13vw
}

.adm-popup-close-icon {
    cursor: pointer;
    padding: 1.07vw;
    font-size: 4.8vw;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    max-width: 54.4vw;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2.13vw;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: initial
}

.adm-toast-mask .adm-toast-main-text {
    padding: 3.2vw;
    min-width: 0
}

.adm-toast-mask .adm-toast-main-icon {
    padding: 9.33vw 3.2vw;
    min-width: 40vw
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 2.13vw;
    font-size: 9.6vw;
    line-height: 1
}

.adm-toast-loading {
    --size: 12.8vw;
    margin: 0 auto 2.13vw
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 8.53vw;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 11.2vw;
    height: 11.2vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5.6vw;
    margin-top: -5.6vw;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.07vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 1.07vw solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-auto-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adm-auto-center-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 2.13vw);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 2.13vw));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2.13vw));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 2.13vw);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 1.6vw) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.13vw
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.07vw)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 1.07vw);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 1.07vw);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.customer_myCustomerContainer__RaLJ_ {
    position: fixed;
    bottom: 80px;
    right: 18px;
    z-index: 999999
}

.customer_myCustomer__Q0gDk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 24px;
    background: #00ae42;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    overflow: hidden
}

.customer_myCustomer__Q0gDk.customer_active__rlUzQ {
    width: 180px;
    height: 80px
}

.customer_myCustomer__Q0gDk.customer_active__rlUzQ .customer_myCustomerIcon__gNr5_ {
    display: none
}

.customer_myCustomer__Q0gDk.customer_active__rlUzQ .customer_myCustomerContent__ZZkqk {
    display: block
}

.customer_myCustomer__Q0gDk .customer_myCustomerIcon__gNr5_ {
    width: 24px;
    height: 22px
}

.customer_myCustomer__Q0gDk .customer_myCustomerIcon__gNr5_ svg {
    width: 24px !important;
    height: 22px !important
}

.customer_myCustomer__Q0gDk .customer_myCustomerContent__ZZkqk {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none
}

.customer_myCustomer__Q0gDk .customer_myCustomerContent__ZZkqk .customer_myCustomerContentItem__ncL4Q {
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-top: -1px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25);
    border-top: 1px solid hsla(0, 0%, 100%, .25)
}

.customer_myCustomer__Q0gDk .customer_myCustomerContent__ZZkqk .customer_myCustomerContentItem__ncL4Q:first-child {
    border-top: none
}

@media(max-width: 1024px) {
    .customer_myCustomerContainer__RaLJ_ {
        bottom: 60px;
        right: 6px
    }

    .customer_myCustomer__Q0gDk {
        width: 35px;
        height: 35px
    }

    .customer_myCustomer__Q0gDk.customer_active__rlUzQ {
        width: 130px;
        height: 70px
    }

    .customer_myCustomer__Q0gDk .customer_myCustomerIcon__gNr5_ {
        width: 20px;
        height: 18px;
        margin-bottom: 6px
    }

    .customer_myCustomer__Q0gDk .customer_myCustomerIcon__gNr5_ svg {
        width: 20px !important;
        height: 18px !important
    }

    .customer_myCustomer__Q0gDk .customer_myCustomerContent__ZZkqk {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .customer_myCustomer__Q0gDk .customer_myCustomerContent__ZZkqk .customer_myCustomerContentItem__ncL4Q {
        font-size: 12px;
        height: 30px;
        line-height: 30px
    }
}

.Button,
.shopify-payment-buttonbutton--unbranded,
.spr-button-primary:not(input),
.spr-pagination-next>a,
.spr-pagination-prev>a,
.spr-summary-actions-newreview,
input.spr-button-primary {
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
    text-align: center;
    letter-spacing: .2em;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    background-color: transparent;
    -webkit-transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    -webkit-tap-highlight-color: initial
}

.Button:before,
.shopify-payment-buttonbutton--unbranded:before,
.spr-button-primary:not(input):before,
.spr-pagination-next>a:before,
.spr-pagination-prev>a:before,
.spr-summary-actions-newreview.spr-summary-actions-newreview:before,
input.spr-button-primary:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    z-index: -1
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .featuresShow-button-transition .Button:not([disabled]):before,
    .featuresShow-button-transition .shopify-payment-buttonbutton--unbranded:not([disabled]):before,
    .featuresShow-button-transition .spr-button-primary:not(input):not([disabled]):before,
    .featuresShow-button-transition .spr-pagination-next>a:not([disabled]):before,
    .featuresShow-button-transition .spr-pagination-prev>a:not([disabled]):before,
    .featuresShow-button-transition .spr-summary-actions-newreview:not([disabled]):before,
    .featuresShow-button-transition input.spr-button-primary:not([disabled]):before {
        -webkit-transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86), -webkit-transform .45s cubic-bezier(.785, .135, .15, .86)
    }

    .featuresShow-button-transition .Button:not([disabled]):hover:before,
    .featuresShow-button-transition .shopify-payment-buttonbutton--unbranded:not([disabled]):hover:before,
    .featuresShow-button-transition .spr-button-primary:not(input):not([disabled]):hover:before,
    .featuresShow-button-transition .spr-pagination-next>a:not([disabled]):hover:before,
    .featuresShow-button-transition .spr-pagination-prev>a:not([disabled]):hover:before,
    .featuresShow-button-transition .spr-summary-actions-newreview:not([disabled]):hover:before,
    .featuresShow-button-transition input.spr-button-primary:not([disabled]):hover:before {
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Button[disabled],
.shopify-payment-buttonbutton--unbranded[disabled],
.spr-button-primary:not(input)[disabled],
.spr-pagination-next>a[disabled],
.spr-pagination-prev>a[disabled],
.spr-summary-actions-newreview[disabled],
input.spr-button-primary[disabled] {
    cursor: not-allowed
}

.ButtonPrimary,
.shopify-payment-buttonbutton--unbranded,
.spr-button-primary:not(input),
.spr-summary-actions-newreview {
    color: var(--button-text-color);
    border-color: var(--button-background)
}

.ButtonPrimary:before,
.shopify-payment-buttonbutton--unbranded:before,
.spr-button-primary:not(input):before,
.spr-summary-actions-newreview:before {
    background-color: var(--button-background)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .featuresShow-button-transition .ButtonPrimary:not([disabled]):hover,
    .featuresShow-button-transition .shopify-payment-buttonbutton--unbranded:not([disabled]):hover,
    .featuresShow-button-transition .spr-button-primary:not(input):not([disabled]):hover,
    .featuresShow-button-transition .spr-summary-actions-newreview:not([disabled]):hover {
        color: var(--button-background);
        background-color: transparent
    }
}

.ButtonSecondary,
.spr-pagination-next>a,
.spr-pagination-prev>a {
    color: var(--text-color-light);
    border: 1px solid rgba(var(--text-color-light-rgb), .2)
}

.ButtonSecondary:before,
.spr-pagination-next>a:before,
.spr-pagination-prev>a:before {
    background-color: var(--button-background);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .featuresShow-button-transition .ButtonSecondary:not([disabled]):hover,
    .featuresShow-button-transition .spr-pagination-next>a:not([disabled]):hover,
    .featuresShow-button-transition .spr-pagination-prev>a:not([disabled]):hover {
        color: var(--button-text-color);
        border-color: var(--button-background)
    }

    .featuresShow-button-transition .ButtonSecondary:not([disabled]):hover:before,
    .featuresShow-button-transition .spr-pagination-next>a:not([disabled]):hover:before,
    .featuresShow-button-transition .spr-pagination-prev>a:not([disabled]):hover:before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.ButtonFull {
    width: 100%
}

.ButtonStretched {
    padding-left: 40px;
    padding-right: 40px
}

.ButtonSmall {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
    padding: 12px 24px
}

.ButtonSeparatorDot {
    display: inline-block;
    margin: 0 18px;
    content: "";
    height: 3px;
    width: 3px;
    border-radius: 100%;
    background: currentColor
}

.ButtonWrapper {
    text-align: center
}

.ButtonPrimaryState,
.ButtonSecondaryState {
    display: block;
    -webkit-transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1);
    transition: transform .4s cubic-bezier(.75, 0, .125, 1), opacity .4s cubic-bezier(.75, 0, .125, 1), -webkit-transform .4s cubic-bezier(.75, 0, .125, 1)
}

.ButtonSecondaryState {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.ButtonSecondaryState .ButtonPrimaryState {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ButtonSecondaryState .ButtonSecondaryState {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (-moz-touch-enabled:0),
(hover: hover) {

    .ButtonPrimary:not([disabled]):hover,
    .shopify-payment-button__button--unbranded:not([disabled]):hover,
    .spr-button-primary:not(input):not([disabled]):hover,
    .spr-summary-actions-newreview:not([disabled]):hover {
        color: var(--button-background);
        background-color: transparent
    }

    .Button:not([disabled]):before,
    .shopify-payment-button__button--unbranded:not([disabled]):before,
    .spr-button-primary:not(input):not([disabled]):before,
    .spr-pagination-next>a:not([disabled]):before,
    .spr-pagination-prev>a:not([disabled]):before,
    .spr-summary-actions-newreview:not([disabled]):before,
    input.spr-button-primary:not([disabled]):before {
        -webkit-transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86);
        transition: transform .45s cubic-bezier(.785, .135, .15, .86), -webkit-transform .45s cubic-bezier(.785, .135, .15, .86)
    }

    .Button:not([disabled]):hover:before,
    .shopify-payment-button__button--unbranded:not([disabled]):hover:before,
    .spr-button-primary:not(input):not([disabled]):hover:before,
    .spr-pagination-next>a:not([disabled]):hover:before,
    .spr-pagination-prev>a:not([disabled]):hover:before,
    .spr-summary-actions-newreview:not([disabled]):hover:before,
    input.spr-button-primary:not([disabled]):hover:before {
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

* {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    border: none;
    outline: none
}

img {
    max-width: 100%;
    height: auto;
    border-style: none;
    vertical-align: top
}

.LinkUnderline {
    position: relative;
    display: inline-block
}

.LinkUnderline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: currentColor;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .LinkUnderline:hover:before {
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.LinkUnderlineShort:before {
    width: 100%
}

.FormInput,
.FormTextarea {
    -webkit-appearance: none;
    display: block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid var(--border-color);
    width: 100%;
    line-height: normal;
    resize: none;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    background: transparent
}

select::-ms-expand {
    display: none
}

.Select {
    position: relative;
    color: currentColor;
    line-height: 1;
    vertical-align: middle
}

.Select svg {
    position: absolute;
    line-height: normal;
    pointer-events: none;
    vertical-align: baseline;
    fill: currentColor
}

.Select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    color: inherit;
    cursor: pointer;
    border-radius: 0;
    line-height: normal
}

.Select select:focus::-ms-value {
    background: var(--background);
    color: var(--text-color)
}

.Select option {
    background: #fff;
    color: #000
}

.SelectPrimary:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    height: calc(100% - 6px);
    width: 55px;
    background: -webkit-linear-gradient(left, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), .7) 20%, var(--background) 40%);
    background: linear-gradient(to right, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), .7) 20%, var(--background) 40%);
    pointer-events: none
}

.SelectPrimary select {
    width: 100%;
    height: 45px;
    padding-left: 14px;
    padding-right: 28px;
    border: 1px solid var(--border-color);
    background: var(--background)
}

.SelectPrimary select:active,
.SelectPrimary select:focus {
    border-color: var(--text-color);
    outline: none
}

.SelectPrimary svg {
    top: calc(50% - 5px);
    right: 15px;
    width: 10px;
    height: 10px;
    z-index: 1
}

.SelectTransparent select {
    padding-right: 15px;
    background: transparent;
    border: none;
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    font-size: inherit;
    text-transform: uppercase
}

.features--heading-uppercase .SelectTransparent select {
    letter-spacing: .2em
}

.SelectTransparent svg {
    top: calc(50% - 3px);
    right: 0;
    height: 6px
}

a.Heading {
    color: var(--header-heading-color);
    text-decoration: none;

    &:hover {
        color: var(--header-heading-color)
    }
}

.no-scrollbar-v2 {
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.no-scrollbar-v2::-webkit-scrollbar {
    display: none
}

html {
    scrollbar-gutter: stable
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    height: 100vh;
    width: 100vw;
    overflow-y: auto
}

* {
    -webkit-font-smoothing: antialiased
}

.ant-app {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact-us {
    color: #0e65e9;
    margin-left: 4px;
    cursor: pointer
}

.contact-us:hover {
    text-decoration: underline
}

.ant-image-preview-img {
    max-width: 1200px !important;
    height: auto
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 2px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px
}

::-webkit-scrollbar-thumb {
    background-color: #cfcfcf;
    border-radius: 2px;
    -webkit-transition: width .3s;
    transition: width .3s
}

::-webkit-scrollbar-thumb:hover {
    background-color: #888
}

:root {
    --header-height: 84px;
    --main-max-width: 1330px;
    --color-bg-container: #f6f6f6;
    --primary-text-color: #00ae42;
    --color-bg: #f6f6f6;
    --white-color: #fff;
    --dark-color: #000;
    --font-size-lg: 18px;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-weight: 400;
    --text-font-family: inherit;
    --heading-font-family: inherit;
    --heading-font-weight: 500;
    --heading-font-style: normal;
    --text-font-weight: 400;
    --text-font-style: normal;
    --base-text-font-size: 16px;
    --default-text-font-size: 14px;
    --background: #fff;
    --background-rgb: 255, 255, 255;
    --light-background: #fff;
    --light-background-rgb: 255, 255, 255;
    --heading-color: #1c1b1b;
    --text-color: #1c1b1b;
    --text-color-rgb: 28, 27, 27;
    --text-color-light: #6a6a6a;
    --text-color-light-rgb: 106, 106, 106;
    --link-color: #6a6a6a;
    --link-color-rgb: 106, 106, 106;
    --border-color: #ddd;
    --border-color-rgb: 221, 221, 221;
    --button-background: #1c1b1b;
    --button-background-rgb: 28, 27, 27;
    --button-text-color: #fff;
    --button-default-text-color: #6a6a6a;
    --button-default-background: #fff;
    --button-default-border-color: #1c1b1b;
    --button-default-active-border-color: #1c1b1b;
    --button-default-active-background: #fff;
    --header-background: #fff;
    --header-heading-color: #1c1b1b;
    --header-light-text-color: #6a6a6a;
    --header-border-color: #ddd;
    --footer-background: #fff;
    --footer-text-color: #6a6a6a;
    --footer-heading-color: #1c1b1b;
    --footer-border-color: #e9e9e9;
    --navigation-background: #1c1b1b;
    --navigation-background-rgb: 28, 27, 27;
    --navigation-text-color: #fff;
    --navigation-text-color-light: hsla(0, 0%, 100%, .5);
    --navigation-border-color: hsla(0, 0%, 100%, .25);
    --newsletter-popup-background: #1c1b1b;
    --newsletter-popup-text-color: #fff;
    --newsletter-popup-text-color-rgb: 255, 255, 255;
    --secondary-elements-background: #1c1b1b;
    --secondary-elements-background-rgb: 28, 27, 27;
    --secondary-elements-text-color: #fff;
    --secondary-elements-text-color-light: hsla(0, 0%, 100%, .5);
    --secondary-elements-border-color: hsla(0, 0%, 100%, .25);
    --product-sale-price-color: #f94c43;
    --product-sale-price-color-rgb: 249, 76, 67;
    --product-star-rating: #f6a429;
    --payment-terms-background-color: #fff;
    --horizontal-spacing-four-products-per-row: 60px;
    --horizontal-spacing-two-products-per-row: 60px;
    --vertical-spacing-four-products-per-row: 60px;
    --vertical-spacing-two-products-per-row: 75px;
    --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1);
    --header-base-height: 80px;
    --error-color: #f94c43;

    @media (min-width: 1440px) {
        --header-height: 92px
    }

    @media (min-width: 1025px) and (max-width:1439px) {
        --header-height: 80px
    }
}

.primary-color {
    color: var(--primary-text-color)
}

.full-size {
    width: 100%;
    height: 100%
}

html {
    font-size: var(--base-text-font-size)
}

body {
    font-weight: var(--text-font-weight);
    font-style: var(--text-font-style);
    color: var(--text-color);
    background: var(--background);
    line-height: 1.65;
    overflow-x: hidden
}

.Link {
    color: var(--link-color);
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out;

    &:hover {
        color: var(--footer-heading-color)
    }
}

.Link--primary.is-active,
.supports-hover .Link--primary:hover {
    color: var(--text-color)
}

.Link--secondary.is-active,
.supports-hover .Link--secondary:hover {
    color: var(--text-color-light)
}

.Link--underline {
    position: relative;
    display: inline-block
}

.Link--underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: currentColor;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (-moz-touch-enabled:0),
(hover: hover) {
    .Link--underline:hover:before {
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Link--underlineShort:before {
    width: 100%
}

.features--heading-uppercase .Link--underlineShort:before {
    width: calc(100% - .2em)
}

.Link--underlineNative {
    text-decoration: underline;
    text-underline-position: under
}

.Heading {
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    color: var(--heading-color);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.features--heading-uppercase .Heading {
    letter-spacing: .2em;
    text-transform: uppercase
}

.Text--subdued {
    color: var(--text-color-light)
}

.Text--alignCenter {
    text-align: center !important
}

.Text--alignRight {
    text-align: right !important
}

.Icon-Wrapper--clickable {
    position: relative;
    background: transparent
}

.Icon-Wrapper--clickable:before {
    position: absolute;
    content: "";
    top: -8px;
    right: -12px;
    left: -12px;
    bottom: -8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    vertical-align: middle;
    stroke-width: 1px;
    background: none;
    pointer-events: none
}

.pp-msg-wrapper {
    font-size: 14px !important
}

@media (max-width: 425px),
(max-width:896px) and (max-height:425px) {
    #onetrust-pc-sdk .ot-grp-hdr1 {
        width: 100% !important
    }
}

:root {
    --bbl-white: #fff;
    --bbl-grey-1: #fafafa;
    --bbl-grey-2: #f5f5f5;
    --bbl-grey-3: #f0f0f0;
    --bbl-grey-4: #d9d9d9;
    --bbl-grey-5: #c2c2c2;
    --bbl-grey-6: #ababab;
    --bbl-grey-7: #949494;
    --bbl-grey-8: #7e7e7e;
    --bbl-grey-9: #676767;
    --bbl-grey-10: #505050;
    --bbl-grey-11: #393939;
    --bbl-grey-12: #222;
    --bbl-grey-13: #1a1a1a;
    --bbl-grey-14: #121212;
    --bbl-black: #000;
    --bbl-brand-green: #00b244;
    --bbl-brand-green-hover: #007a2e;
    --bbl-accent-color: #6de40c;
    --bbl-error-color: #f00036;
    --bbl-warning-color: #fa6d00;
    --bbl-disable-color: #7f7f8a;
    --bbl-noble-purple: #7414ff;
    --bbl-reliable-blue: #0068fa;
    --bbl-green: #00cd0a;
    --bbl-creative-magenta: #c500db;
    --bbl-energetic-orange: #f54e00;
    --bbl-trendy-pink: #f5006e;
    --bbl-dark-gold: #a68f6d;
    --bbl-cool-blue-gray: #77779a;
    --bbl-cobalt-violet: #6647ff;
    --bbl-dynamic-orange: #ff6f0f;
    --bbl-opacity-1: hsla(0, 0%, 100%, .1);
    --bbl-opacity-2: hsla(0, 0%, 100%, .2);
    --bbl-opacity-3: hsla(0, 0%, 100%, .3);
    --bbl-opacity-4: hsla(0, 0%, 100%, .4);
    --bbl-opacity-5: hsla(0, 0%, 100%, .5);
    --bbl-opacity-6: hsla(0, 0%, 100%, .6);
    --bbl-opacity-7: hsla(0, 0%, 100%, .7);
    --bbl-opacity-8: hsla(0, 0%, 100%, .8);
    --bbl-opacity-9: hsla(0, 0%, 100%, .9)
}

.dark {
    --bbl-white: #000;
    --bbl-grey-1: #121212;
    --bbl-grey-2: #1a1a1a;
    --bbl-grey-3: #222;
    --bbl-grey-4: #393939;
    --bbl-grey-5: #505050;
    --bbl-grey-6: #676767;
    --bbl-grey-7: #7e7e7e;
    --bbl-grey-8: #949494;
    --bbl-grey-9: #ababab;
    --bbl-grey-10: #c2c2c2;
    --bbl-grey-11: #d9d9d9;
    --bbl-grey-12: #f0f0f0;
    --bbl-grey-13: #f5f5f5;
    --bbl-grey-14: #fafafa;
    --bbl-black: #fff;
    --bbl-brand-green: #00ae42;
    --bbl-brand-green-hover: #008733;
    --bbl-accent-color: #87f72c;
    --bbl-error-color: #ff003a;
    --bbl-warning-color: #ff6f00;
    --bbl-disable-color: #9999a3;
    --bbl-noble-purple: #6800ff;
    --bbl-reliable-blue: #0067f7;
    --bbl-green: #00ae42;
    --bbl-creative-magenta: #c600dc;
    --bbl-energetic-orange: #f64d00;
    --bbl-trendy-pink: #ff0073;
    --bbl-dark-gold: #98805d;
    --bbl-cool-blue-gray: #606081;
    --bbl-cobalt-violet: #53f;
    --bbl-dynamic-orange: #f60;
    --bbl-opacity-1: rgba(0, 0, 0, .1);
    --bbl-opacity-2: rgba(0, 0, 0, .2);
    --bbl-opacity-3: rgba(0, 0, 0, .3);
    --bbl-opacity-4: rgba(0, 0, 0, .4);
    --bbl-opacity-5: rgba(0, 0, 0, .5);
    --bbl-opacity-6: rgba(0, 0, 0, .6);
    --bbl-opacity-7: rgba(0, 0, 0, .7);
    --bbl-opacity-8: rgba(0, 0, 0, .8);
    --bbl-opacity-9: rgba(0, 0, 0, .9)
}

:root {
    --swiper-navigation-size: 11.73vw
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
   
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 2.67vw);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 2.67vw);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-grid-column>.swiper-wrapper,
.swiper-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-description__navMenuRoot {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-bottom: 5px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 -1px var(--header-border-color) inset
}

.product-description__navMenu-list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    padding: 0 20px;
    min-width: 100%;
    height: 54px
}

.product-description__navMenu-item {
    color: #999;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.product-description__navMenu-item.active,
.product-description__navMenu-item:hover {
    color: #333
}

@media screen and (max-width: 767px) {
    .product-description__banner {
        padding: 0
    }
}

.product-description__banner {
    margin-bottom: 60px
}

.product-description__banner .product-description__banner-wrapper {
    position: relative
}

.product-description__banner-wrapper .product-description__banner-placeholder {
    padding-bottom: calc(500 / 375 * 100%)
}

.product-description__banner-wrapper img,
.product-description__banner-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-description__banner-wrapper .product-description__banner-content {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 24px;
    width: 100%;
    height: 100%
}

.product-description__banner-content .product-description__banner-content-title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%
}

.product-description__banner-content .product-description__banner-content-subtitle {
    margin-top: 8px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%
}

.product-description__banner-content .product-description__banner-content-button {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-description__banner-content .product-description__banner-content-button:hover {
    color: #fff;
    background-color: #00ae42
}

dialog::-webkit-backdrop {
    background-color: rgba(0, 0, 0, .8)
}

dialog::-ms-backdrop {
    background-color: rgba(0, 0, 0, .8)
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, .8)
}

dialog[open] {
    position: fixed;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    background-color: transparent;
    border: none;
    z-index: 9999;
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        --tw-space-y-reverse: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.show-full-video-dialog .videoWrapper,
dialog[open] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}


@media screen and (orientation: portrait) {
    .show-full-video-dialog .videoWrapper {
        width: 100%;
        max-width: 960px
    }

    .show-full-video-dialog .videoWrapper video {
        width: 100%;
        height: auto
    }
}

@media screen and (orientation: landscape) {
    .show-full-video-dialog .videoWrapper {
        height: 100%;
        max-height: 540px
    }

    .show-full-video-dialog .videoWrapper video {
        width: auto;
        height: 100%
    }
}

.show-full-video-dialog .close {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 20px;
    color: #ebebeb;
    cursor: pointer;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .product-description__banner {
        margin-bottom: 60px
    }

    .product-description__banner-wrapper .product-description__banner-placeholder {
        padding-bottom: 56.25%
    }

    .product-description__banner-wrapper .product-description__banner-content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1280px) {
    .product-description__banner {
        margin-bottom: 100px
    }

    .product-description__banner-content .product-description__banner-content-title {
        font-size: 40px
    }

    .product-description__banner-content .product-description__banner-content-subtitle {
        margin-top: 12px;
        font-size: 18px
    }

    .product-description__banner-content .product-description__banner-content-button {
        margin-top: 48px;
        font-size: 16px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__banner {
        margin-bottom: 140px
    }
}

.product-description__grip-title {
    margin-bottom: 16px;
    color: #333;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

.product-description__grip-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.product-description__grip-item {
    overflow: hidden
}

.product-description__grip-item-image {
    position: relative;
    margin-bottom: 12px
}

.product-description__grip-item-image-placeholder {
    padding-bottom: 75%
}

.product-description__grip-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-description__grip-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

@media screen and (min-width: 768px) {
    .product-description__grip-title {
        margin-bottom: 24px;
        font-size: 24px
    }

    .product-description__grip-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 24px
    }

    .product-description__grip-item-image {
        margin-bottom: 12px
    }

    .product-description__grip-item-title {
        font-size: 18px;
        line-height: 130%
    }
}

@media screen and (min-width: 1280px) {
    .product-description__grip-title {
        margin-bottom: 24px;
        font-size: 34px
    }

    .product-description__grip-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 18px 24px
    }

    .product-description__grip-item-image {
        margin-bottom: 12px
    }

    .product-description__grip-item-title {
        font-size: 18px;
        line-height: 130%
    }
}

@media screen and (min-width: 1920px) {
    .product-description__grip-title {
        margin-bottom: 24px;
        font-size: 34px
    }

    .product-description__grip-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px
    }

    .product-description__grip-item-image {
        margin-bottom: 12px
    }

    .product-description__grip-item-title {
        font-size: 18px;
        line-height: 130%
    }
}

.show-376 {
    display: none
}

.variable-video-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 12px
}

.variable-video-container .variable-video-container-textWrapper {
    width: 100%;
    text-align: center
}

.variable-video-container-textWrapper .variable-video-container__subtitle {
    margin-bottom: 8px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%
}

.variable-video-container-textWrapper .variable-video-container__title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.variable-video-container .variable-video-container-swiperWrapper {
    width: 100%
}

.variable-video-container-swiperWrapper .variable-video-container-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

.variable-video-container-slide .variable-video-container-slide-videoWrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.variable-video-container-slide-videoWrapper .slide-video-placeholder {
    padding-bottom: calc(330 / 588 * 100%)
}

.variable-video-container-slide-videoWrapper img,
.variable-video-container-slide-videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.variable-video-container-slide-description {
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.variable-video-container .variable-video-container-arrowNavWrapper {
    gap: 60px
}

.variable-video-container .variable-video-container-arrowNavWrapper,
.variable-video-container-arrowNavWrapper .arrowNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.variable-video-container-arrowNavWrapper .arrowNav {
    width: 30px;
    height: 30px;
    cursor: pointer
}

.variable-video-container-arrowNavWrapper .arrowNav.disabled {
    color: #999;
    cursor: not-allowed;
    pointer-events: none
}

.variable-video-container .variable-video-container-titleAndButtonNavWrapper {
    width: 100%
}

.variable-video-container .variable-video-container-buttonNavWrapper {
    display: none
}

@media screen and (min-width: 768px) {
    .hidden-376 {
        display: none
    }

    .show-376 {
        display: block
    }

    .variable-video-container-textWrapper .variable-video-container__subtitle {
        font-size: 16px
    }

    .variable-video-container-textWrapper .variable-video-container__title {
        font-size: 22px
    }

    .variable-video-container .variable-video-container-arrowNavWrapper,
    .variable-video-container-slide-description {
        display: none
    }

    .variable-video-container .variable-video-container-buttonNavWrapper {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        gap: 20px
    }

    .variable-video-container .variable-video-container-buttonNavWrapper,
    .variable-video-container-buttonNavWrapper .buttonNav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .variable-video-container-buttonNavWrapper .buttonNav {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        gap: 12px;
        padding: 10px 20px;
        border-radius: 5px;
        border: 1px solid #333;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        cursor: pointer
    }

    .variable-video-container-buttonNavWrapper .buttonNav.active {
        color: #fff;
        background-color: #333
    }

    .variable-video-container-buttonNavWrapper .buttonNav .buttonNav-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left
    }

    .variable-video-container-buttonNavWrapper .buttonNav .buttonNav-iconWrap {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 10px
    }
}

@media screen and (min-width: 1280px) {
    .variable-video-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 18px
    }

    .variable-video-container .variable-video-container-titleAndButtonNavWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 36px;
        width: calc(50% - 9px)
    }

    .variable-video-container .variable-video-container-buttonNavWrapper,
    .variable-video-container .variable-video-container-titleAndButtonNavWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .variable-video-container .variable-video-container-textWrapper {
        width: 100%;
        text-align: left
    }

    .variable-video-container-textWrapper .variable-video-container__subtitle {
        font-size: 18px
    }

    .variable-video-container-textWrapper .variable-video-container__title {
        font-size: 24px
    }

    .variable-video-container .variable-video-container-swiperWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 9px);
        height: 330px
    }

    .variable-video-container-swiperWrapper .variable-video-container-slide {
        height: 330px !important
    }
}

@media screen and (min-width: 1920px) {
    .variable-video-container .variable-video-container-titleAndButtonNavWrapper {
        padding: 0 48px
    }
}

.product-description__picAndText--flex {
    gap: 24px
}

.product-description__picAndText--flex,
.product-description__picAndText--flex-videoText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-description__picAndText--flex-videoText {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.product-description__picAndText--flex-videoText .picAndText--flex-videoText-videoWrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.picAndText--flex-videoText-videoWrapper .picAndText--flex-videoText-videoPlaceholer {
    padding-bottom: calc(330 / 588 * 100%)
}

.picAndText--flex-videoText-videoWrapper img,
.picAndText--flex-videoText-videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-description__picAndText--flex-videoText .picAndText--flex-videoText-textWrapper {
    text-align: center
}

.picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-subtitle {
    margin-bottom: 4px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%
}

.picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%
}

.picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-description {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.product-description__picAndText .product-description__picAndText--buttonWrap {
    margin-top: 24px
}

.product-description__picAndText .product-description__picAndText--buttonWrap,
.product-description__picAndText--buttonWrap .product-description__picAndText--buttonWrap-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-description__picAndText--buttonWrap .product-description__picAndText--buttonWrap-button {
    gap: 4px;
    padding: 10px 27px;
    border-radius: 4px;
    background-color: #333;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer
}

.product-description__picAndText--buttonWrap .product-description__picAndText--buttonWrap-button:hover {
    background-color: #00ae42
}

.product-description__picAndText--buttonWrap-iconWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px
}

@media screen and (min-width: 768px) {
    .product-description__picAndText--flex {
        gap: 40px
    }

    .product-description__picAndText--flex-videoText {
        gap: 24px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-subtitle {
        margin-bottom: 8px;
        font-size: 18px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-title {
        margin-bottom: 20px;
        font-size: 24px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-description {
        font-size: 14px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__picAndText--flex {
        gap: 24px
    }

    .product-description__picAndText--flex-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .product-description__picAndText--flex-item:nth-of-type(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .product-description__picAndText--flex-videoText {
        gap: 18px
    }

    .product-description__picAndText--flex-videoText .picAndText--flex-videoText-videoWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 9px)
    }

    .product-description__picAndText--flex-videoText .picAndText--flex-videoText-textWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 36px;
        width: calc(50% - 9px);
        text-align: left
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-subtitle {
        font-size: 18px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-title {
        font-size: 24px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-description {
        font-size: 14px
    }

    .product-description__picAndText .product-description__picAndText--buttonWrap {
        margin-top: 40px
    }

    .product-description__picAndText--buttonWrap .product-description__picAndText--buttonWrap-button {
        font-size: 16px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__picAndText--flex {
        gap: 40px
    }

    .product-description__picAndText--flex-videoText {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px
    }

    .product-description__picAndText--flex-videoText .picAndText--flex-videoText-videoWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 12px)
    }

    .product-description__picAndText--flex-videoText .picAndText--flex-videoText-textWrapper {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 48px;
        width: calc(50% - 12px)
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-subtitle {
        font-size: 18px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-title {
        font-size: 24px
    }

    .picAndText--flex-videoText-textWrapper .picAndText--flex-videoText-text-description {
        font-size: 16px
    }
}

.product-description__special {
    text-align: center
}

.product-description__special .product-description__special-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

.product-description__special .product-description__special-subtitle {
    margin-bottom: 24px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.product-description__special .product-description__special-tableNote {
    margin: 12px 0 24px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.product-description__special .product-description__special-downloadButton,
.product-description__special .product-description__special-downloadButtonWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-description__special .product-description__special-downloadButton {
    padding: 10px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    background-color: #333;
    border-radius: 4px;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer
}

.product-description__special .product-description__special-downloadButton:hover {
    background-color: #00ae42
}

.product-description__special-downloadButton .iconWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: inherit;
    overflow: hidden
}

.product-description__special .product-description__special-tableWrapper {
    width: 100%;
    overflow: auto
}

.product-description__special .pct_st-tbc {
    padding: 0 !important
}

.product-description__special .pct .pct_st-tbc .pct_tb {
    margin-top: 0 !important
}

@media screen and (min-width: 768px) {
    .product-description__special .product-description__special-title {
        margin-bottom: 12px;
        font-size: 22px
    }

    .product-description__special .product-description__special-subtitle {
        max-width: 500px;
        margin: 0 auto 24px;
        font-size: 14px
    }

    .product-description__special .product-description__special-tableNote {
        font-size: 12px
    }

    .product-description__special .product-description__special-downloadButton {
        padding: 10px 12px;
        gap: 4px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 24px
    }

    .product-description__special-downloadButton .iconWrapper {
        width: 24px;
        height: 24px;
        font-size: 24px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__special .product-description__special-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__special .product-description__special-subtitle {
        max-width: 788px;
        margin: 0 auto 24px;
        font-size: 16px
    }

    .product-description__special .product-description__special-tableNote {
        font-size: 12px
    }

    .product-description__special .product-description__special-downloadButton {
        padding: 10px 20px;
        gap: 6px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px
    }

    .product-description__special-downloadButton .iconWrapper {
        width: 24px;
        height: 24px;
        font-size: 24px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__special .product-description__special-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__special .product-description__special-subtitle {
        max-width: 788px;
        margin: 0 auto 24px;
        font-size: 16px
    }

    .product-description__special .product-description__special-tableNote {
        font-size: 12px
    }

    .product-description__special .product-description__special-downloadButton {
        padding: 10px 20px;
        gap: 6px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px
    }

    .product-description__special-downloadButton .iconWrapper {
        width: 24px;
        height: 24px;
        font-size: 24px
    }
}

.product-description__unboxing {
    text-align: center
}

.product-description__unboxing .product-description__unboxing-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

.product-description__unboxing .product-description__unboxing-subtitle {
    margin-bottom: 12px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.product-description__unboxing .product-description__unboxing-unboxingNote {
    margin-top: 12px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.product-description__unboxing .product-description__unboxing-downloadButton,
.product-description__unboxing .product-description__unboxing-downloadButtonWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-description__unboxing .product-description__unboxing-downloadButton {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 24px;
    padding: 10px 12px;
    background-color: #333;
    border-radius: 4px;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer
}

.product-description__unboxing .product-description__unboxing-downloadButton:hover {
    background-color: #00ae42
}

.product-description__unboxing-downloadButton .iconWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    color: inherit;
    overflow: hidden
}

.product_description__unboxing-videoWrapper {
    position: relative;
    overflow: hidden
}

.product_description__unboxing-videoWrapper .unboxing-videoPlaceHolder {
    padding-bottom: calc(330 / 588 * 100%)
}

.product_description__unboxing-videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .product-description__unboxing .product-description__unboxing-title {
        margin-bottom: 12px;
        font-size: 22px
    }

    .product-description__unboxing .product-description__unboxing-subtitle {
        margin: 0 auto 24px;
        max-width: 500px;
        font-size: 14px
    }

    .product-description__unboxing .product-description__unboxing-unboxingNote {
        font-size: 12px
    }

    .product-description__unboxing .product-description__unboxing-downloadButton {
        padding: 10px 12px;
        gap: 4px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__unboxing .product-description__unboxing-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__unboxing .product-description__unboxing-subtitle {
        max-width: 788px;
        font-size: 16px
    }

    .product-description__unboxing .product-description__unboxing-unboxingNote {
        font-size: 12px
    }

    .product-description__unboxing .product-description__unboxing-downloadButton {
        padding: 10px 20px;
        gap: 6px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__unboxing .product-description__unboxing-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__unboxing .product-description__unboxing-subtitle {
        font-size: 16px
    }

    .product-description__unboxing .product-description__unboxing-unboxingNote {
        font-size: 12px
    }

    .product-description__unboxing .product-description__unboxing-downloadButton {
        padding: 10px 20px;
        gap: 6px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 24px
    }
}

.product-description__witb {
    text-align: center
}

.product-description__witb .product-description__witb-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

.product-description__witb .product-description__witb-subtitle {
    margin-bottom: 24px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.product-description__witb .product-description__witb-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.product-description__witb-items .product-description__witb-item {
    width: 100%
}

.product-description__witb-item .witb-item-imageWrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.witb-item-imageWrapper .witb-item-imagePlaceholder {
    padding-bottom: calc(130 / 146 * 100%)
}

.witb-item-imageWrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-description__witb-item .witb-item-name {
    padding: 8px 16px;
    color: #333;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

@media screen and (min-width: 768px) {
    .product-description__witb .product-description__witb-title {
        margin-bottom: 12px;
        font-size: 22px
    }

    .product-description__witb .product-description__witb-subtitle {
        margin: 0 auto 24px;
        max-width: 500px;
        font-size: 14px
    }

    .product-description__witb .product-description__witb-items {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px
    }

    .product-description__witb-item .witb-item-name {
        padding: 8px 16px;
        font-size: 12px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__witb .product-description__witb-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__witb .product-description__witb-subtitle {
        max-width: 788px;
        font-size: 16px
    }

    .product-description__witb .product-description__witb-items {
        gap: 24px
    }

    .product-description__witb-item .witb-item-name {
        padding: 20px 30px;
        font-size: 14px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__witb .product-description__witb-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__witb .product-description__witb-subtitle {
        font-size: 16px
    }

    .product-description__witb .product-description__witb-items {
        gap: 24px
    }

    .product-description__witb-item .witb-item-name {
        padding: 20px 30px;
        font-size: 14px
    }
}

.product-description__youtubers {
    text-align: center
}

.product-description__youtubers .swiperContainer {
    position: relative
}

.product-description__youtubers .product-description__youtubers-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%
}

.product-description__youtubers .product-description__youtubers-subtitle {
    margin-bottom: 24px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.product-description__youtubers .product-description__youtubers-swiperWrapper {
    padding-bottom: 22px;
    width: 100%
}

.product-description__youtubers-item .youtubers-item-videoWrapper {
    position: relative;
    margin-bottom: 12px;
    width: 100%;
    overflow: hidden
}

.youtubers-item-videoWrapper .youtubers-item-videoPlaceholder {
    padding-bottom: calc(87 / 156 * 100%)
}

.youtubers-item-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.product-description__youtubers-item .youtubers-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: left
}

.youtubers-swiper-pagination {
    top: auto !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 120px !important;
    height: 6px !important;
    border-radius: 10px !important;
    background-color: #ddd !important;
    overflow: hidden;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.youtubers-swiper-pagination span {
    border-radius: 10px;
    background-color: #919191 !important
}

.youtubers-swiper-button-next,
.youtubers-swiper-button-prev {
    position: absolute;
    display: none;
    width: 64px;
    height: 64px;
    background: #f5f5f5;
    border-radius: 50%;
    color: #333;
    z-index: 2 !important
}

.youtubers-swiper-button-next:after,
.youtubers-swiper-button-prev:after {
    font-size: 24px;
    font-weight: 700
}

.youtubers-swiper-button-prev {
    left: -104px
}

.youtubers-swiper-button-next {
    right: -104px
}

.swiper-pagination-bullet-active {
    background-color: #000 !important
}

@media screen and (min-width: 768px) {
    .product-description__youtubers .product-description__youtubers-title {
        margin-bottom: 12px;
        font-size: 22px
    }

    .product-description__youtubers .product-description__youtubers-subtitle {
        margin: 0 auto 24px;
        max-width: 500px;
        font-size: 14px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__youtubers .product-description__youtubers-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__youtubers .product-description__youtubers-subtitle {
        max-width: 788px;
        font-size: 16px
    }

    .youtubers-swiper-button-next,
    .youtubers-swiper-button-prev {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1920px) {
    .product-description__youtubers .product-description__youtubers-title {
        margin-bottom: 12px;
        font-size: 34px
    }

    .product-description__youtubers .product-description__youtubers-subtitle {
        font-size: 16px
    }
}

.product-description__navAnchor {
    width: 0;
    height: 0;
    opacity: 0
}

@media screen and (min-width: 1280px) {
    .product-description__faqWrapper {
        margin: 0 auto;
        max-width: 1000px
    }

    .product-description__faq .product-description__faq-title {
        font-size: 34px
    }

    .product-description__faqItem .faqItem__answer,
    .product-description__faqItem .faqItem__question {
        font-size: 14px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 320vw;
    perspective: 320vw
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 11.2vw;
    height: 11.2vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5.6vw;
    margin-top: -5.6vw;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.07vw solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 1.07vw solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 2.13vw));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2.13vw));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 2.13vw);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 1.6vw) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.13vw
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.07vw)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 1.07vw);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 1.07vw);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 11.73vw
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 2.67vw);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 2.67vw);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.Slider_bulletClass__yPcz3 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    margin: 0 6px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.Slider_bulletActiveClass___Qauq {
    width: 3rem;
    background-color: #fafafa
}

.Slider_bulletClass__yPcz3.Slider_bulletClassBlack__nusPv {
    background-color: hsla(0, 0%, 40%, .4)
}

.Slider_bulletActiveClass___Qauq.Slider_black__b0XqX {
    background-color: #1a1a1a
}

.Slider_paginationHorizontalClass__dAVR3 {
    bottom: 0 !important;
    font-size: 8px !important;
    line-height: 1 !important
}

.swiper-grid-column>.swiper-wrapper,
.swiper-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.style_uniformHeightContent__3Rg8A,
.style_uniformHeightSlide__YUptN {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important
}

.style_uniformHeightContent__3Rg8A {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important
}

.style_uniformHeightContent__cr_26,
.style_uniformHeightSlide__O8Q3k {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important
}

.style_uniformHeightContent__cr_26 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important
}

:root {
    --adm-radius-s: 1.07vw;
    --adm-radius-m: 2.13vw;
    --adm-radius-l: 3.2vw;
    --adm-font-size-1: 2.4vw;
    --adm-font-size-2: 2.67vw;
    --adm-font-size-3: 2.93vw;
    --adm-font-size-4: 3.2vw;
    --adm-font-size-5: 3.47vw;
    --adm-font-size-6: 3.73vw;
    --adm-font-size-7: 4vw;
    --adm-font-size-8: 4.27vw;
    --adm-font-size-9: 4.53vw;
    --adm-font-size-10: 4.8vw;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-background: #fff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #fff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    background-color: var(--adm-color-background-body)
}


a,
button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * .53vw);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-dot-loading {
    display: inline-block
}

.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    z-index: var(--z-index);
    display: block
}

.adm-mask,
.adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-popup {
    --z-index: var(--adm-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-top .adm-popup-close-icon {
    right: 2.13vw;
    bottom: 2.13vw
}

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 2.13vw;
    top: 2.13vw
}

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 2.13vw;
    top: 2.13vw
}

.adm-popup-close-icon {
    cursor: pointer;
    padding: 1.07vw;
    font-size: 4.8vw;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    max-width: 54.4vw;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 2.13vw;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: initial
}

.adm-toast-mask .adm-toast-main-text {
    padding: 3.2vw;
    min-width: 0
}

.adm-toast-mask .adm-toast-main-icon {
    padding: 9.33vw 3.2vw;
    min-width: 40vw
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 2.13vw;
    font-size: 9.6vw;
    line-height: 1
}

.adm-toast-loading {
    --size: 12.8vw;
    margin: 0 auto 2.13vw
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 8.53vw;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-auto-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.adm-auto-center-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: hsla(0, 0%, 100%, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 0.53vw;
    --pswp-error-text-color: var(--pswp-icon-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    -ms-touch-action: none;
    touch-action: none;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp,
.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    -webkit-transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 13.33vw;
    height: 16vw;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
    -webkit-transition: none;
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    position: absolute;
    top: 3.73vw;
    left: 2.4vw;
    width: 8.53vw;
    height: 8.53vw;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 16vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 1.6vw
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 20vw;
    height: 26.67vw;
    top: 50%;
    margin-top: -13.33vw
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -8vw;
    width: 16vw;
    height: 16vw;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 3.73vw;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 13.33vw;
    height: 16vw;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-animation: pswp-clockwise .6s linear infinite;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@-webkit-keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.pswp__counter {
    height: 8vw;
    margin-top: 4vw;
    -webkit-margin-start: 5.33vw;
    -moz-margin-start: 5.33vw;
    margin-inline-start: 5.33vw;
    font-size: 3.73vw;
    line-height: 8vw;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px .8vw var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

.recommend-products-root {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.product_recommend_title_root {
    margin-bottom: 24px
}

.product_recommend_title {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px
}

.product_recommend_subtitle {
    margin-top: 10px;
    color: red;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.rpv2-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px;
    gap: 15px;
    border-radius: 5px;
    border: 1px solid #e0e0e0
}

.rpv2-item.hide {
    display: none
}

.rpv2-item.selected {
    border: 1px solid #00ae42
}

.rpv2-item input[type=checkbox] {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-filter: hue-rotate(240deg);
    filter: hue-rotate(240deg)
}

.rpv2-item input[type=checkbox]:disabled {
    cursor: not-allowed
}

.rpv2-item .rpv2-item__image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px
}

.rpv2-item .rpv2-item__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.rpv2-item .rpv2-item__content .rpv2-item__titleWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.rpv2-item__titleWrap .rpv2-item__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.rpv2-item__titleWrap .rpv2-item__title a:hover {
    text-decoration: underline;
    color: #00ae42
}

.rpv2-item__titleWrap .rpv2-item__discountPrecent {
    color: red;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.rpv2-item .rpv2-item__content .rpv2-item__priceWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.rpv2-item__priceWrap .rpv2-item__price {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px
}

.rpv2-item__priceWrap .rpv2-item__discountPrice {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #bdbdbd;
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.rpv2-item__priceWrap .rpv2-item__weight {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #bdbdbd;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.rpv2-item .rpv2-item__content .rpv2-item__filamentTab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    height: 27px
}

.rpv2-item__filamentTab .rpv2-item__filamentTab__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bdbdbd;
    border-radius: 3px;
    background: hsla(0, 0%, 88%, .2);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    cursor: pointer
}

.rpv2-item__filamentTab .rpv2-item__filamentTab__item.active {
    color: #00ae42;
    background: rgba(0, 174, 66, .1)
}

.rpv2-item__content_selectAndBtnWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.rpv2-item__content .rpv2-item__content__selectWrap {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    border-radius: 5px;
    border: 1px solid#bdbdbd;
    background-color: #fff
}

.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select.focused,
.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select:active,
.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select:focus,
.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select:hover {
    border-color: #00ae42
}

.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select__ul {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    max-height: 176px;
    overflow-y: auto;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    z-index: 2;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    background-color: #fff
}

.rpv2-item__content__selectWrap.focused .rpv2-item__content__selectWrap__select__ul {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    cursor: pointer;
    overflow: hidden
}

.rpv2-item__content__selectWrap__select__item.ulItem {
    opacity: 0;
    -webkit-transition: opacity .4s .05s;
    transition: opacity .4s .05s
}

.rpv2-item__content__selectWrap.focused .rpv2-item__content__selectWrap__select__ul .rpv2-item__content__selectWrap__select__item.ulItem {
    opacity: 1
}

.rpv2-item__content__selectWrap__select__item.ulItem.active,
.rpv2-item__content__selectWrap__select__item.ulItem:hover {
    background: #f6f6f6
}

.rpv2-item__content__selectWrap__select__item .rpv2-item__content__selectWrap__select__item__filamentBox {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .25)
}

.rpv2-item__content__selectWrap__select__item .rpv2-item__content__selectWrap__select__item__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.rpv2-item__content__selectWrap__select .rpv2-item__content__selectWrap__select__item__arrow {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 10px;
    height: 10px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1);
    transition: transform .4s cubic-bezier(.77, 0, .175, 1), -webkit-transform .4s cubic-bezier(.77, 0, .175, 1)
}

.rpv2-item__content__selectWrap__select.focused .rpv2-item__content__selectWrap__select__item__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rpv2-item__content__btnWrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.rpv2-item__content__btnWrap,
.rpv2-item__content__btnWrap__QuantityWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.rpv2-item__content__btnWrap__QuantityWrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 36px;
    border-radius: 5px;
    border: 1px solid #e0e0e0
}

.rpv2-item__content__btnWrap__QuantityWrap__icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    border-radius: 3px;
    font-size: 12px
}

.rpv2-item__content__btnWrap__QuantityWrap__input {
    width: 100%;
    border: none;
    outline: none;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    text-align: center
}

.rpv2-item__content__btnWrap__QuantityWrap__input::-webkit-inner-spin-button,
.rpv2-item__content__btnWrap__QuantityWrap__input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0
}

.rpv2-item__content__btnWrap__addBtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #00ae42;
    color: #00ae42;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.rpv2-item__content__btnWrap__addBtn:hover {
    background: #00ae42;
    color: #fff
}

.rpv2-item__content__btnWrap__selectBtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #00ae42;
    color: #00ae42;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.rpv2-item__content__btnWrap__selectBtn:hover {
    background: #00ae42;
    color: #fff
}

.rpv2-item__content__selectedItemWrap .selectedItem-title {
    position: relative;
    margin-bottom: 15px;
    height: 12px
}

.rpv2-item__content__selectedItemWrap .selectedItem-title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0
}

.rpv2-item__content__selectedItemWrap .selectedItem-title-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 10px;
    background: #fff;
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    white-space: nowrap;
    z-index: 1
}

.rpv2-item__content__selectedItemWrap .selectedItem-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.selectedItem-content .selectedItem-content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.selectedItem-content-item .selectedItem-content-item__colorBox {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.selectedItem-content-item .selectedItem-content-item__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.selectedItem-content-item .selectedItem-content-item__quantity {
    padding: 0 5px
}

.selectedItem-content-item .selectedItem-content-item__delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer
}

.selectedItem-content-item .selectedItem-content-item__delete:hover {
    color: #00ae42
}

.rpv2-showMore {
    gap: 10px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer
}

.rpv2-showMore,
.rpv2-showMore .rpv2-showMore__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rpv2-showMore.open .rpv2-showMore__icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.rpv2-item__whatInThePack {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #bdbdbd
}

.rpv2-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    z-index: 1000
}

.rpv2-dialog .rpv2-dialog__content {
    position: relative;
    width: 90%;
    max-width: 335px;
    max-height: 80%;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    overflow: auto
}

.rpv2-dialog__content .rpv2-dialog__content__top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 20px;
    background-color: #fff;
    z-index: 2
}

.rpv2-dialog__content .rpv2-dialog__content__titleWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.rpv2-dialog__content__titleWrap .rpv2-dialog__content__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.rpv2-dialog__content__titleWrap .rpv2-dialog__content__discountPrecent {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: red;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.rpv2-dialog__content .rpv2-dialog__content__priceWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.rpv2-dialog__content__priceWrap .rpv2-dialog__content__priceWrap__price {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px
}

.rpv2-dialog__content__priceWrap .rpv2-dialog__content__priceWrap__discountPrice {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-decoration: line-through
}

.rpv2-dialog__content .rpv2-dialog__content__optionsWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    padding: 20px;
    background-color: #fbfbfb
}

.rpv2-dialog__content__optionsWrap__item .rpv2-dialog__content__optionsWrap__item__title {
    margin-bottom: 3px;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.rpv2-dialog__content__optionsWrap__item .rpv2-dialog__content__optionsWrap__item__option {
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.rpv2-dialog__content__optionsWrap__item .rpv2-dialog__content__optionsWrap__item__option .rpv2-dialog__content__optionsWrap__item__option__value {
    font-weight: 400
}

.rpv2-dialog__content__optionsWrap__item .rpv2-dialog__content__optionsWrap__item__ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none
}

.rpv2-dialog__content__optionsWrap__item__ul .rpv2-dialog__content__optionsWrap__item__ul__li {
    padding: 2px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important
}

.rpv2-dialog__content__optionsWrap__item__ul .rpv2-dialog__content__optionsWrap__item__ul__li.active,
.rpv2-dialog__content__optionsWrap__item__ul .rpv2-dialog__content__optionsWrap__item__ul__li:hover {
    border-color: #333;
    box-shadow: 0 10px 10px -10px #333
}

.rpv2-dialog__content__optionsWrap__item__ul .rpv2-dialog__content__optionsWrap__item__ul__li.disabled {
    cursor: not-allowed
}

.rpv2-dialog__content__optionsWrap__item__ul .rpv2-dialog__content__optionsWrap__item__ul__li.disabled:hover {
    border-color: #e0e0e0;
    box-shadow: none
}

.rpv2-dialog__content__optionsWrap__item__ul__li .rpv2-dialog__content__optionsWrap__item__ul__li__colorDiv {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0
}

.rpv2-dialog__content__optionsWrap__item__ul__li.disabled .rpv2-dialog__content__optionsWrap__item__ul__li__colorDiv:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1.5px solid;
    border-color: #ddd;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto
}

.rpv2-dialog__content .rpv2-dialog__content__btnWrap {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 20px;
    background-color: #fff
}

.rpv2-dialog__content__btnWrap .rpv2-dialog__content__btnWrap__addBtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #00ae42;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.rpv2-dialog__content__btnWrap .rpv2-dialog__content__btnWrap__addBtn:hover {
    background-color: #009338
}

.rpv2-dialog__content__btnWrap .rpv2-dialog__content__btnWrap__closeBtn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #aeaeae;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}

.rpv2-dialog__content__btnWrap .rpv2-dialog__content__btnWrap__closeBtn:hover {
    background-color: #999
}

@media screen and (min-width: 1008px) {
    .product_recommend_title {
        font-size: 15px;
        line-height: 19px
    }

    .product_recommend_subtitle {
        font-size: 15px;
        line-height: 20px
    }

    .recommend-products-root {
        gap: 15px
    }

    .rpv2-item {
        padding: 30px 20px;
        gap: 15px
    }

    .rpv2-item .rpv2-item__image {
        width: 88px;
        height: 88px
    }

    .rpv2-item .rpv2-item__content {
        gap: 10px
    }

    .rpv2-item__titleWrap .rpv2-item__discountPrecent,
    .rpv2-item__titleWrap .rpv2-item__title {
        font-size: 14px;
        line-height: 22px
    }

    .rpv2-item .rpv2-item__content .rpv2-item__priceWrap {
        gap: 10px
    }

    .rpv2-item__priceWrap .rpv2-item__discountPrice,
    .rpv2-item__priceWrap .rpv2-item__price {
        font-size: 14px;
        line-height: 14px
    }

    .rpv2-item__priceWrap .rpv2-item__weight {
        font-size: 12px;
        line-height: 14px
    }

    .rpv2-item .rpv2-item__content .rpv2-item__filamentTab {
        gap: 10px;
        width: 224px;
        height: 27px
    }

    .rpv2-item__filamentTab .rpv2-item__filamentTab__item {
        font-size: 12px;
        line-height: 12px
    }

    .rpv2-item__content_selectAndBtnWrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px
    }

    .rpv2-item__content .rpv2-item__content__selectWrap {
        width: 224px
    }

    .rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select {
        height: 58px
    }

    .rpv2-item__content__selectWrap .rpv2-item__content__selectWrap__select__ul {
        top: 58px
    }

    .rpv2-item__content__selectWrap__select__item .rpv2-item__content__selectWrap__select__item__filamentBox {
        width: 24px;
        height: 24px
    }

    .rpv2-item__content__btnWrap {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 5px
    }

    .rpv2-item__content__btnWrap__QuantityWrap {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        height: 26px
    }

    .rpv2-item__content__btnWrap__QuantityWrap__icon {
        font-size: 10px;
        width: 26px;
        height: 26px
    }

    .rpv2-item__content__btnWrap__QuantityWrap__input {
        height: 24px
    }

    .rpv2-item__content__btnWrap__addBtn {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 26px;
        color: #00ae42;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        border: 1px solid #00ae42
    }

    .rpv2-item__content__btnWrap__addBtn:hover {
        background-color: #00ae42;
        color: #fff
    }

    .rpv2-item__content__btnWrap__selectBtn {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
        height: 36px
    }

    .rpv2-dialog .rpv2-dialog__content {
        position: relative;
        width: 90%;
        max-width: 366px;
        max-height: 80%
    }

    .rpv2-dialog__content .rpv2-dialog__content__optionsWrap,
    .rpv2-dialog__content .rpv2-dialog__content__top {
        padding: 20px 40px
    }

    .rpv2-dialog__content__optionsWrap__item .rpv2-dialog__content__optionsWrap__item__title {
        font-size: 16px;
        line-height: 24px
    }
}

.styles_colorPick__w2olI {
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 20px
}

.styles_colorPick__w2olI input {
    width: 100%;
    min-width: 0;
    padding: 23px 12px;
    line-height: 46px;
    z-index: 1;
    font-size: 14px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-transform: none;
    letter-spacing: normal;
    color: #353535
}

.styles_colorPick__w2olI .styles_button__iP_Sa,
.styles_colorPick__w2olI input {
    border-radius: 4px;
    background-color: #f8f8f8
}

.styles_colorPick__w2olI .styles_wColorWheelFill__LCgdj {
    width: 12px !important;
    height: 12px !important
}

.styles_colorPick__w2olI .styles_selectTrigger__E8fPE {
    height: 46px;
    background-color: #f8f8f8;
    line-height: 46px
}

.styles_colorPick__w2olI .styles_submitButton__AA9ZI {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    background-color: #5cb85c;
    border-color: #5cb85c;
    padding: 24px
}

.styles_modalTitle__HtVsg {
    font-size: 24px;
    font-weight: 500;
    color: inherit
}

.styles_hr__vychQ {
    border: 0;
    border-top: 1px solid #eee
}

.styles_noticeDialog__byjin option {
    background-color: #fff
}

.styles_noticeDialog__byjin input {
    width: 100%;
    min-width: 0;
    padding: 23px 12px;
    line-height: 46px;
    z-index: 1;
    font-size: 14px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-transform: none;
    letter-spacing: normal;
    border: .0625rem solid #ccc;
    border-radius: 4px;
    background-color: transparent;
    margin-top: 12px
}

.styles_noticeDialog__byjin .styles_selectTrigger__p6LZo {
    border: .0625rem solid #ccc !important;
    height: 46px;
    line-height: 46px
}

.styles_noticeDialog__byjin .styles_submitButton__QqBBE {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    background-color: #5cb85c;
    border-color: #5cb85c;
    padding: 24px
}

.styles_noticeDialog__byjin .styles_productName__cLSvT {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 10px;
    color: inherit;
    font-weight: 500;
    line-height: 1.1
}

.styles_noticeDialog__byjin .styles_smallPrint__3aT3H {
    margin-top: 24px;
    font-size: 13px;
    line-height: 150%;
    opacity: .835
}

.styles_noticeDialog__byjin .styles_alertMessage__JeSdE {
    border-radius: 4px;
    background-color: #dff0d8;
    border: 1px solid #dff0d8;
    color: #3c763d;
    padding: 6px 11px;
    font-size: 13px;
    margin: 15px 0
}

.styles_noticeDialog__byjin .styles_alertMessage__JeSdE a {
    color: #3c763d
}

.styles_noticeDialog__byjin .styles_alertDanger__MBspB {
    border-radius: 4px;
    padding: 6px 11px;
    font-size: 13px;
    margin: 15px 0;
    border: 1px solid #f2dede;
    background-color: #f2dede;
    color: #a94442
}

.styles_msExtraInfo__Yfncq {
    margin: 24px 0;
    gap: 50px
}

.styles_msExtraInfoUnit__JEUEU,
.styles_msExtraInfo__Yfncq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.styles_msExtraInfoUnit__JEUEU {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    font-weight: 700
}

.styles_msExtraInfoTitle__BoNjK {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    gap: 6px
}

.styles_msExtraInfoTitle__BoNjK svg {
    color: #bebebe;
    cursor: pointer
}

.styles_msExtraInfo__Yfncq .styles_plainText__41Ghm {
    color: #00ae42;
    line-height: 22px;
    font-size: 14px
}

.styles_msExtraInfo__Yfncq .styles_skillLevel__8vh46 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3 {
    width: 22px;
    height: 9px;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3:first-of-type {
    background-color: #83cf7c
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3:nth-of-type(2) {
    background-color: #6fc263
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3:nth-of-type(3) {
    background-color: #59b649
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3:nth-of-type(4) {
    background-color: #47a82e
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnit__5EEM3:nth-of-type(5) {
    background-color: #2d9114
}

.styles_msExtraInfo__Yfncq .styles_skillLevelUnitEmpty__8A9pK {
    background-color: #ebebeb !important
}

.pct-mc_mb {
    margin-bottom: 160px !important
}

@media (max-width: 768px) {
    .pct-mc_mb {
        margin-bottom: 80px !important
    }
}

.pct_h1 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px
}

.pct_span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.pct_t-container {
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .pct_h1 {
        font-size: 22px
    }

    .pct_span {
        font-size: 12px
    }
}

.pct-warranty-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.pct-warranty-container_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pct-warranty-container_item,
.pct-warranty-item_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pct-warranty-item_icon {
    height: 112px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pct-warranty-item_icon img {
    width: 72px;
    height: 72px
}

.pct-warranty-item_desc {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    padding: 12px 20px
}

@media (max-width: 768px) {
    .pct-warranty-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    .pct-warranty-container>:first-child {
        grid-column: 1/-1
    }

    .pct-warranty-item_icon {
        height: 94px
    }

    .pct-warranty-item_icon img {
        width: 54px;
        height: 54px
    }

    .pct-warranty-item_desc {
        font-size: 12px
    }
}

.pct-purchase-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    min-height: 200px
}

.pct-purchase-container_item {
    padding: 24px;
    font-weight: 700;
    background-color: #fafafa
}

.pct-purchase-item_header {
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 12px;
    color: #00ae42
}

.pct-purchase-item_content {
    padding-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    border-top: 1px solid #e0e0e0
}

@media (max-width: 768px) {
    .pct-purchase-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        min-height: 125px
    }

    .pct-purchase-container_item {
        padding: 16px
    }

    .pct-purchase-item_header {
        font-size: 14px;
        padding-bottom: 8px
    }

    .pct-purchase-item_content {
        padding-top: 8px;
        font-size: 12px
    }
}

.ptc-purchase-and-service-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.product-description__faq .swiperContainer {
    position: relative
}

.product-description__faq .product-description__faq-title {
    margin-bottom: 24px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    text-align: center
}

.product-description__faqWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0 24px
}

.product-description__faqItem {
    padding-bottom: 12px;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden
}

.product-description__faqItem:last-of-type {
    padding-bottom: 0;
    border-bottom: 0
}

.product-description__faqItem .faqItem__question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    min-height: 24px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%
}

.faqItem__question .faqItem__question-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.faqItem__question .faqItem__question-iconWrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #333;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.faqItem__question .faqItem__question-iconWrapper.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-description__faqItem .faqItem__answer {
    display: grid;
    grid-template-rows: 0fr;
    padding-top: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    overflow: hidden
}

.product-description__faqItem .faqItem__answer .answer-content {
    overflow: hidden;
    text-align: left
}

.product-description__faqItem .faqItem__answer.open {
    padding-top: 8px;
    grid-template-rows: 1fr
}

.product-description__faqItem .faqItem__answer p {
    color: #333
}

.product-description__faqItem .faqItem__answer a {
    color: #00ae42;
    text-decoration: underline
}

@media screen and (min-width: 768px) {
    .product-description__faq .product-description__faq-title {
        font-size: 22px
    }
}

@media screen and (min-width: 1280px) {
    .product-description__faqWrapper {
        margin: 0 auto;
        max-width: 1000px;
        padding: 0
    }

    .product-description__faq .product-description__faq-title {
        font-size: 34px
    }

    .product-description__faqItem .faqItem__answer,
    .product-description__faqItem .faqItem__question {
        font-size: 14px
    }
}

@media screen and (min-width: 1920px) {
    .product-description__faq .product-description__faq-title {
        font-size: 34px
    }
}

.productVideosSwiper-title {
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    color: #333;
    margin: 30px 20px
}

.swiper-pagination-bullet {
    width: 24px !important;
    height: 2px !important;
    border-radius: 0;
    margin-left: 4px !important;
    margin-right: 4px !important
}

.swiper-pagination-bullet-active {
    background-color: #6a6a6a
}

@media screen and (max-width: 641px) {
    .productVideosSwiper-title {
        font-size: 22px;
        font-weight: 700
    }
}

.popup {

    z-index: 999;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;

}

.popup,
.popup__blur {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup.open {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.popup,
.popup.open .popup__blur {
    overflow-y: auto;
}

.popup.open .popup__block {
    transform: none;
}

.popup__blur {
    background: #1c1c1c;
    z-index: 1;
    cursor: pointer;
}

.popup__block,
.popup__container {
    margin: auto;
    z-index: 2;
}

.popup__block {
    max-width: 900px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    transform: translateY(40px) scale(.9);
}
@media only screen and (max-width: 767px) {
    #anchor-nav {
        top:46px!important
    }
	.py-\[14px\] {
    padding-top: 10px;
    padding-bottom: 0;
}
}