.video-js .vjs-big-play-button {
    z-index: 4;
    top: 50%;
    left: 50%;
    background-color: transparent !important;
    position: absolute;
    border: 0;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px
}

.video-js .vjs-big-play-button:hover {
    background-color: transparent
}

@media(min-width:769px) {
    .video-js .vjs-big-play-button {
        margin-left: -40px;
        margin-top: -40px;
        width: 80px;
        height: 80px
    }
}

.video-js .vjs-big-play-button:after,
.video-js .vjs-big-play-button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: opacity 125ms linear;
    background-size: 40px
}

@media(min-width:769px) {
    .video-js .vjs-big-play-button:after,
    .video-js .vjs-big-play-button:before {
        background-size: 80px
    }
}

.video-js .vjs-big-play-button:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon--play-inverse' viewBox='0 0 20 20' aria-hidden='true'%3E%3Cpath class='icon-main-color' fill='%23fff' d='M.81 10A9.19 9.19 0 1010 .81 9.2 9.2 0 00.81 10zM0 10a10 10 0 1110 10A10 10 0 010 10zm7.92 3.86L13.76 10 7.92 6.14v7.7zm0 .81a.73.73 0 01-.39-.1.82.82 0 01-.44-.72v-7.7a.83.83 0 01.43-.72.81.81 0 01.85 0l5.83 3.88a.84.84 0 01.37.69.82.82 0 01-.37.69l-5.83 3.85a.79.79 0 01-.45.13z'/%3E%3C/svg%3E")
}

.video-js .vjs-big-play-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon--play icon--white icon--64' viewBox='0 0 20 20' aria-hidden='true'%3E%3Cpath class='icon-main-color' d='M0 10a10 10 0 1110 10A10 10 0 010 10zm7.92 4.27a.48.48 0 00.23-.07L14 10.35a.42.42 0 000-.7L8.15 5.8a.42.42 0 00-.43 0 .4.4 0 00-.22.36v7.7a.4.4 0 00.22.36.36.36 0 00.2.05z' fill='%23fff'/%3E%3C/svg%3E");
    opacity: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none !important
}

.video-js .vjs-poster:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    transition: all .5s linear
}

.video-js:hover .vjs-poster:before {
    background: transparent
}

.video-js:hover .vjs-big-play-button:before {
    opacity: 0
}

.video-js:hover .vjs-big-play-button:after {
    opacity: 1
}

.video-js .vjs-social-overlay .vjs-control.vjs-close-button:before {
    font-size: 14px;
    font-size: .875rem;
    content: "X";
    font-weight: 700
}

.video-js .vjs-dock-shelf,
.video-js .vjs-dock-text {
    display: none
}

.video-js ul li {
    display: block
}

.video-js ul li:before {
    display: none
}

.video-js .vjs-control-bar {
    background-color: #000
}

.video-js.vjs-pip-y-bottom {
    bottom: 115px
}

@media(max-width:768.98px) {
    .video-js.vjs-pip-y-bottom {
        bottom: 95px;
        width: 240px;
        height: 135px
    }
}

.video-js.vjs-fullscreen .vjs-pip-close-button,
.vjs-pip-container .video-js.vjs-pip-active .vjs-quality-menu-button {
    display: none
}

.video-js .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background-color: #151b17
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
    background-color: #969696;
    color: #000
}

.video-js.vjs-layout-small .vjs-playback-rate {
    display: block
}

.aj-video-player {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    background: #000
}

.aj-video-player:after {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.aj-video-player .video-js:not(.vjs-pip-active) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.aj-video-player__loading {
    display: none
}

.vjs-pip-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.bc-featured-video-wrapper {
    margin: 0
}

.bc-featured-video-wrapper figcaption {
    position: relative;
    top: 0;
    font-size: 14px;
    line-height: 18px;
    line-height: 1.125rem
}

@media(min-width:769px) {
    .bc-featured-video-wrapper figcaption {
        font-size: 18px;
        line-height: 27px;
        line-height: 1.6875rem
    }
}

html[dir=rtl] .bc-featured-video figcaption {
    padding-right: 15px
}

@media(min-width:769px) {
    html[dir=rtl] .bc-featured-video figcaption {
        padding-right: 40px
    }
}

.dark-mode .bc-featured-video-wrapper figcaption {
    color: #969696
}

.loading.l-fullViewportHeight+.aj-video-player,
.loading.l-fullViewportHeight+.bc-featured-video-wrapper>.aj-video-player {
    display: none
}

.theme-style-rounded .aj-video-player,
.theme-style-rounded video-js {
    border-radius: 10px
}

.live-stream-container__player .aj-video-player,
.live-stream-container__player video-js {
    border-radius: 0
}

.youtube-live-stream-player .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.youtube-live-stream-player .video-container embed,
.youtube-live-stream-player .video-container iframe,
.youtube-live-stream-player .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html[dir=ltr] .container--feed-stream .tab-header__name {
    margin-left: 20px !important;
    text-transform: uppercase
}

.vve-button-circular {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    background: #272727;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    width: 60px;
    height: 60px;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media screen and (-webkit-min-device-pixel-ratio:0)and (min-resolution:0.001dpcm) {
    .vve-button-circular[focus-within] {
        outline-color: transparent
    }
    .vve-button-circular:focus-within {
        outline-color: transparent
    }
    .vve-button-circular.focus-visible,
    .vve-button-circular:focus-visible {
        outline: 2px auto #118add;
        outline-offset: 2px
    }
}

@-moz-document url-prefix("") {
    .vve-button-circular[focus-within] {
        outline-color: transparent
    }
    .vve-button-circular:focus-within {
        outline-color: transparent
    }
    .vve-button-circular.focus-visible,
    .vve-button-circular:focus-visible {
        outline: 3px dotted;
        outline-offset: 1px
    }
}

@media not all and (min-resolution:0.001dpcm) {
    .vve-button-circular[focus-within] {
        outline: 5px auto #118add;
        outline-offset: -1px
    }
    .vve-button-circular:focus-within {
        outline: 5px auto #118add;
        outline-offset: -1px
    }
}

@media(pointer:coarse) {
    .vve-button-circular:focus {
        outline: none
    }
    .vve-button-circular.focus-visible,
    .vve-button-circular:focus-visible {
        outline: 2px auto #118add;
        outline-offset: 2px
    }
}

.vve-button-circular:focus {
    outline: 2px solid #00a6ff
}

.u-hidden {
    display: none !important
}

@media(max-width:768px) {
    .u-hidden--mobile {
        display: none !important
    }
}

@media(max-width:991px) {
    .u-hidden--tablet {
        display: none !important
    }
}

@media(min-width:769px) {
    .u-hidden--desktop {
        display: none !important
    }
}

@media(min-width:992px) {
    .u-hidden--desktop-wide {
        display: none !important
    }
}

@media(max-width:991.98px) {
    .u-hidden--mobile-wide {
        display: none !important
    }
}

.u-visibility-hidden {
    visibility: hidden
}

@media(max-width:768px) {
    .amp .u-hidden--mobile {
        display: none !important
    }
}

@media(max-width:991px) {
    .amp .u-hidden--tablet {
        display: none !important
    }
}

@media(min-width:769px) {
    .amp .u-hidden--desktop {
        display: none !important
    }
}

@media(min-width:992px) {
    .amp .u-hidden--desktop-wide {
        display: none !important
    }
}

@media(max-width:991.98px) {
    .amp .u-hidden--mobile-wide {
        display: none !important
    }
}

.u-placeholder {
    width: 0;
    height: 0;
    visibility: hidden
}

.m--0 {
    margin: 0
}

.m--t-10 {
    margin-top: 10px
}

.m--t-15 {
    margin-top: 15px
}

.m--t-20 {
    margin-top: 20px
}

.m--t-30 {
    margin-top: 30px
}

.m--b-10 {
    margin-bottom: 10px
}

.m--b-15 {
    margin-bottom: 15px
}

.m--b-20 {
    margin-bottom: 20px
}

.m--b-30 {
    margin-bottom: 30px
}

@media(min-width:769px) {
    .m--desktop-t-30 {
        margin-top: 30px
    }
    .m--desktop-b-30 {
        margin-bottom: 30px
    }
    .m--desktop-b-40 {
        margin-bottom: 40px
    }
    .m--desktop-b-60 {
        margin-bottom: 60px
    }
}

@media(max-width:768.98px) {
    .m--b-mobile-0 {
        margin-bottom: 0
    }
    .m--mobile-b-30 {
        margin-bottom: 30px
    }
}

.negative-m--t-10 {
    margin-top: -10px
}

.l-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.u-clickable-card {
    position: relative
}

.u-clickable-card__button:before,
.u-clickable-card__link:before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1
}

.u-clickable-card__button:hover .article-card__title,
.u-clickable-card__link:hover .article-card__title {
    text-decoration: underline
}

.u-clickable-card__exclude {
    position: relative;
    z-index: 2
}

.u-bottom-border {
    border-bottom: 1px solid #e5e5e5
}

.u-overflow-scroll {
    overflow: scroll
}

.u-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.u-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.u-horizontally-center {
    display: flex;
    justify-content: center
}

.u-font-size-125rem {
    font-size: 1.25rem
}

.u-inline {
    display: inline
}

.u-smooth-scrolling {
    scroll-behavior: smooth
}

.u-hover-underline {
    color: inherit;
    text-decoration: none;
    display: block
}

.u-hover-underline:focus,
.u-hover-underline:hover,
.u-underline {
    text-decoration: underline
}

.u-rotate-180 {
    transform: rotate(180deg)
}

.u-rounded-img {
    border-radius: 10px
}

.u-uppercase {
    text-transform: uppercase !important
}

.vertical-video-thumbnail {
    aspect-ratio: .563;
    max-width: 360px;
    display: block;
    margin: 10px auto;
    border-radius: 15px;
    overflow: hidden
}

.container--article.container--video-page .vertical-video-thumbnail {
    margin-top: 0;
    margin-bottom: 0
}

@media(max-width:768.98px) {
    .container--article.container--video-page .vertical-video-thumbnail {
        max-width: 255px
    }
}

.vertical-video-thumbnail-title {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    max-width: 360px;
    height: 200px;
    display: flex;
    align-items: flex-end;
    word-wrap: break-word;
    margin: 0;
    padding: 0 20px 15px;
    color: #fff;
    background: linear-gradient(1turn, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5904) 19%, rgba(0, 0, 0, .4328) 34%, rgba(0, 0, 0, .3056) 47%, rgba(0, 0, 0, .2224) 56.5%, rgba(0, 0, 0, .1552) 65%, rgba(0, 0, 0, .1008) 73%, rgba(0, 0, 0, .06) 80.2%, rgba(0, 0, 0, .0336) 86.1%, rgba(0, 0, 0, .0168) 91%, rgba(0, 0, 0, .0064) 95.2%, rgba(0, 0, 0, .0016) 98.2%, transparent)
}

.container--article.container--video-page .vertical-video-thumbnail-title {
    display: none
}

.vertical-video-thumbnail .responsive-image {
    cursor: pointer;
    aspect-ratio: .563
}

.vertical-video-thumbnail .play-toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .5)
}

.vertical-video-thumbnail.is-horizontal {
    max-width: 100%;
    aspect-ratio: 16/9
}

.vertical-video-thumbnail.is-horizontal .responsive-image {
    aspect-ratio: 16/9
}

.tooltip {
    font-size: 14px;
    font-size: .875rem;
    background-color: #1d174e;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: flex-start;
    pointer-events: all;
    position: absolute;
    transition: transform .1s ease-out;
    z-index: 100
}

.tooltip:before {
    border-color: transparent transparent #1d174e;
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: block;
    position: absolute;
    top: -6px
}

.tooltip--bottom-left:before {
    left: 10px
}

.tooltip--bottom-right:before {
    right: 10px
}

.tooltip--bottom-center {
    transform: translateX(-50%)
}

.tooltip--bottom-center:before {
    right: calc(50% - 6px)
}

.tooltip--top-center {
    transform: translateX(-50%)
}

.tooltip--top-center:before {
    right: calc(50% - 6px);
    border-width: 6px 6px 0;
    border-bottom-color: transparent;
    border-top-color: #1d174e;
    bottom: -6px;
    top: unset
}

.tooltip_container {
    position: relative
}

.tooltip_text {
    margin: 0;
    flex-grow: 1;
    padding: 10px
}

.tooltip>.tooltip_close-btn {
    flex-grow: 0;
    flex-shrink: 0;
    line-height: .5;
    padding: 10px
}

.tooltip .tooltip_text {
    background: none;
    color: inherit;
    border: none;
    text-align: left
}

.combined-share .tooltip_container {
    display: flex;
    align-items: center;
    justify-content: center
}

html[dir=rtl] .tooltip {
    direction: rtl
}

html[dir=rtl] .tooltip.closable .tooltip_text {
    padding-left: 0
}

html[dir=ltr] .tooltip.closable .tooltip_text {
    padding-right: 0
}

.tooltip-hoverable {
    cursor: pointer
}

.external-link-whitelisted__icon {
    margin: auto 3px;
    vertical-align: middle
}

@media(min-width:769px) {
    .external-link-whitelisted__icon {
        width: 13px;
        height: 13px
    }
}

.hidden {
    display: none
}

[dir=ltr] .user-accounts-modal.modal {
    text-align: left
}

[dir=rtl] .user-accounts-modal.modal {
    text-align: right
}

.user-accounts-modal.modal {
    background: #fff;
    padding: 30px 15px;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 345px;
    align-items: flex-start;
    border-radius: 10px
}

@media(min-width:769px) {
    .user-accounts-modal.modal {
        padding: 30px;
        width: 480px
    }
}

.user-accounts-modal__content,
.user-accounts-modal__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

[dir=ltr] .user-accounts-modal__title {
    margin-right: 35px
}

[dir=rtl] .user-accounts-modal__title {
    margin-left: 35px
}

.user-accounts-modal__title {
    font-weight: 300;
    margin-bottom: 20px
}

.user-accounts-modal__content {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media(min-width:769px) {
    .user-accounts-modal__content {
        line-height: 22.4px;
        line-height: 1.4rem;
        max-width: 720px
    }
}

.user-accounts-modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: transparent;
    align-items: flex-end
}

.user-accounts-modal__overlay.modal__overlay {
    background-color: transparent
}

.user-accounts-modal__overlay:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), #000);
    opacity: .4
}

@media(max-width:768.98px) {
    .user-accounts-modal__overlay:after {
        opacity: .6
    }
}

.user-accounts-modal__btn-close {
    border: none;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    margin: 15px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0)and (min-resolution:0.001dpcm) {
    .user-accounts-modal__btn-close[focus-within] {
        outline-color: transparent
    }
    .user-accounts-modal__btn-close:focus-within {
        outline-color: transparent
    }
    .user-accounts-modal__btn-close.focus-visible,
    .user-accounts-modal__btn-close:focus-visible {
        outline: 2px auto #118add;
        outline-offset: 2px
    }
}

@-moz-document url-prefix("") {
    .user-accounts-modal__btn-close[focus-within] {
        outline-color: transparent
    }
    .user-accounts-modal__btn-close:focus-within {
        outline-color: transparent
    }
    .user-accounts-modal__btn-close.focus-visible,
    .user-accounts-modal__btn-close:focus-visible {
        outline: 3px dotted;
        outline-offset: 1px
    }
}

@media not all and (min-resolution:0.001dpcm) {
    .user-accounts-modal__btn-close[focus-within] {
        outline: 5px auto #118add;
        outline-offset: -1px
    }
    .user-accounts-modal__btn-close:focus-within {
        outline: 5px auto #118add;
        outline-offset: -1px
    }
}

@media(pointer:coarse) {
    .user-accounts-modal__btn-close:focus {
        outline: none
    }
    .user-accounts-modal__btn-close.focus-visible,
    .user-accounts-modal__btn-close:focus-visible {
        outline: 2px auto #118add;
        outline-offset: 2px
    }
}

@media(min-width:769px) {
    .user-accounts-modal__btn-close {
        margin: 30px
    }
}

.user-accounts-modal__continue {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 30px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 22px;
    padding: 12px 35px;
    cursor: pointer
}

html[dir=rtl] .user-accounts-modal__btn-close {
    left: 0;
    right: auto
}

.auth-btn {
    background-color: #000;
    border-radius: 18px;
    border: none;
    color: #fff;
    display: inline-block;
    height: 36px;
    padding: 6px 17px;
    white-space: nowrap;
    cursor: pointer;
    margin-top: -12px;
    text-decoration: none
}

.site-header__account--mobile .auth-btn {
    display: none
}

.auth-icon-btn {
    height: 28px;
    display: inline-block
}

button.auth-icon-btn.error {
    position: relative
}

button.auth-icon-btn.error:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #e00102;
    border-radius: 7px;
    display: inline-block;
    border: 2px solid #fff;
    position: absolute;
    top: -4px;
    right: -4px
}

.container--header.container--black .auth-btn,
.container--header.container--black .header-menu--dark .auth-btn {
    color: #000;
    background-color: #fff
}

.container--header.container--black .auth-icon-btn .icon .icon-main-color,
.container--header.container--black .header-menu--dark .auth-icon-btn .icon .icon-main-color {
    stroke: #fff;
    fill: #000
}

.container--header.container--black .auth-icon-btn .icon.icon--account-filled path,
.container--header.container--black .header-menu--dark .auth-icon-btn .icon.icon--account-filled path {
    fill: #fff
}

.container--header.container--black .header-menu--dark button.auth-icon-btn.error:after,
.container--header.container--black button.auth-icon-btn.error:after {
    border: 2px solid #000
}

html[dir=rtl] button.auth-icon-btn.error:after {
    left: -4px;
    right: auto
}

.user-accounts-tooltip {
    cursor: pointer
}

.user-accounts-tooltip .tooltip_text {
    display: inline-block;
    width: 310px;
    cursor: pointer
}

@media(max-width:768.98px) {
    .user-accounts-tooltip .tooltip_text {
        width: 228px
    }
}

@media(max-width:768.98px) {
    html[dir=ltr] .user-accounts-tooltip:before {
        transform: translateX(4px)
    }
}

@media(max-width:768.98px) {
    html[dir=rtl] .user-accounts-tooltip:before {
        transform: translateX(-4px)
    }
}

.toast-popup {
    position: absolute;
    display: flex;
    top: -400px;
    right: 15px;
    padding: 15px 15px 15px 0;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    z-index: 99;
    left: 19px;
    transition: .8s ease-out;
    visibility: hidden
}

.toast-popup.account-page {
    position: unset;
    margin-top: -10px;
    transition: none;
    grid-column: 1/-1;
    width: unset;
    z-index: unset
}

@media(min-width:769px) {
    .toast-popup.account-page {
        margin-top: 0
    }
    .toast-popup.account-page .toast-popup__message {
        display: flex;
        width: 100%;
        justify-content: space-between
    }
}

.toast-popup.show {
    top: 74px;
    visibility: visible
}

@media(min-width:769px) {
    .toast-popup {
        width: 341px;
        top: 74px;
        left: unset;
        right: -50vw
    }
    .toast-popup.show {
        right: 15px
    }
}

@media(prefers-reduced-motion) {
    .toast-popup {
        transition: none
    }
}

.toast-popup__message {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.toast-popup__message p {
    margin: 0 15px 0 5px;
    word-break: break-word
}

.toast-popup__message .loading-animation {
    display: flex;
    align-items: center;
    height: 24px
}

.toast-popup svg.icon--close {
    position: absolute;
    right: 15px;
    cursor: pointer
}

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

.toast-popup__message-title {
    font-weight: 700
}

.toast-popup .cta {
    font-weight: 700;
    text-decoration: underline;
    text-transform: capitalize;
    cursor: pointer;
    margin-left: 5px
}

.toast-popup .cta:disabled {
    cursor: default
}

.toast-popup:before {
    content: "";
    border-radius: 4px;
    position: relative;
    opacity: 1;
    width: 8px;
    left: -5px;
    margin-right: 10px;
    flex-shrink: 0
}

.toast-popup.success:before {
    background-color: #398701
}

.toast-popup.alert:before {
    background-color: #ab6601
}

.toast-popup.error:before {
    background-color: #e00102
}

.toast-popup.info:before {
    background-color: #0179d2
}

html[dir=rtl] .toast-popup {
    left: 15px;
    right: 19px;
    padding: 15px 0 15px 15px
}

html[dir=rtl] .toast-popup p {
    margin: 0 5px 0 15px
}

html[dir=rtl] .toast-popup:before {
    left: unset;
    right: -5px;
    margin-left: 10px;
    margin-right: 0
}

html[dir=rtl] .toast-popup .cta {
    margin-left: 0;
    margin-right: 5px
}

html[dir=rtl] svg.icon--close {
    left: 15px;
    right: unset
}

@media(min-width:769px) {
    html[dir=rtl] .toast-popup {
        right: unset;
        left: -50vw
    }
    html[dir=rtl] .toast-popup.show {
        left: 15px
    }
}

.aj-form__input {
    border-radius: 8px;
    height: 48px;
    border: 1px solid #bebebe;
    opacity: 1;
    padding: 0 15px;
    width: 100%
}

.aj-form__input[aria-invalid=true] {
    border-color: #e00102
}

.aj-form__input:-moz-read-only {
    background-color: #f0f0f0
}

.aj-form__input:read-only {
    background-color: #f0f0f0
}

.aj-form__label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem
}

.aj-form__submit-button {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 22px;
    opacity: 1;
    height: 44px;
    background-color: #595959;
    border: none;
    margin-top: 30px;
    color: #fff;
    cursor: pointer;
    pointer-events: none
}

.aj-form__submit-button.active {
    background-color: #000;
    pointer-events: all
}

.aj-form__submit-button.loading {
    display: flex;
    justify-content: center;
    align-items: center
}

.aj-form__submit-button.loading .loading-animation svg circle {
    fill: #fff
}

.aj-form p.error {
    margin-top: 5px;
    color: #e00102
}

html[dir=rtl] .aj-form__label {
    line-height: 21px;
    line-height: 1.3125rem
}

.login-form .aj-form__submit-button {
    width: 100%
}