/** Shopify CDN: Minification failed

Line 10614:71 Unexpected ")"
Line 10723:36 Unexpected ")"
Line 10728:40 Unexpected ")"
Line 10734:40 Unexpected ")"
Line 10739:36 Unexpected ")"
Line 13629:0 "@charset" must be the first rule in the file

**/
.product-add-to-compare[data-v-a7d11220] {
    background: #efefef;
    border-radius: 10px;
    cursor: pointer;
    display: none;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 20px
}

@media only screen and (min-width: 1024px) {
    .product-add-to-compare[data-v-a7d11220] {
        display: block
    }
}

.product-add-to-compare:hover .icon-wrapper span[data-v-a7d11220] {
    margin-left: 5px
}

.product-add-to-compare.disabled[data-v-a7d11220]:not(.compared) {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.product-add-to-compare.compared[data-v-a7d11220] {
    background: #00c3a8;
    color: #fff
}

.product-add-to-compare.compared .icon-wrapper .icon--small[data-v-a7d11220] {
    color: #fff
}

.product-add-to-compare .icon-wrapper[data-v-a7d11220] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.product-add-to-compare .icon-wrapper .icon--small[data-v-a7d11220] {
    -ms-flex-preferred-size: 10px;
    flex-basis: 10px;
    margin: 0
}

.product-add-to-compare .icon-wrapper span[data-v-a7d11220] {
    display: inline-block
}

.product-add-to-compare .icon-wrapper[data-v-a7d11220]:after {
    display: none
}

.product-add-to-compare.isPdp[data-v-a7d11220] {
    background: #fff;
    display: none;
    position: relative;
    right: auto;
    top: auto
}

@media only screen and (min-width: 1024px) {
    .product-add-to-compare.isPdp[data-v-a7d11220] {
        display: inline-block
    }
}

.product-add-to-compare.isPdp .icon-wrapper[data-v-a7d11220] {
    display: inline-block;
    overflow: visible
}

.product-add-to-compare.isPdp .icon-wrapper[data-v-a7d11220]:after {
    display: block;
    left: 5px;
    top: 50%
}

.product-add-to-compare.isPdp .icon-wrapper span[data-v-a7d11220] {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 2px;
    text-decoration: none
}

.product-add-to-compare.isPdp .icon-wrapper span[data-v-a7d11220]:focus, .product-add-to-compare.isPdp .icon-wrapper span[data-v-a7d11220]:hover {
    border-color: #000
}

.product-add-to-compare.isPdp.compared .icon-wrapper .icon--small[data-v-a7d11220] {
    color: #fff
}

.product-add-to-compare.isPdp.compared .icon-wrapper[data-v-a7d11220]:after {
    background: #00c3a8
}

.adyen-checkout__spinner__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__spinner__wrapper--inline {
    display: inline-block;
    height: auto;
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__spinner {
    -webkit-animation: rotate-spinner 1.5s linear infinite;
    animation: rotate-spinner 1.5s linear infinite;
    border: 3px solid #0075ff;
    border-radius: 50%;
    border-top-color: transparent;
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--large {
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--small {
    border-width: 2px;
    height: 16px;
    width: 16px
}

.adyen-checkout__spinner--medium {
    height: 28px;
    width: 28px
}

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

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

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

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

.adyen-checkout__button {
    background: #00112c;
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    height: 48px;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    -webkit-transition: background .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background .3s ease-out, box-shadow .3s ease-out;
    transition: background .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
    width: 100%
}

.adyen-checkout__button:focus {
    -webkit-box-shadow: 0 0 0 2px #3070ed;
    box-shadow: 0 0 0 2px #3070ed;
    outline: 0
}

.adyen-checkout__button:hover {
    background: #1c3045;
    -webkit-box-shadow: 0 0, 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 0, 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14)
}

.adyen-checkout__button:active {
    background: #3a4a5c
}

.adyen-checkout__button:hover:focus {
    -webkit-box-shadow: 0 0 0 2px #3070ed, 0 3px 4px rgba(0, 15, 45, .2);
    box-shadow: 0 0 0 2px #3070ed, 0 3px 4px rgba(0, 15, 45, .2)
}

.adyen-checkout__button:disabled, .adyen-checkout__button:disabled:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.adyen-checkout__button.adyen-checkout__button--loading {
    background: #687282;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adyen-checkout__button.adyen-checkout__button--pay {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.adyen-checkout__button.adyen-checkout__button--pay:disabled {
    opacity: .4
}

.adyen-checkout__button.adyen-checkout__button--standalone {
    margin-top: 0
}

.adyen-checkout__button.adyen-checkout__button--inline {
    display: block;
    font-size: .81em;
    height: auto;
    padding: 10px 8px;
    width: auto
}

.adyen-checkout__button.adyen-checkout__button--ghost {
    background: none;
    border: 0;
    color: #00112c
}

.adyen-checkout__button.adyen-checkout__button--ghost:hover {
    background: #f7f8f9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--ghost:active {
    background: #e6e9eb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary {
    background: #fff;
    border: 1px solid #00112c;
    color: #00112c;
    padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--secondary:hover {
    background: #f7f8f9;
    -webkit-box-shadow: 0 2px 4px rgba(27, 42, 60, .2), 0 4px 5px rgba(27, 42, 60, .14);
    box-shadow: 0 2px 4px rgba(27, 42, 60, .2), 0 4px 5px rgba(27, 42, 60, .14)
}

.adyen-checkout__button.adyen-checkout__button--secondary:active, .adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
    background: #f7f8f9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary:disabled, .adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
    background-color: #f7f8f9;
    border-color: #99a3ad;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
    border-color: transparent #00112c #00112c
}

.adyen-checkout__button.adyen-checkout__button--action {
    background: rgba(0, 102, 255, .1);
    border: 1px solid transparent;
    color: #0075ff;
    padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--action:hover {
    background: rgba(0, 102, 255, .2);
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--action:active, .adyen-checkout__button.adyen-checkout__button--action:active:hover {
    background: rgba(0, 102, 255, .3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--link {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #0075ff;
    font-weight: 400;
    padding: 2px
}

.adyen-checkout__button.adyen-checkout__button--link:hover {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline
}

.adyen-checkout__button.adyen-checkout__button--completed, .adyen-checkout__button.adyen-checkout__button--completed:active, .adyen-checkout__button.adyen-checkout__button--completed:active:hover, .adyen-checkout__button.adyen-checkout__button--completed:hover {
    background: #089a43;
    color: #fff
}

.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.adyen-checkout__button__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__button__icon {
    margin-right: 12px
}

[dir=rtl] .adyen-checkout__button__icon {
    margin-left: 12px;
    margin-right: 0
}

.adyen-checkout__button__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: block;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__button .adyen-checkout__spinner {
    border-color: transparent #fff #fff
}

.checkout-secondary-button__text {
    font-size: .85em;
    margin-left: 5px;
    margin-top: 1px
}

.adyen-checkout__iframe {
    border: 0
}

.adyen-checkout__fieldset {
    -webkit-margin-end: 0;
    -webkit-margin-start: 0;
    -webkit-padding-before: 0;
    -webkit-padding-after: 0;
    -webkit-padding-end: 0;
    -webkit-padding-start: 0;
    border: none;
    display: block;
    margin-inline-end: 0;
    margin-inline-start: 0;
    margin: 0;
    padding-block-start: 0;
    padding-bottom: 8px;
    padding-block-end: 0;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%
}

.adyen-checkout__fieldset:last-of-type {
    padding-bottom: 0
}

.adyen-checkout__fieldset+.adyen-checkout__fieldset {
    margin-top: 16px
}

.adyen-checkout__fieldset__title {
    color: #687282;
    display: block;
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 12px;
    text-transform: uppercase
}

.adyen-checkout__field-group, .adyen-checkout__fieldset__fields {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 480px) {
    .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
        margin-bottom: 0
    }
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type, :not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type {
    margin-bottom: 0
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0
}

.adyen-checkout__field {
    display: block;
    margin-bottom: 16px;
    width: 100%
}

.adyen-checkout__label {
    display: block;
    position: relative
}

.adyen-checkout__helper-text, .adyen-checkout__label__text {
    color: #00112c;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 13px;
    padding-bottom: 5px
}

.adyen-checkout__label-adornment--end {
    position: absolute;
    right: 0;
    top: 0
}

.adyen-checkout__helper-text {
    color: #687282
}

.adyen-checkout__label__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out;
    white-space: nowrap
}

.adyen-checkout__label__text--error {
    color: #c12424
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: #0075ff
}

.adyen-checkout__error-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c12424;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75em;
    font-weight: 400;
    margin-top: 4px
}

.adyen-checkout__field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (min-width: 480px) {
    .adyen-checkout__field--20 {
        width: 20%
    }

    .adyen-checkout__field--30 {
        width: 30%
    }

    .adyen-checkout__field--40 {
        width: 40%
    }

    .adyen-checkout__field--50 {
        width: 50%
    }

    .adyen-checkout__field--60 {
        width: 60%
    }

    .adyen-checkout__field--70 {
        width: 70%
    }

    .adyen-checkout__field--80 {
        width: 80%
    }

    .adyen-checkout__field--col-70 {
        width: calc(70% - 8px)
    }

    .adyen-checkout__field--col-30 {
        width: calc(30% - 8px)
    }

    .adyen-checkout__field--col-50 {
        width: calc(50% - 8px)
    }
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
    margin-left: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
    margin-left: 0;
    margin-right: 8px
}

.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field {
    margin-bottom: 0
}

.adyen-checkout__input {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    caret-color: #0075ff;
    color: #00112c;
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 40px;
    outline: none;
    padding: 5px 8px;
    position: relative;
    -webkit-transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border .2s ease-out, box-shadow .2s ease-out;
    transition: border .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
    width: 100%
}

.adyen-checkout__input:hover {
    border-color: #99a3ad
}

.adyen-checkout__input:required {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__input--disabled, .adyen-checkout__input[readonly] {
    background: #e6e9eb;
    border-color: #e6e9eb
}

.adyen-checkout__input--disabled:hover {
    border-color: #e6e9eb
}

.adyen-checkout__input-wrapper {
    display: block;
    position: relative
}

.adyen-checkout__input-wrapper--block {
    display: block
}

.adyen-checkout-input__inline-validation {
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

[dir=rtl] .adyen-checkout-input__inline-validation {
    left: 14px;
    right: auto
}

[dir=ltr] .adyen-checkout-input__inline-validation {
    left: auto;
    right: 14px
}

.adyen-checkout-input__inline-validation--valid {
    color: #089a43
}

.adyen-checkout-input__inline-validation--invalid {
    color: #c12424
}

.adyen-checkout__input--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__input--error, .adyen-checkout__input--error:hover, .adyen-checkout__input--invalid, .adyen-checkout__input--invalid:hover {
    border-color: #c12424
}

.adyen-checkout__input::-moz-placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input::-webkit-input-placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input:-ms-input-placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input::-ms-input-placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input::placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input--date {
    padding-right: 30px
}

.adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover {
    border: 1px solid #0075ff;
    -webkit-box-shadow: 0 0 0 2px #3070ed;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__input[readonly], .adyen-checkout__input[readonly]:hover {
    background-color: #e6e9eb;
    border-color: transparent;
    color: #687282;
    cursor: default
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
    margin-right: 20px
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
    margin: 0
}

.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation {
    display: none
}

.adyen-checkout__radio_group__input {
    opacity: 0;
    position: absolute
}

.adyen-checkout__radio_group__label {
    color: inherit;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 16px;
    overflow: visible;
    padding-bottom: 0;
    padding-left: 24px;
    position: relative
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
    color: inherit
}

.adyen-checkout__radio_group__label:before {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    transition: border-color .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
    width: 16px
}

.adyen-checkout__radio_group__label:hover:before {
    border-color: #99a3ad;
    -webkit-box-shadow: 0 0 0 2px #d4d9db;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__radio_group__label:after {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 15, 45, .25);
    box-shadow: 0 1px 1px rgba(0, 15, 45, .25);
    content: "";
    display: block;
    height: 6px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    top: 5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    width: 6px
}

.adyen-checkout__radio_group__label:hover {
    border-color: #0075ff;
    cursor: pointer
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__label--selected {
    background-color: #0075ff;
    border: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before {
    border-color: #0075ff
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before, .adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, .4);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
    border: 1px solid #c12424
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
    position: relative
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23687282' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 6px;
    position: absolute;
    right: 16px;
    width: 8px
}

[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
    left: 16px;
    right: auto
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Select-module_adyen-checkout__filter-input__CwPBS {
    background: #fff;
    border: 0;
    caret-color: #0075ff;
    color: #00112c;
    font-family: inherit;
    font-size: 1em;
    height: 100%;
    padding: 0;
    width: 100%
}

.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS::-webkit-input-placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS:-ms-input-placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS::-ms-input-placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS:active, .Select-module_adyen-checkout__filter-input__CwPBS:focus {
    outline: 0
}

.Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
    background: #e6e9eb;
    border-color: transparent;
    color: #00112c;
    cursor: not-allowed
}

.Select-module_adyen-checkout__dropdown__list__YtEzj {
    background: #fff;
    display: none;
    list-style: none;
    margin: 0 0 50px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
    display: block
}

.Select-module_adyen-checkout__dropdown__element__ORU4- {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout__image {
    opacity: 0;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}

.adyen-checkout__image--loaded {
    opacity: 1
}

.adyen-checkout__dropdown__button-icon--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.adyen-checkout__dropdown__button-icon--left>img {
    margin-left: 0;
    margin-right: 12px
}

.adyen-checkout__dropdown {
    font-size: 1em;
    max-width: 100%;
    width: 100%
}

.adyen-checkout__dropdown__button {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    color: #00112c;
    font-size: 1em;
    height: 40px;
    line-height: 20px;
    outline: 0;
    padding: 7px 24px 7px 12px;
    text-decoration: none;
    -webkit-transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border .2s ease-out, box-shadow .2s ease-out;
    transition: border .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

[dir=rtl] .adyen-checkout__dropdown__button {
    padding: 7px 12px 7px 24px
}

.adyen-checkout__dropdown__button:hover {
    border-color: #99a3ad
}

.adyen-checkout__dropdown__button__icon {
    border-radius: 3px;
    height: 26px;
    margin-right: 12px;
    max-width: 40px
}

.adyen-checkout__dropdown__button--disabled {
    opacity: .4
}

.adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button--active:hover, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus {
    border-color: #0075ff;
    -webkit-box-shadow: 0 0 0 2px #3070ed;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__dropdown__button--readonly, .adyen-checkout__dropdown__button--readonly--active, .adyen-checkout__dropdown__button--readonly:focus, .adyen-checkout__dropdown__button--readonly:hover {
    background: #e6e9eb;
    border-color: transparent;
    color: #00112c;
    cursor: not-allowed
}

.adyen-checkout__dropdown__button--readonly:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z'/%3E%3C/svg%3E")
}

.adyen-checkout__dropdown__button--invalid {
    border-color: #c12424
}

.adyen-checkout__dropdown__button--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__dropdown__button__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__dropdown__button__secondary-text {
    margin-right: 16px
}

.adyen-checkout__dropdown__list {
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 7px rgba(0, 15, 45, .3);
    box-shadow: 0 2px 7px rgba(0, 15, 45, .3);
    max-height: 375px;
    z-index: 2
}

.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
    margin-top: 2px
}

.adyen-checkout__dropdown__element {
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .81em;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 20px;
    outline: 0;
    padding: 8px;
    -webkit-transition: background .2s ease-out, border-color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word
}

.adyen-checkout__dropdown__element .adyen-checkout__icon {
    position: absolute;
    right: 8px
}

.adyen-checkout__dropdown__element:last-child {
    border-bottom: 0
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
    background: rgba(230, 233, 235, .6)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
    background: rgba(0, 102, 255, .1)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
    background: rgba(0, 102, 255, .15)
}

.adyen-checkout__dropdown__element--disabled {
    cursor: not-allowed;
    opacity: .4
}

.adyen-checkout__dropdown__element__icon {
    border-radius: 3px;
    margin-right: 12px;
    max-height: 26px;
    max-width: 40px
}

.adyen-checkout__dropdown__element__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
    margin-right: 8px
}

.adyen-checkout__dropdown__element__flag {
    margin-left: 8px;
    margin-right: 10px;
    max-height: 18px;
    max-width: 27px
}

.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation {
    right: 32px
}

.adyen-checkout__address-search {
    position: relative
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 12px;
    position: absolute;
    width: 16px
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
    -webkit-transform: none;
    transform: none
}

.adyen-checkout__address-search .adyen-checkout__filter-input {
    padding-left: 24px
}

.adyen-checkout__address-search__manual-add {
    position: absolute;
    right: 0;
    top: 0
}

.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
    border: 0;
    padding: 0
}

.adyen-checkout__checkbox {
    display: block
}

.adyen-checkout__checkbox__label {
    color: #00112c;
    cursor: pointer;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    padding-left: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[dir=rtl] .adyen-checkout__checkbox__label {
    padding-left: 0;
    padding-right: 24px
}

.adyen-checkout__checkbox__input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before {
    opacity: 1
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after {
    background-color: #0075ff;
    border: 1px solid #0075ff
}

.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after {
    border-color: #0075ff;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, .4);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after {
    border: 1px solid #0075ff;
    -webkit-box-shadow: 0 0 0 2px #3070ed;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after {
    border-color: #99a3ad;
    -webkit-box-shadow: 0 0 0 2px #d4d9db;
    box-shadow: 0 0 0 2px #d4d9db
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
    border-color: transparent #fff #fff transparent;
    border-radius: 0 2px 1px;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    content: "";
    height: 11px;
    left: 1px;
    opacity: 0;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    width: 6px;
    z-index: 1
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
    left: auto;
    right: 8px
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 3px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background .15s ease-out, border .05s ease-out, -webkit-box-shadow .1s ease-out;
    transition: background .15s ease-out, border .05s ease-out, -webkit-box-shadow .1s ease-out;
    transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out;
    transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out;
    width: 16px;
    z-index: 0
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
    left: auto;
    right: 0
}

.adyen-checkout__field--consentCheckbox {
    background: #e6e9eb;
    border: 1px solid #e6e9eb;
    border-radius: 6px;
    padding: 14px 14px 13px
}

[dir=rtl] .adyen-checkout__field--consentCheckbox {
    padding: 14px 14px 13px
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
    border-color: #c12424
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
    right: -5px;
    top: 10px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
    margin-bottom: 16px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
    margin-top: 24px;
    padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
    margin-bottom: 0
}

.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label, .adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
    margin-top: 16px
}

.adyen-checkout-form-instruction {
    color: #687282;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 0
}

[dir=rtl] .adyen-checkout-form-instruction {
    padding-right: 0
}

.adyen-checkout__amazonpay__button {
    margin: auto
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
    display: block;
    margin: 8px auto 0;
    width: auto
}

@supports (-webkit-appearance: -apple-pay-button) {
    .ApplePayButton-module_apple-pay-button__l5g-d, .ApplePayButton-module_apple-pay__gYjuP {
        -webkit-appearance: -apple-pay-button
    }

    .ApplePayButton-module_apple-pay-button__l5g-d {
        cursor: pointer;
        display: inline-block
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        -apple-pay-button-style: #000
    }

    .ApplePayButton-module_apple-pay-button-white__-wLaE {
        -apple-pay-button-style: #fff
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        -apple-pay-button-style: white-outline
    }

    .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
        -apple-pay-button-type: plain
    }

    .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
        -apple-pay-button-type: buy
    }

    .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
        -apple-pay-button-type: donate
    }

    .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
        -apple-pay-button-type: check-out
    }

    .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
        -apple-pay-button-type: book
    }

    .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
        -apple-pay-button-type: subscribe
    }

    .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
        -apple-pay-button-type: add-money
    }

    .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
        -apple-pay-button-type: contribute
    }

    .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
        -apple-pay-button-type: order
    }

    .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
        -apple-pay-button-type: reload
    }

    .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
        -apple-pay-button-type: rent
    }

    .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
        -apple-pay-button-type: support
    }

    .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
        -apple-pay-button-type: tip
    }

    .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
        -apple-pay-button-type: top-up
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .ApplePayButton-module_apple-pay-button__l5g-d {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 60%;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        max-height: 64px;
        min-height: 32px;
        min-width: 200px;
        padding: 0
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        background-color: #000;
        background-image: -webkit-named-image(apple-pay-logo-white)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7, .ApplePayButton-module_apple-pay-button-white__-wLaE {
        background-color: #fff;
        background-image: -webkit-named-image(apple-pay-logo-black)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        border: .5px solid #000
    }
}

.adyen-checkout__applepay__button {
    height: 48px;
    width: 240px
}

.adyen-checkout__dropin .adyen-checkout__applepay__button {
    width: 100%
}

.adyen-checkout__issuer-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-preferred-size: 47%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 0 1px #b9c4c9;
    box-shadow: inset 0 0 0 1px #b9c4c9;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 47%;
    flex-grow: 2;
    font-size: .81em;
    height: 40px;
    padding: 0 12px;
    -webkit-transition: background .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background .3s ease-out, box-shadow .3s ease-out;
    transition: background .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out
}

.adyen-checkout__issuer-button:active {
    color: #000
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
    -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
    -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
    -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button--selected {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #0075ff;
    box-shadow: inset 0 0 0 2px #0075ff;
    color: #0075ff;
    font-weight: 500;
    height: 40px;
    -webkit-transition: none;
    transition: none
}

.adyen-checkout__issuer-button-img {
    margin-right: 8px;
    max-height: 26px
}

.adyen-checkout__issuer-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px 16px
}

.adyen-checkout__content-separator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #687282;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 19px;
    margin-bottom: 16px;
    margin-top: 16px;
    white-space: nowrap
}

.adyen-checkout__content-separator:after, .adyen-checkout__content-separator:before {
    background: #e6e9eb;
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.adyen-checkout__content-separator:after {
    margin-left: 20px
}

.adyen-checkout__content-separator:before {
    margin-right: 20px
}

.adyen-checkout__field--issuer-list {
    margin-bottom: 0
}

.adyen-checkout__issuer-list__termsAndConditions {
    text-align: center
}

.adyen-checkout-disclaimer__label {
    color: #687282;
    display: inline-block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 16px;
    padding-left: 0
}

[dir=rtl] .adyen-checkout-disclaimer__label {
    padding-right: 0
}

.js-iframe {
    border: none;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.adyen-checkout__card-input__form {
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.adyen-checkout__card__cardNumber {
    max-width: 400px
}

.adyen-checkout__card__cardNumber__input {
    padding: 5px 8px
}

.adyen-checkout__card__exp-date__input--oneclick {
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
    color: #00112c
}

.adyen-checkout__card__holderName, .adyen-checkout__field--expiryDate, .adyen-checkout__field--storedCard {
    margin-bottom: 0
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress, .adyen-checkout__card__holderName, .adyen-checkout__card__kcp-authentication, .adyen-checkout__card__socialSecurityNumber, .adyen-checkout__installments, .adyen-checkout__store-details {
    margin-top: 16px
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
    pointer-events: none
}

.adyen-checkout__card__holderName:first-child {
    margin: 0 0 16px
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon, .adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid {
    display: none
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint, .adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
    opacity: 0
}

@-webkit-keyframes cvc-indicate-location {
    0% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

@keyframes cvc-indicate-location {
    0% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location, .adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: cvc-indicate-location;
    animation-name: cvc-indicate-location
}

.adyen-checkout__card__cvc__hint__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
    transition: transform .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955);
    width: 27px;
    will-change: transform
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.adyen-checkout__card__cvc__hint {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.adyen-checkout__card__cvc__hint, .adyen-checkout__field__exp-date_hint_wrapper {
    position: absolute;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: 0
}

.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
    opacity: 0
}

.adyen-checkout__field__exp-date_hint {
    height: 18px;
    margin: 0 10px 0 0;
    width: 27px
}

.adyen-checkout__card__cvc__hint--front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (prefers-reduced-motion:reduce) {
    .adyen-checkout__card__cvc__hint__wrapper {
        -webkit-transition: none;
        transition: none
    }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
    margin-top: 20px
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
    margin-left: 15px;
    position: relative;
    top: 42px;
    width: 30%
}

.LoadingWrapper-module_loading-input__form__ffCKa {
    opacity: 1
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
    opacity: 0
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
    display: block
}

.CardInput-module_card-input__wrapper__wXSCw {
    position: relative
}

.CardInput-module_card-input__wrapper__wXSCw *, .CardInput-module_card-input__wrapper__wXSCw :after, .CardInput-module_card-input__wrapper__wXSCw :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.CardInput-module_card-input__icon__3Cz5M {
    border-radius: 3px;
    height: 18px;
    margin-left: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 27px
}

.CardInput-module_card-input__form__fRo1r {
    opacity: 1
}

.CardInput-module_card-input__spinner__-j2Qi {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.CardInput-module_card-input__spinner--active__slD7w {
    display: block
}

.CardInput-module_card-input__form--loading__rrmdj {
    opacity: 0
}

.CardInput-module_adyen-checkout__input__11tlB {
    display: block;
    max-height: 100px
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV, .CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
    display: none
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons--active {
    opacity: 1;
    pointer-events: auto
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
    cursor: pointer;
    opacity: 1
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
    right: 40px
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
    opacity: .5
}

.adyen-checkout__card__brands {
    -ms-flex-preferred-size: auto;
    -ms-flex-negative: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    height: 16px;
    margin-bottom: 16px;
    margin-top: -8px;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.adyen-checkout__card__brands--hidden {
    height: 0;
    margin: -8px 0 8px;
    opacity: 0
}

.adyen-checkout__card__brands img {
    border-radius: 3px;
    height: 16px;
    width: 24px
}

.adyen-checkout__card__brands__brand-wrapper {
    display: inline-block;
    height: 16px;
    position: relative;
    width: 24px
}

.adyen-checkout__card__brands__brand-wrapper:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout-ctp__otp-resend-code {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto
}

.adyen-checkout-ctp__otp-resend-code--confirmation, .adyen-checkout-ctp__otp-resend-code--disabled {
    color: #687282;
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    pointer-events: none
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout-ctp__otp-resend-code--confirmation>img {
    margin-left: 4px
}

.adyen-checkout-ctp__otp-resend-code-counter {
    color: #000;
    cursor: default;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    text-align: right
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp {
    margin-bottom: 12px
}

.adyen_checkout-ctp__brand-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

.adyen_checkout-ctp__brand-logo {
    margin-right: 6px;
    width: 24px
}

.adyen_checkout-ctp__brand-pipe {
    height: 15px;
    margin-right: 6px
}

.adyen_checkout-ctp__brand-scheme {
    margin-right: 6px;
    -o-object-fit: none;
    object-fit: none
}

.adyen_checkout-ctp__brand-scheme-mc {
    width: 27px
}

.adyen_checkout-ctp__brand-scheme-visa {
    width: 35px
}

.adyen-checkout__modal-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 24px;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.adyen-checkout__modal-wrapper:before {
    background: rgba(0, 17, 44, .5);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    width: 100%;
    z-index: 10
}

.adyen-checkout__modal-wrapper--open {
    visibility: visible
}

.adyen-checkout__modal-wrapper--open .adyen-checkout__modal, .adyen-checkout__modal-wrapper--open:before {
    opacity: 1
}

.adyen-checkout__modal {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 17, 44, .15);
    box-shadow: 0 8px 24px rgba(0, 17, 44, .15);
    margin: auto;
    opacity: 0;
    padding: 16px;
    position: relative;
    -webkit-transition: opacity .2s ease, visibility .2s ease;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 11
}

@media (max-width: 480px) {
    .adyen-checkout__modal-wrapper {
        padding: 0
    }

    .adyen-checkout__modal {
        border-radius: 0;
        height: 100%
    }
}

.adyen-checkout__ctp-modal-header-image {
    display: block;
    margin: auto
}

.adyen-checkout__ctp-modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 0
}

.adyen-checkout__ctp-modal-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 16px
}

.adyen-checkout__ctp-modal-benefits {
    margin-left: 0;
    padding-left: 20px
}

.adyen-checkout__ctp-modal-benefits li {
    list-style: disc;
    margin-bottom: 16px
}

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
    max-width: 464px
}

.adyen_checkout-ctp__brand-wrapper--popup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}

.adyen-web__ctp-info-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.adyen-checkout-ctp__section-logout-button {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-left: auto
}

.adyen-checkout-ctp__section-logout-button--disabled {
    color: #687282;
    pointer-events: none
}

.adyen-checkout-ctp__section {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 17, 44, .08), 0 2px 4px rgba(0, 17, 44, .04);
    box-shadow: 0 6px 12px rgba(0, 17, 44, .08), 0 2px 4px rgba(0, 17, 44, .04);
    padding: 16px;
    position: relative
}

.adyen-checkout-ctp__section-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px;
    margin-bottom: 16px
}

.adyen-checkout-ctp__section--standalone {
    all: unset
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
    margin-bottom: 24px
}

.adyen-checkout-ctp__section-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout-ctp__section-header-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    padding: 0;
    width: auto
}

@media screen and (max-width: 400px) {
    .adyen-checkout-ctp__section-header-title {
        font-size: 15px
    }
}

.adyen-checkout-ctp__section-header-adornment {
    margin-left: 5px
}

.adyen-checkout-ctp__section-text {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 0 0 16px
}

.adyen-checkout-ctp__separator {
    color: #00112c;
    font-size: 13px;
    font-weight: 400
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
    color: #00112c;
    font-weight: 500
}

.adyen-checkout-ctp__otp-checkbox-container {
    background-color: #f7f8f9;
    border-radius: 6px;
    margin-bottom: 16px;
    padding: 12px
}

.adyen-checkout-ctp__otp-checkbox-container--checked {
    background-color: #f2f8ff
}

.adyen-checkout-ctp__otp-checkbox-container label {
    cursor: pointer
}

.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container {
    margin-bottom: 4px
}

.adyen-checkout-ctp__otp-checkbox-info {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 4px 0 0
}

.adyen-checkout-ctp__otp-readmore-button {
    all: unset;
    color: #0075ff;
    cursor: pointer;
    text-transform: lowercase
}

.adyen-checkout-ctp__card-list-single-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    padding: 12px
}

.adyen-checkout-ctp__card-list-single-card-expired {
    color: #687282;
    text-decoration: line-through
}

.adyen-checkout-ctp__expired-label {
    color: #687282;
    font-weight: 500;
    line-height: 17px;
    margin-left: auto
}

.adyen-checkout-ctp__card-image {
    border-radius: 3px;
    margin-right: 8px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
    opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
    margin: 0;
    opacity: .4;
    text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
    color: #687282;
    font-weight: 500;
    line-height: 17px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
    opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
    opacity: .4;
    text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
    color: #687282;
    font-weight: 500;
    opacity: 1
}

.adyen-checkout-ctp__card {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 2px #999595;
    box-shadow: 0 0 0 2px #999595;
    cursor: pointer;
    height: 40px;
    margin: 0 0 20px;
    width: 100%
}

.adyen-checkout-ctp__empty-cards {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    color: #687282;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    margin-bottom: 24px;
    padding: 12px 16px
}

.adyen-checkout__iframe--ctpIframe {
    pointer-events: auto
}

.adyen-checkout__iframe--ctpIframe-hidden {
    display: none
}

@-webkit-keyframes card-bounce {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.17, .17, .32, 1);
        animation-timing-function: cubic-bezier(.17, .17, .32, 1);
        -webkit-translate: 0 -60%;
        -moz-translate: 0 -60%;
        -ms-translate: 0 -60%;
        translate: 0 -60%
    }

    9.70874% {
        -webkit-animation-timing-function: cubic-bezier(.41, 0, .49, 1);
        animation-timing-function: cubic-bezier(.41, 0, .49, 1);
        -webkit-translate: 0 8.5%;
        -moz-translate: 0 8.5%;
        -ms-translate: 0 8.5%;
        translate: 0 8.5%
    }

    23.4466% {
        -webkit-animation-timing-function: cubic-bezier(.29, 0, .26, 1);
        animation-timing-function: cubic-bezier(.29, 0, .26, 1);
        -webkit-translate: 0 -22.5%;
        -moz-translate: 0 -22.5%;
        -ms-translate: 0 -22.5%;
        translate: 0 -22.5%
    }

    47.7184% {
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    63.8835% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, .78, 1);
        animation-timing-function: cubic-bezier(1, 0, .78, 1);
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    86.5534% {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }

    to {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }
}

@keyframes card-bounce {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.17, .17, .32, 1);
        animation-timing-function: cubic-bezier(.17, .17, .32, 1);
        -webkit-translate: 0 -60%;
        -moz-translate: 0 -60%;
        -ms-translate: 0 -60%;
        translate: 0 -60%
    }

    9.70874% {
        -webkit-animation-timing-function: cubic-bezier(.41, 0, .49, 1);
        animation-timing-function: cubic-bezier(.41, 0, .49, 1);
        -webkit-translate: 0 8.5%;
        -moz-translate: 0 8.5%;
        -ms-translate: 0 8.5%;
        translate: 0 8.5%
    }

    23.4466% {
        -webkit-animation-timing-function: cubic-bezier(.29, 0, .26, 1);
        animation-timing-function: cubic-bezier(.29, 0, .26, 1);
        -webkit-translate: 0 -22.5%;
        -moz-translate: 0 -22.5%;
        -ms-translate: 0 -22.5%;
        translate: 0 -22.5%
    }

    47.7184% {
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    63.8835% {
        -webkit-animation-timing-function: cubic-bezier(1, 0, .78, 1);
        animation-timing-function: cubic-bezier(1, 0, .78, 1);
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    86.5534% {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }

    to {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }
}

@-webkit-keyframes card-fade-100 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: 1
    }

    78.4466% {
        opacity: 1
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-100 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: 1
    }

    78.4466% {
        opacity: 1
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes card-fade-60 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .6
    }

    78.4466% {
        opacity: .6
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-60 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .6
    }

    78.4466% {
        opacity: .6
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes card-fade-20 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .2
    }

    78.4466% {
        opacity: .2
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-20 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .2
    }

    78.4466% {
        opacity: .2
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.adyen-checkout-ctp__card-animation {
    aspect-ratio: 1/.438;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin: 40px auto 50px;
    max-width: 100%;
    position: relative;
    width: 140px
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer {
    background-size: contain !important;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:first-of-type {
    -webkit-animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both;
    animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539z'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.41 2.41 0 0 0-.548.23c-.132.08-.653.173-1.164.208zm-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373zm-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26zm-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504z'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521m18.51-20.752-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52m-18.51 20.751 33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    opacity: 1;
    z-index: 3
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2) {
    -webkit-animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both;
    animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
    opacity: .6;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    z-index: 2
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2), .adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
    -webkit-animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both;
    animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both;
    opacity: .2;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1
}

.adyen-checkout-ctp__loading-subtitle {
    font-size: 16px;
    line-height: 19px;
    margin: 0 auto 58px;
    max-width: 280px;
    text-align: center
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin {
    margin-bottom: 20px
}

.adyen-checkout__cashapp>.adyen-checkout__store-details {
    margin-bottom: 16px;
    margin-top: 0
}

.adyen-checkout__button-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.adyen-checkout__button-group .adyen-checkout__button {
    background: transparent;
    border: 0;
    -webkit-box-shadow: inset 0 0 0 1px #99a3ad;
    box-shadow: inset 0 0 0 1px #99a3ad;
    color: #00112c;
    font-size: .81em;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
    padding: 0;
    text-align: center
}

.adyen-checkout__button-group .adyen-checkout__button:last-child {
    margin-right: 0
}

.adyen-checkout__button-group .adyen-checkout__button:hover {
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
    box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button:active {
    background: #f7f8f9;
    -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
    box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button--disabled, .adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adyen-checkout__button-group .adyen-checkout__button--selected, .adyen-checkout__button-group .adyen-checkout__button--selected:active, .adyen-checkout__button-group .adyen-checkout__button--selected:active:hover, .adyen-checkout__button-group .adyen-checkout__button--selected:hover {
    background: #e5efff;
    -webkit-box-shadow: inset 0 0 0 2px #0075ff;
    box-shadow: inset 0 0 0 2px #0075ff;
    color: #0075ff;
    font-weight: 500;
    height: 40px;
    -webkit-transition: none;
    transition: none
}

.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
    color: #00112c;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__campaign {
    background: #00112c;
    border-radius: 6px;
    height: 227px;
    overflow: hidden;
    position: relative
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
    text-decoration: underline
}

.adyen-checkout__campaign-container {
    height: 100%
}

.adyen-checkout__campaign-logo {
    border: 2px solid hsla(0, 0%, 100%, .4);
    border-radius: 3px;
    display: block;
    height: 48px;
    margin-bottom: 16px;
    overflow: hidden;
    width: 48px
}

.adyen-checkout__campaign-background-image {
    background-color: #00112c;
    background-position: 50%;
    background-size: cover;
    height: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
    background: inherit;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform .6s ease-out;
    transition: -webkit-transform .6s ease-out;
    transition: transform .6s ease-out;
    transition: transform .6s ease-out, -webkit-transform .6s ease-out;
    width: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
    pointer-events: none
}

.adyen-checkout__campaign-content {
    bottom: 0;
    padding: 16px;
    position: absolute;
    z-index: 2
}

.adyen-checkout__campaign-description, .adyen-checkout__campaign-title {
    color: #fff;
    font-weight: 400;
    margin: 0
}

.adyen-checkout__campaign-title {
    font-size: 1em;
    margin-bottom: 8px
}

.adyen-checkout__campaign-description {
    font-size: .81em;
    line-height: 19px
}

.adyen-checkout__adyen-giving-actions {
    margin-top: 16px;
    text-align: center
}

.adyen-checkout__button.adyen-checkout__button--donate {
    margin: 16px auto 8px
}

.adyen-checkout__button.adyen-checkout__button--decline {
    display: block;
    margin: auto;
    width: auto
}

.adyen-checkout__paywithgoogle {
    height: 48px
}

.adyen-checkout__paywithgoogle>div>button, .adyen-checkout__paywithgoogle>div>button.long, .adyen-checkout__paywithgoogle>div>button.short {
    height: 48px;
    -webkit-transition: background-color .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background-color .3s ease-out, -webkit-box-shadow .3s ease-out;
    transition: background-color .3s ease-out, box-shadow .3s ease-out;
    transition: background-color .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out
}

.adyen-checkout__paywithgoogle>div>button.long:focus, .adyen-checkout__paywithgoogle>div>button.short:focus, .adyen-checkout__paywithgoogle>div>button:focus {
    -webkit-box-shadow: 0 0 0 2px #99c2ff;
    box-shadow: 0 0 0 2px #99c2ff;
    outline: 0
}

.adyen-checkout__paywithgoogle>div>button.gpay-button {
    padding: 15px 24px 13px
}

.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child {
    margin-top: 0
}

.adyen-checkout__voucher-result {
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.adyen-checkout__voucher-result__bottom, .adyen-checkout__voucher-result__top {
    background: #fff;
    border: 1px solid #d4d9db
}

.adyen-checkout__voucher-result__top {
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    padding: 40px 0 24px
}

.adyen-checkout__voucher-result__bottom {
    border-radius: 0 0 12px 12px;
    border-top: 0
}

.adyen-checkout__voucher-result__separator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 13px;
    margin: 0 auto;
    position: relative;
    width: calc(100% - 14px)
}

.adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1YwSDBabTAgMTMgNS0yIDEuNS00SDd2NkgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggc3Ryb2tlPSIjRDREOURCIiBkPSJNNi40MjMgNi41QzYuNDIzIDMuMzEyIDMuNzgzLjc1Ni41LjUxOGMzLjM4Ni4yMzYgNiAyLjg1NSA2IDUuOTgyIDAgMy4xMjctMi42MTQgNS43NDYtNiA1Ljk4M3YtLjAwMWMzLjI4NC0uMjM3IDUuOTIzLTIuNzk0IDUuOTIzLTUuOTgyWiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6bTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+")
}

.adyen-checkout__voucher-result__separator:before {
    left: -7px
}

.adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
    background-position: 100%;
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    position: absolute;
    top: 0;
    width: 7px
}

.adyen-checkout__voucher-result__separator:after {
    right: -7px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.adyen-checkout__voucher-result__separator__inner {
    border-top: 1px solid #e6e9eb;
    width: 100%
}

.adyen-checkout__voucher-result__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    width: 100%
}

.adyen-checkout__link--voucher-result-instructions {
    display: inline-block
}

.adyen-checkout__voucher-result__image__wrapper {
    display: block;
    height: 48px;
    margin: 0 24px;
    position: relative
}

.adyen-checkout__voucher-result__image__wrapper:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
    border-left: 1px solid #d4d9db;
    content: "";
    height: 64px;
    left: -24.5px;
    position: absolute;
    top: -8px;
    width: 1px
}

.adyen-checkout__voucher-result__image__brand, .adyen-checkout__voucher-result__image__issuer {
    border-radius: 3px;
    height: 48px
}

.adyen-checkout__voucher-result__introduction {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.adyen-checkout__voucher-result__amount {
    color: #00112c;
    font-size: 1em;
    font-weight: 700;
    margin: 24px auto 0;
    text-align: center
}

.adyen-checkout__voucher-result__surcharge {
    color: #687282;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    text-align: center
}

.adyen-checkout__voucher-result__code__label {
    display: block;
    font-weight: 400;
    left: 0;
    line-height: 19px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.adyen-checkout__voucher-result__code__label:before {
    content: "";
    position: absolute
}

.adyen-checkout__voucher-result__code__label__text {
    background: #fff;
    color: #00112c;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 1;
    padding: 0 8px
}

.adyen-checkout__voucher-result__code__barcode {
    display: block;
    height: 56px;
    margin: 0 auto 8px;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adyen-checkout__voucher-result__code {
    border-width: 1px 0;
    color: #00112c;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 auto;
    padding: 16px 48px;
    position: relative;
    text-align: center;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    width: 100%;
    word-break: break-word
}

.adyen-checkout__voucher-result__details {
    list-style: none;
    margin: -1px auto 0;
    padding: 0
}

.adyen-checkout__voucher-result__details__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid #e6e9eb;
    color: #00112c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .81em;
    justify-content: space-between;
    padding: 16px 24px;
    word-break: break-word
}

.adyen-checkout__voucher-result__details__item:last-child {
    margin-bottom: 0
}

.adyen-checkout__voucher-result__details__label {
    max-width: 50%;
    text-align: left
}

.adyen-checkout__voucher-result__details__value {
    font-weight: 700;
    max-width: 50%;
    text-align: right
}

.adyen-checkout__voucher-result__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto 32px;
    max-width: 100%;
    min-width: 200px;
    padding: 0;
    width: 300px
}

.adyen-checkout__voucher-result__actions__item {
    margin: 0 4px
}

.adyen-checkout__paypal__buttons {
    position: relative;
    z-index: 0
}

.adyen-checkout__paypal__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.adyen-checkout__paypal__button:empty {
    display: none
}

.adyen-checkout__paypal__status--pending {
    margin: 16px 0
}

.adyen-checkout__paypal__status--processing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 24px 0
}

.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
    display: none
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
    margin: -16px 0 38px
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
    padding: 20px 0 65px
}

.adyen-checkout__phone-input {
    direction: ltr
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
    width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
    height: auto;
    padding: 0
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
    border: 1px solid #0075ff;
    -webkit-box-shadow: 0 0 0 2px #99c2ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 35px;
    width: auto
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
    -webkit-box-sizing: revert;
    box-sizing: revert;
    height: 10px;
    left: 60px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
    border: 1px solid transparent;
    height: 35px;
    margin-left: 8px;
    padding-left: 15px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
    border: 1px solid #0075ff;
    -webkit-box-shadow: 0 0 0 2px #99c2ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 65px;
    width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
    position: absolute
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__threeds2__challenge, .adyen-checkout__threeds2__challenge-container {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: inherit;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.adyen-checkout__threeds2__challenge--01, .adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 250px
}

.adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 390px
}

.adyen-checkout__threeds2__challenge--03, .adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
    height: 600px;
    width: 500px
}

.adyen-checkout__threeds2__challenge--04, .adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 600px
}

.adyen-checkout__threeds2__challenge--05, .adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
    height: 100%;
    width: 100%
}

.adyen-checkout__iframe--threeDSIframe {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
    color: #c12424;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__qr-loader {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__qr-loader--result {
    padding: 100px
}

.adyen-checkout__qr-loader__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__qr-loader__subtitle {
    margin: 32px auto 0;
    max-width: 400px
}

.adyen-checkout__qr-loader__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__qr-loader__payment_amount, .adyen-checkout__qr-loader__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px
}

.adyen-checkout__qr-loader__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__qr-loader__payment_amount {
    font-weight: 700
}

.adyen-checkout__qr-loader__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    padding-right: 3%;
    width: 152px
}

[dir=rtl] .adyen-checkout__qr-loader__progress {
    padding-left: 3%;
    padding-right: 0
}

.adyen-checkout__qr-loader__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__qr-loader__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__qr-loader__app-link {
    display: none
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
    margin-top: 24px;
    text-decoration: none
}

.adyen-checkout__qr-loader__instructions {
    color: #687282;
    font-size: 1em;
    line-height: 1.5;
    margin-top: 32px
}

.adyen-checkout__qr-loader__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

@media only screen and (max-device-width: 1200px) {
    .adyen-checkout__qr-loader__app-link {
        display: block
    }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code, .adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
    font-size: .81em;
    line-height: 19px;
    padding: 24px;
    word-break: break-all
}

.adyen-checkout__alert-message {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .81em;
    margin: 0 0 16px;
    padding: 12px;
    text-align: left
}

.adyen-checkout__alert-message--error {
    background: #fbe6ed
}

.adyen-checkout__alert-message--warning {
    background: #ffeacc
}

.adyen-checkout__alert-message--info {
    background: #e5efff
}

.adyen-checkout__alert-message__icon {
    height: 14px;
    margin-right: 8px;
    width: 14px
}

.adyen-checkout__giftcard-result__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.adyen-checkout__giftcard-result__header, .adyen-checkout__giftcard-result__header__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout__giftcard-result__name {
    margin-left: 8px
}

.adyen-checkout__giftcard-result__balance {
    list-style: none;
    margin: 16px 0 0;
    padding: 0
}

.adyen-checkout__giftcard-result__balance__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
    color: #687282
}

.adyen-checkout__giftcard-result__balance__item:last-child {
    margin-bottom: 0
}

.adyen-checkout__giftcard-result__balance__value--amount {
    font-weight: 700
}

.adyen-checkout__giftcard-result__remaining-balance {
    color: #687282;
    font-size: 13px;
    line-height: 19px;
    margin: 8px auto 0;
    text-align: center
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
    list-style: none;
    margin: 0;
    padding: 0
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
    display: block;
    max-height: 60px
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
    display: none
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
    height: 26px;
    width: 40px
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-right: 8px
}

[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-left: 8px;
    margin-right: 0
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
    max-height: 100%
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
    display: block
}

.adyen-checkout__payment-method__disable-confirmation {
    background: #c12424;
    border-left: 1px solid #b82222;
    border-right: 1px solid #b82222;
    color: #fff;
    font-size: .81em;
    margin: 0 -17px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .15s ease-out, max-height .15s linear, margin-bottom .1s linear;
    transition: opacity .15s ease-out, max-height .15s linear, margin-bottom .1s linear
}

.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
    margin-bottom: 16px;
    max-height: 62px;
    opacity: 1
}

.adyen-checkout__payment-method__disable-confirmation__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout__payment-method__disable-confirmation__button {
    background: #c12424;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 14px;
    margin: 0 0 0 8px;
    padding: 8px;
    width: auto
}

.adyen-checkout__payment-method__disable-confirmation__button:hover, .adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
    background: #ac2020;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button:active, .adyen-checkout__payment-method__disable-confirmation__button:hover:active {
    background: #961c1c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button--remove, .adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
    border-color: #fff
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel, .adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
    border-color: transparent
}

.adyen-checkout__payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    cursor: pointer;
    margin-top: -1px;
    position: relative;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 100%
}

.adyen-checkout__payment-method:focus {
    outline: 0
}

.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 0
}

.adyen-checkout__payment-method--next-selected, .adyen-checkout__payment-method:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 0
}

.adyen-checkout__payment-method--loading {
    opacity: .2
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
    opacity: .9
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content, .adyen-checkout__payment-method--disabling {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adyen-checkout__payment-method--disabling {
    opacity: .3
}

.adyen-checkout__payment-method__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #00112c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    padding: 12px 16px 12px 44px;
    position: relative;
    -webkit-transition: background .1s ease-out;
    transition: background .1s ease-out;
    width: 100%
}

[dir=rtl] .adyen-checkout__payment-method__header {
    padding: 12px 44px 12px 12px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
    padding: 16px
}

.adyen-checkout__payment-method__header__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    background: none;
    border: none;
    color: #00112c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    margin-right: 16px;
    max-width: 100%;
    padding: 4px
}

[dir=rtl] .adyen-checkout__payment-method__header__title {
    margin-left: 16px;
    margin-right: 0
}

.adyen-checkout__payment-method__surcharge {
    color: #687282;
    margin-left: 5px
}

.adyen-checkout__payment-method--selected {
    background: #f7f8f9;
    border: 1px solid #e6e9eb;
    border-radius: 12px;
    cursor: default;
    margin: 8px 0;
    -webkit-transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out;
    transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.adyen-checkout__payment-method__details {
    padding: 0 16px;
    position: relative
}

.adyen-checkout__payment-method__details__content {
    margin: 0 0 16px
}

.adyen-checkout__payment-method__image__wrapper {
    height: 26px;
    position: relative;
    width: 40px
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout__payment-method__image {
    border-radius: 3px;
    display: block
}

.adyen-checkout__payment-method__brands {
    -ms-flex-preferred-size: auto;
    -ms-flex-negative: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 16px;
    margin: 4px 0;
    overflow: hidden;
    text-align: right
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
    color: #687282;
    font-size: 13px
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
    height: auto;
    overflow: visible;
    text-align: left
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    width: 24px
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
    margin: 0
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    margin-bottom: 4px
}

.adyen-checkout__payment-method__brands img {
    height: 16px;
    width: 24px
}

.adyen-checkout__payment-method__image__wrapper--disabled {
    opacity: .25
}

.adyen-checkout__payment-method__radio {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    height: 16px;
    left: 16px;
    position: absolute;
    -webkit-transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    transition: border-color .2s ease-out, box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
    width: 16px
}

[dir=rtl] .adyen-checkout__payment-method__radio {
    left: auto;
    right: 16px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
    display: none
}

.adyen-checkout__payment-method__radio:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 6px
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
    border-color: #99a3ad;
    -webkit-box-shadow: 0 0 0 2px #d4d9db;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__payment-method__radio--selected {
    background-color: #0075ff;
    border: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.adyen-checkout__payment-method__radio--selected:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, .4);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__payment-method__radio--selected:after {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.adyen-checkout__payment-method__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__payment-method__name--selected {
    font-weight: 500
}

.adyen-checkout__payment-method__additional-info {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__payment-method__name_wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.adyen-checkout__order-payment-methods-list {
    list-style: none;
    margin: 0 auto 16px;
    padding: 0
}

.adyen-checkout__order-payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    margin-top: -1px;
    position: relative;
    width: 100%
}

.adyen-checkout__order-payment-method:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.adyen-checkout__order-payment-method:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.adyen-checkout__order-payment-method__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #00112c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 500;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    -webkit-transition: background .1s ease-out;
    transition: background .1s ease-out;
    width: 100%
}

.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
    padding: 0
}

.adyen-checkout__order-payment-method__details {
    padding: 0 16px 16px
}

.adyen-checkout__order-payment-method__deducted-amount {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1em;
    justify-content: space-between;
    line-height: 1em
}

.adyen-checkout__order-payment-method__deducted-amount__label {
    font-size: .81em
}

.adyen-checkout__order-payment-method__deducted-amount__value {
    font-weight: 500
}

.adyen-checkout__order-remaining-amount {
    background: #ffeacc;
    border-radius: 6px;
    color: #7f4a00;
    display: block;
    font-size: .81em;
    margin-bottom: 16px;
    padding: 8px 16px;
    width: 100%
}

.adyen-checkout__order-remaining-amount strong {
    font-weight: 700
}

.adyen-checkout__status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d4d9db;
    border-radius: 6px;
    color: #00112c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1em;
    height: 350px;
    justify-content: center;
    margin: 0;
    padding: 32px;
    text-align: center
}

.adyen-checkout__status__icon {
    margin-bottom: 24px
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
    max-height: 88px
}

.adyen-checkout__dropin, .adyen-checkout__dropin *, .adyen-checkout__dropin :after, .adyen-checkout__dropin :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adyen-checkout__payment-methods-list--loading {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adyen-checkout__instant-payment-methods-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
    margin-bottom: 8px
}

.adyen-checkout__link {
    color: #0075ff;
    text-decoration: none
}

.adyen-checkout__link:hover {
    text-decoration: underline
}

.AchInput-module_sf-input__wrapper__lfdiv {
    position: relative
}

.AchInput-module_sf-input__wrapper__lfdiv *, .AchInput-module_sf-input__wrapper__lfdiv :after, .AchInput-module_sf-input__wrapper__lfdiv :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.AchInput-module_adyen-checkout__input__8WwCR {
    display: block;
    max-height: 100px
}

.adyen-checkout__pm__holderName {
    margin-bottom: 0
}

.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form {
    margin-top: 0
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address, .adyen-checkout__ach-sf__form {
    margin-top: 16px
}

.adyen-checkout__loading-input__form {
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.adyen-checkout-phone-input--new {
    direction: ltr
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
    width: 100%
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
    height: auto;
    padding: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
    border: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
    border-right: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 35px;
    width: auto
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
    -webkit-box-sizing: revert;
    box-sizing: revert;
    height: 10px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
    border: 1px solid transparent;
    height: 35px;
    line-height: 35px;
    min-height: 35px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
    border: 1px solid #0075ff;
    -webkit-box-shadow: 0 0 0 2px #99c2ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
    border-right: 1px solid #dce0e5;
    min-width: 144px;
    width: 144px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input, .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
    margin-top: -10px
}

.adyen-checkout__await {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__await--result {
    padding: 100px
}

.adyen-checkout__qr-loader--app {
    border: 0;
    border-radius: 0;
    padding: 0
}

.adyen-checkout__await__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__await__indicator-text, .adyen-checkout__await__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px;
    margin-top: 32px
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
    margin-left: 10px;
    margin-top: 6px
}

.adyen-checkout__await__indicator-holder {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 32px
}

.adyen-checkout__await__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__await__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__await__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    width: 152px
}

.adyen-checkout__await__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__await__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__await>.adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__await__app-link {
    display: none;
    margin-top: 16px
}

@media only screen and (max-device-width: 1200px) {
    .adyen-checkout__await__app-link {
        display: block
    }
}

.adyen-checkout__blik__helper {
    color: #00112c;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__introduction {
    color: #00112c;
    font-size: .81em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__emailField {
    margin: 0 0 16px
}

.adyen-checkout__bacs--confirm {
    position: relative
}

.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
    display: none
}

.adyen-checkout__bacs .adyen-checkout__field--inactive {
    pointer-events: none
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -25px;
    width: 20%
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
    top: -50px
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
    background: none;
    border: none;
    color: #0075ff;
    cursor: pointer;
    text-align: end;
    text-decoration: underline
}

.adyen-checkout__voucher-result__introduction {
    font-size: 1em;
    max-width: 420px
}

.adyen-checkout__klarna-widget {
    pointer-events: all
}

.adyen-checkout__field--vpa {
    margin-bottom: 0
}

.adyen-checkout__segmented-control {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 4px 5px
}

.adyen-checkout__segmented-control--disabled {
    pointer-events: none
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment {
    color: #8390a3
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected {
    background: #f3f6f9;
    border: 1.5px solid #8390a3
}

.adyen-checkout__segmented-control-segment {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #fff;
    border: 0;
    border-radius: 6px;
    color: #0075ff;
    cursor: pointer;
    flex-grow: 1;
    font-weight: 500;
    height: 40px;
    text-align: center;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out;
    width: 100%
}

.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
    background-color: #f7f8f9
}

.adyen-checkout__segmented-control-segment:active {
    background-color: #f7f8f9;
    border: 1.5px solid #687282
}

.adyen-checkout__segmented-control-segment--selected {
    background: #e5f1ff;
    border: 1.5px solid #0075ff;
    color: #0075ff;
    font-weight: 700
}

.adyen-checkout_upi-mode-selection-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 7px;
    margin-top: 0
}

.adyen-checkout-trustly, .adyen-checkout__segmented-control--upi-margin-bottom {
    margin-bottom: 16px
}

.adyen-checkout-trustly__descriptor {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 4px
}

.adyen-checkout-trustly__description-list {
    font-size: .81em;
    line-height: 1.5;
    list-style-type: disc;
    margin: 0;
    padding-left: 20px
}

.adyen-checkout-payme-instructions {
    color: #5c687c;
    font-size: .81em;
    line-height: 20px;
    text-align: center
}

.adyen-checkout-payme-instructions__steps {
    -webkit-padding-start: 0;
    list-style-position: inside;
    margin: 16px 0;
    padding-bottom: 8px;
    padding-inline-start: 0
}

.adyen-checkout-sr-panel {
    font-size: .75em;
    margin-bottom: 20px
}

.adyen-checkout-sr-panel--sr-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.add-to-cart-trigger--hidden[data-v-1b9aac38] {
    display: none !important
}

.add-to-cart-trigger__price[data-v-1b9aac38] {
    display: inline-block;
    margin-left: 12px;
    position: relative
}

.add-to-cart-trigger__price[data-v-1b9aac38]:before {
    content: "•";
    display: inline-block;
    left: -9px;
    position: absolute
}

.dropdownArea[data-v-1f0302aa] {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    border-radius: 0 0 5px 5px;
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 200px;
    line-height: 20px;
    outline: none;
    overflow-y: auto;
    position: relative;
    top: -6px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

.dropdownArea ul[data-v-1f0302aa] {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.dropdownArea ul li[data-v-1f0302aa] {
    border-bottom: 1px solid #efefef;
    cursor: pointer;
    padding: 15px
}

.mini-address .address-title[data-v-67a96a84], .mini-address .addressObject-info[data-v-67a96a84] {
    color: #000
}

.mini-address .address-title span span[data-v-67a96a84], .mini-address .addressObject-info span span[data-v-67a96a84] {
    color: #757575
}

.content-carousel--address-selector {
    --carousel-item-space: 5px;
    --carousel-item-width: 40vw;
    margin: 0 calc(var(--carousel-item-space)*-1)
}

@media only screen and (min-width: 1024px) {
    .content-carousel--address-selector {
        --carousel-item-width: 15vw
    }
}

.content-carousel--address-selector .address-selector-item {
    background-color: #f8f8f8;
    border-left: var(--carousel-item-space) solid #fff;
    border-right: var(--carousel-item-space) solid #fff;
    display: block;
    font-size: 14px;
    padding: 20px;
    position: relative;
    width: var(--carousel-item-width)
}

.content-carousel--address-selector .address-selector-item .address-title {
    font-weight: 700;
    margin-top: 0
}

.content-carousel--address-selector .address-selector-item--selected {
    -webkit-box-shadow: inset 0 0 0 2px #000;
    box-shadow: inset 0 0 0 2px #000
}

.content-carousel--address-selector .address-selector-button {
    margin: 10px 5px;
    text-align: left
}

.content-carousel--address-selector .address-selector-button a {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.content-carousel--address-selector .address-selector-button a:focus, .content-carousel--address-selector .address-selector-button a:hover {
    border-color: #000
}

.form-input[data-v-992c8316] {
    margin-bottom: 20px;
    position: relative
}

.form-input[data-v-992c8316] input[type=email], .form-input[data-v-992c8316] input[type=number], .form-input[data-v-992c8316] input[type=password], .form-input[data-v-992c8316] input[type=search], .form-input[data-v-992c8316] input[type=tel], .form-input[data-v-992c8316] input[type=text], .form-input[data-v-992c8316] select, .form-input[data-v-992c8316] textarea {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 52px;
    line-height: 20px;
    outline: none;
    padding: 15px 20px;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    width: 100%
}

.form-input[data-v-992c8316] input[type=email]:focus, .form-input[data-v-992c8316] input[type=number]:focus, .form-input[data-v-992c8316] input[type=password]:focus, .form-input[data-v-992c8316] input[type=search]:focus, .form-input[data-v-992c8316] input[type=tel]:focus, .form-input[data-v-992c8316] input[type=text]:focus, .form-input[data-v-992c8316] select:focus, .form-input[data-v-992c8316] textarea:focus {
    border-color: #3e3e3e
}

.form-input[data-v-992c8316] input[type=email]:-webkit-autofill, .form-input[data-v-992c8316] input[type=number]:-webkit-autofill, .form-input[data-v-992c8316] input[type=password]:-webkit-autofill, .form-input[data-v-992c8316] input[type=search]:-webkit-autofill, .form-input[data-v-992c8316] input[type=tel]:-webkit-autofill, .form-input[data-v-992c8316] input[type=text]:-webkit-autofill, .form-input[data-v-992c8316] select:-webkit-autofill, .form-input[data-v-992c8316] textarea:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart-992c8316;
    animation-name: onAutoFillStart-992c8316
}

.form-input[data-v-992c8316] input[type=email]:not(:-webkit-autofill), .form-input[data-v-992c8316] input[type=number]:not(:-webkit-autofill), .form-input[data-v-992c8316] input[type=password]:not(:-webkit-autofill), .form-input[data-v-992c8316] input[type=search]:not(:-webkit-autofill), .form-input[data-v-992c8316] input[type=tel]:not(:-webkit-autofill), .form-input[data-v-992c8316] input[type=text]:not(:-webkit-autofill), .form-input[data-v-992c8316] select:not(:-webkit-autofill), .form-input[data-v-992c8316] textarea:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillCancel-992c8316;
    animation-name: onAutoFillCancel-992c8316
}

.form-input[data-v-992c8316] input[type=text]::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

.form-input[data-v-992c8316] select::-ms-expand {
    display: none
}

.form-input[data-v-992c8316] ::-webkit-input-placeholder {
    color: #757575
}

.form-input[data-v-992c8316] ::-moz-placeholder {
    color: #757575
}

.form-input[data-v-992c8316] :-ms-input-placeholder {
    color: #757575
}

.form-input[data-v-992c8316] ::-ms-input-placeholder {
    color: #757575
}

.form-input[data-v-992c8316] ::placeholder {
    color: #757575
}

.form-input[data-v-992c8316] textarea {
    min-height: 150px
}

.form-input--checkbox[data-v-992c8316] {
    margin-top: 10px;
    width: 100% !important
}

.form-input--checkbox .form-input__content[data-v-992c8316] {
    display: block;
    padding-left: 25px;
    position: relative;
    width: 100%
}

.form-input--checkbox .form-input__content input[data-v-992c8316] {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.form-input--checkbox .form-input__content label[data-v-992c8316] {
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    text-decoration: none;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-input--checkbox .form-input__content label[data-v-992c8316]:before {
    background: #fff;
    border: 1px solid #c7c7c7;
    content: "";
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 16px
}

.form-input--checkbox.has-value .form-input__content label[data-v-992c8316]:before {
    border-color: #000
}

.form-input--checkbox.has-value .form-input__content label[data-v-992c8316]:after {
    background: #000;
    content: "";
    cursor: pointer;
    height: 10px;
    left: 3px;
    position: absolute;
    top: 5px;
    width: 10px
}

.form-input__content[data-v-992c8316] {
    position: relative;
    text-align: left
}

.form-input--date[data-v-992c8316] .form-input--select {
    position: relative
}

.form-input--date[data-v-992c8316] .form-input--select+.form-input--select {
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .form-input--date[data-v-992c8316] .form-input__date {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .form-input--date[data-v-992c8316] .form-input__date .form-input--select {
        width: calc(33.33333% - 10px)
    }

    .form-input--date[data-v-992c8316] .form-input__date .form-input--select+.form-input--select {
        margin-top: 0
    }
}

.form-input__description[data-v-992c8316] {
    color: #757575;
    margin: 8px 0 0
}

[data-v-992c8316] .form-input__description--change-country {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding-bottom: 2px;
    text-decoration: none
}

[data-v-992c8316] .form-input__description--change-country:focus, [data-v-992c8316] .form-input__description--change-country:hover {
    border-color: #000
}

.form-input__error[data-v-992c8316] {
    color: #fa4555;
    margin: 8px 0 0
}

.form-input input.error[data-v-992c8316], .form-input input.valid[data-v-992c8316], .form-input select.error[data-v-992c8316], .form-input select.valid[data-v-992c8316] {
    border-bottom-width: 3px;
    padding-right: 50px
}

.form-input input.valid[data-v-992c8316], .form-input select.valid[data-v-992c8316] {
    border-bottom-color: #00c3a8 !important
}

.form-input input.error[data-v-992c8316], .form-input select.error[data-v-992c8316] {
    border-bottom-color: #fa4555 !important
}

.form-input--autocomplete.error[data-v-992c8316], .form-input--autocomplete.valid[data-v-992c8316], .form-input--select.form-input--disabled.error[data-v-992c8316], .form-input--select.form-input--disabled.valid[data-v-992c8316], .form-input--text.error[data-v-992c8316], .form-input--text.valid[data-v-992c8316] {
    position: relative
}

.form-input--autocomplete.error[data-v-992c8316]:after, .form-input--autocomplete.valid[data-v-992c8316]:after, .form-input--select.form-input--disabled.error[data-v-992c8316]:after, .form-input--select.form-input--disabled.valid[data-v-992c8316]:after, .form-input--text.error[data-v-992c8316]:after, .form-input--text.valid[data-v-992c8316]:after {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 43px
}

.form-input--autocomplete.error[data-v-992c8316]:not(:has(label)):after, .form-input--autocomplete.valid[data-v-992c8316]:not(:has(label)):after, .form-input--select.form-input--disabled.error[data-v-992c8316]:not(:has(label)):after, .form-input--select.form-input--disabled.valid[data-v-992c8316]:not(:has(label)):after, .form-input--text.error[data-v-992c8316]:not(:has(label)):after, .form-input--text.valid[data-v-992c8316]:not(:has(label)):after {
    top: 19px
}

.form-input--autocomplete.error[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after, .form-input--autocomplete.valid[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after, .form-input--select.form-input--disabled.error[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after, .form-input--select.form-input--disabled.valid[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after, .form-input--text.error[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after, .form-input--text.valid[data-v-992c8316]:has(.form-input__content[style="display: none;"]):after {
    content: none
}

.form-input--autocomplete.valid[data-v-992c8316]:after, .form-input--select.form-input--disabled.valid[data-v-992c8316]:after, .form-input--text.valid[data-v-992c8316]:after {
    background-color: #00c3a8;
    height: 15px;
    -webkit-mask-image: url('{{ "icons.svg" | asset_url }}#view-icon-forminput-tick');
    mask-image: url('{{ "icons.svg" | asset_url }}#view-icon-forminput-tick');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    -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;
    width: 15px
}

.form-input--autocomplete.error[data-v-992c8316]:after, .form-input--select.form-input--disabled.error[data-v-992c8316]:after, .form-input--text.error[data-v-992c8316]:after {
    background-color: #fa4555;
    height: 15px;
    -webkit-mask-image: url('{{ "icons.svg" | asset_url }}#view-icon-forminput-cross');
    mask-image: url('{{ "icons.svg" | asset_url }}#view-icon-forminput-cross');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    -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;
    width: 15px
}

.form-input--dwfrm_startEmailsubscribe_emailAddress.error[data-v-992c8316]:after, .form-input--dwfrm_startEmailsubscribe_emailAddress.valid[data-v-992c8316]:after {
    right: 30px;
    top: 18px !important
}

.checkout-steps:not(.checkout-steps--new-checkout) .form-input.form-input.error[data-v-992c8316]:has(.form-input__help):after, .checkout-steps:not(.checkout-steps--new-checkout) .form-input.form-input.valid[data-v-992c8316]:has(.form-input__help):after {
    content: none
}

.form-input .field-toggle[data-v-992c8316] {
    display: block;
    line-height: 22px;
    margin: 40px 0 15px;
    padding-left: 27px;
    position: relative
}

.form-input .field-toggle[data-v-992c8316]:after {
    background: url(../icons.svg#view-icon-plus);
    content: "";
    height: 7px;
    left: 7px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px
}

.form-input .field-toggle[data-v-992c8316]:before {
    background: #efefef;
    border-radius: 50%;
    content: "";
    height: 21px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px
}

.form-input__help[data-v-992c8316] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 51px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.checkout-steps--new-checkout .form-input__help[data-v-992c8316] {
    right: 0;
    top: 8px
}

.form-input__help[data-v-992c8316]:before {
    background: #efefef;
    border: 1px solid #efefef;
    border-radius: 50%;
    color: #757575;
    content: "?";
    display: block;
    font-size: 12px;
    font-weight: 300;
    height: 21px;
    line-height: 18px;
    text-align: center;
    width: 21px
}

.form-input__help .tooltip-content[data-v-992c8316] {
    background: #efefef;
    bottom: 43px;
    color: #757575;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: -20px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 200px;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .form-input__help .tooltip-content[data-v-992c8316] {
        margin-right: 11px;
        right: -100px
    }
}

.form-input__help .tooltip-content[data-v-992c8316]:after {
    border: 10px solid transparent;
    border-top-color: #efefef;
    bottom: -19px;
    content: "";
    display: block;
    position: absolute;
    right: 20px
}

@media only screen and (min-width: 1024px) {
    .form-input__help .tooltip-content[data-v-992c8316]:after {
        margin-right: -10px;
        right: 50%
    }
}

.form-input__help:focus .tooltip-content[data-v-992c8316], .form-input__help:hover .tooltip-content[data-v-992c8316] {
    bottom: 39px;
    opacity: 1;
    visibility: visible
}

.form-input--hidden[data-v-992c8316] {
    display: none
}

.form-input--floating-label[data-v-992c8316] ::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out .1s;
    transition: opacity .1s ease-in-out .1s
}

.form-input--floating-label[data-v-992c8316] ::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity .1s ease-in-out .1s;
    transition: opacity .1s ease-in-out .1s
}

.form-input--floating-label[data-v-992c8316] :-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity .1s ease-in-out .1s;
    transition: opacity .1s ease-in-out .1s
}

.form-input--floating-label[data-v-992c8316] ::-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity .1s ease-in-out .1s;
    transition: opacity .1s ease-in-out .1s
}

.form-input--floating-label[data-v-992c8316] ::placeholder {
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out .1s;
    transition: opacity .1s ease-in-out .1s
}

.form-input--floating-label label[data-v-992c8316] {
    background-color: #fff;
    color: #757575;
    left: 21px;
    position: absolute;
    top: 26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top .1s ease-in-out, left .1s ease-in-out, font-size .1s ease-in-out, padding .1s ease-in-out, opacity .1s ease-in-out;
    transition: top .1s ease-in-out, left .1s ease-in-out, font-size .1s ease-in-out, padding .1s ease-in-out, opacity .1s ease-in-out;
    z-index: 1
}

.form-input--floating-label.active[data-v-992c8316]:not(.form-input--select) ::-webkit-input-placeholder, .form-input--floating-label.error[data-v-992c8316] ::-webkit-input-placeholder, .form-input--floating-label.has-value[data-v-992c8316] ::-webkit-input-placeholder, .form-input--floating-label.valid[data-v-992c8316] ::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s
}

.form-input--floating-label.active[data-v-992c8316]:not(.form-input--select) ::-moz-placeholder, .form-input--floating-label.error[data-v-992c8316] ::-moz-placeholder, .form-input--floating-label.has-value[data-v-992c8316] ::-moz-placeholder, .form-input--floating-label.valid[data-v-992c8316] ::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s
}

.form-input--floating-label.active[data-v-992c8316]:not(.form-input--select) :-ms-input-placeholder, .form-input--floating-label.error[data-v-992c8316] :-ms-input-placeholder, .form-input--floating-label.has-value[data-v-992c8316] :-ms-input-placeholder, .form-input--floating-label.valid[data-v-992c8316] :-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s
}

.form-input--floating-label.active[data-v-992c8316]:not(.form-input--select) ::-ms-input-placeholder, .form-input--floating-label.error[data-v-992c8316] ::-ms-input-placeholder, .form-input--floating-label.has-value[data-v-992c8316] ::-ms-input-placeholder, .form-input--floating-label.valid[data-v-992c8316] ::-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s
}

.form-input--floating-label.active[data-v-992c8316]:not(.form-input--select) ::placeholder, .form-input--floating-label.error[data-v-992c8316] ::placeholder, .form-input--floating-label.has-value[data-v-992c8316] ::placeholder, .form-input--floating-label.valid[data-v-992c8316] ::placeholder {
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s
}

.form-input--floating-label.active:not(.form-input--select) label[data-v-992c8316], .form-input--floating-label.error label[data-v-992c8316], .form-input--floating-label.has-value label[data-v-992c8316], .form-input--floating-label.valid label[data-v-992c8316] {
    font-size: 12px;
    left: 17px;
    padding: 0 5px;
    top: 0
}

.form-input--floating-label.active:not(.form-input--select) label[data-v-992c8316]:before, .form-input--floating-label.error label[data-v-992c8316]:before, .form-input--floating-label.has-value label[data-v-992c8316]:before, .form-input--floating-label.valid label[data-v-992c8316]:before {
    background: var(--component-background-color);
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.form-input--floating-label.active label[data-v-992c8316] {
    color: #000
}

.form-input--floating-label.error label[data-v-992c8316] {
    color: #fa4555
}

.form-input--floating-label.form-input--disabled input[data-v-992c8316], .form-input--floating-label.form-input--disabled select[data-v-992c8316] {
    background: #efefef;
    color: #757575;
    cursor: default
}

.form-input--floating-label.form-input--disabled label[data-v-992c8316] {
    background: #efefef
}

.form-input:not(.form-input--checkbox):not(.form-input--radio) label[data-v-992c8316] {
    color: #000;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 5px;
    text-decoration: none;
    text-transform: none
}

.form-input--addressSelector[data-v-992c8316]:has(.checkout-step__section__title):before, .form-input--select[data-v-992c8316]:has(.checkout-step__section__title):before, [data-v-992c8316] .form-input--select:has(.checkout-step__section__title):before {
    bottom: 22px;
    top: unset
}

.form-input--addressSelector[data-v-992c8316]:before, .form-input--select[data-v-992c8316]:before, [data-v-992c8316] .form-input--select:before {
    background-image: url(../icons.svg#view-icon-dropdownThin);
    background-repeat: no-repeat;
    background-size: 10px 5px;
    content: "";
    height: 5px;
    -webkit-mask-size: 10px 5px;
    mask-size: 10px 5px;
    position: absolute;
    right: 20px;
    top: 48px;
    -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;
    width: 10px;
    z-index: 1
}

.form-input--addressSelector.form-input--disabled[data-v-992c8316]:before, .form-input--select.form-input--disabled[data-v-992c8316]:before, [data-v-992c8316] .form-input--select.form-input--disabled:before {
    display: none
}

.form-input--addressSelector select[data-v-992c8316], .form-input--select select[data-v-992c8316], [data-v-992c8316] .form-input--select select {
    padding: 10px 40px 10px 20px
}

.form-input--addressSelector select[data-v-992c8316]::-ms-expand, .form-input--select select[data-v-992c8316]::-ms-expand, [data-v-992c8316] .form-input--select select::-ms-expand {
    display: none
}

.form-input__date .form-input--select[data-v-992c8316]:before, .form-input__date[data-v-992c8316] .form-input--select:before {
    top: 25px
}

.checkout-steps--new-checkout .form-input--addressSelector[data-v-992c8316] {
    width: 100% !important
}

.checkout-steps--new-checkout .form-input--addressSelector[data-v-992c8316]:before {
    all: unset
}

[data-v-992c8316] .form-input__warning {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-v-992c8316] .form-input__warning:before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #7f7f7f;
    border-radius: 50%;
    color: #7f7f7f;
    content: "i";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    margin-right: 10px;
    padding: 6px;
    width: 20px
}

.form-group--disabled[data-v-52a37f75] {
    opacity: .5;
    pointer-events: none
}

.group-toggle[data-v-52a37f75] {
    display: inline-block;
    left: 27px;
    margin: 10px 0;
    position: relative
}

.group-toggle[data-v-52a37f75]:after {
    background: url(../icons.svg#view-icon-plus);
    height: 7px;
    left: -20px;
    width: 7px
}

.group-toggle[data-v-52a37f75]:after, .group-toggle[data-v-52a37f75]:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.group-toggle[data-v-52a37f75]:before {
    background: #efefef;
    border-radius: 50%;
    height: 21px;
    left: -27px;
    width: 21px
}

.form__response[data-v-6dc07840] {
    width: 100%
}

form[data-v-6dc07840] {
    position: relative;
    z-index: 0
}

form[data-v-6dc07840] .g-recaptcha {
    margin: 0 0 30px
}

.start-email-subscribe.enable-css {
    text-align: left
}

.start-email-subscribe.enable-css form {
    position: relative
}

.start-email-subscribe.enable-css form:after {
    background-image: url(../icons.svg#view-icon-arrow);
    background-repeat: no-repeat;
    background-size: 20px 15px;
    content: "";
    height: 15px;
    -webkit-mask-size: 20px 15px;
    mask-size: 20px 15px;
    position: absolute;
    right: 2px;
    top: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
    width: 20px
}

.start-email-subscribe.enable-css form .form-input input[type=text] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    padding: 15px 0;
    width: 100%
}

.start-email-subscribe.enable-css form .form-input.error input[type=text] {
    border-color: #fa4555;
    color: #fa4555
}

.start-email-subscribe.enable-css form button, .start-email-subscribe.enable-css form button:hover {
    background: transparent;
    border: 0;
    border-width: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0/0 a;
    height: 50px;
    letter-spacing: 0;
    outline-width: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: 50px;
    z-index: 5
}

.experience-assets-startEmailSubscribe .start-email-subscribe.enable-css {
    margin: auto;
    max-width: 430px;
    text-align: left;
    width: 100%
}

.overlay-wrapper--visible .overlay-wrapper__background {
    opacity: 1
}

.overlay-wrapper--dialog .overlay-wrapper__background, .overlay-wrapper--header .overlay-wrapper__background, .overlay-wrapper--iframe .overlay-wrapper__background, .overlay-wrapper--minicompare .overlay-wrapper__background, .overlay-wrapper--navigation .overlay-wrapper__background, .overlay-wrapper--panel .overlay-wrapper__background, .overlay-wrapper--quickview .overlay-wrapper__background, .overlay-wrapper--search .overlay-wrapper__background, .overlay-wrapper--sidepanel .overlay-wrapper__background, .overlay-wrapper--square-video .overlay-wrapper__background, .overlay-wrapper--video .overlay-wrapper__background {
    background: rgba(0, 0, 0, .6)
}

.overlay-wrapper--header.empty .overlay-wrapper__background {
    background: transparent
}

.overlay-wrapper__background {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 0
}

.overlay .btn--close {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 10
}

@media only screen and (min-width: 768px) {
    .overlay .btn--close {
        height: 50px;
        width: 50px
    }
}

.overlay .btn--close:after, .overlay .btn--close:before {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50%
}

.overlay .btn--close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.overlay .btn--close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media only screen and (min-width: 1024px) {
    .overlay .btn--close.btn--outside {
        border-color: #fff;
        right: -70px;
        top: 0
    }

    .overlay .btn--close.btn--outside:after, .overlay .btn--close.btn--outside:before {
        background: #fff
    }

    .overlay .btn--close.btn--outside:focus, .overlay .btn--close.btn--outside:hover {
        border-color: #fff
    }
}

.overlay--edit-personalisation .btn--close {
    top: 20px
}

@media only screen and (min-width: 768px) {
    .overlay--edit-personalisation .btn--close {
        top: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .overlay--gift-cert-balance .btn--close {
        border-color: #fff;
        right: -70px;
        top: 0
    }

    .overlay--gift-cert-balance .btn--close:after, .overlay--gift-cert-balance .btn--close:before {
        background: #fff
    }
}

.overlay-wrapper__container .overlay--filters-mobile .btn--close {
    display: none
}

.overlay-wrapper {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transition: visibility .3s ease-in-out;
    transition: visibility .3s ease-in-out;
    visibility: hidden;
    width: 100%
}

.overlay-wrapper.overlay-wrapper--visible {
    visibility: visible
}

.overlay-wrapper--visible {
    display: block
}

.overlay-wrapper--hidden {
    z-index: -1
}

.overlay-wrapper--base {
    z-index: 0
}

.overlay-wrapper--initial {
    z-index: 1
}

.overlay-wrapper--content-menu, .overlay-wrapper--dropdown, .overlay-wrapper--footer, .overlay-wrapper--form-input-help, .overlay-wrapper--info-main-sidebar, .overlay-wrapper--password-reset, .overlay-wrapper--sidebar-content, .overlay-wrapper--size-guide-input, .overlay-wrapper--top-banner-carousel-prev-next {
    z-index: 2
}

.overlay-wrapper--sidebar-panel, .overlay-wrapper--size-guide-close-button {
    z-index: 3
}

.overlay-wrapper--gift-cert-purchase-anchor, .overlay-wrapper--order-summary, .overlay-wrapper--pdp, .overlay-wrapper--start-email-subscribe-button {
    z-index: 5
}

.overlay-wrapper--close-button {
    z-index: 6
}

.overlay-wrapper--fixed {
    z-index: 10
}

.overlay-wrapper--search-result-banner-content {
    z-index: 11
}

.overlay-wrapper--sticky-links {
    z-index: 12
}

.overlay-wrapper--loader {
    z-index: 15
}

.overlay-wrapper--personalisation {
    z-index: 20
}

.overlay-wrapper--navigation {
    z-index: 25
}

.overlay-wrapper--overlay {
    z-index: 35
}

.overlay-wrapper--minicompare, .overlay-wrapper--panel {
    z-index: 40
}

.overlay-wrapper--mini-compare-wrapper {
    z-index: 44
}

.overlay-wrapper--header {
    z-index: 45
}

.overlay-wrapper--toast {
    z-index: 50
}

.overlay-wrapper--drawer {
    z-index: 54
}

.overlay-wrapper--dialog {
    z-index: 55
}

.overlay-wrapper--search {
    z-index: 57
}

.overlay-wrapper--quickview {
    z-index: 60
}

.overlay-wrapper--iframe, .overlay-wrapper--square-video, .overlay-wrapper--video {
    z-index: 65
}

.overlay-wrapper--sidepanel {
    z-index: 70
}

.overlay-wrapper--fullscreen {
    z-index: 75
}

.overlay-wrapper__container {
    height: 100%;
    pointer-events: none;
    position: relative;
    width: 100%
}

.overlay-wrapper .overlay {
    pointer-events: all;
    z-index: 1
}

.overlay-wrapper--personalisation {
    z-index: 44
}

.overlay {
    display: block;
    visibility: hidden
}

.overlay--visible {
    visibility: visible
}

.overlay--dialog {
    left: 50%;
    max-width: 800px;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 90%
}

.overlay--dialog, .overlay--drawer {
    background: #fff;
    max-height: 90%;
    overflow: auto;
    position: fixed
}

.overlay--drawer {
    border-radius: 10px;
    bottom: 0;
    max-width: 480px;
    right: 0;
    -webkit-transform: translate3D(0, 100%, 0);
    transform: translate3D(0, 100%, 0);
    width: 100%
}

@media only screen and (min-width: 480px) {
    .overlay--drawer {
        bottom: 30px;
        right: 30px
    }
}

@media only screen and (min-width: 768px) {
    .overlay--drawer {
        max-width: 550px
    }
}

.overlay--drawer.overlay--visible {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.overlay--cookie-consent-overlay {
    height: auto;
    max-height: 90%;
    width: 90%
}

.overlay--quickview {
    background: #fff;
    left: 50%;
    max-height: 80%;
    max-width: 1050px;
    overflow: auto;
    position: fixed;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 90%
}

.overlay[class*="--product-recommendations-overlay"] {
    background: transparent;
    max-width: none;
    width: 100%
}

.overlay--iframe, .overlay--square-video, .overlay--video {
    background: #fff;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 90%
}

@media only screen and (min-width: 768px) {
    .overlay--iframe, .overlay--square-video, .overlay--video {
        width: 80%
    }
}

.overlay--iframe, .overlay--video {
    max-height: 800px;
    max-width: 1100px
}

.overlay--iframe {
    min-height: 80vh
}

.overlay--square-video {
    max-height: 800px;
    max-width: 800px
}

.overlay--fullscreen {
    background: #fff;
    height: 100%;
    overflow: auto;
    position: fixed;
    width: 100%
}

.overlay--personalisation {
    height: 100%;
    position: relative
}

.overlay--business-gifts, .overlay--business-gifts-large-volume {
    max-height: 90%;
    overflow-x: hidden;
    padding: 50px 30px;
    width: 90%
}

@media only screen and (min-width: 1024px) {
    .overlay--business-gifts, .overlay--business-gifts-large-volume {
        padding: 30px
    }
}

.overlay--edit-personalisation {
    background: none;
    height: 100%;
    max-height: 90%;
    max-width: 1280px;
    overflow: hidden;
    width: calc(100vw - 60px)
}

@media only screen and (min-width: 1024px) {
    .overlay--edit-personalisation {
        width: calc(100vw - 120px)
    }
}

.overlay--cookies-policy, .overlay--coupon-status-overlay, .overlay--gift-card-large-order, .overlay--gift-card-terms, .overlay--privacy-policy, .overlay--terms {
    font-size: 16px;
    padding: 30px
}

.overlay--cookies-policy h1, .overlay--coupon-status-overlay h1, .overlay--gift-card-large-order h1, .overlay--gift-card-terms h1, .overlay--privacy-policy h1, .overlay--terms h1 {
    font-size: 30px;
    margin-top: 0
}

.overlay--cookies-policy h2, .overlay--coupon-status-overlay h2, .overlay--gift-card-large-order h2, .overlay--gift-card-terms h2, .overlay--privacy-policy h2, .overlay--terms h2 {
    font-size: 24px
}

.overlay--cookies-policy h3, .overlay--coupon-status-overlay h3, .overlay--gift-card-large-order h3, .overlay--gift-card-terms h3, .overlay--privacy-policy h3, .overlay--terms h3 {
    font-size: 20px
}

.overlay--cookies-policy a:not(.btn), .overlay--coupon-status-overlay a:not(.btn), .overlay--gift-card-large-order a:not(.btn), .overlay--gift-card-terms a:not(.btn), .overlay--privacy-policy a:not(.btn), .overlay--terms a:not(.btn) {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.overlay--cookies-policy a:not(.btn):focus, .overlay--cookies-policy a:not(.btn):hover, .overlay--coupon-status-overlay a:not(.btn):focus, .overlay--coupon-status-overlay a:not(.btn):hover, .overlay--gift-card-large-order a:not(.btn):focus, .overlay--gift-card-large-order a:not(.btn):hover, .overlay--gift-card-terms a:not(.btn):focus, .overlay--gift-card-terms a:not(.btn):hover, .overlay--privacy-policy a:not(.btn):focus, .overlay--privacy-policy a:not(.btn):hover, .overlay--terms a:not(.btn):focus, .overlay--terms a:not(.btn):hover {
    border-color: #000
}

.overlay--gift-card-terms ol, .overlay--gift-card-terms ul {
    padding-left: 1.5em
}

.overlay--gift-card-terms a:not(.btn) {
    color: #000
}

.overlay--gift-card-terms h1 {
    font-size: 32px;
    line-height: 1
}

.overlay--gift-card-terms h2 {
    border-bottom: 1px solid #c7c7c7;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 20px
}

.overlay--gift-card-terms h3 {
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 800;
    margin: 40px 0 30px;
    text-transform: uppercase
}

.overlay--checkout-login-overlay {
    height: 100%;
    max-height: 100%;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .overlay--checkout-login-overlay {
        height: auto;
        max-height: 90%;
        width: 90%
    }
}

.overlay--coupon-status-overlay {
    max-width: 480px;
    overflow: visible;
    text-align: center
}

.overlay--coupon-status-overlay .btn--primary {
    display: block;
    margin-top: 20px
}

.overlay--cookies-policy table {
    width: 100%
}

.overlay--cookies-policy table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15px
}

.overlay--cookies-policy table th {
    text-align: left
}

.overlay--cookies-policy table td {
    font-size: 14px
}

.overlay--cookies-policy table td:nth-child(n+2) {
    color: #575757;
    padding-top: 15px
}

.overlay--cookies-policy table tbody tr {
    padding-top: 15px
}

@media only screen and (min-width: 768px) {
    .overlay--cookies-policy table tr {
        display: table-row;
        padding-bottom: 0
    }

    .overlay--cookies-policy table td:nth-child(n+2):not(last-child), .overlay--cookies-policy table th:nth-child(n+2):not(last-child) {
        padding-left: 15px;
        padding-right: 15px
    }

    .overlay--cookies-policy table td:last-child, .overlay--cookies-policy table th:last-child {
        text-align: right
    }

    .overlay--cookies-policy table th {
        padding-bottom: 15px;
        white-space: nowrap
    }

    .overlay--cookies-policy table td {
        padding-bottom: 15px;
        padding-top: 15px;
        vertical-align: top
    }

    .overlay--cookies-policy table tbody tr {
        padding-top: 0
    }
}

.overlay[class*="--fitchart"] {
    height: 80vh;
    left: 50%;
    max-height: none;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90vw
}

@media only screen and (min-width: 768px) {
    .overlay[class*="--fitchart"] {
        height: 90vh;
        max-height: 800px;
        max-width: 1100px
    }
}

.overlay[class*="--fitchart"] .size-guide-panel__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.overlay--gift-cert-balance {
    overflow: visible;
    padding: 30px;
    width: 80%
}

@media only screen and (min-width: 768px) {
    .overlay--gift-cert-balance {
        width: auto
    }
}

.overlay--extra-payment-info-ap, .overlay--extra-payment-info-ppe, .overlay--recaptcha-form {
    max-width: 480px
}

.overlay[class*="--product-tile"] {
    overflow: hidden
}

@media only screen and (min-width: 1280px) {
    .overlay[class*="--product-tile"] {
        padding-bottom: 29px
    }
}

.overlay[class*="--product-tile"] .add-to-cart-trigger, .overlay[class*="--product-tile"] .reservation-trigger {
    display: block;
    left: 0;
    right: 0
}

@media only screen and (min-width: 1280px) {
    .overlay[class*="--product-tile"] .add-to-cart-trigger, .overlay[class*="--product-tile"] .reservation-trigger {
        visibility: inherit
    }
}

.overlay[class*="--product-tile"]>.product-tile:hover:before {
    content: none
}

@media only screen and (min-width: 1280px) {
    .overlay[class*="--product-tile"]>.product-tile:hover .add-to-cart-trigger, .overlay[class*="--product-tile"]>.product-tile:hover .reservation-trigger {
        visibility: inherit
    }
}

.loading--overlay .overlay {
    overflow: hidden
}

.loading--overlay .overlay>div {
    position: relative
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.loading--overlay .overlay>div:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.loading--overlay .overlay>div:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 15
}

.loading--overlay .overlay>div:before {
    bottom: 0;
    height: auto;
    right: 0
}

@media print {
    @page {
        margin-bottom: 2cm;
        margin-top: 2cm
    }

    body {
        overflow: visible
    }

    .overlay-wrapper {
        overflow: visible;
        position: absolute;
        top: 0
    }

    .overlay-wrapper__background {
        background: #fff;
        bottom: -1000%;
        height: auto
    }

    .overlay--terms {
        max-height: none;
        position: relative;
        top: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    .overlay--terms li {
        page-break-inside: avoid
    }

    #checkout-main, #footer, .overlay--terms .btn--close, header {
        display: none
    }
}

.overlay--locale-switcher .btn--close {
    display: none
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] {
    --preview-shiny-finish: linear-gradient(hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .1) 20%, hsla(0, 0%, 100%, .7) 50%, hsla(0, 0%, 100%, .4) 60%, hsla(0, 0%, 100%, .1) 82%, hsla(0, 0%, 100%, 0) 100%), linear-gradient(var(--preview-text-color, transparent), var(--preview-text-color, transparent));
    -webkit-background-clip: text;
    background-clip: text;
    background-image: var(--preview-shiny-finish);
    color: transparent
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--hashtag {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--hashtag:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-hashtag);
    mask-image: url(../personalisation.svg#view-icon-hashtag);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--at {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--at:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-at);
    mask-image: url(../personalisation.svg#view-icon-at);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--heart {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--heart:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-heart);
    mask-image: url(../personalisation.svg#view-icon-heart);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--sun {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--sun:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-sun);
    mask-image: url(../personalisation.svg#view-icon-sun);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--starfish {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--starfish:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-starfish);
    mask-image: url(../personalisation.svg#view-icon-starfish);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--flipFlops {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--flipFlops:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-flip-flops);
    mask-image: url(../personalisation.svg#view-icon-flip-flops);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--diver {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--diver:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-diver);
    mask-image: url(../personalisation.svg#view-icon-diver);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--palmTree {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--palmTree:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-palm-tree);
    mask-image: url(../personalisation.svg#view-icon-palm-tree);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--rings {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--rings:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-rings);
    mask-image: url(../personalisation.svg#view-icon-rings);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--flamingo {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--flamingo:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-flamingo);
    mask-image: url(../personalisation.svg#view-icon-flamingo);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--greekTemple {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--greekTemple:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-greek-temple);
    mask-image: url(../personalisation.svg#view-icon-greek-temple);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--bigBen {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--bigBen:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-big-ben);
    mask-image: url(../personalisation.svg#view-icon-big-ben);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--aztecTemple {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--aztecTemple:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-aztec-temple);
    mask-image: url(../personalisation.svg#view-icon-aztec-temple);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--statueOfLiberty {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--statueOfLiberty:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-statue-of-liberty);
    mask-image: url(../personalisation.svg#view-icon-statue-of-liberty);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--colosseum {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--colosseum:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-colosseum);
    mask-image: url(../personalisation.svg#view-icon-colosseum);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--eiffelTower {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--eiffelTower:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-eiffel-tower);
    mask-image: url(../personalisation.svg#view-icon-eiffel-tower);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--tajMahal {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--tajMahal:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-taj-mahal);
    mask-image: url(../personalisation.svg#view-icon-taj-mahal);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--star {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--star:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-star);
    mask-image: url(../personalisation.svg#view-icon-star);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--paw {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--paw:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-paw);
    mask-image: url(../personalisation.svg#view-icon-paw);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--okay {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--okay:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-okay);
    mask-image: url(../personalisation.svg#view-icon-okay);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--musicNote {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--musicNote:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-music-note);
    mask-image: url(../personalisation.svg#view-icon-music-note);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--luckyLeaf {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--luckyLeaf:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-lucky-leaf);
    mask-image: url(../personalisation.svg#view-icon-lucky-leaf);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--like {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--like:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-like);
    mask-image: url(../personalisation.svg#view-icon-like);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--lightBolt {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--lightBolt:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-light-bolt);
    mask-image: url(../personalisation.svg#view-icon-light-bolt);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--heartFull {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--heartFull:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-heart-full);
    mask-image: url(../personalisation.svg#view-icon-heart-full);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--globeNew {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--globeNew:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-globe-new);
    mask-image: url(../personalisation.svg#view-icon-globe-new);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--gift {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--gift:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-gift);
    mask-image: url(../personalisation.svg#view-icon-gift);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--cocktail {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--cocktail:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-cocktail);
    mask-image: url(../personalisation.svg#view-icon-cocktail);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--airplaneNew {
    position: relative
}

:not(.product-line-item-wrapper)>.personalisation-option-preview-text__finish--shiny[data-v-e4cb95e8] .monogram--airplaneNew:before {
    background-image: var(--preview-shiny-finish);
    content: "";
    height: 100%;
    inset: 0;
    -webkit-mask-image: url(../personalisation.svg#view-icon-airplane-new);
    mask-image: url(../personalisation.svg#view-icon-airplane-new);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    width: 100%
}

.personalisation-option-preview-text[data-v-e4cb95e8] {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.personalisation-option-preview-text li[data-v-e4cb95e8], .personalisation-option-preview-text[data-v-e4cb95e8] .monogram {
    display: inline
}

.personalisation-option-preview.personalisation-option-preview--personalisationEmbossing .personalisation-option-preview-text[data-v-e4cb95e8] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.personalisation-option-preview.personalisation-option-preview--personalisationEmbossing .personalisation-option-preview-text li[data-v-e4cb95e8], .personalisation-option-preview.personalisation-option-preview--personalisationEmbossing .personalisation-option-preview-text[data-v-e4cb95e8] .monogram {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mini-address .address-title[data-v-67a96a84], .mini-address .addressObject-info[data-v-67a96a84] {
    color: #000
}

.mini-address .address-title span span[data-v-67a96a84], .mini-address .addressObject-info span span[data-v-67a96a84] {
    color: #757575
}

.nearest-store__image[data-v-e77ea64e] {
    display: none
}

.nearest-store .store-title[data-v-e77ea64e] {
    display: block
}

.grid {
    position: relative
}

.grid.gap-between-rows--extra-narrow>div:not(.grid__vertical-dividers)>* {
    margin-bottom: 1%
}

.grid.gap-between-rows--narrow>div:not(.grid__vertical-dividers)>* {
    margin-bottom: 3%
}

.grid.gap-between-rows--normal>div:not(.grid__vertical-dividers)>* {
    margin-bottom: 5%
}

.grid.gap-between-rows--wide>div:not(.grid__vertical-dividers)>* {
    margin-bottom: 7%
}

.grid.gap-between-rows--extra-wide>div:not(.grid__vertical-dividers)>* {
    margin-bottom: 9%
}

.grid>.grid__components {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid>.grid__components>* {
    width: 100%
}

.grid.horizontal-item-align--center>.grid__components {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .grid.mobile-columns--2>div:not(.grid__vertical-dividers)>* {
        width: 50%
    }

    .grid.mobile-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2), .grid.mobile-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2)~div {
        margin-bottom: 0
    }

    .grid.mobile-columns--2>.grid__vertical-dividers>* {
        margin-left: 50%
    }

    .grid.mobile-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(49.5% - .1px)
    }

    .grid.mobile-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.mobile-columns--2.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(49.5% - .1px);
        width: 1%
    }

    .grid.mobile-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(48.5% - .1px)
    }

    .grid.mobile-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.mobile-columns--2.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(48.5% - .1px);
        width: 3%
    }

    .grid.mobile-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(47.5% - .1px)
    }

    .grid.mobile-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.mobile-columns--2.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(47.5% - .1px);
        width: 5%
    }

    .grid.mobile-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(46.5% - .1px)
    }

    .grid.mobile-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.mobile-columns--2.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(46.5% - .1px);
        width: 7%
    }

    .grid.mobile-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(45.5% - .1px)
    }

    .grid.mobile-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.mobile-columns--2.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(45.5% - .1px);
        width: 9%
    }

    .grid.mobile-columns--3>div:not(.grid__vertical-dividers)>* {
        width: 33.33333%
    }

    .grid.mobile-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3), .grid.mobile-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3)~div {
        margin-bottom: 0
    }

    .grid.mobile-columns--3>.grid__vertical-dividers>* {
        margin-left: 33.33333%
    }

    .grid.mobile-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(32.66667% - .1px)
    }

    .grid.mobile-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.mobile-columns--3.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(32.66667% - .1px);
        width: 1%
    }

    .grid.mobile-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(31.33333% - .1px)
    }

    .grid.mobile-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.mobile-columns--3.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(31.33333% - .1px);
        width: 3%
    }

    .grid.mobile-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(30% - .1px)
    }

    .grid.mobile-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.mobile-columns--3.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(30% - .1px);
        width: 5%
    }

    .grid.mobile-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(28.66667% - .1px)
    }

    .grid.mobile-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.mobile-columns--3.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(28.66667% - .1px);
        width: 7%
    }

    .grid.mobile-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(27.33333% - .1px)
    }

    .grid.mobile-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.mobile-columns--3.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(27.33333% - .1px);
        width: 9%
    }

    .grid.mobile-columns--4>div:not(.grid__vertical-dividers)>* {
        width: 25%
    }

    .grid.mobile-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4), .grid.mobile-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4)~div {
        margin-bottom: 0
    }

    .grid.mobile-columns--4>.grid__vertical-dividers>* {
        margin-left: 25%
    }

    .grid.mobile-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(24.25% - .1px)
    }

    .grid.mobile-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.mobile-columns--4.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(24.25% - .1px);
        width: 1%
    }

    .grid.mobile-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(22.75% - .1px)
    }

    .grid.mobile-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.mobile-columns--4.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(22.75% - .1px);
        width: 3%
    }

    .grid.mobile-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(21.25% - .1px)
    }

    .grid.mobile-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.mobile-columns--4.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(21.25% - .1px);
        width: 5%
    }

    .grid.mobile-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(19.75% - .1px)
    }

    .grid.mobile-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.mobile-columns--4.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(19.75% - .1px);
        width: 7%
    }

    .grid.mobile-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(18.25% - .1px)
    }

    .grid.mobile-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.mobile-columns--4.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(18.25% - .1px);
        width: 9%
    }

    .grid.mobile-columns--5>div:not(.grid__vertical-dividers)>* {
        width: 20%
    }

    .grid.mobile-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5), .grid.mobile-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5)~div {
        margin-bottom: 0
    }

    .grid.mobile-columns--5>.grid__vertical-dividers>* {
        margin-left: 20%
    }

    .grid.mobile-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(19.2% - .1px)
    }

    .grid.mobile-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.mobile-columns--5.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(19.2% - .1px);
        width: 1%
    }

    .grid.mobile-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(17.6% - .1px)
    }

    .grid.mobile-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.mobile-columns--5.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(17.6% - .1px);
        width: 3%
    }

    .grid.mobile-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(16% - .1px)
    }

    .grid.mobile-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.mobile-columns--5.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(16% - .1px);
        width: 5%
    }

    .grid.mobile-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(14.4% - .1px)
    }

    .grid.mobile-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.mobile-columns--5.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(14.4% - .1px);
        width: 7%
    }

    .grid.mobile-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(12.8% - .1px)
    }

    .grid.mobile-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.mobile-columns--5.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(12.8% - .1px);
        width: 9%
    }

    .grid.mobile-columns--6>div:not(.grid__vertical-dividers)>* {
        width: 16.66667%
    }

    .grid.mobile-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6), .grid.mobile-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6)~div {
        margin-bottom: 0
    }

    .grid.mobile-columns--6>.grid__vertical-dividers>* {
        margin-left: 16.66667%
    }

    .grid.mobile-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(15.83333% - .1px)
    }

    .grid.mobile-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.mobile-columns--6.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(15.83333% - .1px);
        width: 1%
    }

    .grid.mobile-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(14.16667% - .1px)
    }

    .grid.mobile-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.mobile-columns--6.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(14.16667% - .1px);
        width: 3%
    }

    .grid.mobile-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(12.5% - .1px)
    }

    .grid.mobile-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.mobile-columns--6.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(12.5% - .1px);
        width: 5%
    }

    .grid.mobile-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(10.83333% - .1px)
    }

    .grid.mobile-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.mobile-columns--6.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(10.83333% - .1px);
        width: 7%
    }

    .grid.mobile-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(9.16667% - .1px)
    }

    .grid.mobile-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.mobile-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.mobile-columns--6.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(9.16667% - .1px);
        width: 9%
    }

    .grid.mobile-columns-1>.grid__components>:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .grid.tablet-columns--2>div:not(.grid__vertical-dividers)>* {
        width: 50%
    }

    .grid.tablet-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2), .grid.tablet-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2)~div {
        margin-bottom: 0
    }

    .grid.tablet-columns--2>.grid__vertical-dividers>* {
        margin-left: 50%
    }

    .grid.tablet-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(49.5% - .1px)
    }

    .grid.tablet-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.tablet-columns--2.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(49.5% - .1px);
        width: 1%
    }

    .grid.tablet-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(48.5% - .1px)
    }

    .grid.tablet-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.tablet-columns--2.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(48.5% - .1px);
        width: 3%
    }

    .grid.tablet-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(47.5% - .1px)
    }

    .grid.tablet-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.tablet-columns--2.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(47.5% - .1px);
        width: 5%
    }

    .grid.tablet-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(46.5% - .1px)
    }

    .grid.tablet-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.tablet-columns--2.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(46.5% - .1px);
        width: 7%
    }

    .grid.tablet-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(45.5% - .1px)
    }

    .grid.tablet-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.tablet-columns--2.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(45.5% - .1px);
        width: 9%
    }

    .grid.tablet-columns--3>div:not(.grid__vertical-dividers)>* {
        width: 33.33333%
    }

    .grid.tablet-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3), .grid.tablet-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3)~div {
        margin-bottom: 0
    }

    .grid.tablet-columns--3>.grid__vertical-dividers>* {
        margin-left: 33.33333%
    }

    .grid.tablet-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(32.66667% - .1px)
    }

    .grid.tablet-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.tablet-columns--3.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(32.66667% - .1px);
        width: 1%
    }

    .grid.tablet-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(31.33333% - .1px)
    }

    .grid.tablet-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.tablet-columns--3.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(31.33333% - .1px);
        width: 3%
    }

    .grid.tablet-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(30% - .1px)
    }

    .grid.tablet-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.tablet-columns--3.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(30% - .1px);
        width: 5%
    }

    .grid.tablet-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(28.66667% - .1px)
    }

    .grid.tablet-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.tablet-columns--3.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(28.66667% - .1px);
        width: 7%
    }

    .grid.tablet-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(27.33333% - .1px)
    }

    .grid.tablet-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.tablet-columns--3.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(27.33333% - .1px);
        width: 9%
    }

    .grid.tablet-columns--4>div:not(.grid__vertical-dividers)>* {
        width: 25%
    }

    .grid.tablet-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4), .grid.tablet-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4)~div {
        margin-bottom: 0
    }

    .grid.tablet-columns--4>.grid__vertical-dividers>* {
        margin-left: 25%
    }

    .grid.tablet-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(24.25% - .1px)
    }

    .grid.tablet-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.tablet-columns--4.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(24.25% - .1px);
        width: 1%
    }

    .grid.tablet-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(22.75% - .1px)
    }

    .grid.tablet-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.tablet-columns--4.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(22.75% - .1px);
        width: 3%
    }

    .grid.tablet-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(21.25% - .1px)
    }

    .grid.tablet-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.tablet-columns--4.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(21.25% - .1px);
        width: 5%
    }

    .grid.tablet-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(19.75% - .1px)
    }

    .grid.tablet-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.tablet-columns--4.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(19.75% - .1px);
        width: 7%
    }

    .grid.tablet-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(18.25% - .1px)
    }

    .grid.tablet-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.tablet-columns--4.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(18.25% - .1px);
        width: 9%
    }

    .grid.tablet-columns--5>div:not(.grid__vertical-dividers)>* {
        width: 20%
    }

    .grid.tablet-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5), .grid.tablet-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5)~div {
        margin-bottom: 0
    }

    .grid.tablet-columns--5>.grid__vertical-dividers>* {
        margin-left: 20%
    }

    .grid.tablet-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(19.2% - .1px)
    }

    .grid.tablet-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.tablet-columns--5.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(19.2% - .1px);
        width: 1%
    }

    .grid.tablet-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(17.6% - .1px)
    }

    .grid.tablet-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.tablet-columns--5.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(17.6% - .1px);
        width: 3%
    }

    .grid.tablet-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(16% - .1px)
    }

    .grid.tablet-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.tablet-columns--5.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(16% - .1px);
        width: 5%
    }

    .grid.tablet-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(14.4% - .1px)
    }

    .grid.tablet-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.tablet-columns--5.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(14.4% - .1px);
        width: 7%
    }

    .grid.tablet-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(12.8% - .1px)
    }

    .grid.tablet-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.tablet-columns--5.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(12.8% - .1px);
        width: 9%
    }

    .grid.tablet-columns--6>div:not(.grid__vertical-dividers)>* {
        width: 16.66667%
    }

    .grid.tablet-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6), .grid.tablet-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6)~div {
        margin-bottom: 0
    }

    .grid.tablet-columns--6>.grid__vertical-dividers>* {
        margin-left: 16.66667%
    }

    .grid.tablet-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(15.83333% - .1px)
    }

    .grid.tablet-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.tablet-columns--6.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(15.83333% - .1px);
        width: 1%
    }

    .grid.tablet-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(14.16667% - .1px)
    }

    .grid.tablet-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.tablet-columns--6.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(14.16667% - .1px);
        width: 3%
    }

    .grid.tablet-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(12.5% - .1px)
    }

    .grid.tablet-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.tablet-columns--6.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(12.5% - .1px);
        width: 5%
    }

    .grid.tablet-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(10.83333% - .1px)
    }

    .grid.tablet-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.tablet-columns--6.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(10.83333% - .1px);
        width: 7%
    }

    .grid.tablet-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(9.16667% - .1px)
    }

    .grid.tablet-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.tablet-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.tablet-columns--6.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(9.16667% - .1px);
        width: 9%
    }

    .grid.tablet-columns-1>.grid__components>:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .grid.desktop-columns--2>div:not(.grid__vertical-dividers)>:first-of-type {
        width: var(--first-column-width, 50%)
    }

    .grid.desktop-columns--2>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: var(--second-column-width, 50%)
    }

    .grid.desktop-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2), .grid.desktop-columns--2>div:not(.grid__vertical-dividers)>:nth-child(odd):nth-last-child(-n+2)~div {
        margin-bottom: 0
    }

    .grid.desktop-columns--2>.grid__vertical-dividers>:first-of-type {
        margin-left: var(--first-column-width, 50%)
    }

    .grid.desktop-columns--2>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: var(--second-column-width, 50%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:first-of-type {
        width: calc(var(--first-column-width, 100%/2) - .1px - .5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: calc(var(--second-column-width, 100%/2) - .1px - .5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--2.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        width: 1%
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>.grid__vertical-dividers>:first-of-type {
        margin-left: calc(var(--first-column-width, 100%/2) - .1px - .5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-narrow>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: calc(var(--second-column-width, 100%/2) - .1px - .5%)
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:first-of-type {
        width: calc(var(--first-column-width, 100%/2) - .1px - 1.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: calc(var(--second-column-width, 100%/2) - .1px - 1.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--2.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>.grid__vertical-dividers>* {
        width: 3%
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>.grid__vertical-dividers>:first-of-type {
        margin-left: calc(var(--first-column-width, 100%/2) - .1px - 1.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--narrow>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: calc(var(--second-column-width, 100%/2) - .1px - 1.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%
    }

    .grid.desktop-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:first-of-type {
        width: calc(var(--first-column-width, 100%/2) - .1px - 2.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: calc(var(--second-column-width, 100%/2) - .1px - 2.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--2.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.desktop-columns--2.gap-between-columns--normal>.grid__vertical-dividers>* {
        width: 5%
    }

    .grid.desktop-columns--2.gap-between-columns--normal>.grid__vertical-dividers>:first-of-type {
        margin-left: calc(var(--first-column-width, 100%/2) - .1px - 2.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--normal>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: calc(var(--second-column-width, 100%/2) - .1px - 2.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%
    }

    .grid.desktop-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:first-of-type {
        width: calc(var(--first-column-width, 100%/2) - .1px - 3.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: calc(var(--second-column-width, 100%/2) - .1px - 3.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--2.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.desktop-columns--2.gap-between-columns--wide>.grid__vertical-dividers>* {
        width: 7%
    }

    .grid.desktop-columns--2.gap-between-columns--wide>.grid__vertical-dividers>:first-of-type {
        margin-left: calc(var(--first-column-width, 100%/2) - .1px - 3.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--wide>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: calc(var(--second-column-width, 100%/2) - .1px - 3.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:first-of-type {
        width: calc(var(--first-column-width, 100%/2) - .1px - 4.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-of-type(2) {
        width: calc(var(--second-column-width, 100%/2) - .1px - 4.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--2.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(2n) {
        margin-right: 0
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        width: 9%
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>.grid__vertical-dividers>:first-of-type {
        margin-left: calc(var(--first-column-width, 100%/2) - .1px - 4.5%)
    }

    .grid.desktop-columns--2.gap-between-columns--extra-wide>.grid__vertical-dividers>:nth-of-type(2) {
        margin-left: calc(var(--second-column-width, 100%/2) - .1px - 4.5%)
    }

    .grid.desktop-columns--3>div:not(.grid__vertical-dividers)>* {
        width: 33.33333%
    }

    .grid.desktop-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3), .grid.desktop-columns--3>div:not(.grid__vertical-dividers)>:nth-child(3n+1):nth-last-child(-n+3)~div {
        margin-bottom: 0
    }

    .grid.desktop-columns--3>.grid__vertical-dividers>* {
        margin-left: 33.33333%
    }

    .grid.desktop-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(32.66667% - .1px)
    }

    .grid.desktop-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--3.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.desktop-columns--3.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(32.66667% - .1px);
        width: 1%
    }

    .grid.desktop-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(31.33333% - .1px)
    }

    .grid.desktop-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--3.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.desktop-columns--3.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(31.33333% - .1px);
        width: 3%
    }

    .grid.desktop-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(30% - .1px)
    }

    .grid.desktop-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--3.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.desktop-columns--3.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(30% - .1px);
        width: 5%
    }

    .grid.desktop-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(28.66667% - .1px)
    }

    .grid.desktop-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--3.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.desktop-columns--3.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(28.66667% - .1px);
        width: 7%
    }

    .grid.desktop-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(27.33333% - .1px)
    }

    .grid.desktop-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--3.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(3n) {
        margin-right: 0
    }

    .grid.desktop-columns--3.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(27.33333% - .1px);
        width: 9%
    }

    .grid.desktop-columns--4>div:not(.grid__vertical-dividers)>* {
        width: 25%
    }

    .grid.desktop-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4), .grid.desktop-columns--4>div:not(.grid__vertical-dividers)>:nth-child(4n+1):nth-last-child(-n+4)~div {
        margin-bottom: 0
    }

    .grid.desktop-columns--4>.grid__vertical-dividers>* {
        margin-left: 25%
    }

    .grid.desktop-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(24.25% - .1px)
    }

    .grid.desktop-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--4.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.desktop-columns--4.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(24.25% - .1px);
        width: 1%
    }

    .grid.desktop-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(22.75% - .1px)
    }

    .grid.desktop-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--4.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.desktop-columns--4.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(22.75% - .1px);
        width: 3%
    }

    .grid.desktop-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(21.25% - .1px)
    }

    .grid.desktop-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--4.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.desktop-columns--4.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(21.25% - .1px);
        width: 5%
    }

    .grid.desktop-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(19.75% - .1px)
    }

    .grid.desktop-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--4.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.desktop-columns--4.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(19.75% - .1px);
        width: 7%
    }

    .grid.desktop-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(18.25% - .1px)
    }

    .grid.desktop-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--4.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(4n) {
        margin-right: 0
    }

    .grid.desktop-columns--4.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(18.25% - .1px);
        width: 9%
    }

    .grid.desktop-columns--5>div:not(.grid__vertical-dividers)>* {
        width: 20%
    }

    .grid.desktop-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5), .grid.desktop-columns--5>div:not(.grid__vertical-dividers)>:nth-child(5n+1):nth-last-child(-n+5)~div {
        margin-bottom: 0
    }

    .grid.desktop-columns--5>.grid__vertical-dividers>* {
        margin-left: 20%
    }

    .grid.desktop-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(19.2% - .1px)
    }

    .grid.desktop-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--5.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.desktop-columns--5.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(19.2% - .1px);
        width: 1%
    }

    .grid.desktop-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(17.6% - .1px)
    }

    .grid.desktop-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--5.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.desktop-columns--5.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(17.6% - .1px);
        width: 3%
    }

    .grid.desktop-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(16% - .1px)
    }

    .grid.desktop-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--5.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.desktop-columns--5.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(16% - .1px);
        width: 5%
    }

    .grid.desktop-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(14.4% - .1px)
    }

    .grid.desktop-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--5.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.desktop-columns--5.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(14.4% - .1px);
        width: 7%
    }

    .grid.desktop-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(12.8% - .1px)
    }

    .grid.desktop-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--5.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(5n) {
        margin-right: 0
    }

    .grid.desktop-columns--5.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(12.8% - .1px);
        width: 9%
    }

    .grid.desktop-columns--6>div:not(.grid__vertical-dividers)>* {
        width: 16.66667%
    }

    .grid.desktop-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6), .grid.desktop-columns--6>div:not(.grid__vertical-dividers)>:nth-child(6n+1):nth-last-child(-n+6)~div {
        margin-bottom: 0
    }

    .grid.desktop-columns--6>.grid__vertical-dividers>* {
        margin-left: 16.66667%
    }

    .grid.desktop-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 1%;
        width: calc(15.83333% - .1px)
    }

    .grid.desktop-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--6.gap-between-columns--extra-narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.desktop-columns--6.gap-between-columns--extra-narrow>.grid__vertical-dividers>* {
        margin-left: calc(15.83333% - .1px);
        width: 1%
    }

    .grid.desktop-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>* {
        margin-right: 3%;
        width: calc(14.16667% - .1px)
    }

    .grid.desktop-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--6.gap-between-columns--narrow>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.desktop-columns--6.gap-between-columns--narrow>.grid__vertical-dividers>* {
        margin-left: calc(14.16667% - .1px);
        width: 3%
    }

    .grid.desktop-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>* {
        margin-right: 5%;
        width: calc(12.5% - .1px)
    }

    .grid.desktop-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--6.gap-between-columns--normal>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.desktop-columns--6.gap-between-columns--normal>.grid__vertical-dividers>* {
        margin-left: calc(12.5% - .1px);
        width: 5%
    }

    .grid.desktop-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 7%;
        width: calc(10.83333% - .1px)
    }

    .grid.desktop-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--6.gap-between-columns--wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.desktop-columns--6.gap-between-columns--wide>.grid__vertical-dividers>* {
        margin-left: calc(10.83333% - .1px);
        width: 7%
    }

    .grid.desktop-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>* {
        margin-right: 9%;
        width: calc(9.16667% - .1px)
    }

    .grid.desktop-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:last-child, .grid.desktop-columns--6.gap-between-columns--extra-wide>div:not(.grid__vertical-dividers)>:nth-child(6n) {
        margin-right: 0
    }

    .grid.desktop-columns--6.gap-between-columns--extra-wide>.grid__vertical-dividers>* {
        margin-left: calc(9.16667% - .1px);
        width: 9%
    }

    .grid.desktop-columns-1>.grid__components>:last-child {
        margin-bottom: 0
    }
}

.grid .pd-media img {
    height: auto;
    width: 100%
}

.grid--padding-none {
    padding: 0
}

.grid--padding-extra-narrow {
    padding: 0 10px
}

.grid--padding-narrow {
    padding: 0 20px
}

.grid--padding-normal {
    padding: 0 30px
}

.grid--padding-wide {
    padding: 0 60px
}

.grid--padding-extra-wide {
    padding: 0 85px
}

@media only screen and (min-width: 768px) {
    .grid--padding-none {
        padding: 0
    }

    .grid--padding-extra-narrow {
        padding: 0 20px
    }

    .grid--padding-narrow {
        padding: 0 40px
    }

    .grid--padding-normal {
        padding: 0 60px
    }

    .grid--padding-wide {
        padding: 0 120px
    }

    .grid--padding-extra-wide {
        padding: 0 170px
    }
}

.grid--margin-bottom-none {
    margin-bottom: 0
}

.grid--margin-bottom-extra-narrow {
    margin-bottom: 10px
}

.grid--margin-bottom-narrow {
    margin-bottom: 20px
}

.grid--margin-bottom-normal {
    margin-bottom: 30px
}

.grid--margin-bottom-wide {
    margin-bottom: 60px
}

.grid--margin-bottom-extra-wide {
    margin-bottom: 85px
}

@media only screen and (min-width: 768px) {
    .grid--margin-bottom-none {
        margin-bottom: 0
    }

    .grid--margin-bottom-extra-narrow {
        margin-bottom: 20px
    }

    .grid--margin-bottom-narrow {
        margin-bottom: 40px
    }

    .grid--margin-bottom-normal {
        margin-bottom: 60px
    }

    .grid--margin-bottom-wide {
        margin-bottom: 120px
    }

    .grid--margin-bottom-extra-wide {
        margin-bottom: 170px
    }
}

.grid--margin-top-none {
    margin-top: 0
}

.grid--margin-top-extra-narrow {
    margin-top: 10px
}

.grid--margin-top-narrow {
    margin-top: 20px
}

.grid--margin-top-normal {
    margin-top: 30px
}

.grid--margin-top-wide {
    margin-top: 60px
}

.grid--margin-top-extra-wide {
    margin-top: 85px
}

@media only screen and (min-width: 768px) {
    .grid--margin-top-none {
        margin-top: 0
    }

    .grid--margin-top-extra-narrow {
        margin-top: 20px
    }

    .grid--margin-top-narrow {
        margin-top: 40px
    }

    .grid--margin-top-normal {
        margin-top: 60px
    }

    .grid--margin-top-wide {
        margin-top: 120px
    }

    .grid--margin-top-extra-wide {
        margin-top: 170px
    }
}

.grid--vertical-align-top>.grid__components {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.grid--vertical-align-middle>.grid__components {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grid--vertical-align-bottom>.grid__components {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid--direction-desktop-normal>.grid__components, .grid--direction-tablet-normal>.grid__components {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.grid--direction-desktop-reversed>.grid__components, .grid--direction-tablet-reversed>.grid__components {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 767px) {
    .grid--direction-mobile-normal>.grid__components {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .grid--direction-mobile-reversed>.grid__components {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.grid__vertical-dividers {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.grid__vertical-dividers--desktop, .grid__vertical-dividers--tablet {
    display: none
}

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .grid__vertical-dividers--desktop, .grid__vertical-dividers--mobile {
        display: none
    }

    .grid__vertical-dividers--tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 1280px) {
    .grid__vertical-dividers--mobile, .grid__vertical-dividers--tablet {
        display: none
    }

    .grid__vertical-dividers--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.grid__vertical-dividers>* {
    position: relative;
    text-align: center
}

.grid__vertical-dividers>:before {
    background: var(--vertical-dividers-colour);
    content: "";
    display: inline-block;
    height: 100%
}

.grid--vertical-dividers-width-extra-narrow>.grid__vertical-dividers>:before {
    width: 1px
}

.grid--vertical-dividers-width-narrow>.grid__vertical-dividers>:before {
    width: 2px
}

.grid--vertical-dividers-width-normal>.grid__vertical-dividers>:before {
    width: 3px
}

.grid--vertical-dividers-width-wide>.grid__vertical-dividers>:before {
    width: 5px
}

.grid--vertical-dividers-width-extra-wide>.grid__vertical-dividers>:before {
    width: 8px
}

.grid--media-full-height .grid__components {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.grid--media-full-height .grid__components .pd-media__content, .grid--media-full-height .grid__components .pd-media__wrapper {
    height: 100%
}

.grid--media-full-height .grid__components .pd-media__content img {
    height: 100%;
    max-height: unset !important;
    -o-object-fit: cover;
    object-fit: cover
}

.grid--media-full-height .grid__components .product-slider-wrapper {
    margin-bottom: 0
}

.grid--fibble-viewer .grid__components .experience-assets-fibblViewer {
    height: 300px;
    position: relative
}

.grid--fibble-viewer .grid__components .experience-assets-fibblViewer .fibbl-viewer__component-wrapper .fibbl-viewer__component {
    background-color: transparent !important
}

.minicart[data-v-28ec4126] {
    cursor: default;
    padding: 0 0 0 10px;
    position: relative
}

.minicart.mobile[data-v-28ec4126] {
    display: block
}

@media only screen and (min-width: 768px) {
    .minicart.mobile[data-v-28ec4126] {
        display: none
    }
}

.minicart.desktop[data-v-28ec4126] {
    display: none
}

@media only screen and (min-width: 768px) {
    .minicart.desktop[data-v-28ec4126] {
        display: block
    }
}

.minicart--has-items[data-v-28ec4126] {
    cursor: pointer;
    pointer-events: all
}

.minicart__label[data-v-28ec4126] {
    cursor: pointer
}

.minicart__label .item-count[data-v-28ec4126] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    height: 15px;
    justify-content: center;
    outline: 1px solid #000;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 15px
}

.minicart__label .item-count--has-items[data-v-28ec4126] {
    background: #000;
    color: #fff
}

.minicart[data-v-28ec4126]:before {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 25px;
    -webkit-mask-image: url(../icons.svg#view-icon-cart);
    mask-image: url(../icons.svg#view-icon-cart);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px 25px;
    mask-size: 20px 25px;
    -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;
    vertical-align: middle;
    width: 20px
}

.overlay--sidebar {
    background: #fff;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    overflow: hidden
}

.overlay--sidebar .sidebar-content {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 2
}

.overlay--sidebar .sidebar-content__navigation, .overlay--sidebar .sidebar-content__static-menu {
    margin-bottom: 25px;
    margin-top: 25px
}

.overlay--sidebar .sidebar-content .level-2 {
    display: none
}

.overlay--sidebar.overlay--visible .sidebar-panel {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.overlay--sidebar .sidebar-panel {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    -webkit-transform: translate3D(-100%, 0, 0);
    transform: translate3D(-100%, 0, 0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    visibility: hidden;
    width: 100%;
    z-index: 3
}

.overlay--sidebar .sidebar-panel.panel-active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible
}

.overlay--sidebar .sidebar-panel .collapsible-menu {
    width: 100%
}

.overlay--sidebar .sidebar-panel .collapsible-menu__toggle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.overlay--sidebar .sidebar-panel .collapsible-menu__toggle:after {
    background-image: url(../icons.svg#view-icon-caretDown);
    background-repeat: no-repeat;
    background-size: 16px 8px;
    content: "";
    display: block;
    height: 8px;
    -webkit-mask-size: 16px 8px;
    mask-size: 16px 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
    width: 16px
}

.overlay--sidebar .sidebar-panel .collapsible-menu .level-3 {
    display: none
}

.overlay--sidebar .sidebar-panel .collapsible-menu--active.collapsible-menu .collapsible-menu__toggle:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.overlay--sidebar .sidebar-panel .collapsible-menu--active.collapsible-menu .level-3 {
    display: block
}

.overlay--sidebar li, .overlay--sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.overlay--sidebar .level-1_link, .overlay--sidebar .level-3_link, .overlay--sidebar .sidebar-content__actions a {
    color: #000;
    display: block;
    line-height: 1.2;
    margin: 0;
    padding: 8px 30px;
    position: relative;
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .overlay--sidebar .level-1_link, .overlay--sidebar .level-3_link, .overlay--sidebar .sidebar-content__actions a {
        padding-left: 60px;
        padding-right: 60px
    }
}

.overlay--sidebar .sidebar-content .toggle-panel {
    padding-right: 60px
}

.overlay--sidebar .sidebar-content .toggle-panel:after {
    background-image: url(../icons.svg#view-icon-dropdown);
    background-repeat: no-repeat;
    background-size: 15px 9px;
    content: "";
    height: 9px;
    -webkit-mask-size: 15px 9px;
    mask-size: 15px 9px;
    position: absolute;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -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;
    width: 15px
}

@media only screen and (min-width: 768px) {
    .overlay--sidebar .sidebar-content .toggle-panel.toggle-panel {
        padding-right: 90px
    }

    .overlay--sidebar .sidebar-content .toggle-panel.toggle-panel:after {
        right: 65px
    }
}

.overlay--sidebar .level-1_link {
    font-size: 18px
}

.overlay--sidebar .sidebar-panel .level-1_link {
    background: #f8f8f8;
    border-bottom: 1px solid #c7c7c7;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
    position: -webkit-sticky;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 2
}

.overlay--sidebar .sidebar-panel .level-1_link:before {
    background-image: url(../icons.svg#view-icon-dropdown);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    -webkit-mask-size: 10px 6px;
    mask-size: 10px 6px;
    -webkit-transform: translateY(-2px) rotate(90deg);
    transform: translateY(-2px) rotate(90deg);
    -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;
    width: 10px
}

.overlay--sidebar .sidebar-panel .locale-switcher {
    display: inline-block
}

.overlay--sidebar .level-2_title {
    display: none
}

.overlay--sidebar .level-2_item {
    margin: 25px 0
}

.overlay--sidebar .level-2_list_default .level-3_link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.overlay--sidebar .level-2_list_default.only-mobile {
    display: block
}

.overlay--sidebar .level-3_header {
    border-bottom: 1px solid #c7c7c7;
    display: block;
    font-family: GT America Extended, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .75px;
    margin: 0 30px 15px;
    padding: 8px 0;
    text-transform: uppercase
}

.overlay--sidebar .level-3_header--mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .overlay--sidebar .level-3_header {
        margin-left: 60px;
        margin-right: 60px
    }
}

.overlay--sidebar .level-3_item.only-mobile {
    display: block
}

.overlay--sidebar .level-3_link {
    font-weight: 300
}

.overlay--sidebar .static-sidebar {
    display: block
}

@media only screen and (min-width: 1260px) {
    .overlay--sidebar .static-sidebar {
        display: none
    }
}

.overlay--sidebar .sidebar-content__actions a {
    border-top: 1px solid #c7c7c7;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: uppercase
}

.overlay--sidebar .sidebar-content__actions .icon {
    margin: 0 10px 0 0;
    max-height: 20px;
    max-width: 15px
}

.overlay--sidebar .sidebar-content__locale-switcher {
    border-top: 1px solid #c7c7c7;
    padding-bottom: 20px;
    padding-top: 20px
}

.overlay--sidebar .sidebar-content__locale-switcher .level-1_link {
    padding: 0 30px
}

@media only screen and (min-width: 768px) {
    .overlay--sidebar .sidebar-content__locale-switcher .level-1_link {
        padding-left: 60px;
        padding-right: 90px
    }
}

.overlay--sidebar .sidebar-content__locale-switcher .level-1_link .country-flag {
    padding-left: 28px
}

.overlay--sidebar .sidebar-content__locale-switcher .level-1_link:after {
    display: none
}

.overlay--sidebar .menu-banners {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 30px
}

@media only screen and (min-width: 768px) {
    .overlay--sidebar .menu-banners {
        margin: 0 60px
    }
}

.overlay--sidebar .menu-banners .level-3_header {
    width: 100%
}

@media only screen and (min-width: 1260px) {
    .overlay--sidebar, .overlay--sidebar.overlay--visible {
        display: none;
        visibility: hidden
    }
}

.collab-highlight__intro {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__intro {
        margin: 60px auto 0
    }
}

.collab-highlight__logo {
    display: block;
    height: auto;
    margin: 40px auto 0;
    padding: 0 50px;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__logo {
        margin: 40px 15% 30px auto;
        padding: 0 30px
    }
}

.collab-highlight__intro-image {
    -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .3);
    display: block;
    height: auto;
    margin: 30px auto 40px;
    max-width: 450px;
    position: relative;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 72%;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .collab-highlight__intro-image {
        margin: 60px auto;
        width: 625px
    }
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__intro-image {
        left: 0;
        margin: 0;
        max-width: none;
        padding: 0;
        position: absolute;
        top: 0;
        -webkit-transform-origin: top;
        transform-origin: top;
        width: 42%
    }
}

.collab-highlight__text {
    background: var(--bg-color, #777);
    color: var(--text-color, #fff);
    font-size: 16px;
    padding: 0 10%;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .collab-highlight__text {
        font-size: 18px
    }
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__text {
        margin-left: auto;
        max-width: 80%;
        min-height: 330px;
        padding: 50px 40px 0 0;
        text-align: left
    }
}

@media only screen and (min-width: 1400px) {
    .collab-highlight__text {
        font-size: 20px
    }
}

.collab-highlight__text:before {
    background: inherit;
    content: "";
    height: 165px;
    left: 0;
    position: absolute;
    right: 0;
    top: -165px
}

@media only screen and (min-width: 480px) {
    .collab-highlight__text:before {
        height: 100px;
        top: -100px
    }
}

@media only screen and (min-width: 768px) {
    .collab-highlight__text:before {
        height: 230px;
        top: -230px
    }
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__text:before {
        content: none
    }
}

.collab-highlight__text:after {
    background: inherit;
    bottom: -25px;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    right: 0
}

@media only screen and (min-width: 480px) {
    .collab-highlight__text:after {
        bottom: -30px;
        height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__text:after {
        bottom: -300px;
        height: 300px
    }
}

.collab-highlight__description {
    line-height: 1.4
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__description {
        margin-left: auto;
        max-width: 57%
    }
}

@media only screen and (min-width: 1400px) {
    .collab-highlight__description {
        max-width: 60%
    }
}

.collab-highlight__title {
    font-family: GT America, sans-serif;
    line-height: 1.5em
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__title {
        margin-left: auto;
        max-width: 57%
    }
}

@media only screen and (min-width: 1400px) {
    .collab-highlight__title {
        max-width: 60%
    }
}

.collab-highlight__mosaic {
    margin: 40px 0 60px;
    padding-right: 40px;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__mosaic {
        display: grid;
        gap: 25px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 100px
    }
}

.collab-highlight__mosaic-item {
    display: none
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__mosaic-item {
        display: block
    }

    .collab-highlight__mosaic-item:not(:first-of-type) {
        margin-top: 0
    }
}

.collab-highlight__mosaic-item img {
    -webkit-box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, .3);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.collab-highlight__mosaic-item:not(:first-of-type) {
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .collab-highlight__mosaic-item:not(:first-of-type) {
        margin-top: 0
    }
}

.menu-banner {
    margin-bottom: 25px;
    max-width: 260px;
    width: 48%
}

.menu-banner__content {
    color: #000;
    text-decoration: none
}

.menu-banner__image {
    display: block;
    height: auto;
    max-width: 100%
}

.menu-banner__video-wrapper {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.menu-banner__video {
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-banner__title {
    display: block;
    font-family: GT America Expanded, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 15px;
    margin: 20px 0;
    text-transform: uppercase
}

@media only screen and (min-width: 360px) {
    .menu-banner__title {
        font-size: 14px
    }
}

@media only screen and (min-width: 1260px) {
    .menu-banner__title {
        font-size: 14px
    }
}

.menu-banner--large .menu-banner__title, .menu-banner--largeVideo .menu-banner__title {
    font-size: 18px
}

.menu-banner__cta {
    text-decoration: underline;
    text-transform: none
}

.menu-banner--small .menu-banner__content {
    display: inline-block;
    padding-top: 148.4615384615% !important;
    position: relative;
    width: 100%
}

.menu-banner--small .menu-banner__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.menu-banner--smallVideo .menu-banner__content {
    display: inline-block;
    padding-top: 148.4615384615% !important;
    position: relative;
    width: 100%
}

.menu-banner--smallVideo .menu-banner__video-wrapper {
    padding-bottom: 148.4615384615%
}

.menu-banner--large, .menu-banner--largeVideo {
    max-width: 710px;
    width: 100%
}

.menu-banner--largeVideo .menu-banner__video-wrapper {
    padding-bottom: 57.7464788732%;
    position: relative
}

.language-switcher[data-v-513bc5f9] {
    display: inline-block;
    margin-right: 15px;
    position: relative
}

.language-switcher__languages[data-v-513bc5f9] {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1
}

.language-switcher__languages li[data-v-513bc5f9] {
    display: inline-block;
    padding: 15px 10px 15px 0
}

.language-switcher__languages li a[data-v-513bc5f9] {
    color: #757575;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase
}

.language-switcher__languages li a.active[data-v-513bc5f9] {
    font-weight: 800;
    pointer-events: none
}

.country-switcher[data-v-513bc5f9] {
    display: inline-block;
    position: relative
}

.country-switcher__toggle[data-v-513bc5f9] {
    color: #757575;
    cursor: pointer;
    font-weight: 300;
    padding: 15px 30px 15px 0
}

.country-switcher__toggle[data-v-513bc5f9]:after {
    background-image: url(../icons.svg#view-icon-dropdownThin);
    background-repeat: no-repeat;
    background-size: 10px 5px;
    content: "";
    height: 5px;
    -webkit-mask-size: 10px 5px;
    mask-size: 10px 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    -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;
    width: 10px
}

.country-switcher--panel-visible .country-switcher__toggle[data-v-513bc5f9]:after {
    -webkit-transform: translateY(-30%) rotate(180deg);
    transform: translateY(-30%) rotate(180deg)
}

.country-switcher__other[data-v-513bc5f9] {
    display: inline-block
}

.country-switcher__other .country-name[data-v-513bc5f9] {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.grid-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    grid-column: span 1;
    margin: 6px;
    position: relative;
    vertical-align: top;
    white-space: normal
}

@media only screen and (min-width: 768px) {
    .grid-tile {
        margin: 15px
    }
}

@media only screen and (min-width: 1024px) {
    .grid-tile {
        margin: 15px
    }
}

.grid-tile--size-2 {
    grid-column: span 2
}

.grid-tile--size-2 .grid-breaker__figure {
    padding-bottom: calc(66.01124% + 20px)
}

.grid-tile--size-2 .grid-breaker__figure img {
    height: auto;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-tile--size-2 .grid-breaker__figure {
        padding-bottom: 0
    }

    .grid-tile--size-2 .grid-breaker__figure img {
        height: 100%;
        width: auto
    }
}

.grid-tile--size-3 {
    display: none;
    grid-column: span 3
}

@media only screen and (min-width: 768px) {
    .grid-tile--size-3 {
        display: block
    }
}

.grid-tile--size-3 .grid-breaker__figure {
    padding-bottom: 66.0112359551%
}

.grid-tile--size-3 .grid-breaker__figure img {
    height: auto;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-tile--size-3 .grid-breaker__figure {
        padding-bottom: 66.0112359551%
    }

    .grid-tile--size-3 .grid-breaker__figure img {
        height: 100%;
        width: auto
    }
}

@media only screen and (min-width: 1280px) {
    .grid-tile--size-3 .grid-breaker__figure {
        padding-bottom: 0
    }
}

.grid-tile--size-4 {
    display: none;
    grid-column: span 4
}

@media only screen and (min-width: 1280px) {
    .grid-tile--size-4 {
        display: block
    }

    .grid-tile--size-4 .grid-breaker__figure {
        padding-bottom: 31.25%
    }

    .grid-tile--size-4 .grid-breaker__figure img {
        height: 100%;
        width: auto
    }
}

.search-result {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .search-result {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        justify-content: space-between;
        overflow-x: clip
    }
}

.similar-products {
    background-color: #fff;
    border-top: 1px solid #c7c7c7;
    margin: 0;
    padding: 30px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .similar-products {
        padding: 30px 30px 25px
    }
}

.similar-products .similar-products-header {
    font-family: GT America Extended, sans-serif;
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .similar-products .similar-products-header {
        font-size: 18px
    }
}

.similar-products .similar-products-list .similar-products-item {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin: 5px 10px;
    padding-bottom: 1px;
    text-decoration: none
}

.similar-products .similar-products-list .similar-products-item:active, .similar-products .similar-products-list .similar-products-item:focus, .similar-products .similar-products-list .similar-products-item:hover {
    border-color: #000;
    text-shadow: 0 0 .5px #000, 0 0 .5px #000
}

.search-result-options {
    border-bottom: 1px solid #c7c7c7;
    display: none;
    padding: 20px 30px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .search-result-options {
        background: #fff;
        display: block;
        min-height: 59px;
        width: 100%;
        z-index: 10
    }
}

@media only screen and (min-width: 1280px) {
    .search-result-options {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media only screen and (min-width: 1024px) {
    .search-result-options.fixed {
        border-bottom: 1px solid #c7c7c7
    }
}

.search-result-options .breadcrumbs {
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .search-result-options .breadcrumbs {
        width: 50%
    }
}

.Search .search-keyword {
    font-family: GT America Expanded, sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 16px;
    text-transform: uppercase
}

.filter-options {
    width: 100%
}

.filter-options__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .filter-options__wrapper {
        position: absolute;
        right: 30px;
        top: 0;
        width: 40%
    }
}

@media only screen and (min-width: 1280px) {
    .filter-options__wrapper {
        right: 60px
    }
}

.filter-options.desktop {
    display: none
}

@media only screen and (min-width: 1024px) {
    .filter-options.desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.filter-options.mobile {
    --grid-column--full-width: span 2;
    grid-column: var(--grid-column--full-width);
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .filter-options.mobile {
        --grid-column--full-width: span 3
    }
}

@media only screen and (min-width: 1280px) {
    .filter-options.mobile {
        --grid-column--full-width: span 4
    }
}

@media only screen and (min-width: 1024px) {
    .filter-options.mobile {
        display: none
    }
}

.filter-options.mobile .filter-options__wrapper {
    margin: 0 -14px
}

.filter-options.mobile .filter-wrapper.active, .filter-options.mobile .sorting-wrapper {
    border-left: none
}

.filter-options.fixed {
    z-index: 10
}

.filter-options .filter-wrapper, .filter-options .sorting-wrapper {
    border-left: 1px solid #c7c7c7;
    cursor: pointer;
    font-family: GT America Expanded, sans-serif;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%
}

.filter-options .filter-wrapper:last-of-type, .filter-options .sorting-wrapper:last-of-type {
    border-right: none
}

.filter-options .filter-wrapper .filter-option_filters, .filter-options .filter-wrapper .filter-option_sortby, .filter-options .sorting-wrapper .filter-option_filters, .filter-options .sorting-wrapper .filter-option_sortby {
    background-color: unset;
    border: none !important;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: GT America Expanded, sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .15px;
    outline: 0;
    padding: 20px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .filter-options .filter-wrapper .filter-option_filters, .filter-options .filter-wrapper .filter-option_sortby, .filter-options .sorting-wrapper .filter-option_filters, .filter-options .sorting-wrapper .filter-option_sortby {
        padding-left: 30px;
        padding-right: 30px
    }
}

.filter-options .filter-wrapper:before, .filter-options .sorting-wrapper:before {
    background-image: url(../icons.svg#view-icon-dropdown);
    background-repeat: no-repeat;
    background-size: 15px 9px;
    content: "";
    height: 9px;
    -webkit-mask-size: 15px 9px;
    mask-size: 15px 9px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
    width: 15px
}

.filter-options .sorting-wrapper .search-panel {
    background: #fff;
    font-family: GT America, sans-serif;
    left: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper .search-panel {
        border: 1px solid #c7c7c7;
        border-top: 0;
        margin: 1px 0 0 -1px;
        width: calc(100% + 2px)
    }
}

@media only screen and (min-width: 768px) {
    .filter-options .sorting-wrapper .search-panel {
        padding-left: 30px;
        padding-right: 30px
    }
}

.filter-options .sorting-wrapper .search-panel li {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    font-size: 14px;
    list-style: none;
    list-style-position: outside;
    margin: 10px 0;
    text-transform: none;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper .search-panel li {
        border: 0
    }
}

.filter-options .sorting-wrapper .search-panel li.active, .filter-options .sorting-wrapper .search-panel li:focus-within, .filter-options .sorting-wrapper .search-panel li:hover {
    border-color: #000
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper .search-panel li.active a, .filter-options .sorting-wrapper .search-panel li:focus-within a, .filter-options .sorting-wrapper .search-panel li:hover a {
        color: #000
    }
}

.filter-options .sorting-wrapper .search-panel li.active a {
    cursor: default;
    pointer-events: none
}

.filter-options .sorting-wrapper .search-panel li.active a.price-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.price-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:hover a.price-high-to-low:before {
    background: url(../icons.svg#view-icon-priceDescendingBlack);
    background-size: 20px 15px
}

.filter-options .sorting-wrapper .search-panel li.active a.price-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.price-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:hover a.price-low-to-high:before {
    background: url(../icons.svg#view-icon-priceAscendingBlack);
    background-size: 20px 15px
}

.filter-options .sorting-wrapper .search-panel li.active a.weight-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.weight-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:hover a.weight-high-to-low:before {
    background: url(../icons.svg#view-icon-weightDescendingBlack);
    background-size: 20px 20px
}

.filter-options .sorting-wrapper .search-panel li.active a.weight-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.weight-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:hover a.weight-low-to-high:before {
    background: url(../icons.svg#view-icon-weightAscendingBlack);
    background-size: 20px 20px
}

.filter-options .sorting-wrapper .search-panel li.active a.size-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.size-high-to-low:before, .filter-options .sorting-wrapper .search-panel li:hover a.size-high-to-low:before {
    background: url(../icons.svg#view-icon-sizeDescendingBlack);
    background-size: 15px 20px
}

.filter-options .sorting-wrapper .search-panel li.active a.size-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.size-low-to-high:before, .filter-options .sorting-wrapper .search-panel li:hover a.size-low-to-high:before {
    background: url(../icons.svg#view-icon-sizeAscendingBlack);
    background-size: 15px 20px
}

.filter-options .sorting-wrapper .search-panel li.active a.new-arrivals:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.new-arrivals:before, .filter-options .sorting-wrapper .search-panel li:hover a.new-arrivals:before {
    background: url(../icons.svg#view-icon-recentBlack);
    background-size: 20px 20px
}

.filter-options .sorting-wrapper .search-panel li.active a.top-sellers:before, .filter-options .sorting-wrapper .search-panel li:focus-within a.top-sellers:before, .filter-options .sorting-wrapper .search-panel li:hover a.top-sellers:before {
    background: url(../icons.svg#view-icon-starFull);
    background-size: 20px 20px
}

.filter-options .sorting-wrapper .search-panel li a {
    border: none !important;
    color: #000;
    display: block;
    padding: 20px 20px 20px 55px;
    position: relative;
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper .search-panel li a {
        color: #757575;
        padding: 5px 20px 5px 30px
    }
}

.filter-options .sorting-wrapper .search-panel li a:before {
    background-repeat: no-repeat;
    background-size: 20px 15px;
    content: "";
    height: 15px;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper .search-panel li a:before {
        left: 0
    }
}

.filter-options .sorting-wrapper .search-panel li a.price-high-to-low:before {
    background: url(../icons.svg#view-icon-priceDescending);
    background-size: 20px 15px
}

.filter-options .sorting-wrapper .search-panel li a.price-low-to-high:before {
    background: url(../icons.svg#view-icon-priceAscending);
    background-size: 20px 15px
}

.filter-options .sorting-wrapper .search-panel li a.weight-high-to-low:before {
    background: url(../icons.svg#view-icon-weightDescending);
    background-size: 20px 20px;
    height: 20px
}

.filter-options .sorting-wrapper .search-panel li a.weight-low-to-high:before {
    background: url(../icons.svg#view-icon-weightAscending);
    background-size: 20px 20px;
    height: 20px
}

.filter-options .sorting-wrapper .search-panel li a.size-high-to-low:before {
    background: url(../icons.svg#view-icon-sizeDescending);
    background-size: 15px 20px;
    height: 20px;
    margin-left: 2px;
    width: 15px
}

.filter-options .sorting-wrapper .search-panel li a.size-low-to-high:before {
    background: url(../icons.svg#view-icon-sizeAscending);
    background-size: 15px 20px;
    height: 20px;
    margin-left: 2px;
    width: 15px
}

.filter-options .sorting-wrapper .search-panel li a.new-arrivals:before {
    background: url(../icons.svg#view-icon-recent);
    background-size: 20px 20px;
    height: 20px
}

.filter-options .sorting-wrapper .search-panel li a.top-sellers:before {
    background: url(../icons.svg#view-icon-productStar);
    background-size: 20px 20px;
    height: 20px
}

.filter-options .sorting-wrapper .search-panel__close {
    display: block;
    margin: 20px 0;
    text-align: center
}

.filter-options .sorting-wrapper .search-panel__close span {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.filter-options .sorting-wrapper .search-panel__close span:focus, .filter-options .sorting-wrapper .search-panel__close span:hover {
    border-color: #000
}

.filter-options .sorting-wrapper.active {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 35
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper.active {
        position: relative;
        width: 50%
    }
}

.filter-options .sorting-wrapper.active:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.filter-options .sorting-wrapper.active .search-panel {
    border-bottom: 1px solid #c7c7c7;
    max-height: 70vh;
    overflow: auto;
    -webkit-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .filter-options .sorting-wrapper.active .search-panel {
        overflow: hidden
    }
}

.filter-options .filter-wrapper:before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

@media only screen and (min-width: 1024px) {
    .filter-options .filter-wrapper:before {
        right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .filter-options .filter-wrapper:before {
        right: -30px
    }
}

.filter-options .filter-wrapper.active {
    background: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.filter-options .filter-wrapper.active:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

@media only screen and (min-width: 1024px) {
    .filter-options .filter-wrapper.active {
        position: relative;
        width: 50%
    }

    .overlay--filters-mobile {
        display: none
    }
}

.filter-option_filters-wrapper {
    display: none
}

@media only screen and (min-width: 1024px) {
    .filter-option_filters-wrapper {
        border-left: 1px solid #c7c7c7;
        margin-right: calc(-20% + -30px);
        -webkit-transition: margin .3s ease-in-out;
        transition: margin .3s ease-in-out;
        width: calc(20% + 30px)
    }

    .refinementsOpen .filter-option_filters-wrapper {
        margin-right: 0
    }

    .filter-option_filters-wrapper .product-search-refinements__actions {
        width: calc(20% + 29px)
    }
}

@media only screen and (min-width: 1280px) {
    .filter-option_filters-wrapper {
        margin-right: calc(-20% + -60px);
        width: calc(20% + 60px)
    }

    .filter-option_filters-wrapper .product-search-refinements__actions {
        width: calc(20% + 59px)
    }
}

@media only screen and (min-width: 1024px) {
    .filter-option_filters-wrapper {
        display: block
    }
}

.search-result-content, .search-result-content .grid-wrapper {
    --grid-template-columns: repeat(2, 1fr);
    --grid-column--full-width: span 2;
    -ms-flex-line-pack: start;
    align-content: start;
    display: grid;
    grid-auto-flow: dense;
    grid-column: var(--grid-column--full-width);
    grid-template-columns: var(--grid-template-columns);
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-result-content, .search-result-content .grid-wrapper {
        --grid-template-columns: repeat(3, 1fr);
        --grid-column--full-width: span 3
    }
}

@media only screen and (min-width: 1280px) {
    .search-result-content, .search-result-content .grid-wrapper {
        --grid-template-columns: repeat(4, 1fr);
        --grid-column--full-width: span 4
    }
}

.search-result-content {
    padding: 0 14px 14px;
    position: relative
}

.search-result-content__scroll-target {
    display: block;
    grid-column: var(--grid-column--full-width);
    height: 14px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-result-content {
        padding: 0 15px 15px
    }

    .search-result-content__scroll-target {
        height: 15px
    }
}

@media only screen and (min-width: 1024px) {
    .search-result-content {
        padding: 15px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .search-result-content__scroll-target {
        display: none
    }

    .refinementsOpen .search-result-content {
        width: calc(80% - 30px)
    }
}

@media only screen and (min-width: 1280px) {
    .search-result-content {
        padding: 15px 45px 45px
    }

    .refinementsOpen .search-result-content {
        padding-right: 15px;
        width: calc(80% - 60px)
    }
}

.search-result-content .cat-bottom {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    grid-column: var(--grid-column--full-width);
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .search-result-content .cat-bottom {
        padding: 0 15px
    }
}

.grid-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.loading--product-search-result .search-result-content:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.loading--product-search-result .search-result-content:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    position: fixed;
    top: 50%;
    width: 50px;
    z-index: 15
}

.loading--product-search-result .refinementsOpen .search-result-content:after {
    left: 40%
}

.loading--product-load-more .grid-wrapper {
    position: relative
}

.loading--product-load-more .grid-wrapper--loading {
    margin-top: 30px;
    min-height: 100px
}

.loading--product-load-more .grid-wrapper--loading:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.loading--product-load-more .grid-wrapper--loading:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 15
}

@keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.loading--product-search-refinements .product-search-refinements:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.loading--product-search-refinements .product-search-refinements:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background: none;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 15
}

.loading--product-search-refinements .product-search-refinements:before {
    opacity: .4
}

.category-description-wrapper {
    border-bottom: 1px solid #c7c7c7;
    grid-column: var(--grid-column--full-width);
    margin: 0 -14px
}

.category-description-wrapper .category-description {
    margin: 20px 0
}

.category-description-wrapper .category-description>:first-child {
    margin-top: 0
}

.category-description-wrapper .category-description>:last-child {
    margin-bottom: 0
}

.category-description-wrapper .category-description h1, .category-description-wrapper .category-description p {
    padding: 0 20px
}

.category-description-wrapper .category-description h1 {
    font-size: 18px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    letter-spacing: .19px
}

@media only screen and (min-width: 1280px) {
    .category-description-wrapper .category-description h1 {
        font-size: 32px;
        line-height: .84
    }
}

.category-description-wrapper .category-description p {
    display: none;
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    .category-description-wrapper {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }

    .category-description-wrapper .category-description {
        margin: 30px 0
    }

    .category-description-wrapper .category-description h1, .category-description-wrapper .category-description p {
        padding: 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .category-description-wrapper {
        border-bottom: none;
        margin: 15px;
        width: calc(100% - 30px)
    }

    .category-description-wrapper .category-description {
        margin: 0
    }

    .category-description-wrapper .category-description h1, .category-description-wrapper .category-description p {
        padding: 0
    }

    .category-description-wrapper .category-description p {
        display: block
    }
}

@media only screen and (min-width: 1280px) {
    .category-description-wrapper--has-description, .category-description-wrapper--no-description {
        margin: 15px;
        width: calc(100% - 30px)
    }

    .category-description-wrapper .category-description {
        max-width: 1300px
    }
}

.category-description-wrapper .highlighted-filters {
    margin: 20px 0;
    padding: 0 20px
}

@media only screen and (min-width: 768px) {
    .category-description-wrapper .highlighted-filters {
        padding: 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .category-description-wrapper .highlighted-filters {
        margin: 20px 0 0;
        padding: 0
    }
}

#filter-carousel {
    padding-bottom: 0
}

#filter-carousel .carousel__inner {
    margin: 0;
    padding: 0
}

#filter-carousel .filter-block {
    display: inline-block;
    margin: 5px 10px 5px 0;
    width: auto
}

#filter-carousel .filter-block:first-child {
    margin-left: 20px
}

#filter-carousel .filter-block:last-child {
    margin-right: 20px
}

#filter-carousel .filter-block a {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none
}

@media only screen and (min-width: 1280px) {
    #filter-carousel .filter-block a:focus-within, #filter-carousel .filter-block a:hover {
        border-color: #000
    }
}

#filter-carousel .carousel__slider {
    display: none
}

@media only screen and (min-width: 768px) {
    #filter-carousel .filter-block:first-child {
        margin-left: 30px
    }

    #filter-carousel .filter-block:last-child {
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) {
    #filter-carousel .filter-block:first-child {
        margin-left: 0
    }

    #filter-carousel .filter-block:last-child {
        margin-right: 0
    }

    #filter-carousel .carousel__inner {
        cursor: auto !important;
        -webkit-transform: none !important;
        transform: none !important;
        white-space: normal;
        width: 100% !important
    }
}

@media only screen and (min-width: 1280px) {
    #filter-carousel {
        margin-top: 20px
    }
}

.search-wrapper--mobile {
    display: block
}

@media only screen and (min-width: 1260px) {
    .search-wrapper--mobile {
        display: none
    }
}

.search-wrapper--desktop {
    display: none
}

@media only screen and (min-width: 1260px) {
    .search-wrapper--desktop {
        display: block
    }
}

.search-input__wrapper {
    position: relative
}

.search-input__wrapper:after {
    background-image: url(../icons.svg#view-icon-magnifyingGlass);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    height: 15px;
    left: 0;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
    width: 15px
}

.search-wrapper--active .search-input__wrapper:after {
    background-image: url(../icons.svg#view-icon-close)
}

@media only screen and (min-width: 1260px) {
    .search-wrapper--active .search-input__wrapper:after {
        background-image: url(../icons.svg#view-icon-magnifyingGlass)
    }
}

.search-input__wrapper input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    padding: 5px 0 5px 20px
}

.search-input__close, .search-wrapper--mobile .search-input__wrapper input {
    display: none
}

.search-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.search-overlay, .search-overlay-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-overlay-input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #c7c7c7;
    height: 0;
    padding: 0 30px;
    -webkit-transition: height .1s ease-out, opacity .1s ease-out;
    transition: height .1s ease-out, opacity .1s ease-out
}

@media only screen and (min-width: 768px) {
    .search-overlay-input {
        padding: 0 60px
    }
}

.search-overlay-wrapper--active .search-overlay-input {
    height: 80px
}

@media only screen and (min-width: 1260px) {
    .search-overlay-wrapper--active .search-overlay-input {
        height: 130px
    }
}

.search-overlay-input__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.search-overlay-input__wrapper:after {
    background-image: url(../icons.svg#view-icon-magnifyingGlass);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    height: 15px;
    left: 0;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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-transition: width .1s ease-out, height .1s ease-out;
    transition: width .1s ease-out, height .1s ease-out;
    width: 15px
}

@media only screen and (min-width: 1260px) {
    .search-overlay-wrapper--active .search-overlay-input__wrapper:after {
        background-image: url(../icons.svg#view-icon-magnifyingGlass);
        background-repeat: no-repeat;
        background-size: 36px 36px;
        height: 36px;
        -webkit-mask-size: 36px 36px;
        mask-size: 36px 36px;
        -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;
        width: 36px
    }
}

.search-overlay-input__wrapper input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    padding: 5px 0 5px 20px;
    -webkit-transition: padding-left .1s ease-out, font-size .1s ease-out;
    transition: padding-left .1s ease-out, font-size .1s ease-out;
    width: 100%
}

@media only screen and (min-width: 1260px) {
    .search-overlay-input__wrapper input {
        max-width: 500px
    }
}

.search-overlay-wrapper--active .search-overlay-input__wrapper input {
    font-size: 24px
}

@media only screen and (min-width: 1260px) {
    .search-overlay-wrapper--active .search-overlay-input__wrapper input {
        font-size: 38px;
        padding-left: 50px
    }
}

.search-overlay-input__close {
    display: none
}

@media only screen and (min-width: 1260px) {
    .search-overlay-input__close {
        display: block
    }
}

.search-overlay-input__close button {
    border-color: #c7c7c7;
    position: absolute;
    right: 60px;
    top: 40px
}

.search-suggestions {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    position: relative
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.search-overlay-wrapper--loading .search-suggestions:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.search-overlay-wrapper--loading .search-suggestions:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 15
}

.search-suggestions.hidden {
    display: none
}

.search-suggestions__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .search-suggestions__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 100%
    }
}

.search-suggestions__categories {
    padding: 30px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-suggestions__categories {
        padding: 30px 30px 30px 60px
    }
}

@media only screen and (min-width: 1024px) {
    .search-suggestions__categories {
        border-right: 1px solid #c7c7c7;
        padding: 45px 45px 45px 60px;
        width: 30%
    }
}

.search-suggestions__categories .categories__block {
    margin-bottom: 40px
}

.search-suggestions__categories .categories__title {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase
}

.search-suggestions__categories .categories__results {
    padding: 0
}

.search-suggestions__categories .categories__results .suggestion {
    font-size: 16px;
    list-style: none;
    list-style-position: outside;
    padding: 5px 0
}

.search-suggestions__categories .categories__results .suggestion :deep() strong {
    color: #000;
    font-weight: 700
}

.search-suggestions__categories .categories__results .suggestion__link {
    border-bottom: 1px solid transparent;
    color: #575757;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.search-suggestions__categories .categories__results .suggestion__link:focus, .search-suggestions__categories .categories__results .suggestion__link:hover {
    border-color: #575757
}

.search-suggestions__categories .categories__results .suggestion__parent:after {
    content: " > "
}

.search-suggestions__categories .categories__allresults {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.search-suggestions__categories .categories__allresults:focus, .search-suggestions__categories .categories__allresults:hover {
    border-color: #000
}

.search-suggestions__products {
    padding: 30px 25px;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-suggestions__products {
        padding: 30px 45px
    }
}

@media only screen and (min-width: 1024px) {
    .search-suggestions__products {
        padding: 30px 45px 30px 30px;
        width: 70%
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.search-overlay-wrapper--products-loading .search-suggestions__products:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .95;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 15
}

.search-overlay-wrapper--products-loading .search-suggestions__products:after {
    -webkit-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    background: url(../icons.svg#view-icon-smallLogo);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 15
}

.search-suggestions__products .search-result-count {
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 15px
}

.search-suggestions__products .search-result-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.search-suggestions__products :deep() .grid-tile {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .search-suggestions__products :deep() .grid-tile {
        width: calc(50% - 30px)
    }
}

@media only screen and (min-width: 1400px) {
    .search-suggestions__products :deep() .grid-tile {
        width: calc(25% - 30px)
    }
}

.search-suggestions__products :deep() .grid-tile .product-tile .add-to-cart-trigger {
    display: none
}

.product-actions {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 15px 0 30px 5px
}

@media only screen and (min-width: 480px) {
    .product-actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start
    }
}

.product-actions a {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.product-actions a:focus, .product-actions a:hover {
    border-color: #000
}

.product-actions .icon-wrapper svg {
    max-height: 9px;
    max-width: 9px
}

.product-actions__remove {
    cursor: pointer;
    margin-top: 13px
}

@media only screen and (min-width: 480px) {
    .product-actions__remove {
        margin-left: 25px;
        margin-top: 0
    }
}

.minicart__content .product-actions__remove {
    margin-top: 0
}

.product-actions__remove svg {
    max-height: 9px;
    max-width: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-actions__edit {
    cursor: pointer
}

.product-availability[data-v-19edb669] {
    display: inline-block
}

.product-availability__stock-message[data-v-19edb669] {
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .product-availability__stock-message[data-v-19edb669] {
        line-height: 22px
    }
}

.product-availability__stock-message[data-v-19edb669]:before {
    background: #000;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    width: 9px
}

.product-availability__stock-message.inStock[data-v-19edb669] {
    color: #00c3a8
}

.product-availability__stock-message.inStock[data-v-19edb669]:before {
    background: #00c3a8
}

.product-availability__stock-message.notInStock[data-v-19edb669] {
    color: #fa4555
}

.product-availability__stock-message.notInStock[data-v-19edb669]:before {
    background: #fa4555
}

.product-availability__stock-message.limitedStock[data-v-19edb669] {
    color: #fa6a1d
}

.product-availability__stock-message.limitedStock[data-v-19edb669]:before {
    background: #fa6a1d
}

.product-options {
    -ms-flex-preferred-size: 100%;
    border-top: 1px solid #c7c7c7;
    flex-basis: 100%;
    margin: 0;
    padding: 30px 0
}

.product-options, .product-options.noBorder {
    border-bottom: none
}

.product-options .product-option {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.product-options .product-option.product-option+.product-option--added, .product-options .product-option.product-option--added+.product-option, .product-options .product-option.product-option--added+.product-option--added {
    border-top: 1px solid #c7c7c7;
    margin-top: 30px;
    padding-top: 30px
}

.product-options .product-option .product-option__actions.action-gear {
    padding-left: 20px;
    position: relative
}

.product-options .product-option .product-option__actions.action-gear:before {
    background-image: url(../icons.svg#view-icon-gear);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    position: absolute;
    top: 3px;
    -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;
    vertical-align: middle;
    width: 15px
}

.product-options .product-option .product-option__actions.action-gear a {
    line-height: 1.5em
}

@media only screen and (min-width: 768px) {
    .product-options .product-option .product-option__selected {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.product-options .product-option .product-option__selected:before {
    display: none
}

.product-options .product-option .product-option__selected span {
    position: relative
}

.product-options .product-option .product-option__selected span:first-of-type {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    font-family: GT America Expanded, sans-serif;
    font-size: 14px;
    margin: 0;
    padding-left: 25px;
    text-transform: uppercase
}

.product-options .product-option .product-option__selected span:first-of-type:before {
    background-image: url(../icons.svg#view-icon-gear);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    margin-right: 5px;
    margin-top: -3px;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    position: absolute;
    top: 5px;
    -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;
    vertical-align: middle;
    width: 15px
}

.product-options .product-option .product-option__preview {
    padding: 15px 0 0
}

.product-options .product-option .product-option__preview, .product-options .product-option .product-option__selected {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.product-options .product-option__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-width: 80px;
    width: 15%
}

.product-options .product-option__image svg {
    max-height: 20px;
    max-width: 50px
}

.product-options .product-option__info {
    font-size: 14px;
    padding-left: 20px;
    width: 85%
}

.product-options .product-option__info .info-block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-options .product-option__info h3 {
    font-size: 14px;
    margin-top: 0;
    text-transform: uppercase
}

.product-options .product-option__info.add-personalisation .info-block {
    display: block
}

@media only screen and (min-width: 768px) {
    .product-options .product-option__info.add-personalisation .info-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-options .product-option+.product-option {
    margin-top: 20px
}

.product-options .product-option__price {
    display: block;
    font-weight: 800;
    padding: 15px 0;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .product-options .product-option__price {
        padding: 0
    }
}

.product-options .product-option__selected {
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.product-options .product-option__selected:before {
    background-image: url(../icons.svg#view-icon-gear);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    margin-top: -3px;
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
    -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;
    vertical-align: middle;
    width: 15px
}

.product-options .product-option__preview .personalisation-option-preview-text {
    background-color: #c7c7c7;
    border-radius: 3px;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px
}

.product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextLuggageTag, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextLuggageTagPrinting, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextPatch, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextPatchPrinting, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextSammiesPatch, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextSammiesPatchPrinting, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextTag, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextTagPrinting, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextWholesaleEmbossing, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextWholesalePrinting {
    color: #000 !important;
    font-family: Times New Roman, serif;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase
}

.product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextCharm, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextCharmTag, .product-options .product-option__preview .personalisation-option-preview-text--customEngravementTextHandbags {
    letter-spacing: .25em;
    text-transform: uppercase
}

.product-options .product-option__preview .personalisation-option-preview-text .icon {
    max-height: 20px;
    max-width: 20px
}

.product-options .product-option__preview .personalisation-option-preview-text[style*="GT America"], .product-options .product-option__preview .personalisation-option-preview-text[style*=Aptos] {
    font-family: Aptos, GT America Extended, sans-serif !important
}

.product-options .product-option__actions {
    display: block
}

.product-options .product-option__actions a {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.product-options .product-option__actions a:focus, .product-options .product-option__actions a:hover {
    border-color: #000
}

.product-options .product-option__actions svg {
    max-height: 9px;
    max-width: 9px
}

.product-options .product-option__action {
    display: block;
    margin-left: 5px;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .product-options .product-option__action {
        display: inline-block
    }

    .product-options .product-option__action:nth-of-type(n+2) {
        margin-left: 15px
    }
}

.product-options .product-option__action-remove svg {
    -webkit-transform: translate(-1px) rotate(45deg);
    transform: translate(-1px) rotate(45deg)
}

.product-line-item-wrapper {
    border-top: 1px solid #c7c7c7;
    padding-top: 30px
}

.product-line-item-wrapper:first-of-type {
    border-top: none;
    padding-top: 0
}

.product-line-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    width: 100%
}

.product-line-item__image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 80px;
    width: 15%
}

.product-line-item__image img {
    max-width: 80px;
    width: 100%
}

.product-line-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding-left: 20px;
    width: 85%
}

.product-line-item__info .product-name {
    -ms-flex-preferred-size: 100%;
    color: #000;
    display: block;
    flex-basis: 100%;
    text-decoration: none
}

.product-line-item__info .product-line-status {
    width: 100%
}

.product-line-item__info .product-line-status:before {
    background-color: #004b8d;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px
}

.product-line-item__info .product-line-status--return_confirmed, .product-line-item__info .product-line-status--return_in_transit, .product-line-item__info .product-line-status--return_requested {
    background-color: #004b8d
}

.product-line-item__info .product-line-status--return_delivered, .product-line-item__info .product-line-status--return_finished {
    background-color: #00c3a8
}

.product-line-item__info .product-line-status--cancelled {
    background-color: #fa6a1d
}

.product-line-item__info .product-brand, .product-line-item__info .product-collection, .product-line-item__info mark {
    display: block;
    font-family: GT America Expanded, sans-serif;
    font-weight: 900;
    text-transform: uppercase
}

.product-line-item__info mark {
    background: none;
    color: inherit
}

.product-line-item__info .product-stock {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 5px
}

.product-line-item__info .product-stock__store-availability-toggle {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    margin-left: 10px;
    padding-bottom: 2px;
    text-decoration: none
}

.product-line-item__info .product-stock__store-availability-toggle:focus, .product-line-item__info .product-stock__store-availability-toggle:hover {
    border-color: #000
}

.product-line-item__info .product-tracking {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 15px 0
}

.product-line-item__info .product-tracking .product-tracking-link {
    text-decoration: none
}

.product-line-item__info .product-tracking .product-tracking-link .icon-wrapper:after {
    left: 35%
}

.product-line-item__info .product-tracking .product-tracking-link .text {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    margin-left: 5px;
    padding-bottom: 2px;
    text-decoration: none
}

.product-line-item__info .product-tracking .product-tracking-link .text:focus, .product-line-item__info .product-tracking .product-tracking-link .text:hover {
    border-color: #000
}

.product-line-item__info .product-quantity {
    -ms-flex-item-align: center;
    align-self: center;
    color: #757575;
    font-weight: 300;
    position: relative
}

.product-line-item__info .product-quantity .quantity__editable {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-line-item__info .product-quantity .quantity__editable span {
    margin-right: 10px
}

.product-line-item__info .product-quantity .quantity__editable .quantity__count {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin: 0 5px;
    min-width: 35px;
    padding: 3px 0;
    text-align: center
}

.product-line-item__info .product-quantity .quantity__editable .quantity__minus, .product-line-item__info .product-quantity .quantity__editable .quantity__plus {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #575757;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: center;
    pointer-events: all;
    text-align: center;
    width: 20px
}

.product-line-item__info .product-quantity .quantity__editable .quantity__minus svg, .product-line-item__info .product-quantity .quantity__editable .quantity__plus svg {
    color: #fff;
    height: 10px;
    width: 10px
}

.product-line-item__info .product-quantity .quantity__editable .quantity__minus.disabled, .product-line-item__info .product-quantity .quantity__editable .quantity__plus.disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.product-line-item__info .product-quantity .quantity__editable select {
    -webkit-appearance: none;
    outline: none
}

.product-line-item__info .product-price {
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 800;
    margin-left: auto;
    text-align: right
}

.product-line-item__info .product-price .list {
    color: #575757;
    display: block;
    font-size: 12px;
    font-weight: 400
}

.giftcert-actions {
    margin: 15px 0 0 5px
}

.giftcert-actions a {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none
}

.giftcert-actions a:focus, .giftcert-actions a:hover {
    border-color: #000
}

.giftcert-actions svg {
    max-height: 9px;
    max-width: 9px
}

.giftcert-actions__remove {
    margin-top: 10px
}

.giftcert-actions__remove svg {
    max-height: 9px;
    max-width: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 480px) {
    .giftcert-actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start
    }

    .giftcert-actions .giftcert-actions__remove {
        margin-left: 25px;
        margin-top: 0
    }
}

.minicart__summary .gift-certificate-line-item__image {
    max-width: 60px;
    min-width: auto;
    width: 25%
}

.gift-certificate-line-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-top: 1px solid #c7c7c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding: 15px 0 0;
    width: 100%
}

.gift-certificate-line-item__image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 80px;
    width: 15%
}

.gift-certificate-line-item__image svg {
    max-height: 80px;
    max-width: 80px;
    width: 100%
}

.gift-certificate-line-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding-left: 20px;
    width: 85%
}

.gift-certificate-line-item__info .giftcert-name {
    -ms-flex-preferred-size: 100%;
    display: block;
    flex-basis: 100%;
    font-family: GT America Expanded, sans-serif;
    font-weight: 900;
    text-transform: uppercase
}

.gift-certificate-line-item__info .giftcert-name__recipient {
    font-family: GT America, sans-serif;
    font-weight: 400;
    text-transform: none
}

.gift-certificate-line-item__info .giftcert-actions-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: 15px
}

.gift-certificate-line-item__info .giftcert-quantity {
    -ms-flex-item-align: center;
    align-self: center;
    color: #757575;
    font-weight: 300;
    margin-top: 10px;
    position: relative
}

.gift-certificate-line-item__info .giftcert-price {
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 800;
    margin-left: auto;
    margin-top: 10px;
    text-align: right
}

.order-slots {
    position: relative;
    z-index: 0
}

.adyen-checkout {
    font-family: GT America, sans-serif
}

.adyen-checkout__applepay__button {
    border-radius: var(--express-payment-method-button-border-radius, "0px");
    height: var(--express-payment-method-button-height, "40px");
    margin: 1px;
    width: 100%
}

.adyen-checkout__paypal__button {
    margin: 0
}

.adyen-checkout__paypal__button+.adyen-checkout__paypal__button {
    margin-top: 16px
}

.adyen-checkout__paypal__button .paypal-buttons {
    margin: 1px;
    min-width: unset !important
}

.adyen-checkout__paywithgoogle>div>button, .adyen-checkout__paywithgoogle>div>button.long, .adyen-checkout__paywithgoogle>div>button.short {
    height: 40px
}

.adyen-checkout__label__text {
    color: #000;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 0;
    text-decoration: none;
    text-transform: none
}

.adyen-checkout__input-wrapper img {
    display: block
}

.adyen-checkout__input, .adyen-checkout__input:hover {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 52px;
    line-height: 20px;
    padding: 15px 20px;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    width: 100%
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: #000
}

.adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover {
    border-color: #3e3e3e;
    -webkit-box-shadow: none;
    box-shadow: none
}

.adyen-checkout__input--error, .adyen-checkout__input-error:hover {
    border-color: #fa4555
}

.adyen-checkout__error-text {
    color: #fa4555;
    font-size: 1rem;
    margin: 8px 0 0
}

.adyen-checkout__label__text--error {
    color: #fa4555
}

.apple-pay[data-v-5d27f5f5] {
    position: relative
}

.apple-pay__overlay[data-v-5d27f5f5] {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.apple-pay__overlay+div[data-v-5d27f5f5] {
    pointer-events: none;
    position: relative;
    z-index: 0
}

.disabled[data-v-3f201267] {
    display: none
}

.paypal-cart-buttons-container[data-v-3f201267] {
    position: relative
}

.paypal-cart-buttons-container .paypal-cart-button-overlay[data-v-3f201267] {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.paypal-cart-buttons-container .paypal-cart-button-overlay+div[data-v-3f201267] {
    pointer-events: none;
    position: relative;
    z-index: 0
}

.minicart__content {
    background-color: #fff;
    padding: 20px 20px 0;
    position: relative;
    text-align: left;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .minicart__content {
        height: 100%;
        max-width: 500px;
        padding: 30px 10px 0;
        width: calc(50vw - 60px)
    }
}

@media only screen and (min-width: 1280px) {
    .minicart__content {
        width: calc(33.33333vw - 30px)
    }
}

.minicart__content .product-slider-wrapper {
    margin-bottom: 40px
}

.minicart__content .product-slider-wrapper .callout-msg {
    margin-left: 0
}

.minicart__content .product-slider-wrapper .carousel__inner {
    padding-left: 0;
    padding-right: 0
}

.minicart__content .product-slider-wrapper .carousel .product-tile-block {
    margin-right: 20px;
    width: calc(var(--carousel-window-width)/2 - 10px)
}

.minicart__content .product-slider-wrapper .carousel .product-tile-carousel {
    padding-top: 20px
}

.minicart__content .product-slider-wrapper .carousel .product-tile__body {
    font-size: 12px
}

.minicart__content .product-slider-wrapper .carousel .product-tile:before {
    border: 1px solid rgba(0, 0, 0, .07);
    display: none
}

.minicart__content .product-slider-wrapper .carousel .product-tile__flag {
    font-size: 7px
}

.minicart__content .product-slider-wrapper .carousel .add-to-cart-trigger {
    left: auto;
    right: auto;
    width: 100%
}

.minicart__content .product-slider-wrapper .carousel .add-to-cart-trigger .btn {
    font-size: 9px
}

.minicart__content .btn--close {
    height: 30px;
    right: 20px;
    top: 20px;
    width: 30px
}

.minicart__content--empty .minicart__content-asset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

.minicart__content--empty .minicart__content-asset .btn {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    text-transform: uppercase;
    width: 80%
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-preferred-size: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: calc(50% - 5px);
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article__link {
    color: inherit;
    display: block;
    text-decoration: none
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article__text {
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 0;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article img {
    aspect-ratio: 3/2;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article--full-width {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media only screen and (max-width: 1919px) {
    .minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article--full-width {
        display: none
    }
}

.minicart__content--empty .minicart__content-asset .empty-cart-article-wrapper .empty-cart-article--full-width img {
    aspect-ratio: unset;
    -o-object-fit: cover;
    object-fit: cover
}

.minicart__content--empty .minicart__content-asset .need-help {
    width: 100%
}

.minicart__content--empty .minicart__content-asset .need-help ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 4%;
    margin-top: 20px
}

.minicart__content--empty .minicart__content-asset .need-help ul li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px;
    width: 48%
}

.minicart__content--empty .minicart__content-asset .need-help ul li span {
    display: none
}

.minicart__content--empty .minicart__content-asset .need-help ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 25px;
    padding: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.minicart__content--empty .minicart__content-asset .need-help ul li a strong {
    margin-bottom: 0
}

.minicart__content--empty .minicart__content-asset .email-subscribe {
    background-color: #efefef;
    left: -30px;
    padding: 10px 30px;
    text-align: center;
    width: calc(100% + 20px)
}

.minicart__content--empty .minicart__content-asset .email-subscribe__title {
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase
}

.minicart__content--empty .minicart__content-asset .email-subscribe__paragraph {
    font-size: 12px
}

.minicart__content--empty .minicart__content-asset .email-subscribe .start-email-subscribe button {
    background: transparent;
    border: 0;
    border-width: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0/0 a;
    height: 50px;
    letter-spacing: 0;
    outline-width: 0;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: 50px;
    z-index: 5
}

.minicart__content--empty .empty-cart-recommendations {
    padding: 20px 0
}

.minicart__content--empty .empty-cart-recommendations:before {
    background-color: #c7c7c7;
    content: "";
    display: block;
    height: 1px;
    margin-left: -30px;
    margin-right: -30px;
    opacity: 1;
    visibility: visible;
    width: calc(100% + 60px)
}

.minicart__content--empty .empty-cart-recommendations .callout-msg {
    margin-top: 0
}

.minicart__content--empty .empty-cart-recommendations .product-slider-wrapper {
    margin-bottom: 0
}

.minicart__content--empty .empty-cart-recommendations .add-to-cart-trigger, .minicart__content--empty .empty-cart-recommendations .reservation-trigger {
    visibility: visible
}

.minicart__content--empty .empty-cart-recommendations .product-add-to-compare {
    display: none
}

.minicart__content--empty .minicart__description {
    margin: 0 0 20px;
    text-align: center
}

.minicart__header {
    font-size: 20px;
    margin-top: 0
}

.minicart__header--empty {
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center
}

.minicart__feedback {
    display: none
}

.minicart__summary {
    display: block;
    margin-top: 50px
}

@media only screen and (min-width: 768px) {
    .minicart__summary {
        margin-top: 40px
    }
}

.minicart__summary .product-line-item__info {
    position: relative
}

.minicart__summary .product-line-item__info .product-name {
    margin-right: 36px
}

.minicart__summary .product-line-item__image {
    background: #f8f8f8;
    max-width: 60px;
    min-width: auto;
    width: 25%
}

.minicart__summary .product-line-item__image img {
    padding: 10px
}

.minicart__summary .product-line-item__info .product-actions {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
}

.minicart__summary .product-line-item__info .product-actions__edit {
    display: none
}

.minicart__summary .product-line-item__info .product-actions__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.minicart__summary .product-line-item__info .product-actions__remove a {
    display: none
}

.minicart__summary .product-line-item__info .product-actions__remove .icon-wrapper:after {
    height: 24px;
    left: 30%;
    width: 24px
}

.minicart__summary .product-line-item__info .product-actions__remove .icon-wrapper svg {
    max-height: 16px;
    max-width: 16px;
    -webkit-transform: none;
    transform: none
}

.minicart__summary .product-line-item__info .product-options {
    padding: 15px 0
}

.minicart__summary .product-options .product-option__image {
    max-width: 60px;
    min-width: auto;
    width: 25%
}

.minicart__footer {
    display: contents
}

.minicart__footer__total {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 800;
    justify-content: space-between;
    margin-bottom: 15px
}

.minicart__footer__subtotal {
    display: none
}

@media only screen and (min-width: 768px) {
    .minicart__footer__subtotal {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 400;
        justify-content: space-between;
        margin-bottom: 15px
    }
}

.minicart__footer__subtotal+.minicart__footer__subtotal {
    margin-bottom: 0
}

.minicart__footer__banners {
    display: none;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .minicart__footer__banners {
        display: block;
        margin-bottom: 30px
    }
}

.minicart__footer__feedback {
    display: none
}

.minicart__footer__quick-checkout {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 15px
}

.minicart__footer__quick-checkout .checkout-apple-pay, .minicart__footer__quick-checkout .checkout-paypal {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: calc(50% - 5px)
}

.minicart__footer__actions {
    background-color: #fff;
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .minicart__footer__actions {
        padding: 30px 0
    }
}

.minicart__footer__actions .action--order-now {
    margin-bottom: 15px
}

.minicart__footer__actions .action--continue-shopping {
    display: none
}

@media only screen and (min-width: 768px) {
    .minicart__footer__actions .action--continue-shopping {
        display: block;
        margin: 0 auto;
        text-align: center
    }
}

.minicart__footer__actions .action--continue-shopping a {
    border-bottom: 1px solid #c7c7c7;
    color: #000;
    cursor: pointer;
    padding: 0 0 2px;
    text-decoration: none
}

.minicart__footer__actions .action--continue-shopping a:focus, .minicart__footer__actions .action--continue-shopping a:hover {
    border-color: #000
}

.minicart__footer__actions .action--view-cart {
    display: none
}

.minicart-banner {
    display: none;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 768px) {
    .minicart-banner {
        display: block
    }
}

.minicart-banner img {
    display: block;
    height: auto;
    width: 100%
}

.minicart-banner__link {
    color: inherit;
    text-decoration: none
}

.minicart-banner__video {
    display: block;
    pointer-events: none
}

.minicart-banner__content, .minicart-banner__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.minicart-banner__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 18px 12px
}

.minicart-banner__content.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.minicart-banner__content.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.minicart-banner__content.fullwidth {
    grid-template-columns: auto
}

@media only screen and (min-width: 1400px) {
    .minicart-banner__content {
        padding: 24px
    }
}

.minicart-banner__title {
    font-family: GT America Extended, sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

.minicart-banner__title.center {
    text-align: center
}

.minicart-banner__title.right {
    text-align: right
}

.minicart-banner__title span, .minicart-banner__title strong {
    display: inline-block
}

@media only screen and (min-width: 1024px)and (max-width:1279px) {
    .minicart-banner__title {
        font-size: 13px
    }
}

@media only screen and (min-width: 1280px) {
    .minicart-banner__title {
        font-size: 11px
    }
}

@media only screen and (min-width: 1400px) {
    .minicart-banner__title {
        font-size: 12px
    }
}

@media only screen and (min-width: 1600px) {
    .minicart-banner__title {
        font-size: 14px
    }
}

.product-availability-callout[data-v-2aa41972] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 1;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    z-index: 2
}

.product-availability-callout--hidden[data-v-2aa41972] {
    opacity: 0
}

.product-availability-callout__title[data-v-2aa41972] {
    color: #fff;
    display: none;
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .product-availability-callout__title[data-v-2aa41972] {
        display: block
    }
}

.product-availability-callout__logo[data-v-2aa41972] {
    display: none
}

.product-availability-callout__button[data-v-2aa41972] {
    border: 0;
    font-family: GT America, sans-serif;
    padding: 10px 15px
}

.product-availability-callout__button span[data-v-2aa41972]:first-child {
    display: block
}

.product-availability-callout__button span[data-v-2aa41972]:last-child {
    display: none
}

@media only screen and (min-width: 768px) {
    .product-availability-callout__button span[data-v-2aa41972]:first-child {
        display: none
    }

    .product-availability-callout__button span[data-v-2aa41972]:last-child {
        display: block
    }
}

.section--padding-none {
    padding: 0
}

.section--padding-extra-narrow {
    padding: 10px 0
}

.section--padding-narrow {
    padding: 20px 0
}

.section--padding-normal {
    padding: 30px 0
}

.section--padding-wide {
    padding: 60px 0
}

.section--padding-extra-wide {
    padding: 85px 0
}

@media only screen and (min-width: 768px) {
    .section--padding-none {
        padding: 0
    }

    .section--padding-extra-narrow {
        padding: 20px 0
    }

    .section--padding-narrow {
        padding: 40px 0
    }

    .section--padding-normal {
        padding: 60px 0
    }

    .section--padding-wide {
        padding: 120px 0
    }

    .section--padding-extra-wide {
        padding: 170px 0
    }
}

.section--padding-horizontal-none {
    padding-left: 0;
    padding-right: 0
}

.section--padding-horizontal-none>div {
    padding: 0
}

.section--padding-horizontal-extra-narrow {
    padding-left: 10px;
    padding-right: 10px
}

.section--padding-horizontal-narrow {
    padding-left: 20px;
    padding-right: 20px
}

.section--padding-horizontal-normal {
    padding-left: 30px;
    padding-right: 30px
}

.section--padding-horizontal-wide {
    padding-left: 60px;
    padding-right: 60px
}

.section--padding-horizontal-extra-wide {
    padding-left: 85px;
    padding-right: 85px
}

@media only screen and (min-width: 768px) {
    .section--padding-horizontal-none {
        padding-left: 0;
        padding-right: 0
    }

    .section--padding-horizontal-none>div {
        padding: 0
    }

    .section--padding-horizontal-extra-narrow {
        padding-left: 20px;
        padding-right: 20px
    }

    .section--padding-horizontal-narrow {
        padding-left: 40px;
        padding-right: 40px
    }

    .section--padding-horizontal-normal {
        padding-left: 60px;
        padding-right: 60px
    }

    .section--padding-horizontal-wide {
        padding-left: 120px;
        padding-right: 120px
    }

    .section--padding-horizontal-extra-wide {
        padding-left: 170px;
        padding-right: 170px
    }
}

.section--margin-none {
    margin: 0
}

.section--margin-extra-narrow {
    margin: 10px 0
}

.section--margin-narrow {
    margin: 20px 0
}

.section--margin-normal {
    margin: 30px 0
}

.section--margin-wide {
    margin: 60px 0
}

.section--margin-extra-wide {
    margin: 85px 0
}

@media only screen and (min-width: 768px) {
    .section--margin-none {
        margin: 0
    }

    .section--margin-extra-narrow {
        margin: 20px 0
    }

    .section--margin-narrow {
        margin: 40px 0
    }

    .section--margin-normal {
        margin: 60px 0
    }

    .section--margin-wide {
        margin: 120px 0
    }

    .section--margin-extra-wide {
        margin: 170px 0
    }
}

.section--negative-margin-extra-narrow {
    margin-top: -10px
}

.section--negative-margin-narrow {
    margin-top: -20px
}

.section--negative-margin-normal {
    margin-top: -30px
}

.section--negative-margin-wide {
    margin-top: -60px
}

.section--negative-margin-extra-wide {
    margin-top: -100px
}

@media only screen and (min-width: 768px) {
    .section--negative-margin-extra-narrow {
        margin-top: -20px
    }

    .section--negative-margin-narrow {
        margin-top: -40px
    }

    .section--negative-margin-normal {
        margin-top: -60px
    }

    .section--negative-margin-wide {
        margin-top: -120px
    }

    .section--negative-margin-extra-wide {
        margin-top: -200px
    }
}

.section--max-width-mobile .section__content {
    max-width: 480px
}

.section--max-width-tablet .section__content {
    max-width: 768px
}

.section--max-width-tablet-portrait .section__content {
    max-width: 1024px
}

.section--max-width-container .section__content {
    max-width: 1430px
}

.section--max-width-desktop .section__content {
    max-width: 1280px
}

.section--align-content-top .section__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section--align-content-center .section__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section--align-content-bottom .section__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section {
    position: relative
}

.section__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    padding: 0 30px
}

.section__content a:not(.btn) {
    color: inherit
}

.section__content>.experience-region {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%
}

.section__content .grid {
    margin-left: auto;
    margin-right: auto
}

.section__content .grid figure {
    margin: 0
}

.section__content .grid figure figcaption {
    font-size: 16px;
    font-weight: 700;
    padding: 40px 0;
    text-transform: uppercase
}

.section__content .grid figure figcaption p {
    margin: 0
}

.service-chat-frame[data-v-3566e568] {
    bottom: 0;
    height: 0;
    max-height: 80%;
    max-width: 100%;
    min-height: calc(env(safe-area-inset-bottom) + 66px);
    position: fixed;
    right: 0;
    width: 0;
    z-index: 35
}

.Product .service-chat-frame[data-v-3566e568] {
    bottom: 60px;
    bottom: calc(60px - env(safe-area-inset-bottom))
}

@media only screen and (min-width: 768px) {
    .Product .service-chat-frame[data-v-3566e568] {
        bottom: 0
    }
}

.pd-media {
    overflow: hidden;
    position: relative
}

.pd-media__content iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

/* VimeoPlayer - v4.43.18 - 2025-08-26 */
@keyframes buffer {
    100% {
        transform: translateX(-10px)
    }
}

@-moz-keyframes bufferLeft {
    0% {
        left: 0
    }

    100% {
        left: -10px
    }
}

@keyframes throb {
    0%, 100% {
        background-color: #555
    }

    50% {
        background-color: #444
    }
}

@keyframes wiggle {
    0% {
        transform: translateY(10px)
    }

    20% {
        transform: translateY(0)
    }

    40%, 80% {
        transform: translateX(8px)
    }

    60% {
        transform: translateX(-8px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes pulse {
    50% {
        transform: scale(.9)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -135px
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes scaleAnimation {
    0% {
        transform: scale(.9, .9)
    }

    100% {
        transform: scale(1, 1)
    }
}

:fullscreen-ancestor>:not(:fullscreen-ancestor):not(:fullscreen) {
    display: none !important
}

body:not(.showfocus) .player a, body:not(.showfocus) .player button, body:not(.showfocus) .player div, body:not(.showfocus) .player li, body:not(.showfocus) .player span, body:not(.showfocus) .player svg {
    outline: 0 !important
}

body:not(.showfocus) .player input {
    outline: 0
}

.vp-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.vp-placeholder {
    opacity: 1;
    transition: opacity 125ms ease-out .1s
}

.vp-placeholder-fadeout {
    opacity: 0
}

.player {
    position: relative;
    max-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    color: #fff;
    line-height: normal;
    font-family: "Helvetica Neue", Helvetica, Arial !important;
    font-size: 10px;
    overflow: visible;
    border-collapse: separate;
    user-select: none;
    touch-action: manipulation
}

.player :focus {
    outline: 2px solid #00adef;
    outline-offset: 2px
}

.player, .player *, .player ::after, .player ::before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.player.scrubbing * {
    cursor: grabbing !important
}

.player.loading .vp-video-wrapper {
    opacity: 0
}

.player button {
    cursor: pointer;
    font-size: 1em
}

.player button:not(.exclude-global-button-styles), .player input, .player textarea {
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial;
    line-height: normal;
    height: auto;
    vertical-align: baseline
}

.player a:active, .player button:active, .player button:not(:focus) {
    outline: 0
}

.player img {
    border: 0
}

.player a {
    text-decoration: none
}

.player .hidden {
    display: none !important
}

.player .invisible {
    opacity: 0
}

.player .cloaked {
    visibility: hidden
}

.player .rounded-box {
    background: rgba(0, 0, 0, .9);
    border-radius: .5em
}

.player .fill {
    fill: #fff
}

.player .toggle.off .fill {
    fill: #fff
}

.player .toggle.off .stroke {
    stroke: #fff
}

.player .stroke {
    stroke: #fff;
    fill: none
}

.player .only-in-fullscreen {
    display: none !important
}

.js-player-fullscreen-api .only-in-fullscreen, .js-player-fullscreen:fullscreen .only-in-fullscreen {
    display: block !important
}

.player .vp-target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.player.player-ad .vp-target {
    visibility: hidden
}

.player .vp-video-wrapper {
    opacity: 1;
    transition: opacity 125ms ease-out
}

.player .vp-sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.player .vp-content-area-background, .player .vp-player-ui-container, .player .vp-player-ui-overlays {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.player .vp-player-ui-container {
    z-index: 4
}

.player .vp-player-ui-overlays {
    z-index: 37
}

.player.player-cursor-hide {
    cursor: none
}

.player.grabbable {
    cursor: move;
    cursor: grab
}

.player.grabbing {
    cursor: move;
    cursor: grabbing
}

.player.hide-controls-mode {
    pointer-events: none
}

.player.hide-controls-mode video::-webkit-media-controls-start-playback-button {
    display: none
}

.player.right-content-area-supported {
    overflow: hidden
}

.player.right-content-area-supported>.content-area-sibling-enabled {
    width: 100%;
    right: 0;
    position: absolute
}

.player.right-content-area-supported.animating>.content-area-sibling-enabled {
    transition: width .4s ease-in-out, right .4s ease-in-out
}

.player.right-content-area-supported.animating>.content-area-sibling-enabled.vp-video-wrapper {
    transition: width .4s ease-in-out, right .4s ease-in-out, opacity 125ms ease-out
}

.player.right-content-area-supported.right-content-area-open.app-mini>.content-area-sibling-enabled, .player.right-content-area-supported.right-content-area-open.app-tiny>.content-area-sibling-enabled, .player.right-content-area-supported.right-content-area-open.app-xs>.content-area-sibling-enabled, .player.right-content-area-supported.right-content-area-open.app-xxs>.content-area-sibling-enabled {
    width: 100%;
    right: 0
}

.player.right-content-area-supported.right-content-area-open.app-sm>.content-area-sibling-enabled {
    width: 50%;
    right: 50%
}

.player.right-content-area-supported.right-content-area-open.app-md>.content-area-sibling-enabled {
    width: calc(100% - 400px);
    right: 400px
}

.player.right-content-area-supported.right-content-area-open.app-lg>.content-area-sibling-enabled {
    width: calc(100% - 400px);
    right: 400px
}

.player.right-content-area-supported.right-content-area-open.app-xl>.content-area-sibling-enabled {
    width: calc(100% - 480px);
    right: 480px
}

.player.right-content-area-supported.right-content-area-open.app-xxl>.content-area-sibling-enabled {
    width: calc(100% - 480px);
    right: 480px
}

.player.right-content-area-supported.right-content-area-open.is-google-bot>.content-area-sibling-enabled {
    width: 100%;
    right: 0
}

.player .vp-ads-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.player .vp-ads-wrapper .vp-ads-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 22px;
    padding: 0 .8em;
    font-size: 1.2em;
    line-height: 2;
    text-transform: uppercase;
    border-radius: 3px;
    background: rgba(0, 0, 0, .9);
    color: #fff
}

.player[data-filter] .thumb::after, .player[data-filter] .vp-preview::after, .player[data-filter] .vp-video::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, transparent, transparent)
}

.player[data-filter=aden] .thumb, .player[data-filter=aden] .vp-preview, .player[data-filter=aden] .vp-video {
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0)
}

.player[data-filter=aden] .thumb::after, .player[data-filter=aden] .vp-preview::after, .player[data-filter=aden] .vp-video::after {
    background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent), radial-gradient(circle, transparent, transparent);
    mix-blend-mode: darken
}

.player[data-filter=earlybird] .thumb, .player[data-filter=earlybird] .vp-preview, .player[data-filter=earlybird] .vp-video {
    filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2)
}

.player[data-filter=earlybird] .thumb::after, .player[data-filter=earlybird] .vp-preview::after, .player[data-filter=earlybird] .vp-video::after {
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay
}

.player[data-filter=hudson] .thumb, .player[data-filter=hudson] .vp-preview, .player[data-filter=hudson] .vp-video {
    filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=hudson] .thumb::after, .player[data-filter=hudson] .vp-preview::after, .player[data-filter=hudson] .vp-video::after {
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5
}

.player[data-filter=inkwell] .thumb, .player[data-filter=inkwell] .vp-preview, .player[data-filter=inkwell] .vp-video {
    filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=inkwell] .thumb::after, .player[data-filter=inkwell] .vp-preview::after, .player[data-filter=inkwell] .vp-video::after {
    opacity: 0
}

.player[data-filter=mayfair] .thumb, .player[data-filter=mayfair] .vp-preview, .player[data-filter=mayfair] .vp-video {
    filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=mayfair] .thumb::after, .player[data-filter=mayfair] .vp-preview::after, .player[data-filter=mayfair] .vp-video::after {
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
    mix-blend-mode: overlay;
    opacity: .4
}

.player[data-filter=toaster] .thumb, .player[data-filter=toaster] .vp-preview, .player[data-filter=toaster] .vp-video {
    filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=toaster] .thumb::after, .player[data-filter=toaster] .vp-preview::after, .player[data-filter=toaster] .vp-video::after {
    background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen
}

.player[data-filter=ascii] .thumb {
    filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=ascii] .thumb::after {
    background-color: #0f0;
    mix-blend-mode: darken
}

.player[data-filter=ascii] .vp-captions {
    transition: none
}

.player[data-filter=ascii] .vp-captions>span {
    font-family: monospace;
    color: #0f0;
    border-radius: 0;
    background: #000;
    padding: 0 .5em
}

.player .vp-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    overflow: hidden
}

.player .vp-video-wrapper.transparent {
    background-color: transparent
}

.player .vp-video-wrapper.native-controls {
    z-index: 25
}

.player .vp-video-wrapper .snapshot {
    position: absolute;
    z-index: 1
}

.player .vp-video-wrapper .vp-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: filter .25s, opacity .25s
}

.player .vp-video-wrapper .vp-video::after {
    transition: all .25s
}

.player .vp-video-wrapper .vp-telecine {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: opacity .25s
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-play-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-start-playback-button {
    display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video:state(webkit-media-controls-play-button) {
    display: none
}

.player .vp-video-wrapper object, .player .vp-video-wrapper video {
    width: 100%;
    height: 100%
}

.player .vp-video-wrapper .vp-telecine-cover video {
    object-fit: cover
}

.player .vp-video-wrapper pre {
    font-family: monospace !important
}

.js-player-fullscreen-api, .js-player-fullscreen:fullscreen {
    background-color: #000 !important
}

.js-player-fullscreen-api .vp-video-wrapper, .js-player-fullscreen:fullscreen .vp-video-wrapper {
    background-color: transparent !important
}

.player.no-fullscreen-api-support.in-minibar .vp-controls {
    height: auto;
    z-index: auto;
    justify-content: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play, .player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play .tiny-bars, .player.no-fullscreen-api-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play, .player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
    z-index: 23
}

.player.no-fullscreen-support.in-minibar .vp-controls {
    height: auto;
    z-index: auto;
    justify-content: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play, .player.no-fullscreen-support.in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play .tiny-bars, .player.no-fullscreen-support.in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.player.no-fullscreen-support.in-minibar .vp-controls .play, .player.no-fullscreen-support.in-minibar .vp-controls .replay {
    z-index: 23
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls, .player:not(:fullscreen).in-minibar .vp-controls {
    height: auto;
    z-index: auto;
    justify-content: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play, .js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay, .player:not(:fullscreen).in-minibar .vp-controls .play, .player:not(:fullscreen).in-minibar .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play .tiny-bars, .js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars, .player:not(:fullscreen).in-minibar .vp-controls .play .tiny-bars, .player:not(:fullscreen).in-minibar .vp-controls .replay .tiny-bars {
    display: block
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play, .js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay, .player:not(:fullscreen).in-minibar .vp-controls .play, .player:not(:fullscreen).in-minibar .vp-controls .replay {
    z-index: 23
}

@media (max-height:119px), (max-width:79px) {
    .player .vp-controls .cc, .player .vp-controls .fullscreen {
        display: none !important
    }
}

.player.player-tiny .vp-controls {
    height: auto;
    z-index: auto;
    justify-content: flex-end
}

.player.player-tiny .vp-controls .play, .player.player-tiny .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player.player-tiny .vp-controls .play .tiny-bars, .player.player-tiny .vp-controls .replay .tiny-bars {
    display: block
}

.player.player-tiny .vp-controls .play, .player.player-tiny .vp-controls .replay {
    z-index: 23
}

.player.player-mini .vp-portrait {
    display: none !important
}

.player.player-mini .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-mini.with-custom-logo .vp-portrait {
    display: none !important
}

.player .player-mini.with-custom-logo .vp-title .vp-title-header h1 {
    font-size: 1.8em
}

.player .player-tiny.with-custom-logo .vp-controls {
    height: auto;
    z-index: auto;
    justify-content: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play, .player .player-tiny.with-custom-logo .vp-controls .replay {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.25em;
    margin-top: -2em
}

.player .player-tiny.with-custom-logo .vp-controls .play .tiny-bars, .player .player-tiny.with-custom-logo .vp-controls .replay .tiny-bars {
    display: block
}

.player .player-tiny.with-custom-logo .vp-controls .play, .player .player-tiny.with-custom-logo .vp-controls .replay {
    z-index: 23
}

.js-player-fullscreen-api .vp-canvas-effect, .js-player-fullscreen:fullscreen .vp-canvas-effect {
    display: none
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SideDock_module_root__0918b45a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    padding-top: 0;
    z-index: 19;
    /*
      Prevents a flicker on Safari when other elements are animating
      @see https://stackoverflow.com/questions/15751012/
      css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
  */
    transform: translate3d(0, 0, 0);
    /* Required so VOD button stays right aligned when tooltips displayed */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.SideDock_module_root__0918b45a,
.SideDock_module_root__0918b45a .SideDock_module_sidedockInner__0918b45a {
    transition: opacity 250ms ease-out;
}

.SideDock_module_root__0918b45a button {
    margin: 8px;
    font-family: inherit;
    border-radius: 4px;
    color: #fff;
    border: 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, 0.9);
    transition: background-color 40ms;
    margin-right: 0;
    background-color: var(--color-one-opacity-ninety);
    color: var(--color-three);
    /* Prevent icons from initiating clicks. Causes issues with tooltip display */
}

.SideDock_module_root__0918b45a button svg {
    pointer-events: none;
}

.SideDock_module_root__0918b45a button path {
    fill: var(--color-three);
}

.SideDock_module_root__0918b45a button,
.SideDock_module_root__0918b45a label {
    margin-top: 8px;
    margin-bottom: 0;
}

.SideDock_module_root__0918b45a.SideDock_module_visible__0918b45a button {
    pointer-events: auto;
}

.SideDock_module_root__0918b45a button:not([data-vod-button=true]) {
    /* Match default button padding on Chrome. Required for iOS */
    padding: 1px 6px;
}

.SideDock_module_root__0918b45a button:focus {
    outline: none;
}

.SideDock_module_root__0918b45a button:hover:not(:active) {
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
    border: none;
}

.SideDock_module_root__0918b45a button:hover:not(:active) path {
    fill: var(--color-two-monochrome);
}

.SideDock_module_root__0918b45a.SideDock_module_fullscreen__0918b45a {
    font-size: 11px;
}

.SideDock_module_root__0918b45a.SideDock_module_outroVisible__0918b45a button:not(:hover) {
    opacity: 0.65;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compliation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LabeledButton_module_labeledButton__2e0341f7 {
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    font-size: 1.2em;
    padding: 0 1em;
    height: 3em;
    line-height: 3em;
    border-radius: 3px;
    transition: opacity 150ms ease-out, transform 150ms ease-out;
    margin: 8px;
    font-family: inherit;
    border-radius: 4px;
    color: #fff;
    border: 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    border-radius: 0.25rem;
    padding: 0.8em 1.2em;
    line-height: 1.88rem;
    height: 2rem;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 0;
    align-items: center;
    pointer-events: none;
    white-space: nowrap;
}

.LabeledButton_module_box__2e0341f7 {
    display: flex;
    justify-content: flex-end;
    transition: transform 150ms ease-out;
}

.LabeledButton_module_box__2e0341f7:nth-child(3) {
    transition-delay: 50ms;
}

.LabeledButton_module_box__2e0341f7:nth-child(4) {
    transition-delay: 100ms;
}

.ShareButton_module_shareIcon__e4957da4 {
    transform: translateX(-1px);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compliation is separate from the existing SASS build pipeline */
.VODButton_module_vodButtonContainer__33b65469 {
    display: flex;
    justify-content: end;
}

.VODButton_module_vodButton__33b65469 {
    padding: 0 4em 0 0.8em;
    /* Font styles to match designs */
}

.VODButton_module_vodButton__33b65469 span {
    font-size: 0.88rem;
    font-weight: bold;
}

.VODButton_module_vodButton__33b65469 .VODButton_module_icon__33b65469 {
    position: absolute;
    right: 0.8em;
}

.VODButton_module_vodButton__33b65469[data-vod-purchased="1"][data-vod-expiring="1"] {
    animation: VODButton_module_pulse__33b65469 1s infinite;
}

.VODButton_module_vodButton__33b65469 .VODButton_module_expiring__33b65469 {
    background: rgba(188, 23, 30, 0.75);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.AIButton_module_icon__51e5bbdf {
    transform: scale(1.4);
}

.AIButton_module_icon__51e5bbdf [data-shape=largeStar] {
    transform-origin: center;
    transform: rotateZ(0deg);
    transition-property: none;
    transition-duration: var(--shimmer-speed-in);
}

.AIButton_module_button__51e5bbdf {
    background: radial-gradient(#82ffeb 0%, #17d5ff 30%, #0ba1ff 45%, #9e00ff 75%, rgba(157, 0, 255, 0) 100%);
    background-repeat: no-repeat;
    background-position: 175% 175%;
    background-size: 225% 225%;
}

.AIButton_module_button__51e5bbdf.AIButton_module_transitionIn__51e5bbdf {
    background-position: 80% 80%;
    transition-timing-function: cubic-bezier(0.17, 0, 0.2, 1);
    transition-duration: var(--shimmer-speed-in);
}

.AIButton_module_button__51e5bbdf.AIButton_module_transitionIn__51e5bbdf [data-shape=largeStar] {
    transform: rotateZ(90deg) translateX(1px);
    transition-property: transform;
}

.AIButton_module_button__51e5bbdf.AIButton_module_transitionOut__51e5bbdf {
    background-position: -65% -65%;
    transition-timing-function: cubic-bezier(0.5, 0, 0.83, 1);
    transition-duration: var(--shimmer-speed-out);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compliation is separate from the existing SASS build pipeline */
.DebugPanel_module_root__b1b6d642 {
    position: absolute;
    z-index: 36;
    width: max-content;
    min-width: 300px;
    max-width: 100%;
    max-height: calc(100% - 10px);
    padding: 10px;
    padding-bottom: 0;
    margin: 10px 0 0 10px;
    user-select: text;
    font-size: 1.2em;
    top: 0;
    pointer-events: all;
    overflow: auto;
}

.DebugPanel_module_root__b1b6d642 p {
    /* Some on site pages can be agressive about p margins */
    margin: 0.1em 0;
}

.DebugPanel_module_root__b1b6d642 p:first-child {
    margin-top: 0;
}

.DebugPanel_module_root__b1b6d642 .DebugPanel_module_buttonWrapper__b1b6d642 {
    position: sticky;
    width: 100%;
    bottom: 0;
    background-color: black;
    display: flex;
    align-items: center;
    z-index: 1;
    padding-bottom: 10px;
}

.DebugPanel_module_root__b1b6d642.DebugPanel_module_smallPlayer__b1b6d642 {
    background: black;
}

.DebugPanel_module_closeButton__b1b6d642 {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
}

.DebugPanel_module_closeButton__b1b6d642 svg {
    width: 1.2em;
    height: 1.2em;
}

.DebugPanel_module_closeButton__b1b6d642 svg path {
    fill: #fff;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CopyDebugButton_module_button__f6e46f54 {
    border: none;
    padding: 3px;
    border-radius: 3px;
    margin-left: 5px;
    display: inline-block;
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
}

.CopyDebugButton_module_button__f6e46f54:hover:not(:active) {
    border: none;
}

@charset "UTF-8";

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
.DebugValues_module_values__54d9bb7b {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.DebugValues_module_values__54d9bb7b div {
    display: inline-flex;
    padding: 0;
    height: 16px;
    width: max-content;
    margin: 0;
}

.DebugValues_module_values__54d9bb7b dd {
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #fff;
    position: relative;
    margin-inline-start: 4px;
    padding: 0;
}

.DebugValues_module_clipId__54d9bb7b {
    cursor: pointer;
}

.DebugValues_module_clipId__54d9bb7b:hover {
    text-decoration: underline;
}

.DebugValues_module_bandwidthMinMax__54d9bb7b {
    font-size: 0.8em;
    font-weight: normal;
}

.DebugValues_module_bandwidthMin__54d9bb7b,
.DebugValues_module_bandwidthMax__54d9bb7b {
    position: relative;
    padding-left: 10px;
}

.DebugValues_module_bandwidthMin__54d9bb7b::before,
.DebugValues_module_bandwidthMax__54d9bb7b::before {
    display: block;
    position: absolute;
    left: 2px;
    font-size: 0.8em;
    top: 3px;
}

.DebugValues_module_bandwidthMin__54d9bb7b::before {
    content: "▼"/"Minimum bandwidth";
}

.DebugValues_module_bandwidthMax__54d9bb7b::before {
    content: "▲"/"Maximum bandwidth";
}

.DebugValues_module_timeSeries__54d9bb7b {
    margin-top: 6px;
}

.DebugValues_module_sessionId__54d9bb7b,
.DebugValues_module_payloadId__54d9bb7b {
    font-size: 0.8em;
    font-weight: bold;
    overflow-wrap: break-word;
}

.BandwidthSeriesDisplay_module_marker__e795ff85:hover {
    cursor: pointer;
    stroke-width: 3;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Badge_module_badge__7943985c {
    display: block;
    float: left;
    position: relative;
    z-index: 13;
    padding: 0;
    margin: 0;
    pointer-events: inherit;
}

.Badge_module_badgeLink__7943985c {
    display: block;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.TitleTags_module_tagWrapper__68bba8ae {
    display: inline-block;
}

.TitleTags_module_tag__68bba8ae {
    background: var(--color-one-monochrome-opacity-twenty-eighty);
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-radius: 2px;
    text-shadow: none;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    letter-spacing: 0.4px;
    font-size: 10px;
    line-height: 1.2em;
    max-height: 1.6em;
    padding: 0.2em 0.4em;
    margin-top: -0.2em;
}

.player.player-md .TitleTags_module_tag__68bba8ae {
    margin-top: -0.3333333333em;
}

.player.player-lg .TitleTags_module_tag__68bba8ae {
    margin-top: -0.3333333333em;
}

.player.player-xl .TitleTags_module_tag__68bba8ae {
    margin-top: -0.3333333333em;
}

.player.player-xxl .TitleTags_module_tag__68bba8ae {
    margin-top: -0.3333333333em;
}

.player.player-xl .TitleTags_module_tag__68bba8ae {
    font-size: 12px;
    border-radius: 4px;
    padding: 0.3333333333em 0.6666666667em;
    line-height: 1.3333333333em;
    max-height: 2em;
    margin-left: 0.6666666667em;
}

.player.player-xxl .TitleTags_module_tag__68bba8ae {
    font-size: 12px;
    border-radius: 4px;
    padding: 0.3333333333em 0.6666666667em;
    line-height: 1.3333333333em;
    max-height: 2em;
    margin-left: 0.6666666667em;
}

.TitleTags_module_tag__68bba8ae.TitleTags_module_dolbyVisionTag__68bba8ae {
    padding: 0.4em;
}

.TitleTags_module_tag__68bba8ae.TitleTags_module_dolbyVisionTag__68bba8ae svg {
    height: 1em;
}

.player.player-xl .TitleTags_module_tag__68bba8ae.TitleTags_module_dolbyVisionTag__68bba8ae svg {
    height: 0.8333333333em;
}

.player.player-xxl .TitleTags_module_tag__68bba8ae.TitleTags_module_dolbyVisionTag__68bba8ae svg {
    height: 0.8333333333em;
}

.TitleTags_module_tag__68bba8ae~.TitleTags_module_tag__68bba8ae {
    margin-left: 0.4em;
}

a.TitleTags_module_aiTag__68bba8ae[data-ai-content-tag=true] {
    color: #fff;
}

a.TitleTags_module_aiTag__68bba8ae[data-ai-content-tag=true]:hover {
    background: rgba(0, 0, 0, 0.2);
    color: var(--color-two-monochrome);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.player.mobile.Title_module_noFullscreenApiSupport__296cb5dd .Title_module_portrait__296cb5dd {
    display: none;
}

.player.mobile.Title_module_noFullscreenSupport__296cb5dd .Title_module_portrait__296cb5dd {
    display: none;
}

.Title_module_jsPlayerFullscreen__296cb5dd:not(:fullscreen) .player.mobile .Title_module_portrait__296cb5dd, .player.mobile:not(:fullscreen) .Title_module_portrait__296cb5dd {
    display: none;
}

.player.fullscreen .Title_module_title__296cb5dd {
    margin-right: 4em;
}

.Title_module_title__296cb5dd {
    display: flex;
    position: relative;
    padding: 8px;
    z-index: 12;
    transition: opacity 250ms ease-out;
    margin-right: 4.4em;
    pointer-events: auto;
    /*
      Prevents a flicker on Safari when other elements are animating
      @see https://stackoverflow.com/questions/15751012/
      css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
  */
    transform: translate3d(0, 0, 0);
}

.Title_module_jsPlayerFullscreen__296cb5dd:fullscreen .Title_module_title__296cb5dd,
.Title_module_jsPlayerFullscreenApi__296cb5dd .Title_module_title__296cb5dd {
    font-size: 11px;
}

.Title_module_portrait__296cb5dd {
    width: 3.6em;
    height: 3.6em;
    margin: 0 0.4em 0 0;
    flex: 1 0 auto;
    pointer-events: inherit;
}

.Title_module_portrait__296cb5dd .Title_module_portraitLink__296cb5dd {
    display: block;
    width: 100%;
    height: 100%;
}

.player.player-xs .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-sm .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-md .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-lg .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-xl .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-xxl .Title_module_portrait__296cb5dd {
    width: 4.8em;
    height: 4.8em;
}

.player.player-sm .Title_module_portrait__296cb5dd {
    width: 5.6em;
    height: 5.6em;
}

.player.player-md .Title_module_portrait__296cb5dd {
    width: 5.6em;
    height: 5.6em;
}

.player.player-lg .Title_module_portrait__296cb5dd {
    width: 5.6em;
    height: 5.6em;
}

.player.player-xl .Title_module_portrait__296cb5dd {
    width: 5.6em;
    height: 5.6em;
}

.player.player-xxl .Title_module_portrait__296cb5dd {
    width: 5.6em;
    height: 5.6em;
}

.Title_module_portrait__296cb5dd img {
    border: 2px solid;
    border-color: var(--color-one-opacity-ninety);
    width: 3.6em;
    height: 3.6em;
    border-radius: 50%;
}

.Title_module_portrait__296cb5dd img:hover {
    border-color: var(--color-two);
}

.player.player-xs .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-sm .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-md .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-lg .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-xl .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-xxl .Title_module_portrait__296cb5dd img {
    width: 4.8em;
    height: 4.8em;
}

.player.player-sm .Title_module_portrait__296cb5dd img {
    width: 5.6em;
    height: 5.6em;
}

.player.player-md .Title_module_portrait__296cb5dd img {
    width: 5.6em;
    height: 5.6em;
}

.player.player-lg .Title_module_portrait__296cb5dd img {
    width: 5.6em;
    height: 5.6em;
}

.player.player-xl .Title_module_portrait__296cb5dd img {
    width: 5.6em;
    height: 5.6em;
}

.player.player-xxl .Title_module_portrait__296cb5dd img {
    width: 5.6em;
    height: 5.6em;
}

.Title_module_header__296cb5dd {
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
}

.Title_module_headers__296cb5dd {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    flex: 1 1 100%;
    min-width: 0;
    overflow-wrap: break-word;
    hyphens: auto;
}

.Title_module_headers__296cb5dd * {
    pointer-events: inherit;
}

span.Title_module_titleText__296cb5dd {
    font-size: 14px;
    letter-spacing: -0.2px;
}

.player.player-md span.Title_module_titleText__296cb5dd {
    font-size: 18px;
    letter-spacing: -0.6px;
}

.player.player-lg span.Title_module_titleText__296cb5dd {
    font-size: 18px;
    letter-spacing: -0.6px;
}

.player.player-xl span.Title_module_titleText__296cb5dd {
    font-size: 18px;
    letter-spacing: -0.6px;
}

.player.player-xxl span.Title_module_titleText__296cb5dd {
    font-size: 18px;
    letter-spacing: -0.6px;
}

.player.player-xl span.Title_module_titleText__296cb5dd {
    font-size: 24px;
    letter-spacing: -0.8px;
}

.player.player-xxl span.Title_module_titleText__296cb5dd {
    font-size: 24px;
    letter-spacing: -0.8px;
}

.Title_module_titleWrapper__296cb5dd {
    display: block;
    position: relative;
    background-color: var(--color-one-opacity-ninety);
    color: var(--color-three);
    border-radius: 4px;
    margin-bottom: 0.4em;
    height: auto;
}

.Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 14px;
    padding: 0.2857142857em 0.5714285714em;
    line-height: 20px;
    height: 100%;
}

.player.player-md .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 18px;
    padding: 0.2222222222em 0.4444444444em;
    line-height: 24px;
}

.player.player-lg .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 18px;
    padding: 0.2222222222em 0.4444444444em;
    line-height: 24px;
}

.player.player-xl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 18px;
    padding: 0.2222222222em 0.4444444444em;
    line-height: 24px;
}

.player.player-xxl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 18px;
    padding: 0.2222222222em 0.4444444444em;
    line-height: 24px;
}

.player.player-xl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 24px;
    padding: 0.1666666667em 0.5em;
    line-height: 32px;
}

.player.player-xxl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd {
    font-size: 24px;
    padding: 0.1666666667em 0.5em;
    line-height: 32px;
}

.Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.5714285714em;
}

.player.player-md .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.4444444444em;
}

.player.player-lg .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.4444444444em;
}

.player.player-xl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.4444444444em;
}

.player.player-xxl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.4444444444em;
}

.player.player-xl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.3333333333em;
}

.player.player-xxl .Title_module_titleWrapper__296cb5dd .Title_module_textAndTagsWrapper__296cb5dd[data-title-tags=true] span.Title_module_titleText__296cb5dd {
    margin-right: 0.3333333333em;
}

.Title_module_titleWrapper__296cb5dd:hover {
    background-color: var(--color-two);
}

.Title_module_titleWrapper__296cb5dd:hover .Title_module_textAndTagsWrapper__296cb5dd {
    color: var(--color-two-monochrome);
}

.Title_module_titleWrapper__296cb5dd:hover .Title_module_textAndTagsWrapper__296cb5dd span[id=title-text] {
    color: var(--color-two-monochrome);
}

.Title_module_titleWrapper__296cb5dd:hover .Title_module_titleTag__296cb5dd {
    background: var(--color-two-monochrome-opacity-twenty-eighty);
}

a.Title_module_titleLink__296cb5dd {
    position: absolute;
    width: 100%;
    height: 100%;
}

a.Title_module_subtitle__296cb5dd {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    background-color: var(--color-one-opacity-ninety);
    color: var(--color-three);
    border-radius: 4px;
    font-size: 12px;
    gap: 0.3333333333em;
    line-height: 16px;
    padding: 0.3333333333em 0.6666666667em;
    margin: 0;
}

.player.player-xl a.Title_module_subtitle__296cb5dd {
    font-size: 14px;
    gap: 0.2857142857em;
    line-height: 20px;
    letter-spacing: -0.2px;
    padding: 0.2857142857em 0.8571428571em;
}

.player.player-xxl a.Title_module_subtitle__296cb5dd {
    font-size: 14px;
    gap: 0.2857142857em;
    line-height: 20px;
    letter-spacing: -0.2px;
    padding: 0.2857142857em 0.8571428571em;
}

a.Title_module_subtitle__296cb5dd span {
    color: var(--color-three);
    font-size: inherit;
}

a.Title_module_subtitle__296cb5dd:hover {
    background-color: var(--color-two);
}

a.Title_module_subtitle__296cb5dd:hover span {
    color: var(--color-two-monochrome);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Cards_module_cardsWrapper__9492d3ed {
    z-index: 11;
    position: absolute;
    pointer-events: all;
    overflow: visible;
    top: 1em;
    right: 1em;
    display: flex;
    transition-property: transform;
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.2);
    width: 320px;
    height: 0;
    transform: translateX(0);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Card_module_card__449914f1 {
    border-radius: 0.8em;
    max-width: 248px;
    position: absolute;
    top: 0;
    right: 0;
    height: 72px;
    opacity: 0;
    cursor: pointer;
    transform: translate(100%, 0);
    transition: transform 250ms cubic-bezier(0.18, 0.89, 0.32, 1.2), opacity 200ms;
    background: var(--color-one-opacity-ninety);
}

.Card_module_card__449914f1:hover {
    background: var(--color-one);
    box-shadow: rgba(0, 0, 0, 0.17) 0 0.5rem 1rem -0.5rem, rgba(0, 0, 0, 0.33) 0 0 0.25rem -0.06rem;
}

.Card_module_card__449914f1:not(.Card_module_active__449914f1) {
    pointer-events: none;
}

.Card_module_card__449914f1.Card_module_active__449914f1 {
    opacity: 1;
    transform: translate(0, 0);
}

.Card_module_card__449914f1.Card_module_hasThumbnail__449914f1 {
    max-width: 320px;
}

.Card_module_card__449914f1.Card_module_vertical__449914f1 {
    max-width: 208px;
}

.Card_module_inner__449914f1 {
    display: flex;
    height: 100%;
    overflow: hidden;
    border-radius: 0.8em;
}

.Card_module_imageWrap__449914f1 {
    display: none;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

.Card_module_hasThumbnail__449914f1 .Card_module_imageWrap__449914f1 {
    display: flex;
}

.Card_module_image__449914f1 {
    height: 100%;
    width: auto;
}

.Card_module_body__449914f1 {
    width: 248px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.4em 1.6em;
}

.Card_module_text__449914f1 {
    margin: 0;
    user-select: none;
}

.Card_module_text__449914f1.Card_module_title__449914f1 {
    color: var(--color-three);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
}

.Card_module_text__449914f1.Card_module_detail__449914f1 {
    color: var(--color-three);
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Card_module_popOutWrapper__449914f1 {
    padding: 1em 1em 0 0;
}

.Card_module_popOut__449914f1 {
    flex: 0 0 1em;
    width: 1em;
    height: 1em;
}

.Card_module_popOut__449914f1 * {
    fill: var(--color-three);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.TinyProgressBar_module_tinyBar__71fa705b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
}

.TinyProgressBar_module_tinyBar__71fa705b svg.TinyProgressBar_module_tinyBarSVG__71fa705b {
    width: 100%;
    height: 100%;
}

.TinyProgressBar_module_played__71fa705b {
    fill: var(--color-two);
}

.TinyProgressBar_module_loaded__71fa705b {
    fill: var(--color-one-monochrome-opacity-twenty);
}

.TinyProgressBar_module_bufferPattern__71fa705b line {
    stroke: var(--color-two);
}

.TinyProgressBar_module_buffer__71fa705b,
.TinyProgressBar_module_loaded__71fa705b,
.TinyProgressBar_module_played__71fa705b {
    position: absolute;
    border: 0.1em solid transparent;
    height: 100%;
    background-clip: padding-box;
}

.TinyProgressBar_module_buffer__71fa705b {
    animation: TinyProgressBar_module_buffer__71fa705b 250ms linear infinite;
}

@keyframes TinyProgressBar_module_buffer__71fa705b {
    100% {
        transform: translateX(-10px);
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PlayButton_module_playButtonWrapper__d1afd73a {
    transition: width 250ms ease-in-out, margin 250ms ease-in-out;
    width: 5.6em;
    height: 3.2em;
    margin: 0 0.8em 0 0;
    pointer-events: all;
}

.player.player-xl .PlayButton_module_playButtonWrapper__d1afd73a {
    height: 4em;
    width: 6.4em;
}

.player.player-xxl .PlayButton_module_playButtonWrapper__d1afd73a {
    height: 4em;
    width: 6.4em;
}

.PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_center__d1afd73a {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_trailer__d1afd73a {
    width: 14.5em;
    height: 4em;
}

.player.player-xl .PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_trailer__d1afd73a {
    height: 4.8em;
    width: 15.8em;
}

.player.player-xxl .PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_trailer__d1afd73a {
    height: 4.8em;
    width: 15.8em;
}

.PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_progressExpanded__d1afd73a {
    width: 0;
    margin: 0;
}

.player.player-xl .PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_progressExpanded__d1afd73a {
    width: 0;
    margin: 0;
}

.player.player-xxl .PlayButton_module_playButtonWrapper__d1afd73a.PlayButton_module_progressExpanded__d1afd73a {
    width: 0;
    margin: 0;
}

.PlayButton_module_playButton__d1afd73a {
    margin: 8px;
    font-family: inherit;
    border-radius: 4px;
    color: #fff;
    border: 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(0, 0, 0, 0.9);
    width: 5.6em;
    height: 3.2em;
    color: #fff;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    appearance: none;
    z-index: 23;
    background-color: var(--color-one-opacity-ninety);
    /*
      Prevents a flicker on Safari when other elements are animating
      @see https://stackoverflow.com/questions/15751012/
      css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
  */
    transform: translate3d(0, 0, 0);
    transition: opacity 250ms ease-out, background-color 40ms, color 40ms, width 250ms ease-in-out;
}

.player.player-xl .PlayButton_module_playButton__d1afd73a {
    height: 4em;
    width: 6.4em;
}

.player.player-xxl .PlayButton_module_playButton__d1afd73a {
    height: 4em;
    width: 6.4em;
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_playIcon__d1afd73a,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_pauseIcon__d1afd73a,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_replayIcon__d1afd73a,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_trailerIcon__d1afd73a {
    margin: 0;
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_playIcon__d1afd73a path,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_pauseIcon__d1afd73a path,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_replayIcon__d1afd73a path,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_trailerIcon__d1afd73a path {
    fill: var(--color-three);
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_playIcon__d1afd73a,
.PlayButton_module_playButton__d1afd73a .PlayButton_module_pauseIcon__d1afd73a {
    width: 100%;
    min-height: auto;
    height: 2.4em;
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_replayIcon__d1afd73a {
    width: 2em;
    height: 2em;
    transform: scaleX(-1);
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_trailerIcon__d1afd73a {
    margin-right: 1.2em;
    width: 1.4em;
    height: 1.6em;
    min-width: unset;
}

.PlayButton_module_playButton__d1afd73a.PlayButton_module_trailer__d1afd73a {
    display: flex;
    justify-content: center;
    width: 14.5em;
    height: 4em;
    padding: 0.8em 1.6em 0.8em 1.2em;
    border-radius: 4px;
}

.PlayButton_module_playButton__d1afd73a.PlayButton_module_trailer__d1afd73a>span {
    overflow: visible;
}

.player.player-xl .PlayButton_module_playButton__d1afd73a.PlayButton_module_trailer__d1afd73a {
    height: 4.8em;
    width: 15.8em;
    left: 1.6em;
    padding: 1.2em 1.6em 1.2em 1.2em;
    border-radius: 8px;
}

.player.player-xxl .PlayButton_module_playButton__d1afd73a.PlayButton_module_trailer__d1afd73a {
    height: 4.8em;
    width: 15.8em;
    left: 1.6em;
    padding: 1.2em 1.6em 1.2em 1.2em;
    border-radius: 8px;
}

.PlayButton_module_playButton__d1afd73a.PlayButton_module_progressExpanded__d1afd73a {
    width: 0;
    pointer-events: none;
}

.PlayButton_module_playButton__d1afd73a .PlayButton_module_text__d1afd73a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.7142857143em;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-three);
}

.player.player-xl .PlayButton_module_playButton__d1afd73a .PlayButton_module_text__d1afd73a {
    width: 6.125em;
    font-size: 16px;
}

.player.player-xxl .PlayButton_module_playButton__d1afd73a .PlayButton_module_text__d1afd73a {
    width: 6.125em;
    font-size: 16px;
}

@media (hover: hover) {
    .PlayButton_module_playButton__d1afd73a:hover {
        background-color: var(--color-two);
    }

    .PlayButton_module_playButton__d1afd73a:hover .PlayButton_module_playIcon__d1afd73a path,
    .PlayButton_module_playButton__d1afd73a:hover .PlayButton_module_pauseIcon__d1afd73a path,
    .PlayButton_module_playButton__d1afd73a:hover .PlayButton_module_replayIcon__d1afd73a path,
    .PlayButton_module_playButton__d1afd73a:hover .PlayButton_module_trailerIcon__d1afd73a path {
        fill: var(--color-two-monochrome);
    }

    .PlayButton_module_playButton__d1afd73a:hover .PlayButton_module_text__d1afd73a {
        color: var(--color-two-monochrome);
    }

    .PlayButton_module_playButton__d1afd73a:hover [data-tiny-played] {
        fill: var(--color-two-monochrome);
    }

    .PlayButton_module_playButton__d1afd73a:hover [data-tiny-loaded] {
        fill: var(--color-two-monochrome-opacity-twenty);
    }

    .PlayButton_module_playButton__d1afd73a:hover [data-tiny-buffer-pattern] line {
        stroke: var(--color-two-monochrome);
    }

    .PlayButton_module_playButton__d1afd73a:hover:not(:active) {
        border: none;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.player.no-fullscreen-support .FullscreenButton_module_fullscreen__81b38f0e {
    display: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PrefsButton_module_prefsButton__cdff1984 .PrefsButton_module_gearIcon__cdff1984 {
    height: 100%;
    transform-origin: 50% 50%;
    transition: transform 450ms cubic-bezier(0.08, 0.82, 0.17, 1);
}

.PrefsButton_module_prefsButton__cdff1984[aria-expanded=true] .PrefsButton_module_gearIcon__cdff1984 {
    transform: rotate(30deg);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VimeoLogoLink_module_vimeoLogo__7428a3b3 {
    display: flex;
    margin-right: 4px;
    height: 100%;
    z-index: 23;
}

.VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    height: 100%;
    fill: #fff;
    padding: 0.2em;
    width: 24px;
}

.player.player-sm .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 58px;
}

.player.player-md .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 58px;
}

.player.player-lg .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 58px;
}

.player.player-xl .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 58px;
}

.player.player-xxl .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 58px;
}

.player.player-xl .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 76px;
    padding: 0.3em 0.2em;
}

.player.player-xxl .VimeoLogoLink_module_vimeoLogo__7428a3b3 svg {
    width: 76px;
    padding: 0.3em 0.2em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ControlBarButton_module_controlBarButton__179d9b92 {
    width: 2.4em;
    height: 2.4em;
    padding: 0.2em;
    border-radius: 4px;
    appearance: none;
    border: none;
    transition: none;
    background: none;
    position: relative;
    display: flex;
    pointer-events: inherit;
    z-index: 23;
}

.player.player-xl .ControlBarButton_module_controlBarButton__179d9b92 {
    width: 3.2em;
    height: 3.2em;
    border-radius: 8px;
}

.player.player-xxl .ControlBarButton_module_controlBarButton__179d9b92 {
    width: 3.2em;
    height: 3.2em;
    border-radius: 8px;
}

.ControlBarButton_module_controlBarButton__179d9b92 svg {
    width: 2.4em;
    height: 100%;
}

.ControlBarButton_module_controlBarButton__179d9b92 svg path {
    fill: var(--color-three);
}

.player.player-xl .ControlBarButton_module_controlBarButton__179d9b92 svg {
    width: 3.2em;
}

.player.player-xxl .ControlBarButton_module_controlBarButton__179d9b92 svg {
    width: 3.2em;
}

@media (hover: hover) {
    .ControlBarButton_module_controlBarButton__179d9b92:hover svg path {
        fill: var(--color-two);
    }
}

.ControlBarButton_module_controlBarButton__179d9b92:active {
    background: rgba(255, 255, 255, 0.4);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChromecastButton_module_chromecastButton__a2d33bfd {
    position: relative;
    background: none;
    border: none;
    appearance: none;
    --connected-color: var(--color-two);
}

.ChromecastButton_module_chromecastButton__a2d33bfd:active {
    outline: 2px solid #00adef !important;
    outline-offset: 2px;
    background: rgba(255, 255, 255, 0.4);
}

@media (max-width: 299px), (max-height: 169px) {
    .ChromecastButton_module_chromecastButton__a2d33bfd {
        display: none;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CollapseButton_module_collapseButton__4f243c31 {
    transform: rotate(180deg);
    transition: transform 250ms ease-in-out;
    z-index: 23;
}

.CollapseButton_module_collapseButton__4f243c31.CollapseButton_module_expanded__4f243c31 {
    transform: rotate(0deg);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CustomLogo_module_customLogo__a7229b47 {
    margin-left: 0.8em;
}

.player.player-xl .CustomLogo_module_customLogo__a7229b47 {
    margin-left: 1.6em;
}

.player.player-xxl .CustomLogo_module_customLogo__a7229b47 {
    margin-left: 1.6em;
}

.CustomLogo_module_customLogo__a7229b47.CustomLogo_module_link__a7229b47 {
    pointer-events: all;
}

.CustomLogo_module_customLogoImg__a7229b47 {
    position: relative;
    z-index: 24;
    vertical-align: bottom;
}

.CustomLogo_module_customLogo__a7229b47,
.CustomLogo_module_customLogoImg__a7229b47 {
    transition: max-width 250ms ease-in-out;
    max-height: 3.2em;
}

.player.player-sm .CustomLogo_module_customLogo__a7229b47,
.player.player-sm .CustomLogo_module_customLogoImg__a7229b47 {
    max-height: 4em;
}

.player.player-md .CustomLogo_module_customLogo__a7229b47,
.player.player-md .CustomLogo_module_customLogoImg__a7229b47 {
    max-height: 4.8em;
}

.player.player-lg .CustomLogo_module_customLogo__a7229b47,
.player.player-lg .CustomLogo_module_customLogoImg__a7229b47 {
    max-height: 5.6em;
}

.player.player-xl .CustomLogo_module_customLogo__a7229b47,
.player.player-xl .CustomLogo_module_customLogoImg__a7229b47 {
    max-height: 6.4em;
}

.player.player-xxl .CustomLogo_module_customLogo__a7229b47,
.player.player-xxl .CustomLogo_module_customLogoImg__a7229b47 {
    max-height: 7.2em;
}

.CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 11.2em;
}

.player.player-sm .CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.player.player-sm .CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 12em;
}

.player.player-md .CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.player.player-md .CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 12.8em;
}

.player.player-lg .CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.player.player-lg .CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 13.6em;
}

.player.player-xl .CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.player.player-xl .CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 14.4em;
}

.player.player-xxl .CustomLogo_module_customLogo__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47),
.player.player-xxl .CustomLogo_module_customLogoImg__a7229b47:not(.CustomLogo_module_progressExpanded__a7229b47) {
    max-width: 15.2em;
}

.CustomLogo_module_customLogo__a7229b47.CustomLogo_module_progressExpanded__a7229b47,
.CustomLogo_module_customLogoImg__a7229b47.CustomLogo_module_progressExpanded__a7229b47 {
    max-width: 0;
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CuePointMarkers_module_cuePoints__cc046812 {
    background-color: #fff;
    height: 100%;
    margin: 0;
    padding: 0 1px;
    position: absolute;
    top: 0;
    transition: transform 150ms ease-in-out, opacity 150ms ease-out;
    opacity: 0.5;
    transform: translateX(-50%) scale(1);
    z-index: 26;
    cursor: pointer;
}

.CuePointMarkers_module_cuePoints__cc046812:hover, .CuePointMarkers_module_cuePoints__cc046812:focus {
    opacity: 1;
    transform: translateX(-50%) scale(1.5);
    z-index: 27;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.FocusTarget_module_focusTarget__00a969cc {
    width: 100%;
    height: 100%;
    outline: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.InteractiveMarker_module_interactiveMarker__2cec5fab {
    position: absolute;
    height: 0.8em;
    width: 0.8em;
    border: 0.2em solid var(--color-two);
    border-radius: 0.4em;
    margin-left: -0.4em;
    z-index: 26;
    background-color: var(--color-three);
    cursor: pointer;
}

@media (max-width: 414px), (max-height: 168px) {
    .InteractiveMarker_module_interactiveMarker__2cec5fab {
        display: none;
    }
}

.InteractiveMarker_module_interactiveMarker__2cec5fab:hover, .InteractiveMarker_module_interactiveMarker__2cec5fab:focus {
    height: 1.2em;
    width: 1.2em;
    border-radius: 0.6em;
    margin-left: -0.6em;
    z-index: 27;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Timecode_module_timecodeContainer__66300889 {
    position: absolute;
    display: block;
    left: 0;
    top: -0.8em;
    margin: -2em 0 0 -1.2em;
}

.Timecode_module_timecodeContainer__66300889 .Timecode_module_timecode__66300889 {
    border-radius: 4px;
    padding: 0.2em 0.4em;
    line-height: 1.6em;
    font-weight: 500;
    position: relative;
    left: -50%;
    display: inline-block;
    margin-left: 2.3em;
    background: #fff;
    color: #000;
    cursor: grab;
}

.Timecode_module_timecodeContainer__66300889 .Timecode_module_timecode__66300889.Timecode_module_disabled__66300889 {
    cursor: default;
}

.Timecode_module_timecodeContainer__66300889 .Timecode_module_timecode__66300889::after {
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.4em solid #fff;
    bottom: -0.3em;
    content: "";
    left: 50%;
    margin-left: -0.4em;
    position: absolute;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ThumbnailPreview_module_thumbnailPreview__11395132 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    overflow: hidden;
    max-height: 12em;
    border-radius: 8px;
    transform: translateX(-50%);
    bottom: 2.4em;
    pointer-events: none;
}

.player.player-sm .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 16em;
}

.player.player-md .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 16em;
}

.player.player-lg .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 16em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 16em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 16em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 20em;
    bottom: 2.8em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 {
    max-height: 20em;
    bottom: 2.8em;
}

.ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewImage__11395132 {
    border: 2px solid #000;
    border-radius: 8px 8px 0 0;
}

.ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-height: 5.8181818182em;
    line-height: 1.4545454545em;
    padding: 0.3636363636em;
    background: rgba(0, 0, 0, 0.9);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 0 0 8px 8px;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 {
    max-height: 6.6666666667em;
    padding: 0.6666666667em;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.3333333333em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 {
    max-height: 6.6666666667em;
    padding: 0.6666666667em;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.3333333333em;
}

.ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    border: 1px solid #414141;
    width: 10.1818181818em;
    margin: 0.3636363636em 0.7272727273em;
    background-color: #414141;
}

.player.player-sm .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 13.0909090909em;
}

.player.player-md .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 13.0909090909em;
}

.player.player-lg .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 13.0909090909em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 13.0909090909em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 13.0909090909em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 15.3333333333em;
    margin: 0.6666666667em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_separator__11395132 {
    width: 15.3333333333em;
    margin: 0.6666666667em;
}

.ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    height: 1.4545454545em;
    padding: 0 0.3636363636em;
    max-width: 10.1818181818em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.player.player-sm .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    max-width: 13.0909090909em;
}

.player.player-md .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    max-width: 13.0909090909em;
}

.player.player-lg .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    max-width: 13.0909090909em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    max-width: 13.0909090909em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    max-width: 13.0909090909em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    padding: 0 0.3333333333em;
    height: 1.3333333333em;
    max-width: 15.3333333333em;
    line-height: 1.3333333333em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_text__11395132 {
    padding: 0 0.3333333333em;
    height: 1.3333333333em;
    max-width: 15.3333333333em;
    line-height: 1.3333333333em;
}

.ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_time__11395132 {
    height: 1.4545454545em;
}

.player.player-xl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_time__11395132 {
    height: 1.3333333333em;
}

.player.player-xxl .ThumbnailPreview_module_thumbnailPreview__11395132 .ThumbnailPreview_module_thumbnailPreviewText__11395132 .ThumbnailPreview_module_time__11395132 {
    height: 1.3333333333em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChapterSegment_module_chapter__611ea95b,
.ChapterSegment_module_segmentBar__611ea95b {
    height: 0.4em;
    border-radius: 10em;
}

.ChapterSegment_module_chapter__611ea95b {
    transition: height 0.2s ease-in-out;
    background-color: var(--color-three-opacity-twenty);
}

.ChapterSegment_module_segmentBar__611ea95b {
    position: absolute;
}

.ChapterSegment_module_chapter__611ea95b.ChapterSegment_module_seekingDisabled__611ea95b {
    cursor: not-allowed;
}

.ChapterSegment_module_chapter__611ea95b.ChapterSegment_module_seekingDisabled__611ea95b .ChapterSegment_module_segmentBar__611ea95b {
    cursor: pointer;
}

.ChapterSegment_module_chapterWrapper__611ea95b {
    position: relative;
    padding: 1.6em 0;
    cursor: pointer;
    margin-left: 2px;
    overflow: hidden;
}

.ChapterSegment_module_chapterWrapper__611ea95b.ChapterSegment_module_liveDisabled__611ea95b, .ChapterSegment_module_chapterWrapper__611ea95b.ChapterSegment_module_seekingDisabled__611ea95b {
    cursor: default;
}

.ChapterSegment_module_chapterWrapper__611ea95b:first-of-type {
    margin-left: 0;
}

.ChapterSegment_module_chapterWrapper__611ea95b.ChapterSegment_module_expanded__611ea95b .ChapterSegment_module_chapter__611ea95b,
.ChapterSegment_module_chapterWrapper__611ea95b.ChapterSegment_module_expanded__611ea95b .ChapterSegment_module_segmentBar__611ea95b, .ChapterSegment_module_chapterWrapper__611ea95b:not(.ChapterSegment_module_hoverDisabled__611ea95b):hover .ChapterSegment_module_chapter__611ea95b,
.ChapterSegment_module_chapterWrapper__611ea95b:not(.ChapterSegment_module_hoverDisabled__611ea95b):hover .ChapterSegment_module_segmentBar__611ea95b {
    height: 0.8em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LoadedBar_module_loaded__9af6b4fa {
    background-color: var(--color-three-opacity-twenty);
    transition: width 175ms cubic-bezier(0.18, 0, 0.07, 1), height 0.2s ease-in-out;
}

.LoadedBar_module_loaded__9af6b4fa.LoadedBar_module_shortVideo__9af6b4fa {
    transition: width 300ms cubic-bezier(0.18, 0, 0.07, 1), height 0.2s ease-in-out;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PlayedBar_module_played__a3ef1250 {
    transition: height 0.2s ease-in-out;
    background-color: var(--color-two);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChapterSegments_module_chapterSegmentsWrapper__e2d21102 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ProgressBarV1_module_progressBarContainer__4af59e79 {
    transition: width 250ms ease-in-out, margin 250ms ease-in-out, flex-grow 250ms ease-in-out, flex-shrink 250ms ease-in-out, padding 250ms ease-in-out;
    height: 0.4em;
    display: flex;
    align-items: center;
    padding: 16px 8px;
    flex-grow: 1;
}

.player.player-xl .ProgressBarV1_module_progressBarContainer__4af59e79 {
    padding: 16px 8px 16px 12px;
}

.player.player-xxl .ProgressBarV1_module_progressBarContainer__4af59e79 {
    padding: 16px 8px 16px 12px;
}

.ProgressBarV1_module_progressBarContainer__4af59e79.ProgressBarV1_module_progressHidden__4af59e79 {
    padding: 16px 0;
    flex-grow: 0;
}

.ProgressBarV1_module_progressBarContainer__4af59e79.ProgressBarV1_module_progressExpanded__4af59e79 {
    padding: 16px 8px;
    flex-shrink: 0;
}

.ProgressBarV1_module_progressBarContainer__4af59e79 .ProgressBarV1_module_progressBar__4af59e79 {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex: 1;
    height: 0.4em;
    position: relative;
}

.player.player-tiny .ProgressBarV1_module_progressBarContainer__4af59e79 {
    display: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ProgressBarV2_module_progressBarContainer__cd48c3ae {
    transition: width 250ms ease-in-out, margin 250ms ease-in-out, flex-grow 250ms ease-in-out, flex-shrink 250ms ease-in-out, padding 250ms ease-in-out;
    height: 0.4em;
    display: flex;
    align-items: center;
    padding: 16px 8px;
    flex-grow: 1;
}

.player.player-xl .ProgressBarV2_module_progressBarContainer__cd48c3ae {
    padding: 16px 8px 16px 12px;
}

.player.player-xxl .ProgressBarV2_module_progressBarContainer__cd48c3ae {
    padding: 16px 8px 16px 12px;
}

.ProgressBarV2_module_progressBarContainer__cd48c3ae.ProgressBarV2_module_progressHidden__cd48c3ae {
    padding: 16px 0;
    flex-grow: 0;
}

.ProgressBarV2_module_progressBarContainer__cd48c3ae.ProgressBarV2_module_progressExpanded__cd48c3ae {
    padding: 16px 8px;
    flex-shrink: 0;
}

.ProgressBarV2_module_progressBarContainer__cd48c3ae .ProgressBarV2_module_progressBar__cd48c3ae {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex: 1;
    height: 0.4em;
    position: relative;
}

.player.player-tiny .ProgressBarV2_module_progressBarContainer__cd48c3ae {
    display: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ControlBarV1_module_controlBarWrapper__949c910f {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    bottom: 0.8em;
    left: 0.8em;
    right: 0.8em;
    height: 3.2em;
    touch-action: pan-y pinch-zoom;
}

.player.player-xl .ControlBarV1_module_controlBarWrapper__949c910f {
    bottom: 1.6em;
    left: 1.6em;
    right: 1.6em;
    height: 4em;
}

.player.player-xxl .ControlBarV1_module_controlBarWrapper__949c910f {
    bottom: 1.6em;
    left: 1.6em;
    right: 1.6em;
    height: 4em;
}

.ControlBarV1_module_controls__949c910f {
    height: 3.2em;
    z-index: 23;
    display: flex;
    flex: 1;
    pointer-events: all;
    justify-content: flex-end;
}

.player.player-xl .ControlBarV1_module_controls__949c910f {
    height: 4em;
}

.player.player-xxl .ControlBarV1_module_controls__949c910f {
    height: 4em;
}

.ControlBarV1_module_controls__949c910f.ControlBarV1_module_trailer__949c910f {
    align-items: center;
    flex-direction: column;
    z-index: 16;
    height: auto !important;
}

.ControlBarV1_module_progressBarAndButtons__949c910f {
    transition: flex-grow 250ms ease-in-out;
    background-color: var(--color-one-opacity-ninety);
    border-radius: 4px;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 32px;
    padding: 4px;
    /*
      Prevents a flicker on Safari when other elements are animating
      @see https://stackoverflow.com/questions/15751012/
      css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
  */
    transform: translate3d(0, 0, 0);
}

.ControlBarV1_module_progressBarAndButtons__949c910f.ControlBarV1_module_showAllControls__949c910f {
    justify-content: flex-end;
}

.player.player-xl .ControlBarV1_module_progressBarAndButtons__949c910f {
    height: 40px;
}

.player.player-xxl .ControlBarV1_module_progressBarAndButtons__949c910f {
    height: 40px;
}

.ControlBarV1_module_progressBarAndButtons__949c910f.ControlBarV1_module_progressBarDisabled__949c910f {
    gap: 4px;
    flex-grow: 0;
    z-index: 23;
    justify-content: flex-end;
    max-width: 100%;
    pointer-events: all;
}

.ControlBarV1_module_progressBarAndButtons__949c910f.ControlBarV1_module_progressBarDisabled__949c910f.ControlBarV1_module_buttonsExpanded__949c910f {
    flex-grow: 1;
}

.ControlBarV1_module_progressBarAndButtons__949c910f:empty {
    display: none;
}

.ControlBarV1_module_centerPlayButton__949c910f {
    height: auto;
    top: 0.8em;
}

.player.player-xl .ControlBarV1_module_centerPlayButton__949c910f {
    height: auto;
    top: 1.6em;
}

.player.player-xxl .ControlBarV1_module_centerPlayButton__949c910f {
    height: auto;
    top: 1.6em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VolumeControl_module_volumeControlContainer__a0c94891 {
    padding: 1.6em 0;
    display: flex;
    justify-content: center;
    pointer-events: auto;
}

.VolumeControl_module_volumeControl__a0c94891 {
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8em 1em;
    width: 3.2em;
    height: 9.6em;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    bottom: 3.2em;
}

.VolumeControl_module_volumeControl__a0c94891:focus-within {
    outline: none;
}

.player.player-xl .VolumeControl_module_volumeControl__a0c94891 {
    bottom: 4em;
    width: 4em;
    height: 12em;
    border-radius: 8px;
}

.player.player-xxl .VolumeControl_module_volumeControl__a0c94891 {
    bottom: 4em;
    width: 4em;
    height: 12em;
    border-radius: 8px;
}

.VolumeControl_module_volumeControl__a0c94891:active {
    cursor: grabbing;
}

.VolumeControl_module_volumeControl__a0c94891:focus-visible {
    outline: 2px solid #00adef;
    outline-offset: 2px;
}

.VolumeControl_module_volumeBar__a0c94891 {
    position: relative;
    display: flex;
    justify-content: center;
    height: 7.2em;
    width: 0.4em;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    outline: none;
    transition: width 0.2s ease-in-out;
}

.player.player-xl .VolumeControl_module_volumeBar__a0c94891 {
    width: 0.6em;
    height: 8.8em;
}

.player.player-xxl .VolumeControl_module_volumeBar__a0c94891 {
    width: 0.6em;
    height: 8.8em;
}

.VolumeControl_module_volumeBarFill__a0c94891 {
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 1;
    border-radius: 100px;
    background-color: var(--color-two);
}

.VolumeControl_module_sliderHandle__a0c94891 {
    position: absolute;
    transform: translateY(50%);
    background-color: #fff;
    height: 0.8em;
    width: 0.8em;
    border-radius: 4px;
    margin: 0 6em;
    transition: height 0.2s ease-in-out, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

.player.player-xl .VolumeControl_module_sliderHandle__a0c94891 {
    height: 1.2em;
    width: 1.2em;
    border-radius: 6px;
}

.player.player-xxl .VolumeControl_module_sliderHandle__a0c94891 {
    height: 1.2em;
    width: 1.2em;
    border-radius: 6px;
}

.VolumeControl_module_mouseEnteredSlider__a0c94891 {
    width: 0.6em;
}

.player.player-xl .VolumeControl_module_mouseEnteredSlider__a0c94891 {
    width: 0.8em;
}

.player.player-xxl .VolumeControl_module_mouseEnteredSlider__a0c94891 {
    width: 0.8em;
}

.VolumeControl_module_mouseEnteredSlider__a0c94891 .VolumeControl_module_sliderHandle__a0c94891 {
    height: 1.2em;
    width: 1.2em;
    border-radius: 6px;
}

.player.player-xl .VolumeControl_module_mouseEnteredSlider__a0c94891 .VolumeControl_module_sliderHandle__a0c94891 {
    height: 1.6em;
    width: 1.6em;
    border-radius: 8px;
}

.player.player-xxl .VolumeControl_module_mouseEnteredSlider__a0c94891 .VolumeControl_module_sliderHandle__a0c94891 {
    height: 1.6em;
    width: 1.6em;
    border-radius: 8px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ControlBarButtonsAndMenusV1_module_wrapper__ac6d6a47 {
    gap: 4px;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: max-width 250ms ease-in-out, flex-grow 250ms ease-in-out, opacity 250ms ease-out;
    height: 100%;
    opacity: 1;
}

.ControlBarButtonsAndMenusV1_module_wrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_progressHidden__ac6d6a47 {
    flex-grow: 1;
}

.ControlBarButtonsAndMenusV1_module_wrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsHidden__ac6d6a47 {
    flex-grow: 0;
}

.ControlBarButtonsAndMenusV1_module_wrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_progressExpanded__ac6d6a47 {
    opacity: 0;
    max-width: 0%;
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47 {
    transition: opacity 250ms ease-out, width 250ms ease-out, margin 250ms ease-out;
    width: 100%;
    height: 100%;
    opacity: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 22;
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_collapsingEnabled__ac6d6a47 {
    clip-path: polygon(-100% calc(-32px - 8px), 200% calc(-32px - 8px), 200% calc(32px + 8px), calc(100% - 24px - 2px * 2) calc(32px + 8px), calc(100% - 24px - 2px * 2) 200%, calc(24px + 2px * 2) 200%, calc(24px + 2px * 2) calc(32px + 8px), -100% calc(32px + 8px), -100% calc(-32px - 8px));
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_canScroll__ac6d6a47 {
    justify-content: center;
    mask-image: linear-gradient(to right, transparent 0%, #000 16px, #000 calc(100% - 16px), transparent 100%);
    mask-clip: no-clip;
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsHidden__ac6d6a47 {
    opacity: 0;
    width: 0%;
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsOnly__ac6d6a47.ControlBarButtonsAndMenusV1_module_vimeoLogoEnabled__ac6d6a47 {
    margin-left: 4px;
}

.ControlBarButtonsAndMenusV1_module_collapsibleWrapper__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsOnly__ac6d6a47.ControlBarButtonsAndMenusV1_module_collapsingEnabled__ac6d6a47 {
    margin: 0 -8px;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47 {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    transition: width 250ms ease-in-out, padding 250ms ease-in-out;
    gap: 4px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    pointer-events: none;
    overflow: visible;
    clip-path: none;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47::-webkit-scrollbar {
    display: none;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47 button {
    pointer-events: all;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47.ControlBarButtonsAndMenusV1_module_collapsingEnabled__ac6d6a47 {
    overflow: visible clip;
    position: absolute;
    justify-content: flex-end;
    padding: 56px 8px;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47.ControlBarButtonsAndMenusV1_module_collapsingEnabled__ac6d6a47.ControlBarButtonsAndMenusV1_module_canScroll__ac6d6a47 {
    overflow-x: scroll;
    justify-content: flex-start;
    pointer-events: visible;
    padding: 24px 32px;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsHidden__ac6d6a47 {
    width: 0%;
}

.ControlBarButtonsAndMenusV1_module_collapsibleContent__ac6d6a47.ControlBarButtonsAndMenusV1_module_buttonsHidden__ac6d6a47 button {
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ControlBarButtonsAndMenusV2_module_wrapper__ed57b786 {
    gap: 4px;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: max-width 250ms ease-in-out, flex-grow 250ms ease-in-out, opacity 250ms ease-out;
    height: 100%;
    opacity: 1;
}

.ControlBarButtonsAndMenusV2_module_wrapper__ed57b786.ControlBarButtonsAndMenusV2_module_progressHidden__ed57b786 {
    flex-grow: 1;
}

.ControlBarButtonsAndMenusV2_module_wrapper__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsHidden__ed57b786 {
    flex-grow: 0;
}

.ControlBarButtonsAndMenusV2_module_wrapper__ed57b786.ControlBarButtonsAndMenusV2_module_progressExpanded__ed57b786 {
    opacity: 0;
    max-width: 0%;
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786 {
    transition: opacity 250ms ease-out, width 250ms ease-out, margin 250ms ease-out;
    width: 100%;
    height: 100%;
    opacity: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 22;
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786.ControlBarButtonsAndMenusV2_module_collapsingEnabled__ed57b786 {
    clip-path: polygon(-100% calc(-32px - 8px), 200% calc(-32px - 8px), 200% calc(32px + 8px), calc(100% - 24px - 2px * 2) calc(32px + 8px), calc(100% - 24px - 2px * 2) 200%, calc(24px + 2px * 2) 200%, calc(24px + 2px * 2) calc(32px + 8px), -100% calc(32px + 8px), -100% calc(-32px - 8px));
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786.ControlBarButtonsAndMenusV2_module_canScroll__ed57b786 {
    justify-content: center;
    mask-image: linear-gradient(to right, transparent 0%, #000 16px, #000 calc(100% - 16px), transparent 100%);
    mask-clip: no-clip;
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsHidden__ed57b786 {
    opacity: 0;
    width: 0%;
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsOnly__ed57b786.ControlBarButtonsAndMenusV2_module_vimeoLogoEnabled__ed57b786 {
    margin-left: 4px;
}

.ControlBarButtonsAndMenusV2_module_collapsibleWrapper__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsOnly__ed57b786.ControlBarButtonsAndMenusV2_module_collapsingEnabled__ed57b786 {
    margin: 0 -8px;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786 {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    transition: width 250ms ease-in-out, padding 250ms ease-in-out;
    gap: 4px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    pointer-events: none;
    overflow: visible;
    clip-path: none;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786::-webkit-scrollbar {
    display: none;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786 button {
    pointer-events: all;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786.ControlBarButtonsAndMenusV2_module_collapsingEnabled__ed57b786 {
    overflow: visible clip;
    position: absolute;
    justify-content: flex-end;
    padding: 56px 8px;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786.ControlBarButtonsAndMenusV2_module_collapsingEnabled__ed57b786.ControlBarButtonsAndMenusV2_module_canScroll__ed57b786 {
    overflow-x: scroll;
    justify-content: flex-start;
    pointer-events: visible;
    padding: 24px 32px;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsHidden__ed57b786 {
    width: 0%;
}

.ControlBarButtonsAndMenusV2_module_collapsibleContent__ed57b786.ControlBarButtonsAndMenusV2_module_buttonsHidden__ed57b786 button {
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
button.DebugPanelButton_module_debugPanelButton__9c678770 {
    height: 4.8em;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    color: #fff;
    padding-left: 20px;
    border: none;
}

button.DebugPanelButton_module_debugPanelButton__9c678770 .DebugPanelButton_module_debugPanelButtonIcon__9c678770 {
    fill: #fff;
    margin-right: 1em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PreviewWindow_module_previewWindow__13200e2c {
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
    width: calc(100% + 16px);
    height: 9.4em;
    text-align: center;
    margin: -1em -0.8em 0;
    pointer-events: none;
    overflow: hidden;
}

.PreviewWindow_module_checkeredBackground__13200e2c {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #414141 25%, transparent 25%), linear-gradient(-45deg, #414141 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #414141 75%), linear-gradient(-45deg, transparent 75%, #414141 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ResetButton_module_resetButton__33762fc2 {
    margin: 1.6em;
    height: 2.4em;
    width: calc(100% - 32px);
    border-radius: 4px;
    border: 1px solid #fff;
    position: relative;
    font-weight: bold;
    color: #fff;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

.ResetButton_module_resetButton__33762fc2:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChaptersPanelMenuOption_module_chapterListItem__aad1c14d {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.2em 1.6em;
    gap: 8px;
}

.ChaptersPanelMenuOption_module_chapterListItem__aad1c14d.ChaptersPanelMenuOption_module_active__aad1c14d {
    background-color: rgba(255, 255, 255, 0.1);
}

.ChaptersPanelMenuOption_module_chapterListItem__aad1c14d:hover:not(.ChaptersPanelMenuOption_module_disabled__aad1c14d) {
    background-color: rgba(255, 255, 255, 0.2);
}

.ChaptersPanelMenuOption_module_chapterListItem__aad1c14d:hover .ChaptersPanelMenuOption_module_copyLinkButton__aad1c14d, .ChaptersPanelMenuOption_module_chapterListItem__aad1c14d:focus-within .ChaptersPanelMenuOption_module_copyLinkButton__aad1c14d {
    opacity: 1;
}

.ChaptersPanelMenuOption_module_chapterListItem__aad1c14d.ChaptersPanelMenuOption_module_disabled__aad1c14d {
    cursor: not-allowed;
}

.ChaptersPanelMenuOption_module_chapterListButton__aad1c14d {
    justify-content: space-between;
    display: flex;
    border: none;
    color: #fff;
    gap: 0.8em;
    background: transparent;
    align-items: center;
    padding: 0;
    cursor: pointer;
    flex-grow: 1;
}

.ChaptersPanelMenuOption_module_chapterListButton__aad1c14d:focus {
    outline-offset: -2px;
    border-radius: 3px;
}

.ChaptersPanelMenuOption_module_chapterListButton__aad1c14d:disabled {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.6);
}

.ChaptersPanelMenuOption_module_chapterInfoContainer__aad1c14d {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0.8em;
}

.ChaptersPanelMenuOption_module_chapterTitleText__aad1c14d {
    font-weight: bolder;
    font-size: 1.4em;
    line-height: 20px;
    letter-spacing: -0.2px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ChaptersPanelMenuOption_module_chapterStartTime__aad1c14d {
    border-radius: 4px;
    padding: 0.4em;
    gap: 1em;
    background-color: rgba(255, 255, 255, 0.2);
    color: inherit;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ControlBarV2_module_controlBarWrapper__2e501a1c {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    bottom: 0.8em;
    left: 0.8em;
    right: 0.8em;
    height: 3.2em;
    touch-action: pan-y pinch-zoom;
}

.player.player-xl .ControlBarV2_module_controlBarWrapper__2e501a1c {
    bottom: 1.6em;
    left: 1.6em;
    right: 1.6em;
    height: 4em;
}

.player.player-xxl .ControlBarV2_module_controlBarWrapper__2e501a1c {
    bottom: 1.6em;
    left: 1.6em;
    right: 1.6em;
    height: 4em;
}

.ControlBarV2_module_controls__2e501a1c {
    height: 3.2em;
    z-index: 23;
    display: flex;
    flex: 1;
    pointer-events: all;
    justify-content: flex-end;
}

.player.player-xl .ControlBarV2_module_controls__2e501a1c {
    height: 4em;
}

.player.player-xxl .ControlBarV2_module_controls__2e501a1c {
    height: 4em;
}

.ControlBarV2_module_controls__2e501a1c.ControlBarV2_module_trailer__2e501a1c {
    align-items: center;
    flex-direction: column;
    z-index: 16;
    height: auto !important;
}

.ControlBarV2_module_progressBarAndButtons__2e501a1c {
    transition: flex-grow 250ms ease-in-out;
    background-color: var(--color-one-opacity-ninety);
    border-radius: 4px;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 32px;
    padding: 4px;
    /*
      Prevents a flicker on Safari when other elements are animating
      @see https://stackoverflow.com/questions/15751012/
      css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
  */
    transform: translate3d(0, 0, 0);
}

.ControlBarV2_module_progressBarAndButtons__2e501a1c.ControlBarV2_module_showAllControls__2e501a1c {
    justify-content: flex-end;
}

.player.player-xl .ControlBarV2_module_progressBarAndButtons__2e501a1c {
    height: 40px;
}

.player.player-xxl .ControlBarV2_module_progressBarAndButtons__2e501a1c {
    height: 40px;
}

.ControlBarV2_module_progressBarAndButtons__2e501a1c.ControlBarV2_module_progressBarDisabled__2e501a1c {
    gap: 4px;
    flex-grow: 0;
    z-index: 23;
    justify-content: flex-end;
    max-width: 100%;
    pointer-events: all;
}

.ControlBarV2_module_progressBarAndButtons__2e501a1c.ControlBarV2_module_progressBarDisabled__2e501a1c.ControlBarV2_module_buttonsExpanded__2e501a1c {
    flex-grow: 1;
}

.ControlBarV2_module_progressBarAndButtons__2e501a1c:empty {
    display: none;
}

.ControlBarV2_module_centerPlayButton__2e501a1c {
    height: auto;
    top: 0.8em;
}

.player.player-xl .ControlBarV2_module_centerPlayButton__2e501a1c {
    height: auto;
    top: 1.6em;
}

.player.player-xxl .ControlBarV2_module_centerPlayButton__2e501a1c {
    height: auto;
    top: 1.6em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
:root {
    --clock-rotate-direction: 1;
}

.AnimatedClock_module_hands__167fcd36 {
    transform-origin: center;
    fill: #fff;
    stroke-width: 1.65;
    animation-duration: 900ms;
    animation-delay: 100ms;
    animation-timing-function: linear;
    transform: rotate(0deg);
}

.AnimatedClock_module_hands__167fcd36.AnimatedClock_module_hour__167fcd36 {
    animation-name: AnimatedClock_module_hourHand__167fcd36;
}

.AnimatedClock_module_hands__167fcd36.AnimatedClock_module_minute__167fcd36 {
    animation-name: AnimatedClock_module_minuteHand__167fcd36;
}

.AnimatedClock_module_hands__167fcd36.AnimatedClock_module_reverse__167fcd36 {
    --clock-rotate-direction: -1;
}

@keyframes AnimatedClock_module_hourHand__167fcd36 {
    to {
        rotate: calc(45deg * var(--clock-rotate-direction));
    }
}

@keyframes AnimatedClock_module_minuteHand__167fcd36 {
    to {
        rotate: calc(540deg * var(--clock-rotate-direction));
    }
}

.AnimatedClock_module_circle__167fcd36 {
    fill: transparent;
    stroke: #fff;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Notification_module_root__c083c238 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.Notification_module_root__c083c238 svg {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}

.Notification_module_root__c083c238 svg path {
    fill: #fff;
}

.Notification_module_root__c083c238.Notification_module_active__c083c238 {
    display: flex;
}

.Notification_module_root__c083c238.Notification_module_behindSideDock__c083c238 {
    z-index: 17;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.NudgeNotification_module_nudge__24f10a71 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.NudgeNotification_module_nudgeInfo__24f10a71 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: flex-end;
    position: relative;
    margin-right: 3.2em;
    width: 9.6em;
}

.player.player-sm .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-right: 4.8em;
}

.player.player-md .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-right: 6.4em;
}

.player.player-lg .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-right: 8em;
}

.player.player-xl .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-right: 9.6em;
}

.player.player-xxl .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-right: 11.2em;
}

.player.player-sm .NudgeNotification_module_nudgeInfo__24f10a71 {
    width: 12em;
}

.player.player-md .NudgeNotification_module_nudgeInfo__24f10a71 {
    width: 12em;
}

.player.player-lg .NudgeNotification_module_nudgeInfo__24f10a71 {
    width: 12em;
}

.player.player-xl .NudgeNotification_module_nudgeInfo__24f10a71 {
    width: 16em;
}

.player.player-xxl .NudgeNotification_module_nudgeInfo__24f10a71 {
    width: 16em;
}

@media (max-width: 299px), (max-height: 169px) {
    .NudgeNotification_module_nudgeInfo__24f10a71 {
        margin-right: 1.6em;
        width: 9.6em;
    }
}

@media (min-width: 300px) and (max-width: 375px) {
    .NudgeNotification_module_nudgeInfo__24f10a71 {
        margin-right: 2.4em;
        width: 9.6em;
    }
}

.NudgeNotification_module_nudgeIcon__24f10a71 svg {
    fill: #fff;
    height: 3.2em;
}

.player.player-sm .NudgeNotification_module_nudgeIcon__24f10a71 svg {
    height: 4em;
}

.player.player-md .NudgeNotification_module_nudgeIcon__24f10a71 svg {
    height: 4em;
}

.player.player-lg .NudgeNotification_module_nudgeIcon__24f10a71 svg {
    height: 4em;
}

.player.player-xl .NudgeNotification_module_nudgeIcon__24f10a71 svg {
    height: 4.8em;
}

.player.player-xxl .NudgeNotification_module_nudgeIcon__24f10a71 svg {
    height: 4.8em;
}

@media (max-width: 299px), (max-height: 169px) {
    .NudgeNotification_module_nudgeIcon__24f10a71 svg {
        height: 2.4em;
    }
}

.NudgeNotification_module_nudgeTime__24f10a71 {
    font-weight: bold;
    font-size: 1.4em;
    letter-spacing: -0.4px;
    height: 1.8em;
}

.player.player-sm .NudgeNotification_module_nudgeTime__24f10a71 {
    font-size: 1.6em;
}

.player.player-md .NudgeNotification_module_nudgeTime__24f10a71 {
    font-size: 1.6em;
}

.player.player-lg .NudgeNotification_module_nudgeTime__24f10a71 {
    font-size: 1.8em;
}

.player.player-xl .NudgeNotification_module_nudgeTime__24f10a71 {
    font-size: 2.4em;
}

.player.player-xxl .NudgeNotification_module_nudgeTime__24f10a71 {
    font-size: 2.4em;
}

.player.player-sm .NudgeNotification_module_nudgeTime__24f10a71 {
    letter-spacing: -0.4px;
}

.player.player-md .NudgeNotification_module_nudgeTime__24f10a71 {
    letter-spacing: -0.4px;
}

.player.player-lg .NudgeNotification_module_nudgeTime__24f10a71 {
    letter-spacing: -0.6px;
}

.player.player-xl .NudgeNotification_module_nudgeTime__24f10a71 {
    letter-spacing: -0.8px;
}

.player.player-xxl .NudgeNotification_module_nudgeTime__24f10a71 {
    letter-spacing: -0.8px;
}

.player.player-sm .NudgeNotification_module_nudgeTime__24f10a71 {
    height: 2em;
}

.player.player-md .NudgeNotification_module_nudgeTime__24f10a71 {
    height: 2em;
}

.player.player-lg .NudgeNotification_module_nudgeTime__24f10a71 {
    height: 2.4em;
}

.player.player-xl .NudgeNotification_module_nudgeTime__24f10a71 {
    height: 3.2em;
}

.player.player-xxl .NudgeNotification_module_nudgeTime__24f10a71 {
    height: 3.2em;
}

@media (max-width: 414px), (max-height: 168px) {
    .NudgeNotification_module_nudgeTime__24f10a71 {
        font-size: 1.2em;
        height: 1.6em;
    }
}

.NudgeNotification_module_nudgeBackward__24f10a71 {
    left: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    align-self: flex-start;
    margin-left: 3.2em;
}

.player.player-sm .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-left: 4.8em;
}

.player.player-md .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-left: 6.4em;
}

.player.player-lg .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-left: 8em;
}

.player.player-xl .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-left: 9.6em;
}

.player.player-xxl .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
    margin-left: 11.2em;
}

@media (max-width: 299px), (max-height: 169px) {
    .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
        margin-left: 1.6em;
    }
}

@media (min-width: 300px) and (max-width: 375px) {
    .NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeInfo__24f10a71 {
        margin-left: 2.4em;
    }
}

.NudgeNotification_module_nudgeBackward__24f10a71 .NudgeNotification_module_nudgeIcon__24f10a71 {
    transform: rotate(180deg);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.NudgeArea_module_nudgeArea__7d84d7de {
    top: 0;
    display: block;
    position: absolute;
    height: 100%;
    width: 33%;
    pointer-events: all;
}

.NudgeArea_module_nudgeForwardArea__7d84d7de {
    right: 0;
}

.NudgeArea_module_nudgeBackwardArea__7d84d7de {
    left: 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.HelpOverlay_module_keysWrapper__079276a9 {
    display: grid;
    justify-content: center;
    grid-template-rows: repeat(4, auto);
    gap: 1em 1em;
    grid-auto-flow: column;
}

.player.player-sm .HelpOverlay_module_keysWrapper__079276a9 {
    column-gap: 5em;
}

.player.player-md .HelpOverlay_module_keysWrapper__079276a9 {
    column-gap: 5em;
}

.player.player-lg .HelpOverlay_module_keysWrapper__079276a9 {
    column-gap: 5em;
}

.player.player-xl .HelpOverlay_module_keysWrapper__079276a9 {
    column-gap: 5em;
}

.player.player-xxl .HelpOverlay_module_keysWrapper__079276a9 {
    column-gap: 5em;
}

.HelpOverlay_module_keyWrapper__079276a9 {
    display: flex;
    align-items: center;
    text-align: initial;
    font-size: 10px;
}

@media (min-width: 400px) and (min-height: 225px) and (min-aspect-ratio: 640 / 360) {
    .HelpOverlay_module_keyWrapper__079276a9 {
        font-size: 4.4444444444vh;
    }
}

@media (min-width: 400px) and (min-height: 225px) and (max-aspect-ratio: 640 / 360) {
    .HelpOverlay_module_keyWrapper__079276a9 {
        font-size: 2.5vw;
    }
}

@media (min-width: 640px) and (min-height: 360px) {
    .HelpOverlay_module_keyWrapper__079276a9 {
        font-size: 16px;
    }
}

.HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: none;
}

.player.player-sm .HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: flex;
}

.player.player-md .HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: flex;
}

.player.player-lg .HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: flex;
}

.player.player-xl .HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: flex;
}

.player.player-xxl .HelpOverlay_module_keyWrapper__079276a9.HelpOverlay_module_hideOnSmall__079276a9 {
    display: flex;
}

.HelpOverlay_module_keySymbol__079276a9 {
    display: inline-flex;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 2em;
    height: 2em;
    font-family: -apple-system, "Helvetica", "Arial", sans-serif;
    font-size: 1.25em;
    line-height: 1.5;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: 2em;
}

.player.player-sm .HelpOverlay_module_keySymbol__079276a9 {
    border-width: 2px;
}

.player.player-md .HelpOverlay_module_keySymbol__079276a9 {
    border-width: 2px;
}

.player.player-lg .HelpOverlay_module_keySymbol__079276a9 {
    border-width: 2px;
}

.player.player-xl .HelpOverlay_module_keySymbol__079276a9 {
    border-width: 2px;
}

.player.player-xxl .HelpOverlay_module_keySymbol__079276a9 {
    border-width: 2px;
}

.HelpOverlay_module_keyText__079276a9 {
    display: inline-block;
    margin: 0 0.625em;
    font-size: 0.875em;
}

.HelpOverlay_module_arrow__079276a9 .HelpOverlay_module_keySymbol__079276a9 {
    align-items: baseline;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SpatialRedirectOverlay_module_background__43dc92f8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
}

.SpatialRedirectOverlay_module_title__43dc92f8 {
    font-size: 1.7em;
}

button.SpatialRedirectOverlay_module_button__43dc92f8 {
    appearance: none;
    border: none;
    margin: 0 6px;
    margin-top: 1em;
    display: inline-block;
    font-weight: bold;
    padding: 12px 24px;
    border-radius: 5px;
    background-color: var(--color-two);
    color: #000;
}

.player.player-xxs button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 1.8em;
}

.player.player-xs button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 1.8em;
}

.player.player-sm button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 1.8em;
}

.player.player-md button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 1.8em;
}

.player.player-md button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 2.4em;
}

.player.player-lg button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 2.4em;
}

.player.player-xl button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 2.4em;
}

.player.player-xxl button.SpatialRedirectOverlay_module_button__43dc92f8 {
    font-size: 2.4em;
}

.SpatialRedirectOverlay_module_lowerText__43dc92f8 {
    padding-top: 1.6em;
    font-size: 1.6em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PipOverlay_module_overlay__8ff12d1a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #121212;
}

.PipOverlay_module_overlay__8ff12d1a svg {
    height: 1.8em;
}

.player.player-sm .PipOverlay_module_overlay__8ff12d1a svg {
    height: 2.7em;
}

.player.player-md .PipOverlay_module_overlay__8ff12d1a svg {
    height: 2.7em;
}

.player.player-lg .PipOverlay_module_overlay__8ff12d1a svg {
    height: 2.7em;
}

.player.player-xl .PipOverlay_module_overlay__8ff12d1a svg {
    height: 2.7em;
}

.player.player-xxl .PipOverlay_module_overlay__8ff12d1a svg {
    height: 2.7em;
}

.PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 8px;
    font-size: 16px;
}

.player.player-sm .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 16px;
}

.player.player-md .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 16px;
}

.player.player-lg .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 16px;
}

.player.player-xl .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 16px;
}

.player.player-xxl .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    margin-top: 16px;
}

.player.player-sm .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    font-size: 24px;
}

.player.player-md .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    font-size: 32px;
}

.player.player-lg .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    font-size: 32px;
}

.player.player-xl .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    font-size: 40px;
}

.player.player-xxl .PipOverlay_module_overlay__8ff12d1a .PipOverlay_module_title__8ff12d1a {
    font-size: 40px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LiveStatusLabelAndViewerCounter_module_liveStatusLabelAndViewerCounter__62de121d {
    display: flex;
    align-items: center;
    position: absolute;
    width: 12em;
    height: 4em;
}

.player.player-xl .LiveStatusLabelAndViewerCounter_module_liveStatusLabelAndViewerCounter__62de121d {
    width: 16.4em;
    height: 6.4em;
}

.player.player-xxl .LiveStatusLabelAndViewerCounter_module_liveStatusLabelAndViewerCounter__62de121d {
    width: 16.4em;
    height: 6.4em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LiveStatusLabel_module_liveStatusLabel__dccd53f8 {
    display: flex;
    flex: none;
    align-items: center;
    height: 2.4em;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    margin-left: 0.8em;
    margin-right: 0.4em;
    padding: 4px 8px;
}

.player.player-xl .LiveStatusLabel_module_liveStatusLabel__dccd53f8 {
    height: 3.2em;
    padding: 8px;
    margin-left: 1.6em;
}

.player.player-xxl .LiveStatusLabel_module_liveStatusLabel__dccd53f8 {
    height: 3.2em;
    padding: 8px;
    margin-left: 1.6em;
}

.LiveStatusLabel_module_liveStatusLabel__dccd53f8 .LiveStatusLabel_module_liveStatusText__dccd53f8 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 14.65px;
}

.LiveStatusLabel_module_liveStatusLabel__dccd53f8 .LiveStatusLabel_module_liveStatusText__dccd53f8.LiveStatusLabel_module_offline__dccd53f8 {
    color: #b5b5b5;
}

.LiveStatusLabel_module_liveStatusLabel__dccd53f8 .LiveStatusLabel_module_liveStatusCircle__dccd53f8 {
    margin-right: 0.8em;
    background: #ff4d4d;
    height: 1em;
    width: 1em;
    border-radius: 0.8em;
}

.LiveStatusLabel_module_liveStatusLabel__dccd53f8 .LiveStatusLabel_module_liveStatusCircle__dccd53f8.LiveStatusLabel_module_live__dccd53f8 {
    background: #ff4d4d;
}

.LiveStatusLabel_module_liveStatusLabel__dccd53f8 .LiveStatusLabel_module_liveStatusCircle__dccd53f8.LiveStatusLabel_module_offline__dccd53f8 {
    border: 2px solid #a3a3a3;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LiveViewerCounter_module_liveViewerCounter__29a255e3 {
    display: flex;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 2.4em;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 4px 8px 4px 4px;
}

.player.player-xl .LiveViewerCounter_module_liveViewerCounter__29a255e3 {
    height: 3.2em;
    padding: 8px;
}

.player.player-xxl .LiveViewerCounter_module_liveViewerCounter__29a255e3 {
    height: 3.2em;
    padding: 8px;
}

@media (max-width: 414px), (max-height: 168px) {
    .LiveViewerCounter_module_liveViewerCounter__29a255e3 {
        display: none;
    }
}

.LiveViewerCounter_module_liveViewerCounter__29a255e3 .LiveViewerCounter_module_liveViewerCountValue__29a255e3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    margin-left: 0.4em;
    letter-spacing: 0.4px;
}

.LiveViewerCounter_module_liveViewerCounter__29a255e3 .LiveViewerCounter_module_liveViewerCounterIcon__29a255e3 {
    max-width: 1.6em;
    height: 1.6em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.RightContentArea_module_rightContentArea__98a162b1 {
    position: absolute;
    left: 100%;
    right: 0;
    top: 0;
    height: 100%;
    width: 400px;
    z-index: 39;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 50%;
}

.RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_iframeEmbed__98a162b1 {
    background-color: transparent;
}

.right-content-area-supported.animating .RightContentArea_module_rightContentArea__98a162b1 {
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-property: left, opacity;
}

.player.app-md .RightContentArea_module_rightContentArea__98a162b1 {
    width: 400px;
}

.player.app-lg .RightContentArea_module_rightContentArea__98a162b1 {
    width: 400px;
}

.player.app-xl .RightContentArea_module_rightContentArea__98a162b1 {
    width: 480px;
}

.player.app-xxl .RightContentArea_module_rightContentArea__98a162b1 {
    width: 480px;
}

.right-content-area-supported.app-xs .RightContentArea_module_rightContentArea__98a162b1, .right-content-area-supported.app-xxs .RightContentArea_module_rightContentArea__98a162b1, .right-content-area-supported.app-tiny .RightContentArea_module_rightContentArea__98a162b1, .right-content-area-supported.app-mini .RightContentArea_module_rightContentArea__98a162b1 {
    width: 100%;
    left: 0%;
    opacity: 0;
    pointer-events: none;
}

.RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    left: 50%;
}

.player.app-md .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    left: calc(100% - 400px);
}

.player.app-lg .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    left: calc(100% - 400px);
}

.player.app-xl .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    left: calc(100% - 480px);
}

.player.app-xxl .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    left: calc(100% - 480px);
}

.right-content-area-supported.app-xs .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1, .right-content-area-supported.app-xxs .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1, .right-content-area-supported.app-tiny .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1, .right-content-area-supported.app-mini .RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1 {
    opacity: 1;
}

.RightContentArea_module_rightContentArea__98a162b1.RightContentArea_module_visible__98a162b1.RightContentArea_module_googleBot__98a162b1 {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    max-height: 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ContentAreaBackground_module_imgContainer__5e37c38e {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.right-content-area-supported.app-xs .ContentAreaBackground_module_imgContainer__5e37c38e, .right-content-area-supported.app-xxs .ContentAreaBackground_module_imgContainer__5e37c38e, .right-content-area-supported.app-tiny .ContentAreaBackground_module_imgContainer__5e37c38e, .right-content-area-supported.app-mini .ContentAreaBackground_module_imgContainer__5e37c38e {
    z-index: 38;
    position: absolute;
    left: 0;
    top: 0;
}

.ContentAreaBackground_module_img__5e37c38e {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    filter: blur(10px);
}

.ContentAreaBackground_module_img__5e37c38e.ContentAreaBackground_module_loaded__5e37c38e {
    opacity: 0.1;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.TranscriptLoader_module_hidden__48b2f57a {
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.BufferHandler_module_shade__a4e303c9 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: 0.4;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Captions_module_captions__0d35c569 {
    padding: 0 10px 10px;
    transform: translateY(0);
    transition: transform 250ms ease-out 200ms;
    bottom: 0;
}

.Captions_module_captions__0d35c569.Captions_module_hide__0d35c569 {
    display: none;
}

.Captions_module_captions__0d35c569.Captions_module_contentAreaSibling__0d35c569 {
    /*
      When a right content area is enabled, we need to support animation for
      scaling the captions container when the content area is open as well as
      sliding the caption up when the control bar is visible.
  */
    transition: transform 250ms ease-out 200ms, width 400ms ease-in-out, right 400ms ease-in-out;
}

.Captions_module_captions__0d35c569.Captions_module_fullscreen__0d35c569 {
    padding: 1.5%;
}

.Captions_module_captions__0d35c569.Captions_module_withControls__0d35c569 {
    transform: translateY(-50px);
    transition: transform 150ms ease;
}

.Captions_module_captions__0d35c569.Captions_module_withControls__0d35c569.Captions_module_contentAreaSibling__0d35c569 {
    transition: transform 150ms ease, width 400ms ease-in-out, right 400ms ease-in-out;
}

.Captions_module_captions__0d35c569.Captions_module_withControls__0d35c569.Captions_module_noPlaybar__0d35c569:not(.Captions_module_fullscreen__0d35c569) {
    transform: translateY(-32px);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.QoESurvey_module_thumbsUp__32b208ff {
    margin-right: 2px;
}

.QoESurvey_module_thumbsDown__32b208ff {
    margin-left: 2px;
    margin-right: 4px;
}

.player.player-sm .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 8px;
}

.player.player-md .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 8px;
}

.player.player-lg .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 8px;
}

.player.player-xl .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 8px;
}

.player.player-xxl .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 8px;
}

.player.player-xl .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 4px;
}

.player.player-xxl .QoESurvey_module_thumbsDown__32b208ff {
    margin-right: 4px;
}

.QoESurvey_module_thumbsUp__32b208ff.QoESurvey_module_selected__32b208ff,
.QoESurvey_module_thumbsDown__32b208ff.QoESurvey_module_selected__32b208ff {
    background: none;
}

.QoESurvey_module_thumbsUp__32b208ff.QoESurvey_module_selected__32b208ff:hover,
.QoESurvey_module_thumbsDown__32b208ff.QoESurvey_module_selected__32b208ff:hover {
    background: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChangeLanguages_module_icon__43246952 {
    fill: #fff;
    margin-right: 8px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Toasts_module_toasts__25d07d44 {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    transition: transform 400ms ease-in-out;
}

.player.player-sm .Toasts_module_toasts__25d07d44 {
    margin-right: 4.4em;
}

.player.player-md .Toasts_module_toasts__25d07d44 {
    margin-right: 4.4em;
}

.player.player-lg .Toasts_module_toasts__25d07d44 {
    margin-right: 4.4em;
}

.player.player-xl .Toasts_module_toasts__25d07d44 {
    margin-right: 4.4em;
}

.player.player-xxl .Toasts_module_toasts__25d07d44 {
    margin-right: 4.4em;
}

.player.player-xl .Toasts_module_toasts__25d07d44 {
    top: 16px;
    left: 16px;
}

.player.player-xxl .Toasts_module_toasts__25d07d44 {
    top: 16px;
    left: 16px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.TopCenterActionItems_module_topCenterActionItems__2bfde47f {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
button.AIWidgetError_module_reload__12d5a300 {
    border: none;
    padding: 4px 12px;
    gap: 4px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #fff;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.AIWidget_module_aiWidget__9bd9d0b8 {
    width: 100%;
    height: 100%;
    pointer-events: all;
}

.AIWidget_module_aiWidget__9bd9d0b8.AIWidget_module_hidden__9bd9d0b8 {
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PersistentLogo_module_persistentLogo__e4ddb428 {
    display: flex;
    position: absolute;
    bottom: 12px;
    right: 16px;
    opacity: 0.6;
    pointer-events: none;
    width: 24px;
    height: 24px;
    z-index: 14;
    padding: 2px;
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.64));
}

.player.player-sm .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 58px;
    padding: 3px 2px;
}

.player.player-md .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 58px;
    padding: 3px 2px;
}

.player.player-lg .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 58px;
    padding: 3px 2px;
}

.player.player-xl .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 58px;
    padding: 3px 2px;
}

.player.player-xxl .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 58px;
    padding: 3px 2px;
}

.player.player-xl .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 76px;
    height: 32px;
    bottom: 20px;
    right: 24px;
}

.player.player-xxl .PersistentLogo_module_persistentLogo__e4ddb428 {
    width: 76px;
    height: 32px;
    bottom: 20px;
    right: 24px;
}

.PersistentLogo_module_persistentLogo__e4ddb428 svg {
    width: 100%;
    height: 100%;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Outro_module_outroWrapper__552ef1cd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: all;
    z-index: 8 !important;
}

.Outro_module_outroWrapper__552ef1cd.Outro_module_inactive__552ef1cd {
    display: none;
}

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

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.OutroContentWrapper_module_outroContent__1c499014 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OutroContentWrapper_module_outroContent__1c499014.OutroContentWrapper_module_hidden__1c499014 {
    display: none !important;
}

.OutroContentWrapper_module_outroShade__1c499014 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*
  * Smooths transition from share overlay to outro, since they both have gradient backgrounds.
  * When both gradients are visible at the same opacity at the same time, the effect is an overall
  * darker gradient (the overlap magnifies the effect).
  *
  * @todo
  * Eventually this should be a single, separate component that stays visible during
  * the transition from one component (overlay) that uses a gradient background to
  * another component (outro) that also uses a gradient background. Then we would
  * just need to fade the component content, and the background would stay visible.
  */
    animation: OutroContentWrapper_module_fadeIn__1c499014 200ms forwards;
    background: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
}

@keyframes OutroContentWrapper_module_fadeIn__1c499014 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.TextOutro_module_textWrapper__eb1c7bb7 {
    text-align: left;
    padding: 60px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.TextOutro_module_textWrapper__eb1c7bb7 img {
    max-width: 100%;
}

.TextOutro_module_textWrapper__eb1c7bb7 a {
    font-weight: bold;
}

.TextOutro_module_textWrapper__eb1c7bb7 ul {
    padding-left: 18px;
}

.TextOutro_module_text__eb1c7bb7 {
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 1.6em;
    line-height: 1.4;
}

.player.player-xxs .TextOutro_module_text__eb1c7bb7 {
    font-size: 1.4em;
}

.player.player-xs .TextOutro_module_text__eb1c7bb7 {
    font-size: 1.4em;
}

.player.player-sm .TextOutro_module_text__eb1c7bb7 {
    width: 640px;
    margin: 0 auto;
}

.player.player-md .TextOutro_module_text__eb1c7bb7 {
    width: 640px;
    margin: 0 auto;
}

.player.player-lg .TextOutro_module_text__eb1c7bb7 {
    width: 640px;
    margin: 0 auto;
}

.player.player-xl .TextOutro_module_text__eb1c7bb7 {
    width: 640px;
    margin: 0 auto;
}

.player.player-xxl .TextOutro_module_text__eb1c7bb7 {
    width: 640px;
    margin: 0 auto;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.OutroContentBackground_module_background__fad7b858 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LinkOutro_module_linkBackground__1d6e5c98 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a2e3b;
    background-size: cover;
    background-position: center center;
}

@keyframes LinkOutro_module_slideDown__1d6e5c98 {
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.LinkOutro_module_linkWrapper__1d6e5c98 {
    width: 70%;
    max-width: 50em;
    margin: 0;
    position: relative;
    text-align: center;
    opacity: 0;
    transform: translate(0, -20px);
    animation: 250ms ease 150ms LinkOutro_module_slideDown__1d6e5c98;
    animation-fill-mode: forwards;
}

@media (max-width: 299px), (max-height: 169px) {
    .LinkOutro_module_linkWrapper__1d6e5c98 {
        display: none;
    }
}

.LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_link__1d6e5c98,
.LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98 {
    display: inline-block;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    color: #fff;
}

.LinkOutro_module_linkWrapper__1d6e5c98 a.LinkOutro_module_link__1d6e5c98 {
    text-decoration: underline;
}

.LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98 {
    appearance: none;
    border: none;
    position: relative;
    display: inline-block;
    padding: 14px 23px;
    border-radius: 3px;
    background-color: var(--color-two);
    font-weight: bold;
    color: var(--color-one-monochrome);
    text-decoration: none;
}

.LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98:hover, .LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98:active {
    color: var(--color-one-monochrome);
}

.LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98:hover::before, .LinkOutro_module_linkWrapper__1d6e5c98 .LinkOutro_module_button__1d6e5c98:active::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.LinkOutro_module_title__1d6e5c98,
.LinkOutro_module_description__1d6e5c98 {
    text-align: center;
}

.player.player-xxs .LinkOutro_module_title__1d6e5c98,
.player.player-xxs .LinkOutro_module_description__1d6e5c98 {
    display: none;
}

.LinkOutro_module_title__1d6e5c98 {
    font-size: 1.8em;
    margin: 0 0 0.4em;
    color: #fff;
}

.player.player-md .LinkOutro_module_title__1d6e5c98 {
    font-size: 24px;
}

.player.player-lg .LinkOutro_module_title__1d6e5c98 {
    font-size: 24px;
}

.player.player-xl .LinkOutro_module_title__1d6e5c98 {
    font-size: 24px;
}

.player.player-xxl .LinkOutro_module_title__1d6e5c98 {
    font-size: 24px;
}

.LinkOutro_module_description__1d6e5c98 {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}

.LinkOutro_module_buttonWrap__1d6e5c98 {
    margin: 22px 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ImageOutro_module_imageOutro__7a84ec40,
.ImageOutro_module_imageOutroLink__7a84ec40 {
    display: block;
    width: 100%;
    height: 100%;
}

.ImageOutro_module_imageOutro__7a84ec40 {
    background-color: #1a2e3b;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: opacity 450ms, transform 250ms;
}

.ImageOutro_module_imageOutroLink__7a84ec40 .ImageOutro_module_imageOutro__7a84ec40:hover {
    transform: scale(1.1);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VideosList_module_videosList__e7886b41 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.VideosList_module_videosList__e7886b41 li {
    flex: 1;
    list-style-type: none;
    padding: 0;
    margin: 0 4px;
    max-width: 400px;
}

.player.player-xs .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

.player.player-sm .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

.player.player-md .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

.player.player-lg .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

.player.player-xl .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

.player.player-xxl .VideosList_module_videosList__e7886b41 li {
    margin: 0 1%;
}

@media (min-width: 300px) and (max-width: 375px) {
    .VideosList_module_videosList__e7886b41 li:last-child {
        display: none;
    }
}

.player.player-xs .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-xs .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.player.player-sm .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-sm .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.player.player-md .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-md .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.player.player-lg .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-lg .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.player.player-xl .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-xl .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.player.player-xxl .VideosList_module_videosList__e7886b41[data-num-videos="1"] li {
    margin: 0 3%;
}

.player.player-xxl .VideosList_module_videosList__e7886b41[data-num-videos="2"] li {
    margin: 0 1.5%;
}

.VideosList_module_videoHeader__e7886b41 {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 250ms;
}

.player.player-xxs .VideosList_module_videoHeader__e7886b41 {
    display: none;
}

.VideosList_module_videoLink__e7886b41 {
    display: block;
    position: relative;
    width: 100%;
    opacity: 1;
    transform: scale(1);
    transition: opacity 100ms ease-out, transform 150ms ease-out;
}

.VideosList_module_videoLink__e7886b41:hover, .VideosList_module_videoLink__e7886b41:focus {
    z-index: 1;
    opacity: 1;
    transform: scale(1.1);
}

.VideosList_module_videoLink__e7886b41:hover .VideosList_module_videoHeader__e7886b41, .VideosList_module_videoLink__e7886b41:focus .VideosList_module_videoHeader__e7886b41 {
    opacity: 1;
}

.VideosList_module_videoLink__e7886b41:active {
    transform: scale(1.07);
}

.VideosList_module_videoThumbnail__e7886b41 {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.05);
    z-index: 1;
}

h1.VideosList_module_videoTitle__e7886b41 {
    font-size: 12px;
    padding: 0.3em 0.5em 0;
    margin: 0;
    font-weight: bold;
}

@media (min-width: 677px) and (min-height: 303px) and (min-aspect-ratio: 960 / 430) {
    h1.VideosList_module_videoTitle__e7886b41 {
        font-size: 3.9534883721vh;
    }
}

@media (min-width: 677px) and (min-height: 303px) and (max-aspect-ratio: 960 / 430) {
    h1.VideosList_module_videoTitle__e7886b41 {
        font-size: 1.7708333333vw;
    }
}

@media (min-width: 960px) and (min-height: 430px) {
    h1.VideosList_module_videoTitle__e7886b41 {
        font-size: 17px;
    }
}

h2.VideosList_module_videoByline__e7886b41 {
    font-size: 10px;
    padding: 2px 7px 0;
    margin: 0;
}

@media (min-width: 800px) and (min-height: 358px) and (min-aspect-ratio: 960 / 430) {
    h2.VideosList_module_videoByline__e7886b41 {
        font-size: 2.7906976744vh;
    }
}

@media (min-width: 800px) and (min-height: 358px) and (max-aspect-ratio: 960 / 430) {
    h2.VideosList_module_videoByline__e7886b41 {
        font-size: 1.25vw;
    }
}

@media (min-width: 960px) and (min-height: 430px) {
    h2.VideosList_module_videoByline__e7886b41 {
        font-size: 12px;
    }
}

.VideosList_module_videoTitle__e7886b41,
.VideosList_module_videoByline__e7886b41 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.FollowButton_module_followButtonContainer__9a75dd35 {
    font-size: 12px;
    position: relative;
    text-align: left;
}

@media (min-width: 720px) and (min-height: 322px) and (min-aspect-ratio: 960 / 430) {
    .FollowButton_module_followButtonContainer__9a75dd35 {
        font-size: 3.7209302326vh;
    }
}

@media (min-width: 720px) and (min-height: 322px) and (max-aspect-ratio: 960 / 430) {
    .FollowButton_module_followButtonContainer__9a75dd35 {
        font-size: 1.6666666667vw;
    }
}

@media (min-width: 960px) and (min-height: 430px) {
    .FollowButton_module_followButtonContainer__9a75dd35 {
        font-size: 16px;
    }
}

/* additional specificity required to override Button component styles */
button.FollowButton_module_followButton__9a75dd35 {
    font-size: inherit;
    font-weight: normal;
    margin: 0;
    margin-left: 0.4em;
    position: relative;
    padding: 0.1em 0.7em;
    border-radius: 2px;
    white-space: nowrap;
    color: #fff;
    text-align: left;
    appearance: none;
    border: none;
    background-color: rgba(127, 127, 127, 0.56);
    transition: background-color 0.1s ease-in-out;
}

button.FollowButton_module_followButton__9a75dd35 span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

button.FollowButton_module_followButton__9a75dd35:hover {
    background-color: rgba(127, 127, 127, 0.76);
}

button.FollowButton_module_followButton__9a75dd35.FollowButton_module_following__9a75dd35 {
    background-color: #7fc400;
}

button.FollowButton_module_followButton__9a75dd35 .FollowButton_module_icon__9a75dd35 {
    width: 0.68em;
    margin-right: 4px;
    height: 0.68em;
}

button.FollowButton_module_followButton__9a75dd35 .FollowButton_module_icon__9a75dd35 path {
    transition: opacity 0.1s ease-in-out;
    fill: #fff;
}

button.FollowButton_module_followButton__9a75dd35 .FollowButton_module_icon__9a75dd35.FollowButton_module_check__9a75dd35 {
    width: 0.8em;
}

button.FollowButton_module_followButton__9a75dd35 .FollowButton_module_icon__9a75dd35.FollowButton_module_close__9a75dd35 {
    width: 1em;
    height: 1em;
}

.FollowButton_module_followButtonText__9a75dd35 {
    line-height: 1.5;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
h1.VideosHeader_module_videosTitle__82d8877c {
    margin: 0;
    font-size: inherit;
    line-height: 1.8;
    /* extra specificity is required to override global player styles */
}

h1.VideosHeader_module_videosTitle__82d8877c a[href] {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

h1.VideosHeader_module_videosTitle__82d8877c a[href]:hover {
    color: var(--color-two);
}

.VideosHeader_module_videosHeaderWrapper__82d8877c {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
}

.VideosHeader_module_videosHeader__82d8877c {
    font-size: 14px;
    margin: 0 0 1em;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 560px) and (min-height: 250px) and (min-aspect-ratio: 960 / 430) {
    .VideosHeader_module_videosHeader__82d8877c {
        font-size: 5.5813953488vh;
    }
}

@media (min-width: 560px) and (min-height: 250px) and (max-aspect-ratio: 960 / 430) {
    .VideosHeader_module_videosHeader__82d8877c {
        font-size: 2.5vw;
    }
}

@media (min-width: 960px) and (min-height: 430px) {
    .VideosHeader_module_videosHeader__82d8877c {
        font-size: 24px;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VideosOutro_module_videosOutro__aa31a3f4 {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    flex: 1;
}

.VideosOutro_module_videosOutro__aa31a3f4:first-child {
    z-index: 2;
    margin-left: 57px;
}

.VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 57px;
}

.player.player-xs .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-xs .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

.player.player-sm .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-sm .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

.player.player-md .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-md .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

.player.player-lg .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-lg .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

.player.player-xl .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-xl .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

.player.player-xxl .VideosOutro_module_videosOutro__aa31a3f4:first-child {
    margin-left: 14%;
}

.player.player-xxl .VideosOutro_module_videosOutro__aa31a3f4:last-child {
    margin-right: 14%;
}

@media (max-width: 299px), (max-height: 169px) {
    .VideosOutro_module_videosOutro__aa31a3f4 {
        display: none;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* extra specificity is required to override global player link styles */
a[href].VODButton_module_VODButton__3dccb3f8 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6em 0.8em;
    margin: 0;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 1;
    border-radius: 5px;
    cursor: pointer;
    background-color: var(--color-two);
}

a[href].VODButton_module_VODButton__3dccb3f8, a[href].VODButton_module_VODButton__3dccb3f8:hover {
    color: var(--color-two-monochrome) !important;
}

a[href].VODButton_module_VODButton__3dccb3f8.VODButton_module_watch__3dccb3f8 {
    display: inline-block;
    padding: 0.625em 1.25em;
    line-height: normal;
}

@media screen and (max-height: 200px) {
    a[href].VODButton_module_VODButton__3dccb3f8 {
        font-size: 9px;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VODIcon_module_VODIconContainer__f6dd6c94 {
    margin-right: 0.8em;
}

.VODIcon_module_VODIcon__f6dd6c94 {
    margin-top: 0.125em;
    width: 1.375em;
    height: 1.375em;
}

.VODIcon_module_VODIcon__f6dd6c94 path {
    fill: var(--color-two-monochrome);
}

.PurchaseOptionItem_module_purchaseOptionItem__9ee33594 {
    list-style-type: none;
    border-radius: 5px;
}

.PurchaseOptionItem_module_label__9ee33594 {
    margin: 0;
    padding: 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PurchaseOptions_module_purchaseOptions__2aad36ed {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VODOutro_module_VODOutroContainer__e53bfe58 {
    text-align: center;
}

@media (max-width: 299px), (max-height: 169px) {
    .VODOutro_module_VODOutroContainer__e53bfe58 {
        display: none;
    }
}

.VODOutro_module_VODHeader__e53bfe58 {
    margin: 0 3.1em 0.5em;
    font-size: 3.2em;
    /* extra specificity is required to override global player link styles */
}

.VODOutro_module_VODHeader__e53bfe58 a[href],
.VODOutro_module_VODHeader__e53bfe58 a[href]:hover {
    color: #fff;
}

.player.player-xxs .VODOutro_module_VODHeader__e53bfe58 {
    font-size: 2.8em;
}

.player.player-xs .VODOutro_module_VODHeader__e53bfe58 {
    font-size: 2.8em;
}

.player.player-sm .VODOutro_module_VODHeader__e53bfe58 {
    font-size: 2.8em;
}

.player.player-xxs .VODOutro_module_VODHeader__e53bfe58 {
    font-size: 2.4em;
}

@media (max-width: 299px), (max-height: 169px) {
    .VODOutro_module_VODHeader__e53bfe58 {
        font-size: 2.4em;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Warning_module_warningIcon__d2643ae4 {
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.Warning_module_warningIcon__d2643ae4 path {
    fill: #f44;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Alert_module_alert__bde6a4f3 {
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    z-index: 35;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 50px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.Alert_module_alert__bde6a4f3 h3 {
    margin: 0;
    color: #fff;
    font-size: 1.2em;
}

.Alert_module_close__bde6a4f3 {
    position: absolute;
    right: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    top: 0;
    height: 100%;
    border: none;
}

.Alert_module_close__bde6a4f3:active {
    transform: translateY(1px);
}

.Alert_module_closeIcon__bde6a4f3 {
    width: 1.125em;
    height: 1.125em;
    margin: 0.9375em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.RemoteAccessGate_module_accessGateWrapper__82178468 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 41;
}

.RemoteAccessGate_module_accessGateWrapper__82178468 iframe {
    pointer-events: all;
}

.RemoteAccessGate_module_accessGateWrapper__82178468 [data-component-type=spinner] {
    transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 500ms ease-in-out;
}

.RemoteAccessGate_module_accessGate__82178468 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    max-height: 1px;
    transition: transform 500ms ease-in-out, opacity 500ms ease-in-out 250ms;
    /*
      The gate page will only send the `remoteComponentReady` message
      to the player when the page is mounted.
      However, the iframe content won't be rendered if it is outside
      the boundaries of the player.
      This may result in the player never knowing when it can display the gate.
      To compensate for this, we position the iframe within the bounds
      of the player while the page is being loaded,
      then move it back above the player before the gate content is loaded
      so that it can animate into view.
      By setting the height of the iframe to a single pixel,
      it make sure it does not exceed the bounds of a player embed,
      which can impact the order of events between player and gate iframes.
  */
}

.RemoteAccessGate_module_accessGate__82178468.RemoteAccessGate_module_waitingToDisplay__82178468 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    max-height: 1px;
}

.RemoteAccessGate_module_accessGate__82178468.RemoteAccessGate_module_visible__82178468 {
    max-height: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.RemoteAccessGateError_module_container__765f151c {
    display: flex;
    position: absolute;
    pointer-events: all;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 0 48px;
    gap: 24px;
    width: 100%;
}

.RemoteAccessGateError_module_container__765f151c .RemoteAccessGateError_module_messageText__765f151c {
    text-align: center;
}

.RemoteAccessGateError_module_container__765f151c .RemoteAccessGateError_module_icon__765f151c {
    width: 40px;
    height: 40px;
}

button.RemoteAccessGateError_module_reload__765f151c {
    border: none;
    padding: 4px 12px;
    gap: 4px;
    height: 32px;
    background: #515151;
    border-radius: 4px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LocalAccessGate_module_localAccessGateWrapper__28aa198a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    padding: 0 16px;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PrivateGate_module_localAccessGateWrapper__19e4c72e {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    padding: 0 16px;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.PrivateGate_module_privateGateWrapper__19e4c72e {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: PrivateGate_module_scaleAnimation__19e4c72e 200ms ease-in-out;
}

h1.PrivateGate_module_header__19e4c72e {
    padding: 0;
    font-size: 18px;
    margin-bottom: 8px;
}

.player.player-sm h1.PrivateGate_module_header__19e4c72e {
    font-size: 18px;
}

.player.player-md h1.PrivateGate_module_header__19e4c72e {
    font-size: 18px;
}

.player.player-lg h1.PrivateGate_module_header__19e4c72e {
    font-size: 18px;
}

.player.player-xl h1.PrivateGate_module_header__19e4c72e {
    font-size: 18px;
}

.player.player-xxl h1.PrivateGate_module_header__19e4c72e {
    font-size: 18px;
}

.player.player-md h1.PrivateGate_module_header__19e4c72e {
    font-size: 24px;
}

.player.player-lg h1.PrivateGate_module_header__19e4c72e {
    font-size: 24px;
}

.player.player-xl h1.PrivateGate_module_header__19e4c72e {
    font-size: 24px;
}

.player.player-xxl h1.PrivateGate_module_header__19e4c72e {
    font-size: 24px;
}

.player.player-lg h1.PrivateGate_module_header__19e4c72e {
    font-size: 32px;
}

.player.player-xl h1.PrivateGate_module_header__19e4c72e {
    font-size: 32px;
}

.player.player-xxl h1.PrivateGate_module_header__19e4c72e {
    font-size: 32px;
}

.player.player-xl h1.PrivateGate_module_header__19e4c72e {
    font-size: 40px;
}

.player.player-xxl h1.PrivateGate_module_header__19e4c72e {
    font-size: 40px;
}

span.PrivateGate_module_subtitle__19e4c72e {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 14px;
}

.player.player-lg span.PrivateGate_module_subtitle__19e4c72e {
    font-size: 16px;
}

.player.player-xl span.PrivateGate_module_subtitle__19e4c72e {
    font-size: 16px;
}

.player.player-xxl span.PrivateGate_module_subtitle__19e4c72e {
    font-size: 16px;
}

.player.player-xl span.PrivateGate_module_subtitle__19e4c72e {
    font-size: 18px;
}

.player.player-xxl span.PrivateGate_module_subtitle__19e4c72e {
    font-size: 18px;
}

@media (max-width: 299px), (max-height: 169px) {
    span.PrivateGate_module_subtitle__19e4c72e {
        display: none;
    }
}

.PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e {
    font-size: 14px;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 8px;
    border: none;
    margin: 0 auto;
    color: var(--color-two-monochrome);
    background-color: var(--color-two);
}

.player.player-lg .PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e {
    font-size: 16px;
    padding: 14px 16px;
}

.player.player-xl .PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e {
    font-size: 16px;
    padding: 14px 16px;
}

.player.player-xxl .PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e {
    font-size: 16px;
    padding: 14px 16px;
}

.player.player-xxl .PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e {
    font-size: 18px;
    padding: 16px 20px;
}

.PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e:active, .PrivateGate_module_login__19e4c72e.PrivateGate_module_loginButton__19e4c72e:hover {
    background-color: var(--color-two-opacity-ninety);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PasswordGate_module_localAccessGateWrapper__34c044bd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    padding: 0 16px;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.PasswordGate_module_passwordGateWrapper__34c044bd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: PasswordGate_module_scaleAnimation__34c044bd 200ms ease-in-out;
    width: 100%;
    max-width: 40em;
}

.player.player-lg .PasswordGate_module_passwordGateWrapper__34c044bd {
    max-width: 45em;
}

.player.player-xl .PasswordGate_module_passwordGateWrapper__34c044bd {
    max-width: 45em;
}

.player.player-xxl .PasswordGate_module_passwordGateWrapper__34c044bd {
    max-width: 45em;
}

h1.PasswordGate_module_header__34c044bd {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.6px;
    cursor: text;
    user-select: text;
    padding: 0;
    margin-bottom: 8px;
}

.player.player-sm h1.PasswordGate_module_header__34c044bd {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-md h1.PasswordGate_module_header__34c044bd {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.PasswordGate_module_header__34c044bd {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xl h1.PasswordGate_module_header__34c044bd {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xxl h1.PasswordGate_module_header__34c044bd {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.PasswordGate_module_header__34c044bd {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.PasswordGate_module_header__34c044bd {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xxl h1.PasswordGate_module_header__34c044bd {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.PasswordGate_module_header__34c044bd {
    font-size: 4em;
    letter-spacing: -1.2px;
}

.player.player-xxl h1.PasswordGate_module_header__34c044bd {
    font-size: 4em;
    letter-spacing: -1.2px;
}

span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.4em;
    cursor: text;
    user-select: text;
    line-height: 1.5;
    margin-bottom: 16px;
}

.player.player-lg span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.6em;
}

.player.player-xl span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.6em;
}

.player.player-xxl span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.6em;
}

.player.player-xl span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.8em;
}

.player.player-xxl span.PasswordGate_module_subtitle__34c044bd {
    font-size: 1.8em;
}

.player.player-lg span.PasswordGate_module_subtitle__34c044bd {
    margin-bottom: 20px;
}

.player.player-xl span.PasswordGate_module_subtitle__34c044bd {
    margin-bottom: 20px;
}

.player.player-xxl span.PasswordGate_module_subtitle__34c044bd {
    margin-bottom: 20px;
}

.PasswordGate_module_form__34c044bd {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

button.PasswordGate_module_submitPassword__34c044bd,
input.PasswordGate_module_passwordInput__34c044bd {
    font-weight: bold;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    font-size: 1.6em;
}

.player.player-sm button.PasswordGate_module_submitPassword__34c044bd,
.player.player-sm input.PasswordGate_module_passwordInput__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-md button.PasswordGate_module_submitPassword__34c044bd,
.player.player-md input.PasswordGate_module_passwordInput__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-lg button.PasswordGate_module_submitPassword__34c044bd,
.player.player-lg input.PasswordGate_module_passwordInput__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-xl button.PasswordGate_module_submitPassword__34c044bd,
.player.player-xl input.PasswordGate_module_passwordInput__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-xxl button.PasswordGate_module_submitPassword__34c044bd,
.player.player-xxl input.PasswordGate_module_passwordInput__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-lg button.PasswordGate_module_submitPassword__34c044bd,
.player.player-lg input.PasswordGate_module_passwordInput__34c044bd {
    padding: 12px 16px;
}

.player.player-xl button.PasswordGate_module_submitPassword__34c044bd,
.player.player-xl input.PasswordGate_module_passwordInput__34c044bd {
    padding: 12px 16px;
}

.player.player-xxl button.PasswordGate_module_submitPassword__34c044bd,
.player.player-xxl input.PasswordGate_module_passwordInput__34c044bd {
    padding: 12px 16px;
}

.player.player-xxl button.PasswordGate_module_submitPassword__34c044bd,
.player.player-xxl input.PasswordGate_module_passwordInput__34c044bd {
    padding: 16px;
}

input.PasswordGate_module_passwordInput__34c044bd {
    color: #000;
    font-weight: normal;
}

input.PasswordGate_module_passwordInput__34c044bd[aria-invalid=true]:focus {
    outline: 2px solid rgb(227, 79, 79);
    outline-offset: 2px;
}

button.PasswordGate_module_submitPassword__34c044bd {
    border: none;
    color: var(--color-two-monochrome);
    background-color: var(--color-two);
    cursor: pointer;
}

.player.player-sm button.PasswordGate_module_submitPassword__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-md button.PasswordGate_module_submitPassword__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-lg button.PasswordGate_module_submitPassword__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-xl button.PasswordGate_module_submitPassword__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-xxl button.PasswordGate_module_submitPassword__34c044bd {
    border-radius: 8px;
    padding: 10px 12px;
}

.player.player-lg button.PasswordGate_module_submitPassword__34c044bd {
    padding: 12px 16px;
}

.player.player-xl button.PasswordGate_module_submitPassword__34c044bd {
    padding: 12px 16px;
}

.player.player-xxl button.PasswordGate_module_submitPassword__34c044bd {
    padding: 12px 16px;
}

button.PasswordGate_module_submitPassword__34c044bd:active, button.PasswordGate_module_submitPassword__34c044bd:hover {
    background-color: var(--color-two-opacity-ninety);
}

button.PasswordGate_module_submitPassword__34c044bd:disabled {
    cursor: not-allowed;
}

button.PasswordGate_module_submitPassword__34c044bd.PasswordGate_module_loading__34c044bd {
    animation: PasswordGate_module_throb__34c044bd 1s linear infinite;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.GeoBlockingGate_module_localAccessGateWrapper__075a0430 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    padding: 0 16px;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.GeoBlockingGate_module_geoblockingGateWrapper__075a0430 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: GeoBlockingGate_module_scaleAnimation__075a0430 200ms ease-in-out;
}

h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.6px;
    cursor: text;
    user-select: text;
    margin-bottom: 8px;
}

.player.player-sm h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-md h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xxl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xxl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 4em;
    letter-spacing: -1.2px;
}

.player.player-xxl h1.GeoBlockingGate_module_header__075a0430 {
    font-size: 4em;
    letter-spacing: -1.2px;
}

.player.player-lg h1.GeoBlockingGate_module_header__075a0430 {
    margin-bottom: 16px;
}

.player.player-xl h1.GeoBlockingGate_module_header__075a0430 {
    margin-bottom: 16px;
}

.player.player-xxl h1.GeoBlockingGate_module_header__075a0430 {
    margin-bottom: 16px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.DRMPlaybackUnavailableGate_module_localAccessGateWrapper__9e5b96d5 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    padding: 0 16px;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.DRMPlaybackUnavailableGate_module_wrapper__9e5b96d5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: DRMPlaybackUnavailableGate_module_scaleAnimation__9e5b96d5 200ms ease-in-out;
}

h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.6px;
    cursor: text;
    user-select: text;
    margin-bottom: 8px;
}

.player.player-sm h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-md h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-xxl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 2.4em;
    letter-spacing: -0.8px;
}

.player.player-lg h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xxl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 3.2em;
    letter-spacing: -1px;
}

.player.player-xl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 4em;
    letter-spacing: -1.2px;
}

.player.player-xxl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    font-size: 4em;
    letter-spacing: -1.2px;
}

.player.player-lg h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    margin-bottom: 16px;
}

.player.player-xl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    margin-bottom: 16px;
}

.player.player-xxl h1.DRMPlaybackUnavailableGate_module_header__9e5b96d5 {
    margin-bottom: 16px;
}

.DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.4em;
    cursor: text;
    user-select: text;
    max-width: 450px;
}

.player.player-lg .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.6em;
}

.player.player-xl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.6em;
}

.player.player-xxl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.6em;
}

.player.player-xl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.8em;
}

.player.player-xxl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    font-size: 1.8em;
}

.player.player-lg .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    max-width: 575px;
}

.player.player-xl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    max-width: 575px;
}

.player.player-xxl .DRMPlaybackUnavailableGate_module_message__9e5b96d5 {
    max-width: 575px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
.VimeoInteractive_module_container__211f1fff {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    pointer-events: none;
    z-index: 5;
}

.VimeoInteractive_module_container__211f1fff.VimeoInteractive_module_active__211f1fff {
    z-index: 28;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.VideoThumbnail_module_videoThumbnail__d1b35579 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    transition: opacity 0.25s;
}

.VideoThumbnail_module_videoThumbnail__d1b35579.VideoThumbnail_module_cover__d1b35579 {
    background-size: cover;
}

/* Enables scaling of thumbnail while content area is closing */
.vp-video-wrapper.content-area-sibling-enabled .VideoThumbnail_module_videoThumbnail__d1b35579.VideoThumbnail_module_cover__d1b35579 {
    background-size: contain;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.DefaultVideoThumbnail_module_defaultVideoThumbnail__1992ba48 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DefaultVideoThumbnail_module_icon__1992ba48 {
    width: 27%;
    height: 27%;
}

.DefaultVideoThumbnail_module_icon__1992ba48 path {
    fill: #3d3d3d;
}

.DefaultVideoThumbnail_module_icon__1992ba48 circle {
    fill: #141414;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.LiveStatusAlerts_module_eventTextWrapper__cf2b4eb9 {
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    top: 0;
}

.LiveStatusAlerts_module_schedule__cf2b4eb9 {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    width: 100%;
}

.LiveStatusAlerts_module_scheduleTitle__cf2b4eb9,
.LiveStatusAlerts_module_scheduleBody__cf2b4eb9 {
    display: block;
    margin-bottom: 9px;
}

.LiveStatusAlerts_module_scheduleBody__cf2b4eb9 {
    font-weight: normal;
    font-size: 3.2em;
}

@media screen and (max-height: 350px), screen and (max-width: 740px) {
    .LiveStatusAlerts_module_scheduleTitle__cf2b4eb9 {
        font-weight: bold;
    }

    .LiveStatusAlerts_module_scheduleBody__cf2b4eb9,
    .LiveStatusAlerts_module_scheduleFooter__cf2b4eb9 {
        font-size: 1.4em;
        display: inline;
        font-weight: normal;
    }

    .LiveStatusAlerts_module_scheduleBody__cf2b4eb9 {
        padding-right: 6px;
    }
}

@media screen and (max-height: 200px), screen and (max-width: 480px) {
    .LiveStatusAlerts_module_eventTextWrapper__cf2b4eb9 {
        font-size: 1.2em;
    }
}

@media screen and (max-height: 200px), screen and (max-width: 250px) {
    .LiveStatusAlerts_module_eventTextWrapper__cf2b4eb9 {
        font-size: 1em;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ChromecastText_module_wrapper__5708223b {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    pointer-events: none;
    cursor: default;
    z-index: 18;
    background-color: #000;
}

.ChromecastText_module_wrapper__5708223b .ChromecastText_module_text__5708223b {
    top: 50%;
    position: relative;
}

@media screen and (max-height: 200px), screen and (max-width: 480px) {
    .ChromecastText_module_wrapper__5708223b {
        font-size: 1.2em;
    }
}

@media screen and (max-height: 200px), screen and (max-width: 250px) {
    .ChromecastText_module_wrapper__5708223b {
        font-size: 1em;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SpatialInstructions_module_instructions__4867d5d0 {
    padding: 8px;
    display: inline-flex;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Link_module_link__05dd5324 {
    position: relative;
    pointer-events: inherit;
}

.Link_module_link__05dd5324:hover {
    color: var(--color-two-complement);
}

.Link_module_link__05dd5324:active, .Link_module_link__05dd5324:hover {
    cursor: pointer;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
dialog.ModalMenu_module_menu__78a8988e,
dialog.ModalMenu_module_menu__78a8988e:modal {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    pointer-events: all;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(40px);
    z-index: 30;
    overflow-x: auto;
    transition: opacity 200ms ease-out;
    transform: translateY(0);
    opacity: 1;
    color: #fff;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    border: 0;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

dialog.ModalMenu_module_menu__78a8988e::-webkit-scrollbar,
dialog.ModalMenu_module_menu__78a8988e:modal::-webkit-scrollbar {
    display: none;
}

dialog.ModalMenu_module_menu__78a8988e .ModalMenu_module_menuBody__78a8988e,
dialog.ModalMenu_module_menu__78a8988e:modal .ModalMenu_module_menuBody__78a8988e {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    width: 100%;
    overflow-x: hidden;
    height: calc(100% - 5.6em);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

dialog.ModalMenu_module_menu__78a8988e .ModalMenu_module_menuBody__78a8988e::-webkit-scrollbar,
dialog.ModalMenu_module_menu__78a8988e:modal .ModalMenu_module_menuBody__78a8988e::-webkit-scrollbar {
    display: none;
}

dialog.ModalMenu_module_menu__78a8988e .ModalMenu_module_menuPanel__78a8988e,
dialog.ModalMenu_module_menu__78a8988e:modal .ModalMenu_module_menuPanel__78a8988e {
    display: inline-block;
    margin: 0.8em 0;
    width: 100%;
}

dialog.ModalMenu_module_menu__78a8988e::backdrop, dialog.ModalMenu_module_menu__78a8988e:-internal-dialog-in-top-layer::backdrop,
dialog.ModalMenu_module_menu__78a8988e:modal::backdrop,
dialog.ModalMenu_module_menu__78a8988e:modal:-internal-dialog-in-top-layer::backdrop {
    background-color: transparent;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.PopoverMenu_module_menu__41674725 {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    pointer-events: all;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(40px);
    z-index: 30;
    overflow-x: auto;
    transition: opacity 200ms ease-out;
    right: 0;
    bottom: 3.2em;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    transform: translateY(0);
    width: 32em;
    border-radius: 8px;
}

.PopoverMenu_module_menu__41674725::-webkit-scrollbar {
    display: none;
}

.player.player-xl .PopoverMenu_module_menu__41674725 {
    margin-right: 1.6em;
    bottom: 4em;
}

.player.player-xxl .PopoverMenu_module_menu__41674725 {
    margin-right: 1.6em;
    bottom: 4em;
}

.PopoverMenu_module_menu__41674725 .PopoverMenu_module_menuBody__41674725 {
    /* Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
    /* Chrome / Safari */
    width: 100%;
    overflow-x: hidden;
    height: 0;
    overflow-y: hidden;
    transition: height 200ms ease-out;
}

.PopoverMenu_module_menu__41674725 .PopoverMenu_module_menuBody__41674725::-webkit-scrollbar {
    display: none;
}

.PopoverMenu_module_menu__41674725 .PopoverMenu_module_menuPanel__41674725 {
    display: inline-block;
    margin: 0.8em 0;
    width: 100%;
}

.PopoverMenu_module_menu__41674725.PopoverMenu_module_verticalVideo__41674725 {
    width: calc(100% - 1.6em);
    right: 8px;
    margin: 0;
    bottom: 4.5em;
    overflow: scroll;
}

.player.player-xl .PopoverMenu_module_menu__41674725.PopoverMenu_module_verticalVideo__41674725 {
    bottom: 5.3em;
}

.player.player-xxl .PopoverMenu_module_menu__41674725.PopoverMenu_module_verticalVideo__41674725 {
    bottom: 5.3em;
}

.PopoverMenu_module_menu__41674725.PopoverMenu_module_scroll__41674725 {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.MenuHeader_module_menuHeader__c10a9277 {
    overflow-x: hidden;
}

.MenuHeader_module_menuHeader__c10a9277 svg {
    width: 2.4em;
    height: 2.4em;
}

.MenuHeader_module_menuHeader__c10a9277 svg path {
    fill: #fff;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_header__c10a9277 {
    display: flex;
    height: 5.6em;
    align-items: center;
    padding: 0.8em;
    min-width: 22.4em;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_title__c10a9277 {
    margin: 0 1em;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButton__c10a9277 svg {
    transform: rotate(180deg);
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButton__c10a9277 {
    display: none;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButton__c10a9277 svg {
    vertical-align: middle;
    width: 1.6em;
    height: 1.6em;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButton__c10a9277,
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButton__c10a9277 {
    width: 4em;
    height: 4em;
    border: none;
    appearance: none;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButton__c10a9277:hover,
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButton__c10a9277:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButtonWrapper__c10a9277,
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_title__c10a9277,
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButtonWrapper__c10a9277 {
    flex: 1;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButtonWrapper__c10a9277 {
    display: none;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButtonWrapper__c10a9277 {
    margin-left: 0.4em;
    padding-left: 0.4em;
    display: flex;
    justify-content: flex-end;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_fullWidth__c10a9277 {
    position: sticky;
    top: 0;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_fullWidth__c10a9277 .MenuHeader_module_closeButton__c10a9277 {
    display: block;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_hasBack__c10a9277 .MenuHeader_module_backButtonWrapper__c10a9277 {
    display: inline-block;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_hasBack__c10a9277 .MenuHeader_module_title__c10a9277 {
    text-align: center;
}

.MenuHeader_module_menuHeader__c10a9277:not(.MenuHeader_module_hasBack__c10a9277) .MenuHeader_module_title__c10a9277 {
    margin: 0 0 0 0.6666666667em;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButtonWrapper__c10a9277 .MenuHeader_module_backButton__c10a9277:not(:hover),
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButtonWrapper__c10a9277 .MenuHeader_module_closeButton__c10a9277:not(:hover) {
    background: none;
}

.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_backButtonWrapper__c10a9277 .MenuHeader_module_backButton__c10a9277:hover:not(:active),
.MenuHeader_module_menuHeader__c10a9277 .MenuHeader_module_closeButtonWrapper__c10a9277 .MenuHeader_module_closeButton__c10a9277:hover:not(:active) {
    border: none;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_hideCloseButton__c10a9277 .MenuHeader_module_closeButtonWrapper__c10a9277 {
    display: none;
}

.MenuHeader_module_menuHeader__c10a9277.MenuHeader_module_hideCloseButton__c10a9277 .MenuHeader_module_title__c10a9277 {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.MenuOption_module_option__828f05b2.MenuOption_module_styled__828f05b2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1em;
    cursor: pointer;
    line-height: 40px;
    transition: background-color 200ms ease-out;
    overflow: hidden;
}

.MenuOption_module_option__828f05b2.MenuOption_module_styled__828f05b2:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.MenuOption_module_option__828f05b2.MenuOption_module_styled__828f05b2:focus {
    border-radius: 3px;
}

.MenuOption_module_option__828f05b2.MenuOption_module_styled__828f05b2.MenuOption_module_withActive__828f05b2 {
    justify-content: initial;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.MenuItem_module_optionButton__14a7084a {
    padding: 1em;
    cursor: pointer;
    width: 100%;
    height: 4em;
    border-radius: 0;
}

.MenuItem_module_optionButton__14a7084a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.MenuItem_module_optionButton__14a7084a:focus {
    outline-offset: -2px;
}

.MenuItem_module_optionButton__14a7084a:active {
    outline: none;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_label__14a7084a,
.MenuItem_module_optionButton__14a7084a .MenuItem_module_value__14a7084a {
    margin-bottom: 0;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_label__14a7084a {
    margin: 0 0 0 0.6666666667em;
    flex-grow: 1;
    text-align: start;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_value__14a7084a {
    margin: 0 0 0 0.8em;
    pointer-events: none;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_icon__14a7084a {
    width: 2.4em;
    height: 2.4em;
    margin: 0 0.8em;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_icon__14a7084a svg path {
    fill: #fff;
}

.MenuItem_module_optionButton__14a7084a .MenuItem_module_icon__14a7084a.MenuItem_module_open__14a7084a {
    transform: rotate(180deg);
}

.MenuItem_module_optionButton__14a7084a.MenuItem_module_small__14a7084a {
    margin: 0 0 0.4em;
}

body:not(.showfocus) .MenuItem_module_optionButton__14a7084a:focus {
    outline: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.MenuOptionListItem_module_listItem__2a2a4b59 {
    margin: 0;
    padding: 1em;
    height: 4em;
    border-radius: 0;
    width: 100%;
}

.MenuOptionListItem_module_listItem__2a2a4b59.MenuOptionListItem_module_accordion__2a2a4b59:first-child {
    margin: 0.8em 0 0;
}

.MenuOptionListItem_module_listItem__2a2a4b59.MenuOptionListItem_module_accordion__2a2a4b59:last-child {
    margin: 0 0 0.8em;
}

.MenuOptionListItem_module_listItem__2a2a4b59:focus {
    outline-offset: -2px;
}

.MenuOptionListItem_module_listItem__2a2a4b59.MenuOptionListItem_module_ordered__2a2a4b59.MenuOptionListItem_module_active__2a2a4b59 {
    background-color: #3d3d3d;
}

.MenuOptionListItem_module_text__2a2a4b59 {
    max-width: calc(100% - 52px);
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.MenuOptionListItem_module_number__2a2a4b59 {
    height: 1.7em;
    width: 2.3em;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.8em;
}

.MenuOptionListItem_module_icon__2a2a4b59 {
    margin: 0 0.8em;
    height: 1.6em;
    width: 1.6em;
    display: flex;
}

.MenuOptionListItem_module_icon__2a2a4b59 svg {
    width: 1.6em;
    height: 1.6em;
}

.MenuOptionListItem_module_icon__2a2a4b59 svg path {
    fill: #fff;
}

.MenuOptionListItem_module_check__2a2a4b59 {
    margin: 0 0.8em;
    height: 1.6em;
    width: 1.6em;
}

.MenuOptionListItem_module_check__2a2a4b59 svg {
    display: none;
    height: 1.6em;
    width: 1.6em;
}

.MenuOptionListItem_module_check__2a2a4b59.MenuOptionListItem_module_activeCheck__2a2a4b59 svg {
    display: block;
}

.MenuOptionListItem_module_point__2a2a4b59 {
    position: absolute;
    right: 1.6em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Divider_module_divider__74e2aa5b {
    height: 0;
    min-width: 22.4em;
    border-top: 1px solid #414141;
}

.Divider_module_divider__74e2aa5b.Divider_module_buffer__74e2aa5b {
    margin: 0.8em 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Accordion_module_accordion__2cb96b8e .Accordion_module_content__2cb96b8e {
    display: block;
    height: 0;
    transition: height 200ms ease-out;
    overflow: hidden;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ButtonRow_module_label__ed961dd7 {
    margin: 0.4em 0;
}

.ButtonRow_module_filledButton__ed961dd7 {
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.4285714286em;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0.5714285714em;
    flex-grow: 1;
    text-align: center;
}

.ButtonRow_module_filledButton__ed961dd7:last-of-type {
    margin-right: 0;
}

.ButtonRow_module_filledButton__ed961dd7:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.ButtonRow_module_filledButton__ed961dd7.ButtonRow_module_active__ed961dd7 {
    background-color: rgba(255, 255, 255, 0.9);
}

.ButtonRow_module_filledButton__ed961dd7.ButtonRow_module_active__ed961dd7 .ButtonRow_module_label__ed961dd7 {
    color: #000;
}

.ButtonRow_module_filledButton__ed961dd7.ButtonRow_module_active__ed961dd7:hover {
    background-color: #fff;
}

.ButtonRow_module_buttonRow__ed961dd7 {
    display: flex;
    margin: 0.8em;
    padding: 0 8px;
    list-style: none;
}

.ButtonRow_module_buttonRow__ed961dd7.ButtonRow_module_wrap__ed961dd7 {
    flex-wrap: wrap;
    row-gap: 0.8em;
}

.ButtonRow_module_buttonRow__ed961dd7.ButtonRow_module_wrap__ed961dd7 .ButtonRow_module_filledButton__ed961dd7 {
    flex-grow: 0;
    width: calc(50% - 8px);
    display: inline-block;
    margin-right: 0;
}

.ButtonRow_module_buttonRow__ed961dd7.ButtonRow_module_wrap__ed961dd7 .ButtonRow_module_filledButton__ed961dd7:nth-child(odd) {
    margin-right: 0.8em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ColorSwabs_module_colorSwabs__ee1dd808 {
    display: flex;
    justify-content: space-between;
    margin: 0 0.8em;
    padding: 0 0.8em;
    list-style: none;
}

.ColorSwabs_module_colorSwabs__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808 {
    padding: 2px;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    transition: transform 200ms ease-out;
}

.ColorSwabs_module_colorSwabs__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808 .ColorSwabs_module_inner__ee1dd808 {
    height: 1.6em;
    width: 1.6em;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    outline: none;
    cursor: pointer;
}

.ColorSwabs_module_colorSwabs__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808.ColorSwabs_module_active__ee1dd808 {
    border-color: #fff;
}

.ColorSwabs_module_colorSwabs__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808.ColorSwabs_module_active__ee1dd808 .ColorSwabs_module_inner__ee1dd808 {
    border: none;
}

.ColorSwabs_module_colorSwabs__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808:hover {
    transform: scale(1.25);
}

.ColorSwabs_module_colorSwabs__ee1dd808.ColorSwabs_module_wrap__ee1dd808 {
    flex-wrap: wrap;
    row-gap: 0.8em;
    max-width: 19.2em;
    justify-content: normal;
}

.ColorSwabs_module_colorSwabs__ee1dd808.ColorSwabs_module_wrap__ee1dd808 .ColorSwabs_module_colorSwab__ee1dd808 {
    margin-right: 0.8em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.MenuFieldLabel_module_menuField__832e2f60 {
    margin: 1.2em 0;
    padding: 0 0.8em;
}

.MenuFieldLabel_module_label__832e2f60 {
    margin: 0 0 0.8em 0.8em;
    flex-grow: 1;
    text-align: start;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Text_module_text__705900fc {
    line-height: 1.25;
}

.Text_module_sm__705900fc {
    font-size: 12px;
}

.Text_module_md__705900fc {
    font-size: 14px;
}

.Text_module_lg__705900fc {
    font-size: 16px;
}

.Text_module_xl__705900fc {
    font-size: 18px;
}

.player.player-xxs .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xs .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-sm .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-md .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-lg .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpxxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxs .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xs .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-sm .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-md .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-lg .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpxxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxs .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xs .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-sm .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-md .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-lg .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpxxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxs .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xs .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-sm .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-md .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-lg .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpxxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xs .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-sm .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-md .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-lg .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpxs_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xs .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-sm .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-md .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-lg .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpxs_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xs .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-sm .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-md .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-lg .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpxs_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xs .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-sm .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-md .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-lg .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpxs_fontxl__705900fc {
    font-size: 18px;
}

.player.player-sm .Text_module_bpsm_fontsm__705900fc {
    font-size: 12px;
}

.player.player-md .Text_module_bpsm_fontsm__705900fc {
    font-size: 12px;
}

.player.player-lg .Text_module_bpsm_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bpsm_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpsm_fontsm__705900fc {
    font-size: 12px;
}

.player.player-sm .Text_module_bpsm_fontmd__705900fc {
    font-size: 14px;
}

.player.player-md .Text_module_bpsm_fontmd__705900fc {
    font-size: 14px;
}

.player.player-lg .Text_module_bpsm_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bpsm_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpsm_fontmd__705900fc {
    font-size: 14px;
}

.player.player-sm .Text_module_bpsm_fontlg__705900fc {
    font-size: 16px;
}

.player.player-md .Text_module_bpsm_fontlg__705900fc {
    font-size: 16px;
}

.player.player-lg .Text_module_bpsm_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bpsm_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpsm_fontlg__705900fc {
    font-size: 16px;
}

.player.player-sm .Text_module_bpsm_fontxl__705900fc {
    font-size: 18px;
}

.player.player-md .Text_module_bpsm_fontxl__705900fc {
    font-size: 18px;
}

.player.player-lg .Text_module_bpsm_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bpsm_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpsm_fontxl__705900fc {
    font-size: 18px;
}

.player.player-md .Text_module_bpmd_fontsm__705900fc {
    font-size: 12px;
}

.player.player-lg .Text_module_bpmd_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bpmd_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpmd_fontsm__705900fc {
    font-size: 12px;
}

.player.player-md .Text_module_bpmd_fontmd__705900fc {
    font-size: 14px;
}

.player.player-lg .Text_module_bpmd_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bpmd_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpmd_fontmd__705900fc {
    font-size: 14px;
}

.player.player-md .Text_module_bpmd_fontlg__705900fc {
    font-size: 16px;
}

.player.player-lg .Text_module_bpmd_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bpmd_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpmd_fontlg__705900fc {
    font-size: 16px;
}

.player.player-md .Text_module_bpmd_fontxl__705900fc {
    font-size: 18px;
}

.player.player-lg .Text_module_bpmd_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bpmd_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpmd_fontxl__705900fc {
    font-size: 18px;
}

.player.player-lg .Text_module_bplg_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bplg_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bplg_fontsm__705900fc {
    font-size: 12px;
}

.player.player-lg .Text_module_bplg_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bplg_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bplg_fontmd__705900fc {
    font-size: 14px;
}

.player.player-lg .Text_module_bplg_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bplg_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bplg_fontlg__705900fc {
    font-size: 16px;
}

.player.player-lg .Text_module_bplg_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bplg_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bplg_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xl .Text_module_bpxl_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpxl_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xl .Text_module_bpxl_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpxl_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xl .Text_module_bpxl_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpxl_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xl .Text_module_bpxl_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpxl_fontxl__705900fc {
    font-size: 18px;
}

.player.player-xxl .Text_module_bpxxl_fontsm__705900fc {
    font-size: 12px;
}

.player.player-xxl .Text_module_bpxxl_fontmd__705900fc {
    font-size: 14px;
}

.player.player-xxl .Text_module_bpxxl_fontlg__705900fc {
    font-size: 16px;
}

.player.player-xxl .Text_module_bpxxl_fontxl__705900fc {
    font-size: 18px;
}

.Text_module_bold__705900fc {
    font-weight: bold;
}

.Text_module_normal__705900fc {
    font-weight: normal;
}

.Text_module_medium__705900fc {
    font-weight: 500;
}

.Text_module_white__705900fc {
    color: #fff;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Button_module_button__779846a6 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    text-rendering: optimizelegibility;
    border-radius: 0.4em;
    pointer-events: inherit;
}

.Button_module_buttonChildren__779846a6 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Button_module_icon__779846a6 svg {
    display: inline-flex;
    overflow: visible;
}

.Button_module_icon__779846a6.Button_module_iconSm__779846a6>svg {
    width: 1.8em;
    height: 1.8em;
}

.Button_module_icon__779846a6.Button_module_iconMd__779846a6>svg {
    width: 2.4em;
    height: 2.4em;
}

.Button_module_primary__779846a6 {
    background-color: var(--color-one-opacity-ninety);
    color: var(--color-three);
}

.Button_module_primary__779846a6:hover {
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
}

.Button_module_alternative__779846a6 {
    background: none;
    color: #fff;
}

.Button_module_alternative__779846a6:hover:not(:active) {
    background: rgba(255, 255, 255, 0.2);
}

.Button_module_md__779846a6 {
    line-height: 3.8em;
    height: 4em;
    min-width: 4em;
}

.Button_module_sm__779846a6 {
    line-height: 3em;
    height: 3.2em;
    min-width: 3.2em;
}

.Button_module_xs__779846a6 {
    line-height: normal;
    height: 2.4em;
    width: 2.4em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CopyLinkButton_module_linkCopied__b24b40c0 {
    font-weight: normal;
    display: flex;
    align-items: center;
    line-height: 2em;
}

.CopyLinkButton_module_linkCopiedIcon__b24b40c0 {
    width: 2em;
    height: 2em;
    margin-right: 2px;
    padding: 3px 6px 3px 0;
}

.CopyLinkButton_module_copyLinkButton__b24b40c0 {
    border-radius: 4px;
    border: none;
    margin: 4px;
    padding: 4px;
    flex-grow: 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    display: flex;
    opacity: 0;
    background-color: transparent;
}

.CopyLinkButton_module_copyLinkButton__b24b40c0:hover, .CopyLinkButton_module_copyLinkButton__b24b40c0:focus {
    background-color: rgba(255, 255, 255, 0.2);
}

.CopyLinkButton_module_copyLinkButton__b24b40c0.CopyLinkButton_module_touchDevice__b24b40c0 {
    opacity: 1;
}

.CopyLinkButton_module_copyLinkButton__b24b40c0.CopyLinkButton_module_touchDevice__b24b40c0:hover, .CopyLinkButton_module_copyLinkButton__b24b40c0.CopyLinkButton_module_touchDevice__b24b40c0:focus {
    background-color: transparent;
}

.player.player-xl .CopyLinkButton_module_copyLinkButton__b24b40c0 {
    width: 4em;
    height: 4em;
}

.player.player-xxl .CopyLinkButton_module_copyLinkButton__b24b40c0 {
    width: 4em;
    height: 4em;
}

.CopyLinkButton_module_shareIconContainer__b24b40c0 {
    width: 2.4em;
    height: 2.4em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SearchInput_module_label__8bd10fbf {
    color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 40px;
}

.player.app-xl .SearchInput_module_label__8bd10fbf, .player.app-xxl .SearchInput_module_label__8bd10fbf {
    left: 48px;
}

.player.app-xxs .SearchInput_module_label__8bd10fbf, .player.app-xs .SearchInput_module_label__8bd10fbf, .player.app-tiny .SearchInput_module_label__8bd10fbf, .player.app-mini .SearchInput_module_label__8bd10fbf {
    left: 32px;
}

input,
.SearchInput_module_label__8bd10fbf {
    font-size: 1.4em;
}

.player.app-xxs input, .player.app-xs input, .player.app-tiny input, .player.app-mini input,
.player.app-xxs .SearchInput_module_label__8bd10fbf,
.player.app-xs .SearchInput_module_label__8bd10fbf,
.player.app-tiny .SearchInput_module_label__8bd10fbf,
.player.app-mini .SearchInput_module_label__8bd10fbf {
    font-size: 1.2em;
}

input.SearchInput_module_mobileSafari__8bd10fbf:focus,
input.SearchInput_module_mobileSafari__8bd10fbf:focus+.SearchInput_module_label__8bd10fbf {
    font-size: 1.6em;
}

.SearchInput_module_inputForm__8bd10fbf {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    border-radius: 8px;
    font-weight: normal;
    min-width: 0;
    flex: 1;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 8px;
    cursor: text;
}

.player.app-xxs .SearchInput_module_inputForm__8bd10fbf, .player.app-xs .SearchInput_module_inputForm__8bd10fbf, .player.app-tiny .SearchInput_module_inputForm__8bd10fbf, .player.app-mini .SearchInput_module_inputForm__8bd10fbf {
    border-radius: 4px;
    padding: 4px;
}

.player.app-xl .SearchInput_module_inputForm__8bd10fbf, .player.app-xxl .SearchInput_module_inputForm__8bd10fbf {
    padding: 12px 16px;
}

.SearchInput_module_inputForm__8bd10fbf[data-disabled=false]:hover, .SearchInput_module_inputForm__8bd10fbf[data-focused=true] {
    background-color: rgba(255, 255, 255, 0.3);
}

.SearchInput_module_inputForm__8bd10fbf[data-focused=true] {
    outline: 2px solid #00adef;
    outline-offset: 2px;
}

.SearchInput_module_inputForm__8bd10fbf[data-disabled=true] {
    cursor: not-allowed;
}

.SearchInput_module_inputForm__8bd10fbf input,
.SearchInput_module_inputForm__8bd10fbf button {
    appearance: none;
}

.SearchInput_module_inputForm__8bd10fbf svg path {
    fill: #fff;
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    padding: 0;
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf:last-child {
    margin-right: 0;
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.3);
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf:hover:not(:disabled):active {
    background-color: rgba(255, 255, 255, 0.3);
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf svg {
    width: 100%;
    height: 24px;
}

.player.app-xxs .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf, .player.app-xs .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf, .player.app-tiny .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf, .player.app-mini .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchButton__8bd10fbf {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

.SearchInput_module_inputForm__8bd10fbf input {
    min-width: 0;
    background-color: transparent;
    margin-left: 0;
    color: #fff;
    flex: 1;
}

.SearchInput_module_inputForm__8bd10fbf input:focus {
    outline: none;
}

.SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf {
    padding: 4px;
}

.player.app-xl .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf, .player.app-xxl .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf {
    padding: 8px;
}

.SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input {
    margin-left: 8px;
}

.player.app-xl .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input, .player.app-xxl .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input {
    margin-left: 8px;
}

.player.app-xxs .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input, .player.app-xs .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input, .player.app-tiny .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input, .player.app-mini .SearchInput_module_inputForm__8bd10fbf.SearchInput_module_active__8bd10fbf input {
    margin-left: 4px;
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchIcon__8bd10fbf {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-right: 8px;
}

.player.app-xxs .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchIcon__8bd10fbf, .player.app-xs .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchIcon__8bd10fbf, .player.app-tiny .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchIcon__8bd10fbf, .player.app-mini .SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchIcon__8bd10fbf {
    margin-right: 4px;
}

.SearchInput_module_inputForm__8bd10fbf .SearchInput_module_searchItem__8bd10fbf {
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
@keyframes Spinner_module_buffer__c0a9f13b {
    100% {
        transform: translateX(-10px);
    }
}

@-moz-keyframes Spinner_module_bufferLeft__c0a9f13b {
    0% {
        left: 0;
    }

    100% {
        left: -10px;
    }
}

@keyframes Spinner_module_throb__c0a9f13b {
    0%, 100% {
        background-color: #555;
    }

    50% {
        background-color: #444;
    }
}

@keyframes Spinner_module_wiggle__c0a9f13b {
    0% {
        transform: translateY(10px);
    }

    20% {
        transform: translateY(0);
    }

    40%, 80% {
        transform: translateX(8px);
    }

    60% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes Spinner_module_pulse__c0a9f13b {
    50% {
        transform: scale(0.9);
    }
}

@keyframes Spinner_module_dash__c0a9f13b {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -135px;
    }
}

@keyframes Spinner_module_rotate__c0a9f13b {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes Spinner_module_scaleAnimation__c0a9f13b {
    0% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Spinner_module_spinner__c0a9f13b {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    transform: translate(-50%, -50%);
    transition: opacity 0.1s, transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}

.Spinner_module_spinner__c0a9f13b circle {
    stroke-width: 4px;
    background: transparent;
}

.Spinner_module_spinner__c0a9f13b [data-spinner-trace=true] {
    stroke-opacity: 0.2;
}

.Spinner_module_spinner__c0a9f13b [data-spinner-circle=true] {
    transform-origin: 50% 50%;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: Spinner_module_rotate__c0a9f13b 2s linear 0.25s infinite, Spinner_module_dash__c0a9f13b 1.5s ease-in-out 0.25s infinite;
}

.Spinner_module_lg__c0a9f13b {
    max-width: 120px;
    width: 18%;
}

.Spinner_module_lg__c0a9f13b circle {
    stroke-width: 2px;
}

.Spinner_module_sm__c0a9f13b {
    width: 48px;
    height: 48px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* Influenced by tooltip speed */
.Switch_module_switch__c00d76b6 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 0;
    transition: background-color 200ms ease-out;
    overflow: hidden;
}

.Switch_module_switch__c00d76b6.Switch_module_isMenuItem__c00d76b6 {
    width: 100%;
    height: 4em;
    padding: 1em;
}

.Switch_module_switch__c00d76b6:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.Switch_module_switch__c00d76b6:focus {
    border-radius: 3px;
    outline-offset: -2px;
}

.Switch_module_switchContainer__c00d76b6 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.8em;
}

.Switch_module_switchContainer__c00d76b6 .Switch_module_handle__c00d76b6 {
    position: absolute;
    left: 2px;
    transform: translateX(0);
    transition: transform 150ms ease;
}

.Switch_module_switchContainer__c00d76b6.Switch_module_checked__c00d76b6 .Switch_module_handle__c00d76b6 {
    transform: translateX(15px);
}

.Switch_module_switchContainer__c00d76b6:not(.Switch_module_checked__c00d76b6) svg rect {
    fill: rgba(255, 255, 255, 0.3);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CaptionsRenderer_module_captions__f2659eec {
    text-align: center;
    position: absolute;
    z-index: 6;
    color: #fff;
    left: 0;
    right: 0;
    user-select: text;
}

.CaptionsRenderer_module_captionsWindow__f2659eec {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.CaptionsRenderer_module_captionsLine__f2659eec {
    display: inline-block;
    padding: 0.2em 0.4em;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ToastBase_module_toast__fb6cbe17 {
    background: rgba(0, 0, 0, 0.9);
    pointer-events: all;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 4px;
    max-width: calc(100% - 16px);
}

.player.player-sm .ToastBase_module_toast__fb6cbe17 {
    border-radius: 8px;
}

.player.player-md .ToastBase_module_toast__fb6cbe17 {
    border-radius: 8px;
}

.player.player-lg .ToastBase_module_toast__fb6cbe17 {
    border-radius: 8px;
}

.player.player-xl .ToastBase_module_toast__fb6cbe17 {
    border-radius: 8px;
}

.player.player-xxl .ToastBase_module_toast__fb6cbe17 {
    border-radius: 8px;
}

.player.player-xl .ToastBase_module_toast__fb6cbe17 {
    padding: 8px;
    max-width: calc(100% - 32px);
}

.player.player-xxl .ToastBase_module_toast__fb6cbe17 {
    padding: 8px;
    max-width: calc(100% - 32px);
}

.player.player-xxl .ToastBase_module_toast__fb6cbe17 {
    border-radius: 12px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ToastDivider_module_divider__b81b458b {
    width: 1px;
    align-self: stretch;
    margin: -4px 4px;
    background-color: rgba(255, 255, 255, 0.2);
}

.player.player-xl .ToastDivider_module_divider__b81b458b {
    margin: -8px 8px;
}

.player.player-xxl .ToastDivider_module_divider__b81b458b {
    margin: -8px 8px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ToastProgress_module_progressWrapper__c722ee37 {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.player.player-sm .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 8px;
}

.player.player-md .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 8px;
}

.player.player-lg .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 8px;
}

.player.player-xl .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 8px;
}

.player.player-xxl .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 8px;
}

.player.player-xxl .ToastProgress_module_progressWrapper__c722ee37 {
    border-radius: 12px;
}

.ToastProgress_module_progress__c722ee37 {
    position: absolute;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    pointer-events: none;
    width: 0%;
    left: 0;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ToastButton_module_toastButton__a3f96132 {
    border: none;
    border-radius: 4px;
    width: 24px;
    height: 24px;
}

.ToastButton_module_toastButton__a3f96132:active {
    background: rgba(255, 255, 255, 0.2);
}

.ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 32px;
    padding: 12px;
    margin: -4px;
    color: var(--color-three);
}

.ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132:active, .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132:hover {
    background: var(--color-two);
}

.ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132:active span, .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132:hover span {
    color: var(--color-two-monochrome);
}

.ToastButton_module_toastButton__a3f96132 svg {
    width: 20px;
    height: 20px;
}

.ToastButton_module_toastButton__a3f96132 svg path {
    fill: #fff;
}

.player.player-sm .ToastButton_module_toastButton__a3f96132 {
    width: 32px;
    height: 32px;
}

.player.player-sm .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 40px;
    border-radius: 8px;
}

.player.player-sm .ToastButton_module_toastButton__a3f96132 svg {
    width: 24px;
    height: 24px;
}

.player.player-md .ToastButton_module_toastButton__a3f96132 {
    width: 32px;
    height: 32px;
}

.player.player-md .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 40px;
    border-radius: 8px;
}

.player.player-md .ToastButton_module_toastButton__a3f96132 svg {
    width: 24px;
    height: 24px;
}

.player.player-lg .ToastButton_module_toastButton__a3f96132 {
    width: 32px;
    height: 32px;
}

.player.player-lg .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 40px;
    border-radius: 8px;
}

.player.player-lg .ToastButton_module_toastButton__a3f96132 svg {
    width: 24px;
    height: 24px;
}

.player.player-xl .ToastButton_module_toastButton__a3f96132 {
    width: 32px;
    height: 32px;
}

.player.player-xl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 40px;
    border-radius: 8px;
}

.player.player-xl .ToastButton_module_toastButton__a3f96132 svg {
    width: 24px;
    height: 24px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132 {
    width: 32px;
    height: 32px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 40px;
    border-radius: 8px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132 svg {
    width: 24px;
    height: 24px;
}

.player.player-lg .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 48px;
    padding: 16px;
}

.player.player-xl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 48px;
    padding: 16px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 48px;
    padding: 16px;
}

.player.player-xl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    margin: -8px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    margin: -8px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132 {
    width: 40px;
    height: 40px;
}

.player.player-xxl .ToastButton_module_toastButton__a3f96132.ToastButton_module_fullToast__a3f96132 {
    width: auto;
    height: 56px;
    padding: 20px;
    border-radius: 12px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ToastMessage_module_label__1715956e {
    margin: 0 8px;
    cursor: text;
}

.player.player-sm .ToastMessage_module_label__1715956e {
    margin: 0 12px;
}

.player.player-md .ToastMessage_module_label__1715956e {
    margin: 0 12px;
}

.player.player-lg .ToastMessage_module_label__1715956e {
    margin: 0 12px;
}

.player.player-xl .ToastMessage_module_label__1715956e {
    margin: 0 12px;
}

.player.player-xxl .ToastMessage_module_label__1715956e {
    margin: 0 12px;
}

.player.player-xxl .ToastMessage_module_label__1715956e {
    margin: 0 12px 0 16px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CloseToastButton_module_close__cfcb6e11.CloseToastButton_module_selected__cfcb6e11 {
    background: rgba(255, 255, 255, 0.2);
}

.RemoteComponent_module_remoteComponent__c2722e03 {
    border: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
}

.RemoteComponent_module_remoteComponent__c2722e03.RemoteComponent_module_loaded__c2722e03 {
    opacity: 1;
}

.RemoteComponent_module_spinner__c2722e03 {
    opacity: 0;
}

.RemoteComponent_module_spinner__c2722e03.RemoteComponent_module_visible__c2722e03 {
    opacity: 1;
}

.Image_module_image__2d6414b2 {
    background: no-repeat center center;
    background-size: cover;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
button.CopyEmbedCodeButton_module_copyEmbedCodeButton__ac44b4e7 {
    padding: 10.5px;
    margin: 0 0 0 10px;
    flex: 0 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 5px;
    appearance: none;
    border: 0;
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.EmbedShare_module_embedShareContainer__fb691e4b {
    position: absolute;
    top: 0;
    width: 150%;
}

.EmbedShare_module_embedShareContainer__fb691e4b.EmbedShare_module_hidden__fb691e4b {
    pointer-events: none;
}

.EmbedShare_module_embedShareContainer__fb691e4b .EmbedShare_module_shareFootnote__fb691e4b a {
    font-weight: bold;
    margin: 0;
    color: #fff;
}

.EmbedShare_module_embedShareSubtitle__fb691e4b {
    margin: 16.8px 14px 21px;
}

@media (max-height: 175px) {
    .EmbedShare_module_embedShareSubtitle__fb691e4b {
        display: none;
    }
}

.EmbedShare_module_embedShareEmbedCode__fb691e4b {
    margin: 15px auto 0;
    display: flex;
    justify-content: center;
    width: 85%;
}

.EmbedShare_module_embedShareEmbedCode__fb691e4b>div {
    flex: 1 1 auto;
}

input.EmbedShare_module_embedInput__fb691e4b {
    margin: 0;
    padding: 10.5px;
    width: 100%;
    font-family: "Inconsolata", "Monaco", "Consolas", "Courier New", "Courier", monospace;
    font-size: 1.4em;
    color: #4e595d;
    font-weight: normal;
    cursor: text;
    border-radius: 5px;
    background-color: #fff;
}

.EmbedShare_module_embedOnlyShare__fb691e4b {
    transform: translateX(-17%);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SocialShareLink_module_shareButton__88fe0dc2 {
    display: inline-block;
    padding: 9.6px 0 7.2px;
    width: 40px;
    height: 40px;
    margin: 0;
    font-size: 1.2em;
    line-height: 1;
    border-radius: 0;
    position: relative;
}

.SocialShareLink_module_shareButton__88fe0dc2:hover, .SocialShareLink_module_shareButton__88fe0dc2:active {
    background-color: rgba(0, 0, 0, 0.15);
}

.SocialShareLink_module_shareButton__88fe0dc2:focus {
    outline-color: #00adef;
}

.SocialShareLink_module_shareButton__88fe0dc2 svg {
    width: 1.9375em;
    height: 1.8125em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SocialShare_module_socialShareContainer__51546bb2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.SocialShare_module_socialShareContainer__51546bb2 a.SocialShare_module_clipUrl__51546bb2 {
    font-size: 1.4em;
    color: #fff;
}

.SocialShare_module_socialShareContainer__51546bb2 a.SocialShare_module_clipUrl__51546bb2:hover {
    color: #00adef;
}

.SocialShare_module_socialShareContainer__51546bb2.SocialShare_module_hidden__51546bb2 {
    pointer-events: none;
}

.SocialShare_module_shareButtons__51546bb2 {
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    gap: 8px;
    margin: 0;
}

.SocialShare_module_shareButtonItem__51546bb2 {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.16);
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
}

.SocialShare_module_linkWrapper__51546bb2 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin: 8px 0;
}

.SocialShare_module_linkContainer__51546bb2 {
    grid-column: 2;
}

.SocialShare_module_copyLinkButton__51546bb2 {
    grid-column: 3;
    margin-left: 8px;
    opacity: 1;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.shared_module_shareTitle__4b2ffcd4 {
    margin: 0 auto 0.6em;
    line-height: 1;
    font-size: 2.4em;
    user-select: text;
}

p.shared_module_shareFootnote__4b2ffcd4 {
    font-size: 1.4em;
    line-height: 1;
    font-weight: normal;
}

p.shared_module_shareFootnote__4b2ffcd4 a {
    user-select: text;
}

p.shared_module_shareFootnote__4b2ffcd4 a,
p.shared_module_shareFootnote__4b2ffcd4 button {
    margin: 0 0.25em;
}

p.shared_module_shareFootnote__4b2ffcd4 a:hover {
    color: #00adef;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compliation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Tooltip_module_tooltip__d9b61844 {
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(50% + 0px);
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    letter-spacing: 0;
    bottom: 2.6666666667em;
    padding: 0.6666666667em 1em;
    height: 2.6666666667em;
    line-height: 1.25em;
    border-radius: 4px;
    transition: opacity 150ms ease-out;
    position: absolute;
    font-weight: bold;
    white-space: pre;
    transform: translateX(-50%);
    cursor: default;
}

.player.player-xl .Tooltip_module_tooltip__d9b61844 {
    font-size: 14px;
    letter-spacing: -0.2px;
    bottom: 2.8571428571em;
    height: 2.8571428571em;
    border-radius: 8px;
    line-height: 1.2857142857em;
}

.player.player-xxl .Tooltip_module_tooltip__d9b61844 {
    font-size: 14px;
    letter-spacing: -0.2px;
    bottom: 2.8571428571em;
    height: 2.8571428571em;
    border-radius: 8px;
    line-height: 1.2857142857em;
}

.Tooltip_module_tooltipContainer__d9b61844.Tooltip_module_forceVisible__d9b61844 .Tooltip_module_tooltip__d9b61844, .Tooltip_module_tooltipContainer__d9b61844[data-touch-device=false]:hover .Tooltip_module_tooltip__d9b61844 {
    color: #fff;
}

.Tooltip_module_tooltip__d9b61844.Tooltip_module_tooltipLeft__d9b61844 {
    transform: translateY(-50%);
    bottom: calc(50% - 2.6666666667em);
}

.player.player-xl .Tooltip_module_tooltip__d9b61844.Tooltip_module_tooltipLeft__d9b61844 {
    bottom: calc(50% - 2.8571428571em);
}

.player.player-xxl .Tooltip_module_tooltip__d9b61844.Tooltip_module_tooltipLeft__d9b61844 {
    bottom: calc(50% - 2.8571428571em);
}

.Tooltip_module_playTooltip__d9b61844 {
    /*
      This is required since the player button container is slightly taller than other control bar buttons.
      So the `bottom` value needs to be slightly higher.
  */
    margin-bottom: 4px;
}

.Tooltip_module_playTooltip__d9b61844.Tooltip_module_trailerPlayTooltip__d9b61844 {
    bottom: 3.3333333333em;
    margin-bottom: 8px;
}

.player.player-xl .Tooltip_module_playTooltip__d9b61844.Tooltip_module_trailerPlayTooltip__d9b61844 {
    bottom: 4em;
}

.player.player-xxl .Tooltip_module_playTooltip__d9b61844.Tooltip_module_trailerPlayTooltip__d9b61844 {
    bottom: 4em;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SegmentShareInputs_module_segmentShareWrapper__c4c8c2e0 {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.SegmentShareInputs_module_checkboxContainer__c4c8c2e0 {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.SegmentShareInputs_module_customCheckbox__c4c8c2e0 {
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
    border-radius: 2px;
    display: block;
}

.SegmentShareInputs_module_customCheckbox__c4c8c2e0::after {
    content: "";
    position: absolute;
    display: none;
    left: 34%;
    top: 14%;
    width: 6px;
    height: 12px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-bottom-right-radius: 1px;
    transform: rotate(45deg);
}

.SegmentShareInputs_module_customCheckbox__c4c8c2e0.SegmentShareInputs_module_checked__c4c8c2e0 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1px;
}

.SegmentShareInputs_module_customCheckbox__c4c8c2e0.SegmentShareInputs_module_checked__c4c8c2e0::after {
    display: block;
}

.SegmentShareInputs_module_inputWrapper__c4c8c2e0 {
    position: relative;
    height: 100%;
    max-width: 80px;
    padding: 8px 8px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.SegmentShareInputs_module_inputWrapper__c4c8c2e0:focus-within {
    outline: 2px solid #00adef;
    outline-offset: 2px;
}

.SegmentShareInputs_module_inputWrapper__c4c8c2e0:has(input:invalid) {
    outline: 2px solid #f44;
    outline-offset: 2px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
input.TimeInput_module_segmentShareInput__7463c6f5 {
    width: 100%;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0;
    background-color: transparent;
    border: none;
    padding: 14px 0 6px;
    height: 100%;
    font-size: 1.4em;
}

input.TimeInput_module_segmentShareInput__7463c6f5:focus {
    outline: none;
}

input.TimeInput_module_segmentShareInput__7463c6f5::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
    font-size: 1em;
    line-height: 1;
}

.TimeInput_module_floatingLabel__7463c6f5 {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.4em;
    line-height: 1;
    pointer-events: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.TimeInput_module_segmentShareInput__7463c6f5:focus+.TimeInput_module_floatingLabel__7463c6f5, .TimeInput_module_segmentShareInput__7463c6f5:not(:placeholder-shown)+.TimeInput_module_floatingLabel__7463c6f5 {
    transform: translateY(-12px) scale(0.6);
    transform-origin: left top;
    color: #fff;
}

.TimeInput_module_segmentShareInput__7463c6f5:focus+.TimeInput_module_floatingLabel__7463c6f5::after, .TimeInput_module_segmentShareInput__7463c6f5:not(:placeholder-shown)+.TimeInput_module_floatingLabel__7463c6f5::after {
    content: "*";
    display: inline-block;
    margin-left: 2px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.Share_module_shareWrapper__248d76cb {
    position: relative;
    display: inline-block;
    min-width: 30em;
    max-width: 80%;
    text-align: center;
}

.Share_module_backButton__248d76cb {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(1.5em);
    transition: transform 0.2s, opacity 0.2s;
    opacity: 0;
    background: 0 0;
    appearance: none;
    border: none;
}

.Share_module_backButton__248d76cb.Share_module_visible__248d76cb {
    opacity: 0.7;
    transform: translateX(0);
}

.Share_module_backButtonIcon__248d76cb {
    font-size: 16px;
    height: 1.5em;
    width: auto;
    margin: 1.25em;
}

.Share_module_backButtonIcon__248d76cb path {
    fill: #fff;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ValidationBubble_module_validationBubble__74475ac4 {
    display: inline-block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0;
}

.ValidationBubble_module_message__74475ac4 {
    display: block;
    position: relative;
    font-size: 1em;
    letter-spacing: 0.4px;
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 5em;
    max-width: 40em;
    background-color: rgb(227, 79, 79);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.BaseError_module_error__c352494f {
    display: flex;
    justify-content: center;
    user-select: text;
    flex-direction: column;
    width: 100%;
    padding: 0 18px;
    align-items: center;
}

.BaseError_module_error__c352494f a {
    color: #00adef;
}

.BaseError_module_error__c352494f a:hover {
    color: #ff5210;
}

.BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    padding: 0;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: bold;
}

.player.player-sm .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 18px;
}

.player.player-md .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 18px;
}

.player.player-lg .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 18px;
}

.player.player-xl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 18px;
}

.player.player-xxl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 18px;
}

.player.player-md .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 24px;
}

.player.player-lg .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 24px;
}

.player.player-xl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 24px;
}

.player.player-xxl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 24px;
}

.player.player-lg .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 32px;
}

.player.player-xl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 32px;
}

.player.player-xxl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 32px;
}

.player.player-xl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 40px;
}

.player.player-xxl .BaseError_module_error__c352494f h1.BaseError_module_header__c352494f {
    font-size: 40px;
}

.BaseError_module_description__c352494f {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 14px;
}

.player.player-sm .BaseError_module_description__c352494f {
    width: 66.6666666667%;
}

.player.player-md .BaseError_module_description__c352494f {
    width: 50%;
}

.player.player-lg .BaseError_module_description__c352494f {
    width: 41.6666666667%;
}

.player.player-xl .BaseError_module_description__c352494f {
    width: 33.3333333333%;
}

.player.player-xxl .BaseError_module_description__c352494f {
    width: 25%;
}

.player.player-lg .BaseError_module_description__c352494f {
    font-size: 16px;
}

.player.player-xl .BaseError_module_description__c352494f {
    font-size: 16px;
}

.player.player-xxl .BaseError_module_description__c352494f {
    font-size: 16px;
}

.player.player-xl .BaseError_module_description__c352494f {
    font-size: 18px;
}

.player.player-xxl .BaseError_module_description__c352494f {
    font-size: 18px;
}

@media (max-width: 299px), (max-height: 169px) {
    .BaseError_module_description__c352494f {
        display: none;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.CloseOverlayButton_module_closeOverlayButton__bc0b3ddc {
    pointer-events: all;
    position: absolute;
    right: 0;
    opacity: 0.7;
    background: none;
}

.CloseOverlayButton_module_closeOverlayButton__bc0b3ddc:hover {
    opacity: 1;
}

.CloseOverlayButton_module_closeOverlayButton__bc0b3ddc svg {
    width: 40px;
    height: 40px;
    margin: 8px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.OverlayBase_module_overlayCell__9cef8916 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.OverlayBase_module_overlayWrapper__9cef8916 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 29;
    transition: background-color 200ms;
    background-position: center center;
    background-size: cover;
    text-align: center;
    display: block;
    background-image: linear-gradient(to bottom, rgba(20, 21, 22, 0.3), #141516);
    z-index: 32;
    user-select: text;
}

.OverlayBase_module_overlayWrapper__9cef8916.OverlayBase_module_hidden__9cef8916 * {
    pointer-events: none;
}

.OverlayBase_module_overlayWrapper__9cef8916 .OverlayBase_module_overlayNav__9cef8916 {
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 33;
}

.OverlayBase_module_overlay__9cef8916 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: scale(0.9, 0.9);
    transition: transform 105ms, opacity 105ms;
}

.OverlayBase_module_overlay__9cef8916.OverlayBase_module_visible__9cef8916 {
    transition: transform 200ms, opacity 105ms;
    transform: scale(1, 1);
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.SendDebugButton_module_button__b3f85768 {
    border: none;
    padding: 3px;
    border-radius: 3px;
    margin-left: 5px;
    display: inline-block;
    background-color: var(--color-two);
    color: var(--color-two-monochrome);
}

.SendDebugButton_module_button__b3f85768:hover:not(:active) {
    border: none;
}

.SendDebugButton_module_button__b3f85768.SendDebugButton_module_large__b3f85768 {
    padding: 10px;
    font-size: 1.2em;
    margin: 0;
    border-radius: 4px;
}

@media (max-width: 299px), (max-height: 169px) {
    .SendDebugButton_module_button__b3f85768.SendDebugButton_module_large__b3f85768 {
        padding: 4px;
    }
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ContentAreaCloseButton_module_closeContentAreaButton__22a1987e {
    position: absolute;
    top: 16px;
    right: 16px;
    border-width: 0;
}

.ContentAreaCloseButton_module_closeContentAreaButton__22a1987e, .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e:hover, .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e:focus, .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e:active {
    background-color: transparent !important;
}

.right-content-area-supported.app-xs .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e, .right-content-area-supported.app-xxs .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e, .right-content-area-supported.app-tiny .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e, .right-content-area-supported.app-mini .ContentAreaCloseButton_module_closeContentAreaButton__22a1987e {
    top: 8px;
    right: 8px;
}

.ContentAreaCloseButton_module_tooltip__22a1987e {
    top: 3.6em;
    bottom: auto;
    pointer-events: none;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.ContentAreaMessage_module_container__7df41131 {
    display: flex;
    position: absolute;
    pointer-events: all;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 0 48px;
    gap: 24px;
    width: 100%;
}

.ContentAreaMessage_module_container__7df41131 .ContentAreaMessage_module_messageText__7df41131 {
    text-align: center;
}

.ContentAreaMessage_module_container__7df41131 .ContentAreaMessage_module_icon__7df41131 {
    width: 40px;
    height: 40px;
}

/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
/* need to keep this in sync with CONTENT_AREA_ANIMATION_SPEED_MS in constants/animation.js */
/* this is required since css module compilation is separate from the existing SASS build pipeline */
.shared_module_roundedBox__fd03e359 {
    background: rgba(0, 0, 0, 0.9);
    border-radius: 0.5em;
}

.shared_module_hidden__fd03e359 {
    display: none !important;
}

.shared_module_focusable__fd03e359, .showfocus .shared_module_focusableButton__fd03e359:focus::after, .showfocus .shared_module_focusableCircle__fd03e359:focus::after, .showfocus .shared_module_focusableMarker__fd03e359:focus::after,
.shared_module_focusableMarker__fd03e359,
.shared_module_focusableCircle__fd03e359,
.shared_module_focusableButton__fd03e359 {
    /* stylelint-disable-line css-modules/no-undef-class */
    /*
      These classes have to be declared outside of the `:global` wrapper
      in order for style lint to verify they exist.

      I was hoping this release would fix the issue:
      https://github.com/atfzl/eslint-plugin-css-modules/pull/82
      but it did not seem to, so I have declare them with an empty
      block for now (necessitating the style-lint exception).
      Hoping a future release solves this issue.
  */
}

.showfocus .shared_module_focusable__fd03e359, .showfocus .shared_module_focusableButton__fd03e359:focus::after, .showfocus .shared_module_focusableCircle__fd03e359:focus::after, .showfocus .shared_module_focusableMarker__fd03e359:focus::after,
.showfocus .shared_module_focusableCircle__fd03e359,
.showfocus .shared_module_focusableButton__fd03e359 {
    /*
      This is to disable the global style `.player *:focus { outline: none; }` in player.scss
      on the element itself.

      We want to render the focus ring using the `::after` pseudo element
      so that it respects the shape of the element.

      Defining this within the `global(...)` wrapper so that the specificity is higher
      we don't have to use `!important` to override the player.scss styles.
  */
    outline: none;
}

.showfocus .shared_module_focusable__fd03e359:focus::after, .showfocus .shared_module_focusableButton__fd03e359:focus::after, .showfocus .shared_module_focusableCircle__fd03e359:focus::after, .showfocus .shared_module_focusableMarker__fd03e359:focus::after {
    content: "";
    pointer-events: none;
    position: absolute;
    border: 2px solid #000;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
    border-radius: 8px;
    z-index: 1;
    outline: 2px solid #00adef;
    outline-offset: -4px;
}

.showfocus .shared_module_focusableMarker__fd03e359:focus::after {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    top: -6px;
    left: -6px;
    border-radius: 12px;
}

.showfocus .shared_module_focusableCircle__fd03e359:focus::after {
    border-radius: 50%;
}

.showfocus .shared_module_focusableButton__fd03e359:focus::after {
    border-radius: 12px;
}

.showfocus .player.app-xxs .shared_module_focusableButton__fd03e359:focus::after,
.showfocus .player.app-xs .shared_module_focusableButton__fd03e359:focus::after,
.showfocus .player.app-tiny .shared_module_focusableButton__fd03e359:focus::after,
.showfocus .player.app-mini .shared_module_focusableButton__fd03e359:focus::after {
    border-radius: 8px;
}

.shared_module_visuallyHidden__fd03e359 {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap;
}



div[data-querystring*='cgid=c-lite-x-vexx'] .grid--fibble-viewer .grid__components .experience-assets-fibblViewer {
    height: auto;
    min-height: 300px;
}

div[data-querystring*='cgid=c-lite-x-vexx'] .title {
    font-size: clamp(20px, 17.3333px + 0.8333vw, 28px);
    line-height: 1.2;
}

div[data-querystring*='cgid=c-lite-x-vexx'] #c-lite-vexx-intro .title span {
    font-size: 0.7em;
}

div[data-querystring*='cgid=c-lite-x-vexx'] #c-lite-vexx-intro .text p {
    margin-bottom: 0;
}

div[data-querystring*='cgid=c-lite-x-vexx'] .banner--inlineVideo .c-lite-x-vexx-video__content {
    position: static;
}

div[data-querystring*='cgid=c-lite-x-vexx'] .banner--inlineVideo .c-lite-x-vexx-video__content .c-lite-x-vexx-video__button {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 85%;
    padding: 0 12px;
}

div[data-querystring*='cgid=c-lite-x-vexx'] #c-lite-vexx-selling-strip .swatch:not([data-swatch-color="Daylight"]):not([data-swatch-color="Nightfall"]) {
    display: none;
}

@media only screen and (min-width: 768px) {
    div[data-querystring*='cgid=c-lite-x-vexx'] .section--inner-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    div[data-querystring*='cgid=c-lite-x-vexx'] .grid--fibble-viewer .grid__components .experience-assets-fibblViewer {
        min-height: 440px;
    }
}

@media only screen and (min-width: 1280px) {
    div[data-querystring*='cgid=c-lite-x-vexx'] .grid--fibble-viewer .grid__components .experience-assets-fibblViewer {
        height: 100%;
    }
}