.de7zKgf4__p-Root {
    --p-outerFrameHeightTransitionDuration: 0.35s;
    --p-outerFrameHeightIncreaseTransitionDelay: 0.02s;
    --p-fontLineHeightSingleLine: 1.15;
    --animateSinglePresenceDurationHeight: var( --p-outerFrameHeightTransitionDuration );
    --animateSinglePresenceEnterDurationOpacity: 0.3s;
    --animateSinglePresenceEnterDelayOpacity: 0s;
    --animateSinglePresenceExitDurationOpacity: 0.3s;
    --animatePresenceEnterDurationHeight: var( --p-outerFrameHeightTransitionDuration );
    --animatePresenceEnterDelayHeight: var( --p-outerFrameHeightIncreaseTransitionDelay );
    --animatePresenceExitDurationHeight: var( --p-outerFrameHeightTransitionDuration )
}

:where(.de7zKgf4__p-Root) {
    color: var(--colorText);
    font-family: var(--fontFamily);
    font-weight: var(--fontWeightNormal);
    line-height: var(--p-fontLineHeightSingleLine)
}

:where(.de7zKgf4__p-Root) strong {
    font-weight: var(--fontWeightMedium)
}

.p-Action {
    cursor: pointer;
    display: inline-block
}

.p-Action:disabled {
    pointer-events: none
}

.p-Button {
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.p-Button:disabled {
    pointer-events: none
}

.p-Button--block {
    width: 100%
}

.p-Dropdown {
    background-color: var(--c-dropdownItemBackgroundColor);
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0
}

.p-DropdownItem--highlight {
    cursor: pointer
}

.p-HeightObserverProvider {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.p-HeightObserverProvider-container {
    margin: 4px;
    position: relative
}

.p-HeightObserverProvider-clone {
    left: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%
}

html {
    --animatePresenceEnterDurationHeight: 0.35s;
    --animatePresenceEnterDelayHeight: 0.02s;
    --animatePresenceEnterDurationOpacity: 0.3s;
    --animatePresenceEnterDelayOpacity: 0.2s;
    --animatePresenceExitDurationHeight: 0.35s;
    --animatePresenceExitDelayHeight: 0.1s;
    --animatePresenceExitDurationOpacity: 0.3s;
    --animatePresenceExitDelayOpacity: 0s
}

.AnimatePresence {
    position: relative
}

.AnimatePresence.is-entering {
    height: 0
}

.AnimatePresence.is-entering,.AnimatePresence.is-exitingActive {
    opacity: 0
}

.AnimatePresence.is-enteringActive {
    opacity: 1
}

.AnimatePresence.is-entering.is-interrupted,.AnimatePresence.is-enteringActive {
    transition: height var(--animatePresenceEnterDurationHeight) ease var(--animatePresenceEnterDelayHeight),opacity var(--animatePresenceEnterDurationOpacity) ease var(--animatePresenceEnterDelayOpacity)
}

.AnimatePresence.is-exiting.is-interrupted,.AnimatePresence.is-exitingActive {
    transition: height var(--animatePresenceExitDurationHeight) ease var(--animatePresenceExitDelayHeight),opacity var(--animatePresenceExitDurationOpacity) ease var(--animatePresenceExitDelayOpacity)
}

html {
    --animateSinglePresenceDurationHeight: 0.4s;
    --animateSinglePresenceDelayHeight: 0s;
    --animateSinglePresenceEnterDurationOpacity: 0.4s;
    --animateSinglePresenceExitDurationOpacity: 0.4s;
    --animateSinglePresenceEnterDelayOpacity: 0.08s;
    --animateSinglePresenceExitDelayOpacity: 0s;
    --animateSinglePresenceTimingFunction: ease
}

.AnimateSinglePresence {
    position: relative;
    transition: height var(--animateSinglePresenceDurationHeight) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceDelayHeight)
}

.AnimateSinglePresenceItem.is-entering {
    opacity: 0
}

.AnimateSinglePresenceItem.is-exiting {
    opacity: 1;
    pointer-events: none
}

.AnimateSinglePresenceItem.is-entering,.AnimateSinglePresenceItem.is-exiting {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.AnimateSinglePresenceItem.is-entering.is-interrupted,.AnimateSinglePresenceItem.is-enteringActive {
    opacity: 1;
    transition: opacity var(--animateSinglePresenceEnterDurationOpacity) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceEnterDelayOpacity)
}

.AnimateSinglePresenceItem.is-exiting.is-interrupted,.AnimateSinglePresenceItem.is-exitingActive {
    opacity: 0;
    transition: opacity var(--animateSinglePresenceExitDurationOpacity) var(--animateSinglePresenceTimingFunction) var(--animateSinglePresenceExitDelayOpacity)
}

.AnimateSinglePresenceChild {
    --distanceY: 4px;
    --timingFunction: var(--animateSinglePresenceTimingFunction);
    --enterDuration: var(--animateSinglePresenceEnterDurationOpacity);
    --enterDelay: var(--animateSinglePresenceEnterDelayOpacity);
    --exitDuration: var(--animateSinglePresenceExitDurationOpacity);
    --exitDelay: var(--animateSinglePresenceExitDelayOpacity)
}

.is-entering>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(var(--distanceY));
    -ms-transform: translateY(var(--distanceY));
    transform: translateY(var(--distanceY));
    will-change: transform
}

.is-entering.is-interrupted>.AnimateSinglePresenceChild,.is-enteringActive>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform var(--enterDuration) var(--timingFunction) var(--enterDelay);
    transition: transform var(--enterDuration) var(--timingFunction) var(--enterDelay);
    transition: transform var(--enterDuration) var(--timingFunction) var(--enterDelay),-webkit-transform var(--enterDuration) var(--timingFunction) var(--enterDelay)
}

.is-exiting>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    will-change: transform
}

.is-exiting.is-interrupted>.AnimateSinglePresenceChild,.is-exitingActive>.AnimateSinglePresenceChild {
    -webkit-transform: translateY(var(--distanceY));
    -ms-transform: translateY(var(--distanceY));
    transform: translateY(var(--distanceY));
    transition: -webkit-transform var(--exitDuration) var(--timingFunction) var(--exitDelay);
    transition: transform var(--exitDuration) var(--timingFunction) var(--exitDelay);
    transition: transform var(--exitDuration) var(--timingFunction) var(--exitDelay),-webkit-transform var(--exitDuration) var(--timingFunction) var(--exitDelay)
}

html {
    --fadeEnterDuration: 0.4s;
    --fadeEnterDelay: 0s;
    --fadeExitDuration: 0.2s;
    --fadeExitDelay: 0s;
    --fadeTimingFunction: ease
}

.FadeWrapper {
    position: relative
}

.Fade.is-entering>.Fade-item {
    opacity: 0
}

.Fade.is-exiting>.Fade-item {
    opacity: 1;
    pointer-events: none
}

.Fade.is-entering.is-interrupted>.Fade-item,.Fade.is-enteringActive>.Fade-item {
    opacity: 1;
    transition: opacity var(--fadeEnterDuration) var(--fadeTimingFunction) var(--fadeEnterDelay)
}

.Fade.is-exiting.is-interrupted>.Fade-item,.Fade.is-exitingActive>.Fade-item {
    opacity: 0;
    transition: opacity var(--fadeExitDuration) var(--fadeTimingFunction) var(--fadeExitDelay)
}

.Fade.is-exiting {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Slide {
    position: relative
}

.Slide.is-entering .Slide-item {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.Slide.is-entering.is-interrupted .Slide-item,.Slide.is-enteringActive .Slide-item {
    transition: opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s
}

.Slide.is-enteringActive .Slide-item {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.Slide.is-enteringActive .Slide-item:first-child {
    transition-delay: .08s
}

.Slide.is-enteringActive .Slide-item:nth-child(2) {
    transition-delay: .16s
}

.Slide.is-enteringActive .Slide-item:nth-child(3) {
    transition-delay: .24s
}

.Slide.is-exiting .Slide-item {
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.Slide.is-exiting.is-interrupted .Slide-item,.Slide.is-exitingActive .Slide-item {
    transition: opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s;
    transition: transform .8s cubic-bezier(.19,1,.22,1) .32s,opacity .8s cubic-bezier(.19,1,.22,1) .32s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .32s
}

.Slide.is-exitingActive .Slide-item:first-child {
    transition-delay: .08s
}

.Slide.is-exitingActive .Slide-item:nth-child(2) {
    transition-delay: .16s
}

.Slide.is-exitingActive .Slide-item:nth-child(3) {
    transition-delay: .24s
}

.Slide.is-exitingActive .Slide-item {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.Slide.is-exiting .Slide-inner {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-FieldLabel {
    display: block
}

.p-FieldLabel--floating {
    /* !important reason: legacy */
    font-size: var(--c-labelRestingFontSize)!important;
    /* !important reason: legacy */
    margin-left: var(--c-inputFloatingMarginLeft)!important;
    pointer-events: none;
    position: absolute;
    /* !important reason: legacy */
    -webkit-transform-origin: top left!important;
    -ms-transform-origin: top left!important;
    transform-origin: top left!important;
    will-change: transform;
    z-index: 2
}

.p-RTL .p-FieldLabel--floating {
    /* !important reason: legacy */
    margin-right: var(--c-inputFloatingMarginRight)!important;
    /* !important reason: legacy */
    -webkit-transform-origin: top right!important;
    -ms-transform-origin: top right!important;
    transform-origin: top right!important
}

.p-Field--labelFloating .p-FieldLabel {
    /* !important reason: legacy */
    -webkit-transform: var(--c-labelFloatingTransform)!important;
    -ms-transform: var(--c-labelFloatingTransform)!important;
    transform: var(--c-labelFloatingTransform)!important
}

.p-Field--labelResting .p-FieldLabel {
    /* !important reason: legacy */
    -webkit-transform: var(--c-labelRestingTransform)!important;
    -ms-transform: var(--c-labelRestingTransform)!important;
    transform: var(--c-labelRestingTransform)!important
}

.p-Field--labelFloating .p-Input-input,.p-Field--labelFloating .p-Select-select,.p-Field--labelResting .p-Input-input,.p-Field--labelResting .p-Select-select {
    /* !important reason: legacy */
    padding-top: var(--c-inputFloatingPaddingTop)!important
}

.p-Field--labelResting .Input::-webkit-input-placeholder {
    opacity: 0
}

.p-Field--labelResting .Input::-moz-placeholder {
    opacity: 0
}

.p-Field--labelResting .Input:-ms-input-placeholder {
    opacity: 0
}

.p-Field--labelResting .Input::placeholder {
    opacity: 0
}

.p-Animatable .p-Field--labelResting .Input::-webkit-input-placeholder {
    transition: opacity .08s ease
}

.p-Animatable .p-Field--labelResting .Input::-moz-placeholder {
    transition: opacity .08s ease
}

.p-Animatable .p-Field--labelResting .Input:-ms-input-placeholder {
    transition: opacity .08s ease
}

.p-Animatable .p-Field--labelResting .Input::placeholder {
    transition: opacity .08s ease
}

.p-Animatable .p-Field--labelFloating .Input::-webkit-input-placeholder {
    transition: opacity .2s ease .1s
}

.p-Animatable .p-Field--labelFloating .Input::-moz-placeholder {
    transition: opacity .2s ease .1s
}

.p-Animatable .p-Field--labelFloating .Input:-ms-input-placeholder {
    transition: opacity .2s ease .1s
}

.p-Animatable .p-Field--labelFloating .Input::placeholder {
    transition: opacity .2s ease .1s
}

.p-Field--labelResting .p-Input--placeholder {
    color: var(--colorBackground)
}

.p-FieldSuggestion {
    font-size: var(--fontSizeSm);
    font-weight: var(--fontWeightNormal);
    margin-bottom: 1px
}

.p-Grid {
    margin-bottom: calc(var(--spacingGridRow)*-1);
    margin-left: calc(var(--spacingGridColumn)*-1)
}

.p-GridCell {
    display: inline-block;
    margin-bottom: var(--spacingGridRow);
    padding-left: var(--spacingGridColumn);
    vertical-align: top
}

.p-GridCell--1 {
    width: 8.33%
}

.p-GridCell--2 {
    width: 16.67%
}

.p-GridCell--3 {
    width: 25%
}

.p-GridCell--4 {
    width: 33.33%
}

.p-GridCell--5 {
    width: 41.67%
}

.p-GridCell--6 {
    width: 50%
}

.p-GridCell--7 {
    width: 58.33%
}

.p-GridCell--8 {
    width: 66.67%
}

.p-GridCell--9 {
    width: 75%
}

.p-GridCell--10 {
    width: 83.33%
}

.p-GridCell--11 {
    width: 91.67%
}

.p-GridCell--12 {
    width: 100%
}

@media only screen and (min-width: 14.375rem) {
    .p-GridCell--xs1 {
        width:8.33%
    }

    .p-GridCell--xs2 {
        width: 16.67%
    }

    .p-GridCell--xs3 {
        width: 25%
    }

    .p-GridCell--xs4 {
        width: 33.33%
    }

    .p-GridCell--xs5 {
        width: 41.67%
    }

    .p-GridCell--xs6 {
        width: 50%
    }

    .p-GridCell--xs7 {
        width: 58.33%
    }

    .p-GridCell--xs8 {
        width: 66.67%
    }

    .p-GridCell--xs9 {
        width: 75%
    }

    .p-GridCell--xs10 {
        width: 83.33%
    }

    .p-GridCell--xs11 {
        width: 91.67%
    }

    .p-GridCell--xs12 {
        width: 100%
    }
}

@media only screen and (min-width: 28.125rem) {
    .p-GridCell--sm1 {
        width:8.33%
    }

    .p-GridCell--sm2 {
        width: 16.67%
    }

    .p-GridCell--sm3 {
        width: 25%
    }

    .p-GridCell--sm4 {
        width: 33.33%
    }

    .p-GridCell--sm5 {
        width: 41.67%
    }

    .p-GridCell--sm6 {
        width: 50%
    }

    .p-GridCell--sm7 {
        width: 58.33%
    }

    .p-GridCell--sm8 {
        width: 66.67%
    }

    .p-GridCell--sm9 {
        width: 75%
    }

    .p-GridCell--sm10 {
        width: 83.33%
    }

    .p-GridCell--sm11 {
        width: 91.67%
    }

    .p-GridCell--sm12 {
        width: 100%
    }
}

@media only screen and (min-width: 37.5rem) {
    .p-GridCell--md1 {
        width:8.33%
    }

    .p-GridCell--md2 {
        width: 16.67%
    }

    .p-GridCell--md3 {
        width: 25%
    }

    .p-GridCell--md4 {
        width: 33.33%
    }

    .p-GridCell--md5 {
        width: 41.67%
    }

    .p-GridCell--md6 {
        width: 50%
    }

    .p-GridCell--md7 {
        width: 58.33%
    }

    .p-GridCell--md8 {
        width: 66.67%
    }

    .p-GridCell--md9 {
        width: 75%
    }

    .p-GridCell--md10 {
        width: 83.33%
    }

    .p-GridCell--md11 {
        width: 91.67%
    }

    .p-GridCell--md12 {
        width: 100%
    }
}

@media only screen and (min-width: 46.875rem) {
    .p-GridCell--lg1 {
        width:8.33%
    }

    .p-GridCell--lg2 {
        width: 16.67%
    }

    .p-GridCell--lg3 {
        width: 25%
    }

    .p-GridCell--lg4 {
        width: 33.33%
    }

    .p-GridCell--lg5 {
        width: 41.67%
    }

    .p-GridCell--lg6 {
        width: 50%
    }

    .p-GridCell--lg7 {
        width: 58.33%
    }

    .p-GridCell--lg8 {
        width: 66.67%
    }

    .p-GridCell--lg9 {
        width: 75%
    }

    .p-GridCell--lg10 {
        width: 83.33%
    }

    .p-GridCell--lg11 {
        width: 91.67%
    }

    .p-GridCell--lg12 {
        width: 100%
    }
}

@media only screen and (min-width: 56.25rem) {
    .p-GridCell--xl1 {
        width:8.33%
    }

    .p-GridCell--xl2 {
        width: 16.67%
    }

    .p-GridCell--xl3 {
        width: 25%
    }

    .p-GridCell--xl4 {
        width: 33.33%
    }

    .p-GridCell--xl5 {
        width: 41.67%
    }

    .p-GridCell--xl6 {
        width: 50%
    }

    .p-GridCell--xl7 {
        width: 58.33%
    }

    .p-GridCell--xl8 {
        width: 66.67%
    }

    .p-GridCell--xl9 {
        width: 75%
    }

    .p-GridCell--xl10 {
        width: 83.33%
    }

    .p-GridCell--xl11 {
        width: 91.67%
    }

    .p-GridCell--xl12 {
        width: 100%
    }
}

@media only screen and (min-width: 65.625rem) {
    .p-GridCell--2xl1 {
        width:8.33%
    }

    .p-GridCell--2xl2 {
        width: 16.67%
    }

    .p-GridCell--2xl3 {
        width: 25%
    }

    .p-GridCell--2xl4 {
        width: 33.33%
    }

    .p-GridCell--2xl5 {
        width: 41.67%
    }

    .p-GridCell--2xl6 {
        width: 50%
    }

    .p-GridCell--2xl7 {
        width: 58.33%
    }

    .p-GridCell--2xl8 {
        width: 66.67%
    }

    .p-GridCell--2xl9 {
        width: 75%
    }

    .p-GridCell--2xl10 {
        width: 83.33%
    }

    .p-GridCell--2xl11 {
        width: 91.67%
    }

    .p-GridCell--2xl12 {
        width: 100%
    }
}

.p-PhoneNumberCountrySelect-iconWrapper:hover .p-Icon--chevronDown {
    fill: var(--colorIconChevronDownHover)
}

.p-IconContainer:hover .p-Icon--close,.p-IconContainer:hover .p-Icon--closeNext,.p-Passcode-closeTarget:hover .p-Icon--close {
    fill: var(--colorIconCloseHover)
}

.p-ShowPasscode-targetWrapper:hover .p-Icon--mobileDevice {
    fill: var(--colorIconPasscodeDeviceHover)
}

.p-Icon {
    -ms-flex-negative: 0;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.p-Icon--2xs {
    height: .6875em;
    width: .6875em
}

.p-Icon--xs {
    height: .75em;
    width: .75em
}

.p-Icon--sm {
    height: .875em;
    width: .875em
}

.p-Icon--md {
    height: 1em;
    width: 1em
}

.p-Icon--lg {
    height: 2em;
    width: 2em
}

.p-Icon--xl {
    height: 3em;
    width: 3em
}

.p-Indicators {
    height: 24px;
    pointer-events: none;
    position: relative;
    width: 24px
}

.p-Indicator {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.p-Indicators .p-Indicator {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-LoadingIndicator {
    -webkit-animation: rotate .6s linear infinite;
    animation: rotate .6s linear infinite;
    border: 2px solid;
    border-color: var(--colorIconLoadingIndicator);
    border-radius: 50%;
    -webkit-mask-image: linear-gradient(to bottom right,#000,rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom right,#000,rgba(0,0,0,0));
    opacity: 0;
    will-change: transform
}

.p-Animatable .p-LoadingIndicator {
    transition: opacity .1s ease,border .1s ease
}

.p-LoadingIndicator--visible {
    opacity: 1
}

.p-Animatable .p-LoadingIndicator--visible {
    transition-delay: .1s
}

.p-SuccessIndicator {
    background: var(--colorSuccess);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.p-Animatable .p-SuccessIndicator {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.p-SuccessIndicator--visible {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-SuccessIndicator:before {
    background: var(--colorSuccessText);
    content: "";
    display: block;
    height: 2px;
    left: 5px;
    position: absolute;
    top: 11px;
    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 6px
}

.p-Animatable .p-SuccessIndicator:before {
    transition: background .2s ease,-webkit-transform .15s ease .1s;
    transition: transform .15s ease .1s,background .2s ease;
    transition: transform .15s ease .1s,background .2s ease,-webkit-transform .15s ease .1s
}

.p-SuccessIndicator:after {
    background: var(--colorSuccessText);
    content: "";
    display: block;
    height: 2px;
    left: 10px;
    position: absolute;
    top: 16px;
    -webkit-transform: scale(0) rotate(-45deg);
    -ms-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 13px
}

.p-Animatable .p-SuccessIndicator:after {
    transition: background .2s ease .25s,-webkit-transform .15s ease .25s;
    transition: transform .15s ease .25s,background .2s ease .25s;
    transition: transform .15s ease .25s,background .2s ease .25s,-webkit-transform .15s ease .25s
}

.p-SuccessIndicator--visible:before {
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

.p-Animatable .p-SuccessIndicator--visible:before {
    transition: background .2s ease .25s,-webkit-transform .15s ease .25s;
    transition: transform .15s ease .25s,background .2s ease .25s;
    transition: transform .15s ease .25s,background .2s ease .25s,-webkit-transform .15s ease .25s
}

.p-SuccessIndicator--visible:after {
    -webkit-transform: scale(1) rotate(-45deg);
    -ms-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

.p-Animatable .p-SuccessIndicator--visible:after {
    transition: background .2s ease .25s,-webkit-transform .2s cubic-bezier(.73,.4,.35,1.18) .4s;
    transition: transform .2s cubic-bezier(.73,.4,.35,1.18) .4s,background .2s ease .25s;
    transition: transform .2s cubic-bezier(.73,.4,.35,1.18) .4s,background .2s ease .25s,-webkit-transform .2s cubic-bezier(.73,.4,.35,1.18) .4s
}

.p-ErrorIndicator {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: var(--colorDanger);
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.p-Animatable .p-ErrorIndicator {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.p-ErrorIndicator--visible {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-Input--delayAutofillStyles:-webkit-autofill,.p-Input--delayAutofillStyles:-webkit-autofill:focus,.p-Input--delayAutofillStyles:-webkit-autofill:hover,.p-Input--delayAutofillStyles[data-com-onepassword-filled],.p-Input--delayAutofillStyles[data-com-onepassword-filled]:focus,.p-Input--delayAutofillStyles[data-com-onepassword-filled]:hover {
    /* !important reason: legacy */
    -webkit-text-fill-color: var(--c-inputFontColor)!important;
    /* !important reason: legacy */
    transition: background-color 0s 50000s,box-shadow 0s 50000s,-webkit-filter 0s 50000s!important;
    transition: background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important;
    transition: background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s,-webkit-filter 0s 50000s!important
}

@-webkit-keyframes native-autofill-in {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes native-autofill-in {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes native-autofill-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes native-autofill-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.p-Input-input {
    -webkit-animation: native-autofill-out 1ms;
    animation: native-autofill-out 1ms;
    display: block;
    width: 100%
}

.p-Input-input:-webkit-autofill {
    -webkit-animation: native-autofill-in 1ms;
    animation: native-autofill-in 1ms
}

.p-Input {
    position: relative
}

.p-RTL .p-Input-input,.p-RTL .p-Input-input--textRight {
    text-align: right
}

.p-Input--matchFloatingLabelHeight.p-Input--matchFloatingLabelHeight {
    padding-bottom: calc(var(--c-inputPaddingBottom) + var(--c-labelFloatingHeight)/2);
    padding-top: calc(var(--c-inputPaddingTop) + var(--c-labelFloatingHeight)/2)
}

.p-ButtonLink--link {
    cursor: pointer
}

.p-ButtonLink--readOnly {
    pointer-events: none
}

.p-Logo {
    -ms-flex-negative: 0;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.p-Logo--md {
    height: 1em;
    width: auto
}

.p-Logo--lg {
    height: 2em;
    width: auto
}

.p-Logo--xl {
    height: 3em;
    width: auto
}

:where(.p-Animatable) .p-AsyncLogo {
    opacity: 0;
    transition: opacity .4s ease
}

.p-AsyncLogo--loaded {
    opacity: 1
}

.p-Logo--light {
    display: var(--p-logoLightDisplay)
}

.p-Logo--dark {
    display: var(--p-logoDarkDisplay)
}

.p-Tab .p-Logo--light {
    display: var(--p-logoTabLightDisplay)
}

.p-Tab .p-Logo--dark {
    display: var(--p-logoTabDarkDisplay)
}

.p-Tab--selected .p-Logo--light {
    display: var(--p-logoTabSelectedLightDisplay)
}

.p-Tab--selected .p-Logo--dark {
    display: var(--p-logoTabSelectedDarkDisplay)
}

.p-Block .p-Logo--light {
    display: var(--p-logoBlockLightDisplay)
}

.p-Block .p-Logo--dark {
    display: var(--p-logoBlockDarkDisplay)
}

.p-Menu {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.p-RTL .p-Menu {
    left: 0;
    right: auto
}

.p-Menu-innerWrapper {
    position: relative
}

.p-Menu-innerWrapper,.p-Menu-trigger {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.p-Menu-trigger {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 7px 9px
}

.p-Menu-items {
    bottom: 0;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 4px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    white-space: nowrap
}

.p-Menu-items,.p-RTL .p-Menu-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-RTL .p-Menu-items {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 100%;
    margin-left: 4px;
    margin-right: 0;
    right: auto
}

.p-Menu-itemsBackdrop {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.p-Animatable .p-Menu-itemsBackdrop {
    transition: opacity .35s ease
}

.p-Menu--open .p-Menu-itemsBackdrop {
    opacity: 1
}

.p-Menu-itemsBackdrop:before {
    left: 0;
    right: 0
}

.p-Menu-itemsBackdrop:after,.p-Menu-itemsBackdrop:before {
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0
}

.p-Menu-itemsBackdrop:after {
    left: -30px;
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,1));
    mask-image: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,1));
    width: 30px
}

.p-RTL .p-Menu-itemsBackdrop:after {
    left: auto;
    -webkit-mask-image: linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,1));
    mask-image: linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,1));
    right: -30px
}

.p-Animatable .p-Menu-itemsBackdrop:after,.p-Animatable .p-Menu-itemsBackdrop:before {
    transition-delay: var(--c-pickerItemTransitionDelay);
    transition-duration: var(--c-pickerItemTransitionDuration);
    transition-property: var(--c-pickerItemTransitionProperty);
    transition-timing-function: var(--c-pickerItemTransitionTimingFunction)
}

:where(.p-AccordionItem) .p-Menu-itemsBackdrop:after,:where(.p-AccordionItem) .p-Menu-itemsBackdrop:before {
    background-color: var(--c-acItemBackgroundColor)
}

:where(.p-AccordionItem--selected) .p-Menu-itemsBackdrop:after,:where(.p-AccordionItem--selected) .p-Menu-itemsBackdrop:before {
    background-color: var(--c-acItemSelectedBackgroundColor)
}

:where(.p-AccordionItem:hover) .p-Menu-itemsBackdrop:after,:where(.p-AccordionItem:hover) .p-Menu-itemsBackdrop:before {
    background-color: var(--c-acItemHoveredBackgroundColor)
}

:where(.p-AccordionItem--selected:hover) .p-Menu-itemsBackdrop:after,:where(.p-AccordionItem--selected:hover) .p-Menu-itemsBackdrop:before {
    background-color: var(--c-acItemSelectedHoveredBackgroundColor)
}

.p-Block .p-Menu-itemsBackdrop:after,.p-Block .p-Menu-itemsBackdrop:before {
    background-color: var(--c-blockBackgroundColor)
}

.PickerItem.p-PickerItem .p-Menu-items .p-Menu-itemsBackdrop:after,.PickerItem.p-PickerItem .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemBackgroundColor)
}

.p-PickerItem:hover .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem:hover .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemHoveredBackgroundColor)
}

.p-PickerItem:focus .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem:focus .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemFocusedBackgroundColor)
}

.PickerItem.p-PickerItem--selected .p-Menu-items .p-Menu-itemsBackdrop:after,.PickerItem.p-PickerItem--selected .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemSelectedBackgroundColor)
}

.p-PickerItem--selected:hover .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem--selected:hover .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemSelectedHoveredBackgroundColor)
}

.PickerItem.p-PickerItem--highlight .p-Menu-items .p-Menu-itemsBackdrop:after,.PickerItem.p-PickerItem--highlight .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemHighlightBackgroundColor)
}

.p-PickerItem--highlight:hover .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem--highlight:hover .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemHighlightHoveredBackgroundColor)
}

.p-PickerItem--highlight:focus .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem--highlight:focus .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemHighlightFocusedBackgroundColor)
}

.PickerItem.p-PickerItem--disabled .p-Menu-items .p-Menu-itemsBackdrop:after,.PickerItem.p-PickerItem--disabled .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemDisabledBackgroundColor)
}

.p-PickerItem--disabled:hover .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem--disabled:hover .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemDisabledHoveredBackgroundColor)
}

.p-PickerItem--disabled:focus .p-Menu-items .p-Menu-itemsBackdrop:after,.p-PickerItem--disabled:focus .p-Menu-items .p-Menu-itemsBackdrop:before {
    background-color: var(--c-pickerItemDisabledFocusedBackgroundColor)
}

.p-Menu--open .p-Menu-items {
    pointer-events: all
}

.p-Menu-item {
    height: 100%;
    margin-left: 4px;
    opacity: 0;
    -webkit-transform: translate(6px);
    -ms-transform: translate(6px);
    transform: translate(6px)
}

.p-Animatable .p-Menu-item {
    transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
}

.p-RTL .p-Menu-item {
    margin-left: 0;
    margin-right: 4px;
    -webkit-transform: translate(-6px);
    -ms-transform: translate(-6px);
    transform: translate(-6px)
}

.p-Menu-item:last-child {
    margin-left: 0
}

.p-RTL .p-Menu-item:nth-child(2) {
    margin-right: 0
}

.p-Menu--open .p-Menu-item {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-Animatable .p-Menu--open .p-Menu-item {
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-MenuAction {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 96px;
    padding: 0 .8em
}

.p-MenuAction--icon {
    min-width: unset
}

.p-MenuActionIcon {
    fill: var(--colorIconMenu)
}

.p-Menu-linkLogo {
    height: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 48px
}

.p-Animatable .p-Menu-linkLogo {
    transition: opacity .4s ease .28s
}

.p-LTR .p-Menu-linkLogo {
    right: 100%
}

.p-RTL .p-Menu-linkLogo {
    left: 100%
}

.p-Menu--open .p-Menu-linkLogo {
    opacity: 0;
    pointer-events: none
}

.p-Animatable .p-Menu--open .p-Menu-linkLogo {
    transition: opacity .2s ease
}

.p-MenuIcon {
    fill: var(--colorIconMenu)
}

.p-MenuIcon:hover {
    fill: var(--colorIconMenuHover)
}

.p-Menu-rightAlignedView {
    margin-left: var(--p-spacing2);
    margin-right: var(--p-spacing2);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap
}

.p-Animatable .p-Menu-rightAlignedView {
    transition: opacity .4s ease .28s
}

.p-LTR .p-Menu-rightAlignedView {
    right: 100%
}

.p-RTL .p-Menu-rightAlignedView {
    left: 100%
}

.p-Animatable .p-Picker-change {
    transition: opacity .3s ease .2s
}

.p-Picker--selecting .p-Picker-change {
    opacity: 0;
    pointer-events: none
}

.p-Animatable .p-Picker--selecting .p-Picker-change {
    transition: opacity .15s ease
}

.p-Animatable .p-Picker-more {
    transition: opacity .3s ease .13s
}

.p-Picker:not(.p-Picker--selecting) .p-Picker-more {
    opacity: 0;
    pointer-events: none
}

.p-Animatable .p-Picker:not(.p-Picker--selecting) .p-Picker-more {
    transition-delay: 0s
}

.p-Picker-actionWrapper {
    position: absolute;
    top: 0
}

.p-Picker-actionWrapper--center {
    /* !important reason: legacy */
    margin-bottom: 0!important;
    /* !important reason: legacy */
    margin-top: 0!important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-LTR .p-Picker-actionWrapper {
    padding-left: 0;
    right: 2px
}

.p-RTL .p-Picker-actionWrapper {
    left: 2px;
    padding-right: 0
}

.p-Picker .Slide-item {
    padding-top: var(--spacingPickerItem)
}

.p-PickerItem {
    cursor: pointer;
    position: relative
}

.p-PickerItem--disabled,.p-PickerItem--selected {
    cursor: default
}

.p-PickerItem--readOnly {
    pointer-events: none
}

.p-PickerItem-rightAnchoredActionsInset {
    padding-right: 70px
}

.p-Picker-actionWrapperLinkLogo {
    height: auto;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 48px
}

.p-LTR .p-Picker-actionWrapperLinkLogo {
    right: 100%
}

.p-RTL .p-Picker-actionWrapperLinkLogo {
    left: 100%
}

.p-LTR .p-PickerItem--isConsumer .p-PickerItem-text,.p-LTR .p-PickerItem--isConsumer .p-PickerItem-title {
    padding-right: 140px
}

.p-RTL .p-PickerItem--isConsumer .p-PickerItem-text,.p-RTL .p-PickerItem--isConsumer .p-PickerItem-title {
    padding-left: 140px
}

.p-PickerItem--singleRow {
    margin: calc(var(--c-pickerItemPaddingTop)*-1) calc(var(--c-pickerItemPaddingRight)*-1) calc(var(--c-pickerItemPaddingBottom)*-1) calc(var(--c-pickerItemPaddingLeft)*-1);
    padding: var(--c-pickerItemPaddingTop) var(--c-pickerItemPaddingRight) var(--c-pickerItemPaddingBottom) var(--c-pickerItemPaddingLeft);
    position: relative
}

.p-Picker-rightAlignedView {
    margin-left: var(--p-spacing2);
    margin-right: var(--p-spacing2);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-LTR .p-Picker-rightAlignedView {
    right: 100%
}

.p-RTL .p-Picker-rightAlignedView {
    left: 100%
}

.p-Switch {
    -ms-flex-negative: 0;
    border-radius: 1.25em;
    cursor: pointer;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1em;
    padding: 0;
    position: relative;
    width: 1.625em
}

.p-Switch--readOnly {
    cursor: default
}

.p-SwitchControl {
    border-radius: 100%;
    display: block;
    height: 100%;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: auto;
    will-change: transform
}

.p-SwitchControl--checked {
    -webkit-transform: translate(.625em);
    -ms-transform: translate(.625em);
    transform: translate(.625em)
}

.p-Select {
    position: relative
}

.p-Select-select {
    cursor: pointer;
    display: block;
    width: 100%
}

.p-InputIcon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10
}

.p-RTL .p-Select-select {
    /* !important reason: legacy */
    padding-left: calc(var(--c-inputPaddingLeft) + 1em)!important
}

.p-LTR .p-Select-select {
    /* !important reason: legacy */
    padding-right: calc(var(--c-inputPaddingRight) + 1em)!important
}

.p-RTL .p-InputIcon {
    left: 0
}

.p-LTR .p-InputIcon {
    right: 0
}

.p-UnsafeSelect {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.p-UnsafeSelect__select {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.p-Select option {
    background-color: var(--c-inputSelectOptionBackgroundColor);
    color: var(--c-inputSelectOptionTextColor)
}

.p-Checkbox-inputWrapper {
    -ms-flex-negative: 0;
    box-sizing: content-box;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 1.3em;
    position: relative;
    width: 1.3em
}

.p-Checkbox-input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-Checkbox-label {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.p-Checkbox-input:hover,.p-Checkbox-labelContent:hover {
    cursor: pointer
}

.p-Checkbox-wrapper {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.p-CheckboxLabel {
    cursor: pointer
}

.p-Checkbox--disabledLabelClick .p-Checkbox-labelContent {
    cursor: default
}

.Input.p-Checkbox-box {
    padding: 0
}

.p-Checkbox-box {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.p-Checkmark {
    height: 32%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg) translate(-10%,100%);
    -ms-transform: rotate(-45deg) translate(-10%,100%);
    transform: rotate(-45deg) translate(-10%,100%);
    width: 64%
}

.p-Animatable .p-Checkmark {
    transition: opacity .15s ease
}

.p-Checkbox--checked .p-Checkmark {
    opacity: 1
}

.p-Animatable .p-Checkbox--checked .p-Checkmark {
    transition: opacity 0s ease
}

.p-Checkmark-arm {
    background: var(--colorIconCheckmark)
}

.p-Checkmark-arm--left {
    bottom: 1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: .2em;
    width: max(2px,.15em);
    will-change: transform
}

.p-Animatable .p-Checkmark-arm--left {
    transition: -webkit-transform 0s ease .2s;
    transition: transform 0s ease .2s;
    transition: transform 0s ease .2s,-webkit-transform 0s ease .2s
}

.p-Checkmark-arm--right {
    bottom: 0;
    content: "";
    display: block;
    height: max(2px,.15em);
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    will-change: transform
}

.p-Animatable .p-Checkmark-arm--right {
    transition: -webkit-transform 0s ease .2s;
    transition: transform 0s ease .2s;
    transition: transform 0s ease .2s,-webkit-transform 0s ease .2s
}

.p-Checkbox--checked .p-Checkmark-arm--left {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-Animatable .p-Checkbox--checked .p-Checkmark-arm--left {
    transition: -webkit-transform .1s ease .08s;
    transition: transform .1s ease .08s;
    transition: transform .1s ease .08s,-webkit-transform .1s ease .08s
}

.p-Checkbox--checked .p-Checkmark-arm--right {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-Animatable .p-Checkbox--checked .p-Checkmark-arm--right {
    transition: -webkit-transform .1s ease .16s;
    transition: transform .1s ease .16s;
    transition: transform .1s ease .16s,-webkit-transform .1s ease .16s
}

.p-RTL .p-Checkbox-inputWrapper {
    margin-left: var(--p-spacing2)
}

.p-LTR .p-Checkbox-inputWrapper {
    margin-right: var(--p-spacing2)
}

.p-AddressInput-progressiveFields--hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.p-Animatable .p-AddressInput-progressiveFields {
    transition: opacity .4s ease .1s,-webkit-transform .4s ease .1s;
    transition: opacity .4s ease .1s,transform .4s ease .1s;
    transition: opacity .4s ease .1s,transform .4s ease .1s,-webkit-transform .4s ease .1s
}

.p-InitialMessagingTitle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 6px;
    height: 23px
}

.p-InitialMessagingTitle,.p-MessagingPartnerLogos {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.p-MessagingPartnerLogos {
    gap: 8px;
    padding-top: 2px
}

.p-MessagingPartnerLogo {
    display: inline-block;
    vertical-align: middle
}

.p-PartnerLogoImg {
    height: 1.3em;
    width: auto
}

#pmme-terms-link-text {
    display: block
}

.p-NoTextDecoration button.Link,.p-NoTextDecoration button.SecondaryLink,.p-NoTextDecoration button.TermsLink {
    text-decoration: none
}

.p-LearnMoreContainer>.SecondaryLink {
    text-underline-offset: 4px
}

.p-CondensedSinglePromotionView--Message {
    text-align: left
}

.p-CondensedSinglePromotionView--Message .p-Logo,.p-CondensedSinglePromotionView--Message-text {
    margin-right: 4px
}

.p-CondensedSinglePromotionView--Message .p-Logo {
    margin-top: -1px;
    vertical-align: bottom
}

.p-CondensedSinglePromotionView--Message .p-PartnerLogoImg--klarna {
    margin-top: -2px
}

.p-CondensedSinglePromotionView--Message .p-PartnerLogoImg--affirm {
    margin-bottom: 6px
}

.p-CondensedSinglePromotionView--Message-images {
    display: inline-block
}

.qATymka6__p-CondensedPromotionViewInfoIcon {
    display: inline-block;
    margin-top: -2px
}

.p-CondensedMultiPromotionView .p-MessagingPartnerLogos {
    margin-bottom: 4px
}

.p-CondensedMultiPromotionView-text {
    text-wrap: pretty
}

@-webkit-keyframes eYrVGkf5__slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

@keyframes eYrVGkf5__slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

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

@-webkit-keyframes KhPMhSCo__fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes KhPMhSCo__fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.oqfpGI33__p-KlarnaMarketingButtonView {
    --animation-logo-duration: 0.7s;
    --animation-delay: 0.4s;
    --animation-message-duration: 0.5s;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--colorBackground);
    border-radius: var(--borderRadius);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4em;
    padding: var(--p-spacing4);
    transition: background-color .2s ease;
    width: 100%
}

.oqfpGI33__p-KlarnaMarketingButtonView:hover {
    background-color: color-mix(in srgb,var(--colorBackground) 95%,black)
}

.Kp35MpDS__p-KlarnaMarketingButtonView-logo {
    -webkit-animation: eYrVGkf5__slide-in var(--animation-logo-duration);
    animation: eYrVGkf5__slide-in var(--animation-logo-duration);
    -webkit-animation-delay: var(--animation-delay);
    animation-delay: var(--animation-delay);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    margin-right: var(--p-spacing3)
}

.-tjvi3gF__p-KlarnaMarketingButtonView-logoImg {
    height: 21px;
    width: auto
}

.n4Rq9Yt9__p-KlarnaMarketingButtonView-message {
    text-wrap: pretty;
    -webkit-animation: KhPMhSCo__fade-in var(--animation-message-duration);
    animation: KhPMhSCo__fade-in var(--animation-message-duration);
    -webkit-animation-delay: calc((var(--animation-logo-duration) + var(--animation-delay))*.8);
    animation-delay: calc((var(--animation-logo-duration) + var(--animation-delay))*.8);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    text-align: left
}

@media (prefers-reduced-motion) {
    .Kp35MpDS__p-KlarnaMarketingButtonView-logo,.n4Rq9Yt9__p-KlarnaMarketingButtonView-message {
        -webkit-animation: none;
        animation: none
    }
}

._3JAmISo5__p-Timeline,.r4DX-8X2__p-PlanBreakdown {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.g6O2KMzD__p-Timeline-item,.xkdQu8Ow__p-Header {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.r4DX-8X2__p-PlanBreakdown,.xkdQu8Ow__p-Header {
    gap: var(--p-spacing4)
}

._3JAmISo5__p-Timeline {
    gap: var(--p-spacing2)
}

.kPk9xIt0__p-PlanSummary {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: var(--fontWeightMedium);
    gap: var(--p-spacing1) var(--p-spacing2)
}

.hOfWlBfs__p-PlanSummary-apr {
    background: var(--p-colorBackgroundContrastAlpha05);
    border-radius: min(var(--borderRadius),4px);
    display: inline-block;
    font-size: var(--fontSizeXs);
    font-weight: var(--fontWeightNormal);
    line-height: 1;
    padding: var(--p-spacing1) var(--p-spacing2)
}

.vXhRqdmJ__p-PlanSummary-apr--zero {
    background-color: var(--colorSuccess);
    color: var(--colorSuccessText)
}

.OBfoC6GE__p-Header-action,.g6O2KMzD__p-Timeline-item {
    color: var(--colorTextSecondary)
}

.OBfoC6GE__p-Header-action {
    font-size: var(--fontSizeXs);
    text-align: right;
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    &:hover {
        color: var(--colorText)
    }
}

.g6O2KMzD__p-Timeline-item {
    font-variant-numeric: tabular-nums
}

.yOZSdYSZ__p-Timeline-item--highlighted {
    color: var(--colorText);
    font-weight: var(--fontWeightMedium)
}

.p-PaymentMethodMessaging {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.p-PaymentMethodMessaging--beta-ume_beta_1 {
    padding: 15px 0
}

.LightboxModalContainer {
    color-scheme: normal;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.LightboxModalHeader {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-shadow: 1px 1px 5px rgba(0,0,0,.5);
    width: 100%
}

.LightboxModalBody {
    background: white;
    box-shadow: 0 7px 32px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.2);
    height: calc(100% - 60px);
    overflow: hidden;
    width: 100%
}

.LightboxModalBody-noscroll {
    height: auto;
    min-height: calc(100% - 60px);
    overflow: auto
}

.LightboxModal:not(.LightboxModal-noNestedTargeting) .LightboxModalContent *,.LightboxModalBody,.LightboxModalContent {
    border-radius: 4px
}

.LightboxModal-fullScreen .LightboxModalBody {
    height: 100%
}

.LightboxModal-fullScreen .LightboxModalBody,.LightboxModal-fullScreen .LightboxModalContent,.LightboxModal.LightboxModal-fullScreen:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
    border-radius: 0
}

.LightboxModalClose {
    -webkit-font-smoothing: antialiased;
    background: transparent;
    border: 0;
    color: #d2d2d2;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1px;
    margin-right: -3px;
    padding: 8px 3px;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    text-transform: uppercase;
    -webkit-transform: opacity .3s ease;
    -ms-transform: opacity .3s ease;
    transform: opacity .3s ease
}

.LightboxModalClose:active,.LightboxModalClose:hover {
    color: white
}

.LightboxModalContent {
    height: 100%;
    position: relative
}

.LightboxModalLoadingIndicator {
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3D(-50%,-50%,0);
    -ms-transform: translate3D(-50%,-50%,0);
    transform: translate3D(-50%,-50%,0)
}

.LightboxModal {
    bottom: 0;
    max-height: 100%;
    position: absolute;
    width: 100%
}

.LightboxModal-fullScreen.LightboxModal {
    height: 100%
}

.LightboxModal-1100x800.LightboxModal {
    height: calc(57vh + 470px)
}

.LightboxModal-600x900.LightboxModal {
    height: calc(57vh + 520px)
}

.LightboxModal-600x700.LightboxModal {
    height: calc(57vh + 420px)
}

.LightboxModal-560x480.LightboxModal {
    height: calc(57vh + 310px)
}

.LightboxModal-375x530.LightboxModal {
    height: calc(57vh + 335px)
}

.LightboxModal-450x750.LightboxModal {
    height: calc(57vh + 445px)
}

.LightboxModal-400x600.LightboxModal {
    height: calc(57vh + 370px)
}

.LightboxModal-400x650.LightboxModal {
    height: calc(57vh + 395px)
}

.LightboxModal-400x550.LightboxModal {
    height: calc(57vh + 345px)
}

.LightboxModal-400x400.LightboxModal {
    height: calc(57vh + 270px)
}

.LightboxModal-440x600.LightboxModal {
    height: calc(57vh + 370px)
}

.LightboxModal-440x650.LightboxModal {
    height: calc(57vh + 385px)
}

.LightboxModal-450x600.LightboxModal {
    height: calc(57vh + 370px)
}

.LightboxModal-360x620.LightboxModal {
    height: calc(57vh + 380px)
}

.LightboxModal-360x640.LightboxModal {
    height: calc(57vh + 390px)
}

.LightboxModal-390x400.LightboxModal {
    height: calc(57vh + 270px)
}

.LightboxModal-340x240.LightboxModal {
    height: calc(57vh + 190px)
}

.LightboxModalPosition {
    max-height: 100%;
    position: relative;
    width: 100%
}

.LightboxModal-fullScreen .LightboxModalPosition {
    height: 100%;
    width: 100%
}

.LightboxModal-1100x800 .LightboxModalPosition {
    height: 900px
}

.LightboxModal-600x900 .LightboxModalPosition {
    height: 1000px
}

.LightboxModal-600x700 .LightboxModalPosition {
    height: 800px
}

.LightboxModal-560x480 .LightboxModalPosition {
    height: 580px
}

.LightboxModal-375x530 .LightboxModalPosition {
    height: 630px
}

.LightboxModal-450x750 .LightboxModalPosition {
    height: 850px
}

.LightboxModal-400x650 .LightboxModalPosition {
    height: 750px
}

.LightboxModal-400x600 .LightboxModalPosition {
    height: 700px
}

.LightboxModal-400x550 .LightboxModalPosition {
    height: 650px
}

.LightboxModal-400x400 .LightboxModalPosition {
    height: 500px
}

.LightboxModal-440x600 .LightboxModalPosition {
    height: 700px
}

.LightboxModal-440x650 .LightboxModalPosition {
    height: 750px
}

.LightboxModal-450x600 .LightboxModalPosition {
    height: 700px
}

.LightboxModal-360x620 .LightboxModalPosition {
    height: 720px
}

.LightboxModal-360x640 .LightboxModalPosition {
    height: 740px
}

.LightboxModal-390x400 .LightboxModalPosition {
    height: 500px
}

.LightboxModal-340x240 .LightboxModalPosition {
    height: 340px
}

.LightboxModalSize {
    left: 50%;
    max-height: 100%;
    max-width: calc(100% - 20px);
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.LightboxModal-fullScreen .LightboxModalSize {
    height: 100%;
    max-width: 100%;
    width: 100%
}

.LightboxModal-340x240 .LightboxModalSize {
    height: 240px
}

.LightboxModal-1100x800 .LightboxModalSize {
    height: 860px
}

.LightboxModal-375x530 .LightboxModalSize {
    height: 590px;
    width: 375px
}

.LightboxModal-600x900 .LightboxModalSize {
    height: 960px
}

.LightboxModal-600x700 .LightboxModalSize {
    height: 760px
}

.LightboxModal-560x480 .LightboxModalSize {
    height: 540px;
    width: 560px
}

.LightboxModal-450x750 .LightboxModalSize {
    height: 810px
}

.LightboxModal-400x650 .LightboxModalSize {
    height: 710px;
    width: 400px
}

.LightboxModal-400x600 .LightboxModalSize {
    height: 660px
}

.LightboxModal-400x550 .LightboxModalSize {
    height: 610px
}

.LightboxModal-400x400 .LightboxModalSize {
    height: 460px;
    width: 400px
}

.LightboxModal-440x600 .LightboxModalSize {
    height: 660px
}

.LightboxModal-440x650 .LightboxModalSize {
    height: 710px
}

.LightboxModal-450x600 .LightboxModalSize {
    height: 660px
}

.LightboxModal-360x620 .LightboxModalSize {
    height: 680px
}

.LightboxModal-360x640 .LightboxModalSize {
    height: 700px
}

.LightboxModal-390x400 .LightboxModalSize {
    height: 460px
}

.LightboxModal-340x240 .LightboxModalSize {
    width: 340px
}

.LightboxModal-1100x800 .LightboxModalSize {
    width: 1100px
}

.LightboxModal-600x700 .LightboxModalSize,.LightboxModal-600x900 .LightboxModalSize {
    width: 600px
}

.LightboxModal-450x750 .LightboxModalSize {
    width: 450px
}

.LightboxModal-400x550 .LightboxModalSize,.LightboxModal-400x600 .LightboxModalSize {
    width: 400px
}

.LightboxModal-440x600 .LightboxModalSize,.LightboxModal-440x650 .LightboxModalSize {
    width: 440px
}

.LightboxModal-450x600 .LightboxModalSize {
    width: 450px
}

.LightboxModal-360x620 .LightboxModalSize,.LightboxModal-360x640 .LightboxModalSize {
    width: 360px
}

.LightboxModal-390x400 .LightboxModalSize {
    width: 390px
}

.LightboxModal-fullScreen .LightboxModalContainer {
    border-radius: 0
}

.LightboxModal-400x400.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-400x550.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-400x600.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-400x650.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-440x600.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-440x650.LightboxModal-roundedRadius .LightboxModalBody {
    border-radius: 16px
}

.LightboxModal-375x530.LightboxModal-roundedRadius .LightboxModalBody {
    border-radius: 24px
}

.LightboxModal-360x640.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-560x480.LightboxModal-roundedRadius .LightboxModalBody {
    border-radius: 20px
}

@media (max-width: 1120px) {
    .LightboxModal-1100x800 .LightboxModalPosition,.LightboxModal-1100x800 .LightboxModalSize,.LightboxModal-1100x800.LightboxModal {
        height:100%;
        width: 100%
    }

    .LightboxModal-1100x800 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-1100x800.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-1100x800.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-1100x800 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-1100x800 .LightboxModalBody,.LightboxModal-1100x800 .LightboxModalContent,.LightboxModal-1100x800:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 620px) {
    .LightboxModal-600x700 .LightboxModalPosition,.LightboxModal-600x700 .LightboxModalSize,.LightboxModal-600x700.LightboxModal {
        height:100%;
        width: 100%
    }

    .LightboxModal-600x700 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-600x700.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-600x700.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-600x700 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-600x700 .LightboxModalBody,.LightboxModal-600x700 .LightboxModalContent,.LightboxModal-600x700:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }

    .LightboxModal-600x900 .LightboxModalPosition,.LightboxModal-600x900 .LightboxModalSize,.LightboxModal-600x900.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-600x900 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-600x900.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-600x900.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-600x900 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-600x900 .LightboxModalBody,.LightboxModal-600x900 .LightboxModalContent,.LightboxModal-600x900:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 580px) {
    .LightboxModal.LightboxModal-open.LightboxModal-560x480 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-560x480 .LightboxModalPosition,.LightboxModal-560x480 .LightboxModalSize,.LightboxModal-560x480.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-560x480 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal-560x480.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal-560x480.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-560x480 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-560x480 .LightboxModalBody,.LightboxModal-560x480 .LightboxModalContent,.LightboxModal-560x480:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 20px
    }
}

@media (max-width: 470px) {
    .LightboxModal.LightboxModal-open.LightboxModal-450x600 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-450x600 .LightboxModalPosition,.LightboxModal-450x600 .LightboxModalSize,.LightboxModal-450x600.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-450x600 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-450x600.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-450x600.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-450x600 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-450x600 .LightboxModalBody,.LightboxModal-450x600 .LightboxModalContent,.LightboxModal-450x600:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }

    .LightboxModal.LightboxModal-open.LightboxModal-450x750 {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-450x750 .LightboxModalPosition,.LightboxModal-450x750 .LightboxModalSize,.LightboxModal-450x750.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-450x750 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-450x750.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-450x750.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-450x750 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-450x750 .LightboxModalBody,.LightboxModal-450x750 .LightboxModalContent,.LightboxModal-450x750:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 420px) {
    .LightboxModal.LightboxModal-open.LightboxModal-400x650 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-400x650 .LightboxModalPosition,.LightboxModal-400x650 .LightboxModalSize,.LightboxModal-400x650.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-400x650 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-400x650.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-400x650.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-400x650 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-400x650 .LightboxModalBody,.LightboxModal-400x650 .LightboxModalContent,.LightboxModal-400x650:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 395px) {
    .LightboxModal.LightboxModal-open.LightboxModal-375x530 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-375x530 .LightboxModalPosition,.LightboxModal-375x530 .LightboxModalSize,.LightboxModal-375x530.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-375x530 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-375x530.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-375x530.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-375x530 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-375x530 .LightboxModalBody,.LightboxModal-375x530 .LightboxModalContent,.LightboxModal-375x530:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 420px) {
    .LightboxModal.LightboxModal-open.LightboxModal-400x600 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-400x600 .LightboxModalPosition,.LightboxModal-400x600 .LightboxModalSize,.LightboxModal-400x600.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-400x600 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-400x600.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-400x600.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-400x600 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-400x600 .LightboxModalBody,.LightboxModal-400x600 .LightboxModalContent,.LightboxModal-400x600:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }

    .LightboxModal.LightboxModal-open.LightboxModal-400x550 {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-400x550 .LightboxModalPosition,.LightboxModal-400x550 .LightboxModalSize,.LightboxModal-400x550.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-400x550 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-400x550.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-400x550.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-400x550 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-400x550 .LightboxModalBody,.LightboxModal-400x550 .LightboxModalContent,.LightboxModal-400x550:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }

    .LightboxModal.LightboxModal-open.LightboxModal-400x400 {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-400x400 .LightboxModalPosition,.LightboxModal-400x400 .LightboxModalSize,.LightboxModal-400x400.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-400x400 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-400x400.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-400x400.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-400x400 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-400x400 .LightboxModalBody,.LightboxModal-400x400 .LightboxModalContent,.LightboxModal-400x400:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 460px) {
    .LightboxModal-440x600 .LightboxModalPosition,.LightboxModal-440x600 .LightboxModalSize,.LightboxModal-440x600.LightboxModal {
        height:100%;
        width: 100%
    }

    .LightboxModal-440x600 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-440x600.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-440x600.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-440x600 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-440x600 .LightboxModalBody,.LightboxModal-440x600 .LightboxModalContent,.LightboxModal-440x600:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 16px
    }

    .LightboxModal-440x650 .LightboxModalPosition,.LightboxModal-440x650 .LightboxModalSize,.LightboxModal-440x650.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-440x650 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-440x650.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-440x650.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-440x650 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-440x650 .LightboxModalBody,.LightboxModal-440x650 .LightboxModalContent,.LightboxModal-440x650:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 16px
    }
}

@media (max-width: 410px) {
    .LightboxModal.LightboxModal-open.LightboxModal-390x400 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-390x400 .LightboxModalPosition,.LightboxModal-390x400 .LightboxModalSize,.LightboxModal-390x400.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-390x400 .LightboxModalBody {
        height: calc(100% - 55px)
    }

    .LightboxModal.LightboxModal-390x400.LightboxModal-closeHidden .LightboxModalBody {
        height: calc(100% - 30px)
    }

    .LightboxModal.LightboxModal-390x400.LightboxModal-closeHidden .LightboxModalHeader {
        height: 15px
    }

    .LightboxModal-390x400 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-390x400 .LightboxModalBody,.LightboxModal-390x400 .LightboxModalContent,.LightboxModal-390x400:not(.LightboxModal-noNestedTargeting) .LightboxModalContent * {
        border-radius: 8px
    }
}

@media (max-width: 430px) {
    .LightboxModal.LightboxModal-open.LightboxModal-360x620 {
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-360x620 .LightboxModalPosition,.LightboxModal-360x620 .LightboxModalSize,.LightboxModal-360x620.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-360x620 .LightboxModalSize {
        max-width: 100%
    }

    .LightboxModal-360x620 .LightboxModalBody,.LightboxModal.LightboxModal-360x620.LightboxModal-closeHidden .LightboxModalBody {
        height: 100%
    }

    .LightboxModal-360x620 .LightboxModalHeader,.LightboxModal.LightboxModal-360x620.LightboxModal-closeHidden .LightboxModalHeader {
        height: 0
    }

    .LightboxModal-360x620 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-360x620 .LightboxModalBody,.LightboxModal-360x620 .LightboxModalContent,.LightboxModal-360x620 .LightboxModalContent .AppContainer,.LightboxModal-360x620 .LightboxModalContent .PaneLayoutNavBar {
        border-radius: 0
    }

    .LightboxModal.LightboxModal-open.LightboxModal-360x640 {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .LightboxModal-360x640 .LightboxModalPosition,.LightboxModal-360x640 .LightboxModalSize,.LightboxModal-360x640.LightboxModal {
        height: 100%;
        width: 100%
    }

    .LightboxModal-360x640 .LightboxModalSize {
        max-width: 100%
    }

    .LightboxModal-360x640 .LightboxModalBody,.LightboxModal.LightboxModal-360x640.LightboxModal-closeHidden .LightboxModalBody {
        height: 100%
    }

    .LightboxModal-360x640 .LightboxModalHeader,.LightboxModal.LightboxModal-360x640.LightboxModal-closeHidden .LightboxModalHeader {
        height: 0
    }

    .LightboxModal-360x640 .LightboxModalClose {
        text-shadow: none
    }

    .LightboxModal-360x640.LightboxModal-roundedRadius .LightboxModalBody,.LightboxModal-360x640.LightboxModal-roundedRadius .LightboxModalContent {
        border-radius: 0
    }
}

.LightboxModal {
    transition: -webkit-backdrop-filter .2s ease-in-out;
    transition: backdrop-filter .2s ease-in-out;
    transition: backdrop-filter .2s ease-in-out,-webkit-backdrop-filter .2s ease-in-out
}

.LightboxModal.LightboxModal-open {
    transition: -webkit-backdrop-filter .4s ease-in-out;
    transition: backdrop-filter .4s ease-in-out;
    transition: backdrop-filter .4s ease-in-out,-webkit-backdrop-filter .4s ease-in-out;
    transition-delay: .1s
}

.LightboxModalContainer {
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in;
    transition: opacity .2s ease-in-out,transform .2s ease-in;
    transition: opacity .2s ease-in-out,transform .2s ease-in,-webkit-transform .2s ease-in
}

.LightboxModal-open .LightboxModalContainer {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity .35s ease-in-out,-webkit-transform .35s ease-out;
    transition: opacity .35s ease-in-out,transform .35s ease-out;
    transition: opacity .35s ease-in-out,transform .35s ease-out,-webkit-transform .35s ease-out;
    transition-delay: .1s
}

.LightboxModalLoadingIndicator {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}

.LightboxModal-fullScreen .LightboxModalContainer {
    transition: none
}

.LightboxModal-contentLoaded .LightboxModalLoadingIndicator {
    opacity: 0;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.9);
    transform: translate3d(-50%,-50%,0) scale(.9)
}

.LightboxModalContent {
    opacity: 0;
    transition: opacity .4s ease-in-out;
    transition-delay: .2s
}

.LightboxModal-contentLoaded .LightboxModalContent {
    opacity: 1
}

.ErrorPage {
    -ms-flex-pack: justify;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ErrorPage,.ErrorPage-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ErrorPage-content {
    padding: 0 16px
}

.ErrorPage-backNav {
    cursor: pointer;
    margin-bottom: 16px
}

.p-PaymentMethodMessagingElementUI--loading {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100px
}

.p-PaymentMethodMessaging p {
    font-weight: var(--fontWeightNormal)
}

.p-AffirmErrorNotice {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: start
}

.p-AffirmErrorNotice-icon {
    display: inline-block;
    margin-top: 3.5px
}

.p-AffirmErrorNotice-text {
    -webkit-margin-start: var(--p-spacing2);
    margin-inline-start:var(--p-spacing2)}

.BankIcon img,.BankIcon svg {
    height: 1.2em;
    left: 0;
    margin-top: -.6em;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    transition: opacity .7s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s cubic-bezier(.075,.82,.165,1);
    transition: transform .4s cubic-bezier(.075,.82,.165,1),opacity .7s cubic-bezier(.075,.82,.165,1);
    transition: transform .4s cubic-bezier(.075,.82,.165,1),opacity .7s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s cubic-bezier(.075,.82,.165,1);
    width: 1.2em
}

.BankIcon img {
    border-radius: 13.9%;
    overflow: hidden
}

.ElementsApp .Icon-fill {
    fill: #515e80
}

.ElementsApp.is-invalid .Icon-fill {
    fill: #eb1c26
}

.ElementsApp.is-complete .Icon-fill {
    fill: #6772e5
}

.BankIcon.is-loaded img,.BankIcon.is-loaded svg {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.BankIcon.is-loaded.is-hidden img,.BankIcon.is-loaded.is-hidden svg {
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.p-savePm-checkboxes .p-Grid,.p-savePm-checkboxes .p-GridCell {
    margin-bottom: 0
}

.p-CardIcons {
    -ms-flex-pack: end;
    /* !important reason: legacy */
    background: none!important;
    /* !important reason: legacy */
    border-color: transparent!important;
    /* !important reason: legacy */
    box-shadow: none!important;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    /* !important reason: legacy */
    margin: 0!important;
    /* !important reason: legacy */
    outline: none!important;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.p-CardBrandIcons,.p-CardIcons {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-CardBrandIcons {
    z-index: 2
}

.p-Animatable .p-CardBrandIcons {
    transition: opacity .5s ease
}

.p-CardBrandIcons-item {
    padding-right: .2em;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    will-change: transform
}

.p-Animatable .p-CardBrandIcons-item {
    transition: opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:first-child {
    -webkit-transform: translate(300%);
    -ms-transform: translate(300%);
    transform: translate(300%)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:nth-child(2) {
    -webkit-transform: translate(200%);
    -ms-transform: translate(200%);
    transform: translate(200%)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:nth-child(3) {
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--noMore .p-CardBrandIcons-item:only-child {
    padding-right: 0
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:last-child {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(2) {
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(3) {
    -webkit-transform: translate(200%);
    -ms-transform: translate(200%);
    transform: translate(200%)
}

.p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(4) {
    -webkit-transform: translate(300%);
    -ms-transform: translate(300%);
    transform: translate(300%)
}

.p-CardBrandIcons--hidden .p-CardBrandIcons-item {
    opacity: 0
}

.p-Animatable .p-CardBrandIcons--hidden .p-CardBrandIcons-item {
    transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
}

.p-CardBrandIcon,.p-CardErrorIcon svg {
    display: block;
    height: auto;
    width: 1.95em
}

.p-CardBrandIcons-item:first-child .p-CardBrandIcon {
    margin-left: 0
}

.p-CardBrandIcons-more {
    height: 1.3em;
    padding-right: 0;
    position: relative;
    width: 1.95em
}

.p-CardBrandIcons-more .p-CardBrandIcon {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    will-change: transform
}

.p-Animatable .p-CardBrandIcons-more .p-CardBrandIcon {
    transition: opacity 1.2s cubic-bezier(.19,1,.22,1),-webkit-transform 1.2s cubic-bezier(.19,1,.22,1);
    transition: opacity 1.2s cubic-bezier(.19,1,.22,1),transform 1.2s cubic-bezier(.19,1,.22,1);
    transition: opacity 1.2s cubic-bezier(.19,1,.22,1),transform 1.2s cubic-bezier(.19,1,.22,1),-webkit-transform 1.2s cubic-bezier(.19,1,.22,1)
}

@media (prefers-reduced-motion:reduce) {
    .p-Animatable .p-CardBrandIcons-more .p-CardBrandIcon {
        transition: none
    }
}

.p-CardBrandIcons-more .p-CardBrandIcon--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-CardErrorIcon,.p-CardKnownIcon {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    will-change: transform;
    z-index: 2
}

.p-Animatable .p-CardErrorIcon,.p-Animatable .p-CardKnownIcon {
    transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
}

.p-CardErrorIcon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-CardIcons--error .p-CardErrorIcon,.p-CardIcons--known-brand .p-CardKnownIcon {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-Animatable .p-CardIcons--error .p-CardErrorIcon,.p-Animatable .p-CardIcons--known-brand .p-CardKnownIcon {
    transition-delay: .1s
}

.p-RTL .p-CardIcons {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    right: auto
}

.p-RTL .p-CardIcons .p-CardBrandIcons-more .p-CardBrandIcon,.p-RTL .p-CardIcons .p-CardErrorIcon,.p-RTL .p-CardIcons .p-CardKnownIcon {
    left: 0;
    right: auto
}

.p-RTL .p-CardIcons .p-CardBrandIcons-item {
    padding-left: .2em;
    padding-right: 0;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:first-child {
    -webkit-transform: translate(-300%);
    -ms-transform: translate(-300%);
    transform: translate(-300%)
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:nth-child(2) {
    -webkit-transform: translate(-200%);
    -ms-transform: translate(-200%);
    transform: translate(-200%)
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden .p-CardBrandIcons-item:nth-child(3) {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

.p-RTL .p-CardBrandIcons--multiple.p-CardBrandIcons--noMore .p-CardBrandIcons-item:only-child {
    padding-left: 0
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:last-child {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(2) {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(3) {
    -webkit-transform: translate(-200%);
    -ms-transform: translate(-200%);
    transform: translate(-200%)
}

.p-RTL .p-CardIcons .p-CardBrandIcons--multiple.p-CardBrandIcons--hidden.p-CardBrandIcons--noMore .p-CardBrandIcons-item:nth-last-child(4) {
    -webkit-transform: translate(-300%);
    -ms-transform: translate(-300%);
    transform: translate(-300%)
}

.p-CardBrandIcons--selected {
    opacity: 1
}

.p-CardBrandChoice-chevron {
    height: .8em;
    margin-left: 8px;
    width: .8em
}

.p-RTL .p-CardBrandChoice-chevron {
    margin-left: 0;
    margin-right: 8px
}

.p-CardBrandChoice-select {
    -ms-flex-pack: end;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: var(--c-inputFontColor);
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: min(100%,calc(100% + 8px - var(--c-inputPaddingTop) - var(--c-inputPaddingBottom)));
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    text-indent: 200px;
    width: min(100%,calc(100% + 8px - var(--c-inputPaddingRight) - var(--c-inputPaddingLeft)))
}

.p-CardBrandChoice-select.Input {
    background-color: unset;
    border: none;
    box-shadow: none;
    padding: unset
}

.p-CardBrandChoice-iconWrapper {
    pointer-events: none
}

.p-CardBrandChoice,.p-CardBrandChoice-iconWrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-CardBrandChoice {
    -ms-flex-pack: center;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .6s cubic-bezier(.19,1,.22,1)
}

.p-RTL .p-CardBrandChoice {
    left: 0;
    right: auto
}

.p-CardBrandChoice.Input {
    background: none;
    border: none;
    box-shadow: none;
    outline: none
}

.p-CardBrandChoice--disabled {
    pointer-events: none
}

.p-CardBrandChoice--disabled .p-CardBrandChoice-select {
    visibility: hidden
}

.p-CardBrandChoice.p-CardBrandChoice--enabled {
    opacity: 1
}

.p-CardNumberInput {
    position: relative
}

.p-CardNumberInput .Icon-fill {
    fill: #515e80
}

.p-CardNumberInput.p-CardNumberInput--error .Icon-fill {
    fill: #eb1c26
}

.p-CardCvcInput {
    position: relative
}

.p-RTL .p-CardCvcInput .p-Input-input {
    direction: rtl
}

.p-LTR .p-CardCvcInput .p-Input-input {
    direction: ltr
}

.p-CardCvcIcons {
    /* !important reason: legacy */
    background: none!important;
    /* !important reason: legacy */
    border-color: transparent!important;
    /* !important reason: legacy */
    box-shadow: none!important;
    /* !important reason: legacy */
    margin: 0!important;
    /* !important reason: legacy */
    outline: none!important;
    pointer-events: none
}

.p-CardCvcIcons,.p-CardCvcIcons-group {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

.p-RTL .p-CardCvcIcons,.p-RTL .p-CardCvcIcons-group {
    left: 0;
    right: auto
}

.p-CardCvcIcons-group {
    will-change: transform
}

.p-CardCvcIcons-svg {
    display: block;
    height: 1.95em;
    width: 1.95em
}

.p-CardCvcIcons-group.is-entering.is-interrupted,.p-CardCvcIcons-group.is-enteringActive,.p-CardCvcIcons-group.is-exiting.is-interrupted,.p-CardCvcIcons-group.is-exitingActive {
    transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
    transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
}

.p-CardCvcIcons-group.is-entering {
    opacity: 0;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.p-CardCvcIcons-group.is-enteringActive {
    transition-delay: .1s
}

.p-CardCvcIcons-group.is-enteringActive,.p-CardCvcIcons-group.is-exiting {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-CardCvcIcons-group.is-exitingActive {
    opacity: 0;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.p-LinkModalTrigger:focus-visible {
    outline: none
}

.p-KlarnaErrorNotice {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: start
}

.p-KlarnaErrorNotice-icon {
    display: inline-block;
    margin-top: 3.5px
}

.p-KlarnaErrorNotice-text {
    -webkit-margin-start: var(--p-spacing2);
    margin-inline-start:var(--p-spacing2)}

.p-SearchInput--hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.p-InputCloseIcon-button {
    padding: .3em
}

.p-InputCloseIcon-icon {
    height: .8em;
    width: .8em
}

.p-InputLoadingIcon {
    height: 1em;
    width: 1em
}

.p-InputIconGroup {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .25em;
    -webkit-justify-content: center;
    justify-content: center
}

.p-BankButtonLogo {
    margin-bottom: auto;
    margin-top: auto;
    width: 100%
}

.p-BankButtonLogo,.p-BankButtonText {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.p-BankButtonText {
    -webkit-animation: fadeIn .4s ease;
    animation: fadeIn .4s ease;
    opacity: 1;
    right: 0
}

.p-BankButton {
    padding: var(--p-spacing3);
    position: relative
}

.p-BankButtonShimmerWrapper,.p-BankButtonShimmerWrapper .Fade,.p-BankButtonShimmerWrapper .Fade-item {
    height: 100%
}

.p-BankButtonShimmer {
    background: var(--p-pickerItemBackgroundColorDeemphasize03);
    border-radius: calc(var(--borderRadius)/2);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.p-BankButtonShimmer:before {
    -webkit-animation: shimmer 2s .5s infinite;
    animation: shimmer 2s .5s infinite;
    background-image: linear-gradient(90deg,var(--p-pickerItemBackgroundColorDeemphasize03) 0,var(--p-pickerItemBackgroundColorDeemphasize05) 70%,var(--p-pickerItemBackgroundColorDeemphasize03) 100%);
    background-repeat: no-repeat;
    background: var(--p-pickerItemBackgroundColorDeemphasize03);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    will-change: transform;
    z-index: 1
}

.p-PromoBadge-financialIncentiveText {
    background: var(--colorSuccess);
    border-radius: var(--borderRadius);
    padding: .05em .5em;
    white-space: nowrap
}

.p-FlagIcon {
    height: 16px;
    width: 16px
}

.p-PhoneNumberCountryFlagIcon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 1.2em;
    position: relative
}

.p-PhoneNumberCountryFlagIcon.is-entering .p-FlagIcon {
    opacity: 0
}

.p-PhoneNumberCountryFlagIcon--loaded.is-enteringActive .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-enteringActive.is-interrupted .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-exiting .p-FlagIcon {
    opacity: 1
}

.p-PhoneNumberCountryFlagIcon--loaded.is-exitingActive .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-exitingActive.is-interrupted .p-FlagIcon {
    opacity: 0
}

.p-PhoneNumberCountryFlagIcon--loaded.is-enteringActive .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-enteringActive.is-interrupted .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-exitingActive .p-FlagIcon,.p-PhoneNumberCountryFlagIcon--loaded.is-exitingActive.is-interrupted .p-FlagIcon {
    transition: opacity .2s ease
}

.p-PhoneNumberCountryFlagIcon.is-exiting .p-FlagIcon,.p-PhoneNumberCountrySelect-select {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-PhoneNumberCountrySelect-select {
    color: var(--c-inputFontColor);
    height: 100%
}

.p-PhoneNumberCountrySelect-icon {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-PhoneNumberCountrySelect-icon .p-Icon {
    height: auto;
    width: 10px
}

.p-PhoneNumberCountrySelect-select {
    cursor: pointer;
    opacity: 0
}

.p-PhoneNumberCountrySelect-iconWrapper--focused {
    border-radius: var(--borderRadius);
    box-shadow: var(--focusBoxShadow);
    margin: -2px -4px;
    outline: var(--focusOutline);
    padding: 2px 4px;
    transition: box-shadow .15s ease
}

.p-PhoneNumberCountrySelect-countryCode {
    padding: 0 .5em
}

.p-PhoneNumberField-inputWrapper {
    position: relative
}

.p-LTR .p-PhoneNumberInput-inputPadding {
    /* !important reason: legacy */
    padding-right: 106px!important
}

.p-RTL .p-PhoneNumberInput-inputPadding {
    /* !important reason: legacy */
    padding-left: 106px!important
}

.p-OnrampPromoBadge-cryptoOnrampIncentiveText {
    background: var(--colorPrimary);
    border-radius: min(var(--borderRadius),6px);
    padding: 0 var(--p-spacing1);
    white-space: nowrap
}

.p-BankBrandIcon {
    display: block;
    overflow: hidden;
    position: relative
}

.p-BankBrandIcon .p-Logo {
    height: 100%;
    inset: 0 0 0 0;
    opacity: 1;
    position: absolute;
    width: 100%
}

.p-BankBrandIcon .p-Logo--withTransition {
    transition: opacity .3s ease
}

.p-BankBrandIcon .p-Logo--hidden {
    opacity: 0
}

.p-SavedPaymentMandateContainer {
    --fadeEnterDuration: 0.5s;
    --fadeEnterDelay: 0.2s
}

.p-SavedBankAccountView-logo {
    border-radius: min(var(--borderRadius),8px);
    height: 2em;
    width: 2em
}

.p-SavedCardView-logo,.p-SavedSepaDebitView-logo {
    height: auto;
    width: 2em
}

.p-PickerItem--disabled .p-SavedBankAccountView-logo,.p-PickerItem--disabled .p-SavedCardView-logo,.p-PickerItem--disabled .p-SavedSepaDebitView-logo {
    opacity: .8
}

.p-BackupPaymentMethod {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid var(--c-blockDividerBackgroundColor);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: var(--c-pickerItemPaddingBottom);
    position: relative
}

.p-BackupPaymentMethodCheckbox-labelButton {
    display: inline-block;
    margin-top: -.3em;
    text-align: left
}

.p-BackupPaymentMenu-tooltip {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.p-BackupPaymentMethodCheckbox-labelButton {
    color: inherit
}

.p-SavedCardView-text {
    width: 100%
}

.p-SavedCardView-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.p-LinkBankPaymentDetailsRequiredFieldsContainer {
    --fadeEnterDuration: 0.5s;
    --fadeEnterDelay: 0.2s
}

.p-LinkCardRecollectionFields-twoFieldLabel {
    margin-bottom: 0
}

.p-LinkCardRecollectionFieldsContainer {
    --fadeEnterDuration: 0.5s;
    --fadeEnterDelay: 0.2s
}

.p-PayByCardProtectionButtonLink button {
    vertical-align: baseline
}

.p-PurchaseProtectionContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-PurchaseProtectionContainer--withPadding {
    padding: var(--c-blockPaddingTop) var(--c-blockPaddingRight) var(--c-blockPaddingBottom) var(--c-blockPaddingLeft)
}

.p-PurchaseProtectionTitleContainer {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-PurchaseProtectionTitle,.p-PurchaseProtectionTitleContainer {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-PurchaseProtectionTitle {
    fill: var(--colorText);
    color: var(--colorText);
    gap: var(--p-spacing3);
    position: relative
}

.p-PurchaseProtectionContainer .Link:hover {
    text-decoration: none
}

.p-PurchaseProtection-descriptionText {
    margin-top: var(--p-spacing3)
}

.p-InputIconRight {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10
}

.p-LTR .p-InputIconRight {
    right: 0
}

.p-RTL .p-InputIconRight {
    left: 0
}

.p-HeightObserver {
    --p-heightObserverTransitionDuration: var( --p-outerFrameHeightTransitionDuration );
    --p-heightObserverTransitionDelay: 0s;
    box-sizing: content-box
}

.p-HeightObserver--delayIncrease {
    --p-heightObserverTransitionDelay: var( --p-outerFrameHeightIncreaseTransitionDelay )
}

.p-Animatable .p-HeightObserver {
    transition: height var(--p-heightObserverTransitionDuration) ease var(--p-heightObserverTransitionDelay)
}

.p-BankView--picker {
    /* !important reason: legacy */
    padding: 0!important
}

.p-BankView--grid {
    margin-top: var(--spacingGridRow)
}

.p-BankView--text {
    display: inline
}

.p-ExpiredLabel-icon {
    margin-right: var(--p-spacing1);
    overflow: visible
}

.p-InfoNeededLabel {
    display: none
}

.p-Picker--selecting .p-InfoNeededLabel {
    display: block
}

.p-InfoNeededLabel .p-Icon--info.p-Icon--sm {
    overflow: visible
}

.p-SavedPmForm .p-CvcRecollection .p-GridCell:not(:first-child) {
    margin-bottom: 0
}

.p-LpaPaymentMethods {
    height: 1.2em
}

.p-LpaPaymentMethodsIcon {
    fill: var(--colorIconTabMore);
    margin: auto;
    pointer-events: none;
    position: absolute
}

.p-LpaPaymentMethodsIcon--rotatingPaymentMethod {
    transition: opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1)
}

.p-LpaPaymentMethodsIcon img.p-Logo--light-visible.p-Logo--light {
    display: initial
}

.p-LpaPaymentMethodsIcon img.p-Logo--dark-visible.p-Logo--light,.p-LpaPaymentMethodsIcon img.p-Logo--light-visible.p-Logo--dark {
    display: none
}

.p-LpaPaymentMethodsIcon img.p-Logo--dark-visible.p-Logo--dark {
    display: initial
}

.p-LpaDataForm .p-Logo {
    display: inline-block
}

.p-LpaDataForm img.p-Logo--light-visible.p-Logo--light {
    display: initial
}

.p-LpaDataForm img.p-Logo--dark-visible.p-Logo--light,.p-LpaDataForm img.p-Logo--light-visible.p-Logo--dark {
    display: none
}

.p-LpaDataForm img.p-Logo--dark-visible.p-Logo--dark {
    display: initial
}

.flex-container {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-item {
    box-sizing: border-box;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0
}

.flex-item-align-left {
    margin-right: auto;
    text-align: left
}

.flex-item-align-right {
    margin-left: auto;
    text-align: right
}

.flex-item:empty {
    display: none
}

.flex-column-break {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 0
}

.direction-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.direction-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.direction-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.direction-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.spacing-0 {
    margin: 0
}

.spacing-0>.flex-item {
    padding: 0
}

.spacing-4 {
    margin: -2px
}

.spacing-4>.flex-item {
    padding: 2px
}

.spacing-8 {
    margin: -4px
}

.spacing-8>.flex-item {
    padding: 4px
}

.spacing-12 {
    margin: -6px
}

.spacing-12>.flex-item {
    padding: 6px
}

.spacing-16 {
    margin: -8px
}

.spacing-16>.flex-item {
    padding: 8px
}

.spacing-24 {
    margin: -12px
}

.spacing-24>.flex-item {
    padding: 12px
}

.spacing-32 {
    margin: -16px
}

.spacing-32>.flex-item {
    padding: 16px
}

.flex-item-no-padding {
    /* !important reason: legacy */
    padding-bottom: 0!important;
    /* !important reason: legacy */
    padding-top: 0!important
}

.justify-content-flex-start {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.justify-content-flex-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

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

.justify-content-space-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.justify-content-space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.justify-content-space-evenly {
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly
}

.align-items-flex-start {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.align-items-flex-end {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.align-items-stretch {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.align-items-baseline {
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wrap-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.width-auto {
    width: auto
}

.width-auto,.width-fixed {
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto
}

.width-fixed {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.width-grow {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.width-1 {
    width: 8.33333333%
}

.width-2 {
    width: 16.66666667%
}

.width-3 {
    width: 25%
}

.width-4 {
    width: 33.33333333%
}

.width-5 {
    width: 41.66666667%
}

.width-6 {
    width: 50%
}

.width-7 {
    width: 58.33333333%
}

.width-8 {
    width: 66.66666667%
}

.width-9 {
    width: 75%
}

.width-10 {
    width: 83.33333333%
}

.width-11 {
    width: 91.66666667%
}

.width-12 {
    width: 100%
}

@media only screen and (min-width: 576px) {
    .direction-row-sm {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-sm {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-sm {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-sm {
        margin: 0
    }

    .spacing-0-sm>.flex-item {
        padding: 0
    }

    .spacing-4-sm {
        margin: -2px
    }

    .spacing-4-sm>.flex-item {
        padding: 2px
    }

    .spacing-8-sm {
        margin: -4px
    }

    .spacing-8-sm>.flex-item {
        padding: 4px
    }

    .spacing-12-sm {
        margin: -6px
    }

    .spacing-12-sm>.flex-item {
        padding: 6px
    }

    .spacing-16-sm {
        margin: -8px
    }

    .spacing-16-sm>.flex-item {
        padding: 8px
    }

    .spacing-24-sm {
        margin: -12px
    }

    .spacing-24-sm>.flex-item {
        padding: 12px
    }

    .spacing-32-sm {
        margin: -16px
    }

    .spacing-32-sm>.flex-item {
        padding: 16px
    }

    .justify-content-flex-start-sm {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-sm {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

    .justify-content-space-between-sm {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-sm {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-sm {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-sm {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-sm {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-sm {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-sm {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-sm {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-sm {
        width: auto
    }

    .width-auto-sm,.width-fixed-sm {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-sm {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-sm {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-sm {
        width: 8.33333333%
    }

    .width-2-sm {
        width: 16.66666667%
    }

    .width-3-sm {
        width: 25%
    }

    .width-4-sm {
        width: 33.33333333%
    }

    .width-5-sm {
        width: 41.66666667%
    }

    .width-6-sm {
        width: 50%
    }

    .width-7-sm {
        width: 58.33333333%
    }

    .width-8-sm {
        width: 66.66666667%
    }

    .width-9-sm {
        width: 75%
    }

    .width-10-sm {
        width: 83.33333333%
    }

    .width-11-sm {
        width: 91.66666667%
    }

    .width-12-sm {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .direction-row-md {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-md {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-md {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-md {
        margin: 0
    }

    .spacing-0-md>.flex-item {
        padding: 0
    }

    .spacing-4-md {
        margin: -2px
    }

    .spacing-4-md>.flex-item {
        padding: 2px
    }

    .spacing-8-md {
        margin: -4px
    }

    .spacing-8-md>.flex-item {
        padding: 4px
    }

    .spacing-12-md {
        margin: -6px
    }

    .spacing-12-md>.flex-item {
        padding: 6px
    }

    .spacing-16-md {
        margin: -8px
    }

    .spacing-16-md>.flex-item {
        padding: 8px
    }

    .spacing-24-md {
        margin: -12px
    }

    .spacing-24-md>.flex-item {
        padding: 12px
    }

    .spacing-32-md {
        margin: -16px
    }

    .spacing-32-md>.flex-item {
        padding: 16px
    }

    .justify-content-flex-start-md {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-md {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

    .justify-content-space-between-md {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-md {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-md {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-md {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-md {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-md {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-md {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-md {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-md {
        width: auto
    }

    .width-auto-md,.width-fixed-md {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-md {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-md {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-md {
        width: 8.33333333%
    }

    .width-2-md {
        width: 16.66666667%
    }

    .width-3-md {
        width: 25%
    }

    .width-4-md {
        width: 33.33333333%
    }

    .width-5-md {
        width: 41.66666667%
    }

    .width-6-md {
        width: 50%
    }

    .width-7-md {
        width: 58.33333333%
    }

    .width-8-md {
        width: 66.66666667%
    }

    .width-9-md {
        width: 75%
    }

    .width-10-md {
        width: 83.33333333%
    }

    .width-11-md {
        width: 91.66666667%
    }

    .width-12-md {
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .direction-row-lg {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .direction-row-reverse-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .direction-column-lg {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .direction-column-reverse-lg {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .spacing-0-lg {
        margin: 0
    }

    .spacing-0-lg>.flex-item {
        padding: 0
    }

    .spacing-4-lg {
        margin: -2px
    }

    .spacing-4-lg>.flex-item {
        padding: 2px
    }

    .spacing-8-lg {
        margin: -4px
    }

    .spacing-8-lg>.flex-item {
        padding: 4px
    }

    .spacing-12-lg {
        margin: -6px
    }

    .spacing-12-lg>.flex-item {
        padding: 6px
    }

    .spacing-16-lg {
        margin: -8px
    }

    .spacing-16-lg>.flex-item {
        padding: 8px
    }

    .spacing-24-lg {
        margin: -12px
    }

    .spacing-24-lg>.flex-item {
        padding: 12px
    }

    .spacing-32-lg {
        margin: -16px
    }

    .spacing-32-lg>.flex-item {
        padding: 16px
    }

    .justify-content-flex-start-lg {
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .justify-content-flex-end-lg {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

    .justify-content-space-between-lg {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .justify-content-space-around-lg {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .justify-content-space-evenly-lg {
        -ms-flex-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }

    .align-items-flex-start-lg {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .align-items-flex-end-lg {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .align-items-center-lg {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .align-items-stretch-lg {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .align-items-baseline-lg {
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline
    }

    .wrap-wrap-lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrap-nowrap-lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .width-auto-lg {
        width: auto
    }

    .width-auto-lg,.width-fixed-lg {
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .width-fixed-lg {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .width-grow-lg {
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .width-1-lg {
        width: 8.33333333%
    }

    .width-2-lg {
        width: 16.66666667%
    }

    .width-3-lg {
        width: 25%
    }

    .width-4-lg {
        width: 33.33333333%
    }

    .width-5-lg {
        width: 41.66666667%
    }

    .width-6-lg {
        width: 50%
    }

    .width-7-lg {
        width: 58.33333333%
    }

    .width-8-lg {
        width: 66.66666667%
    }

    .width-9-lg {
        width: 75%
    }

    .width-10-lg {
        width: 83.33333333%
    }

    .width-11-lg {
        width: 91.66666667%
    }

    .width-12-lg {
        width: 100%
    }
}

.Text {
    margin: 0
}

.Text-fontSize--9 {
    font-size: var(--checkout-font-size-9)
}

.Text-fontSize--11 {
    font-size: var(--checkout-font-size-11)
}

.Text-fontSize--12 {
    font-size: var(--checkout-font-size-12)
}

.Text-fontSize--13 {
    font-size: var(--checkout-font-size-13)
}

.Text-fontSize--14 {
    font-size: var(--checkout-font-size-14)
}

.Text-fontSize--16 {
    font-size: var(--checkout-font-size-16)
}

.Text-fontSize--20 {
    font-size: var(--checkout-font-size-20)
}

.Text-fontSize--22 {
    font-size: var(--checkout-font-size-22)
}

.Text-fontSize--24 {
    font-size: var(--checkout-font-size-24)
}

.Text-fontSize--28 {
    font-size: var(--checkout-font-size-28)
}

.Text-fontSize--32 {
    font-size: var(--checkout-font-size-32)
}

.Text-fontSize--36 {
    font-size: var(--checkout-font-size-36)
}

.Text-fontWeight--400 {
    font-weight: 400
}

.Text-fontWeight--500 {
    font-weight: 500
}

.Text-fontWeight--600 {
    font-weight: 600
}

.Text-fontWeight--700 {
    font-weight: 700
}

.Text-fontWeight--900 {
    font-weight: 900
}

.Text-fontStyle--italic {
    font-style: italic
}

.Text-fontStyle--normal {
    font-style: normal
}

.Text-color--white {
    color: var(--checkout-white)
}

.Text-color--gray50 {
    color: var(--checkout-gray50)
}

.Text-color--gray100 {
    color: var(--checkout-gray100)
}

.Text-color--gray200 {
    color: var(--checkout-gray200)
}

.Text-color--gray300 {
    color: var(--checkout-gray300)
}

.Text-color--gray400 {
    color: var(--checkout-gray400)
}

.Text-color--gray500 {
    color: var(--checkout-gray500)
}

.Text-color--gray600 {
    color: var(--checkout-gray600)
}

.Text-color--gray700 {
    color: var(--checkout-gray700)
}

.Text-color--gray800 {
    color: var(--checkout-gray800)
}

.Text-color--gray900 {
    color: var(--checkout-gray900)
}

.Text-color--lightGray50 {
    color: var(--checkout-lightGray50)
}

.Text-color--lightGray100 {
    color: var(--checkout-lightGray100)
}

.Text-color--lightGray200 {
    color: var(--checkout-lightGray200)
}

.Text-color--lightGray300 {
    color: var(--checkout-lightGray300)
}

.Text-color--lightGray400 {
    color: var(--checkout-lightGray400)
}

.Text-color--lightGray500 {
    color: var(--checkout-lightGray500)
}

.Text-color--lightGray600 {
    color: var(--checkout-lightGray600)
}

.Text-color--lightGray700 {
    color: var(--checkout-lightGray700)
}

.Text-color--lightGray800 {
    color: var(--checkout-lightGray800)
}

.Text-color--lightGray900 {
    color: var(--checkout-lightGray900)
}

.is-fontFamily--Inconsolata .FormFieldGroup-labelContainer .Text,.is-fontFamily--PTSans .FormFieldGroup-labelContainer .Text,.is-fontFamily--TitilliumWeb .FormFieldGroup-labelContainer .Text,.is-fontFamily--UbuntuMono .FormFieldGroup-labelContainer .Text {
    font-size: var(--checkout-font-size-14)
}

.is-fontFamily--Lora .Text {
    letter-spacing: var(--checkout-letter-spacing-md)
}

.is-fontFamily--Montserrat .Text {
    letter-spacing: var(--checkout-letter-spacing-sm)
}

.App-Overview.is-darkBackground .Text-color--default {
    color: var(--checkout-lightGray900)
}

.App-Overview.is-darkBackground .Text-color--gray50 {
    color: var(--checkout-lightGray50)
}

.App-Overview.is-darkBackground .Text-color--gray100 {
    color: var(--checkout-lightGray100)
}

.App-Overview.is-darkBackground .Text-color--gray200 {
    color: var(--checkout-lightGray200)
}

.App-Overview.is-darkBackground .Text-color--gray300 {
    color: var(--checkout-lightGray300)
}

.App-Overview.is-darkBackground .Text-color--gray400 {
    color: var(--checkout-lightGray400)
}

.App-Overview.is-darkBackground .Text-color--gray500 {
    color: var(--checkout-lightGray500)
}

.App-Overview.is-darkBackground .Text-color--gray600 {
    color: var(--checkout-lightGray600)
}

.App-Overview.is-darkBackground .Text-color--gray700 {
    color: var(--checkout-lightGray700)
}

.App-Overview.is-darkBackground .Text-color--gray800 {
    color: var(--checkout-lightGray800)
}

.App-Overview.is-darkBackground .Text-color--gray900 {
    color: var(--checkout-lightGray900)
}

@media only screen and (min-width: 992px) {
    .App-Footer.is-darkBackground .Text-color--default {
        color:var(--checkout-lightGray900)
    }

    .App-Footer.is-darkBackground .Text-color--gray50 {
        color: var(--checkout-lightGray50)
    }

    .App-Footer.is-darkBackground .Text-color--gray100 {
        color: var(--checkout-lightGray100)
    }

    .App-Footer.is-darkBackground .Text-color--gray200 {
        color: var(--checkout-lightGray200)
    }

    .App-Footer.is-darkBackground .Text-color--gray300 {
        color: var(--checkout-lightGray300)
    }

    .App-Footer.is-darkBackground .Text-color--gray400 {
        color: var(--checkout-lightGray400)
    }

    .App-Footer.is-darkBackground .Text-color--gray500 {
        color: var(--checkout-lightGray500)
    }

    .App-Footer.is-darkBackground .Text-color--gray600 {
        color: var(--checkout-lightGray600)
    }

    .App-Footer.is-darkBackground .Text-color--gray700 {
        color: var(--checkout-lightGray700)
    }

    .App-Footer.is-darkBackground .Text-color--gray800 {
        color: var(--checkout-lightGray800)
    }

    .App-Footer.is-darkBackground .Text-color--gray900 {
        color: var(--checkout-lightGray900)
    }
}

.Text-color--blue {
    color: var(--checkout-blue)
}

.Text-color--red {
    color: var(--checkout-red)
}

.Text-color--green {
    color: var(--checkout-green)
}

.Text-color--yellow {
    color: var(--checkout-yellow)
}

.Text-color--orange {
    color: var(--checkout-orange)
}

.Text-transform--uppercase {
    text-transform: uppercase
}

.Text--tabularNumbers {
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03rem
}

.Text--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Text-wordBreak--all {
    word-break: break-all
}

.Text-wordBreak--normal {
    word-break: normal
}

.Text-wordBreak--word {
    word-break: break-word
}

.Icon--xs {
    height: var(--checkout-icon-xs)
}

.Icon--xs.Icon--square {
    width: var(--checkout-icon-xs)
}

.Icon--sm {
    height: var(--checkout-icon-sm)
}

.Icon--sm.Icon--square {
    width: var(--checkout-icon-sm)
}

.Icon--md {
    height: var(--checkout-icon-md)
}

.Icon--md.Icon--square {
    width: var(--checkout-icon-md)
}

.Icon--lg {
    height: var(--checkout-icon-lg)
}

.Icon--lg.Icon--square {
    width: var(--checkout-icon-lg)
}

.Icon--xlg {
    height: var(--checkout-icon-xlg)
}

.Icon--xlg.Icon--square {
    width: var(--checkout-icon-xlg)
}

.Icon--linkBrand {
    fill: var(--link-icon-brand);
    color: var(--link-icon-brand)
}

.Icon--muted {
    color: #00291f;
    opacity: .2
}

.Icon--gray300 {
    fill: var(--checkout-gray300)
}

.Icon--gray400 {
    fill: var(--checkout-gray400)
}

.Icon--gray500 {
    fill: var(--checkout-gray500)
}

.Icon--gray600 {
    fill: var(--checkout-gray600);
    color: var(--checkout-gray600)
}

.Icon--gray800 {
    fill: var(--checkout-gray800);
    color: var(--checkout-gray800)
}

.Icon--white {
    fill: var(--checkout-white)
}

.Icon--red {
    fill: var(--checkout-red);
    color: var(--checkout-red)
}

.Icon--blue {
    fill: var(--checkout-blue);
    color: var(--checkout-blue)
}

.Icon .Icon-fill {
    fill: #565656
}

.LinkPaymentForm--linkBranded .Icon--red,.Modal--linkBranded .Icon--red {
    fill: var(--link-color-danger);
    color: var(--link-color-danger)
}

.Link {
    cursor: pointer;
    text-decoration: none
}

.Link:focus {
    outline: 1px dotted var(--checkout-gray400)
}

.Link--primary {
    color: var(--checkout-blue)
}

.Link--secondary {
    color: var(--checkout-gray400);
    text-decoration: underline
}

.Link--checkout--secondary {
    color: var(--checkout-gray600);
    text-decoration: underline dotted var(--checkout-gray600);
    -webkit-text-decoration: underline dotted var(--checkout-gray600)
}

.Link--link--primary {
    color: var(--link-text-action);
    text-decoration: underline solid var(--link-text-action);
    -webkit-text-decoration: underline solid var(--link-text-action)
}

.Link--link--secondary {
    color: var(--link-text-default);
    text-decoration: underline 1px solid var(--link-text-default);
    -webkit-text-decoration: underline 1px solid var(--link-text-default)
}

.Payment-Promotion-Message {
    background-color: #ecfed7;
    border-radius: 12px;
    font-size: 14px;
    padding: 12px
}

.p-PromoBadge-LpmPromotionText {
    -ms-flex-pack: center;
    background: #ecfed7;
    border-radius: 4px;
    color: #006908;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 1.5px 4px;
    white-space: nowrap
}

.Tabs-TabListItem:not(.Tabs-TabListItem--is-selected) .shine {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #c9f695;
    background-image: linear-gradient(-45deg,rgba(0,0,0,0),rgba(255,255,255,.2) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.2) 60%,rgba(0,0,0,0));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150px 150px;
    display: inline-block;
    overflow: hidden
}

@-webkit-keyframes elements-shimmer {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

@keyframes elements-shimmer {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

.Tab:not(.p-Tab--selected) .shine:before {
    -webkit-animation: elements-shimmer 3s ease .5s infinite;
    animation: elements-shimmer 3s ease .5s infinite;
    background: linear-gradient(-45deg,rgba(0,0,0,0),rgba(255,255,255,.2) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.2) 70%,rgba(0,0,0,0));
    background-repeat: no-repeat;
    background-size: 80% 100%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

@-webkit-keyframes payment-method-loader-shimmer {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

@keyframes payment-method-loader-shimmer {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
}

.shimmer-node {
    -webkit-animation: payment-method-loader-shimmer 3s ease .5s infinite;
    animation: payment-method-loader-shimmer 3s ease .5s infinite
}

.p-Tabs-panel {
    margin-top: var(--spacingGridRow);
    position: relative
}

.p-Tabs-panel:first-child {
    margin-top: 0
}

.p-Animatable .p-Tabs-panel {
    transition: opacity .35s ease .1s,-webkit-transform .35s ease .1s;
    transition: opacity .35s ease .1s,transform .35s ease .1s;
    transition: opacity .35s ease .1s,transform .35s ease .1s,-webkit-transform .35s ease .1s
}

.p-Animatable.p-PaymentElement.is-collapsed .p-Tabs-panel {
    transition: opacity .35s ease,visibility 0s ease .4s,-webkit-transform .35s ease;
    transition: opacity .35s ease,transform .35s ease,visibility 0s ease .4s;
    transition: opacity .35s ease,transform .35s ease,visibility 0s ease .4s,-webkit-transform .35s ease
}

.p-PaymentElement.is-collapsed .p-Tabs-panel {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    transition-delay: 0s;
    visibility: hidden;
    width: 100%
}

.p-Tabs-panel .p-PurchaseProtectionMessage {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--p-spacing2);
    margin-bottom: var(--p-spacing3)
}

.p-ElementsPromotionMessageContainer {
    margin-top: 16px
}

.p-Tabs-group.is-entering {
    opacity: 0
}

.p-Tabs-group.is-entering.is-interrupted {
    transition: opacity .4s ease
}

.p-Tabs-group.is-enteringActive {
    opacity: 1;
    transition: opacity .4s ease .2s
}

.p-Tabs-group.is-exiting {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.p-Tabs-group.is-exiting.is-interrupted {
    transition: opacity .2s ease
}

.p-Tabs-group.is-exitingActive {
    opacity: 0;
    transition: opacity .2s ease
}

.p-PaymentMethodSelector {
    --p-TabIcon--chevronDownTop: 34px;
    margin: 0
}

.p-PaymentMethodSelector,.p-Tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-Tab {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: 0 var(--spacingTab);
    text-align: left
}

.p-Tab:first-child {
    margin-left: 0
}

.p-Tab:last-child {
    margin-right: 0
}

.p-Tab--readOnly,.p-Tab--selected {
    cursor: default
}

.p-TabIcon {
    height: 1.2em;
    width: auto
}

.p-RTL .p-Tab {
    text-align: right
}

.p-RTL .p-Tab:first-child {
    margin-left: var(--spacingTab);
    margin-right: 0
}

.p-RTL .p-Tab:last-child {
    margin-left: 0;
    margin-right: var(--spacingTab)
}

.p-TabIcon {
    fill: var(--colorIconTab)
}

.p-TabIcon--selected {
    fill: var(--colorIconTabSelected)
}

.p-Tab:not(.p-Tab--selected):hover .p-TabIcon {
    fill: var(--colorIconTabHover)
}

.p-TabIcon--more {
    fill: var(--colorIconTabMore);
    height: 12px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 12px;
    width: 12px
}

.p-TabIcon--rotatingPaymentMethod {
    height: 16px;
    transition: opacity .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1);
    transition: opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    width: auto
}

.p-AdditionalPaymentMethods:hover .p-TabIcon--more {
    fill: var(--colorIconTabMoreHover)
}

.p-AdditionalPaymentMethods-menu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    /* !important reason: legacy */
    font-size: 16px!important;
    /* !important reason: legacy */
    font-weight: 400!important;
    height: 100%;
    text-align: left;
    text-indent: 200px;
    width: 40px
}

.p-AdditionalPaymentMethods {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: var(--spacingTab);
    position: relative
}

.p-RTL .p-AdditionalPaymentMethods {
    margin-left: 0;
    margin-right: var(--spacingTab)
}

.p-TabIconContainer {
    position: relative;
    width: 100%
}

.p-Tab-promoBadgeContainer {
    position: absolute;
    right: 0;
    top: 0
}

.p-Tab-promoBadgeContainer .Fade.is-exiting {
    position: relative
}

.p-TabIcon--chevronDown {
    top: var(--p-TabIcon--chevronDownTop)
}

.p-TabIcon--chevronDownCentered {
    bottom: 0;
    top: 0
}

.p-PaymentMethodIcon--visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.p-PaymentMethodIcon--hidden {
    opacity: 0
}

.p-RadioIcon {
    color: currentColor;
    width: 1.2em
}

.p-RadioIcon--selected {
    color: var(--c-acItemSelectedColor)
}

.p-RadioIconOuter.p-RadioIconOuter {
    stroke-width: var(--c-radioIconOuterStrokeWidth)
}

.p-RadioIconOuter--checked.p-RadioIconOuter--checked {
    stroke-width: var(--c-radioIconOuterCheckedStrokeWidth)
}

.p-RadioIconInner.p-RadioIconInner {
    fill-opacity: 0
}

.p-RadioIconInner--checked.p-RadioIconInner--checked {
    fill-opacity: 1
}

:root {
    --p-acTransition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease,border-radius 0.15s ease;
    --p-acBorderRadius: 0;
    --p-acSpacing: var(--spacingAccordionItem);
    --p-acItemBorderBottomWidth: var(--c-acItemBorderBottomWidth);
    --p-acItemBorderTopWidth: var(--c-acItemBorderTopWidth)
}

.p-Accordion {
    transition: box-shadow .15s ease
}

.p-Accordion--grouped {
    --p-acSpacing: calc(min(var(--c-acItemBorderTopWidth), var(--c-acItemBorderBottomWidth))*-1)
}

.p-Accordion--spaced {
    --p-acBorderRadius: var(--c-acItemBorderRadius)
}

.p-AccordionItem.p-AccordionItem {
    border-radius: var(--p-acBorderRadius);
    color: inherit;
    margin-bottom: var(--p-acSpacing);
    outline: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    transition: var(--p-acTransition)
}

.p-AccordionItem.p-AccordionItem:last-child {
    margin-bottom: 0
}

.p-Accordion--grouped .p-AccordionItem:after,.p-Accordion--grouped .p-AccordionItem:before {
    border-radius: var(--p-acBorderRadius);
    content: "";
    display: block;
    left: calc(var(--c-acItemBorderLeftWidth)*-1);
    position: absolute;
    right: calc(var(--c-acItemBorderRightWidth)*-1);
    transition: var(--p-acTransition)
}

.p-Accordion--grouped .p-AccordionItem:first-child:before,.p-Accordion--grouped .p-AccordionItem:last-child:after {
    display: none
}

.p-AccordionItem:after {
    border-width: 0
}

.p-AccordionItem:before {
    border-bottom-width: 0;
    border-top-width: max(var(--c-acItemBorderTopWidth),var(--c-acItemBorderBottomWidth));
    bottom: 100%
}

.p-AccordionItem:after {
    border-bottom-width: max(var(--c-acItemBorderTopWidth),var(--c-acItemBorderBottomWidth));
    border-top-width: 0;
    top: 100%
}

.p-AccordionItem:after,.p-AccordionItem:before {
    border-color: var(--c-acItemBorderColor);
    border-style: var(--c-acItemBorderStyle)
}

.p-AccordionItem:not(.p-AccordionItem--selected):has(.p-AccordionButton:focus-visible) {
    border-color: var(--c-acItemFocusedBorderColor)
}

.p-AccordionItem:not(.p-AccordionItem--selected):has(.p-AccordionButton:focus-visible):after,.p-AccordionItem:not(.p-AccordionItem--selected):has(.p-AccordionButton:focus-visible):before {
    border-color: var(--c-acItemFocusedBorderColor);
    z-index: 3
}

.p-AccordionItem:hover:after,.p-AccordionItem:hover:before {
    border-color: var(--c-acItemHoveredBorderColor);
    z-index: 3
}

.p-AccordionItem--selected:after,.p-AccordionItem--selected:before {
    border-color: var(--c-acItemSelectedBorderColor);
    z-index: 2
}

.p-AccordionItem--selected:hover:after,.p-AccordionItem--selected:hover:before,.p-AccordionItem.p-AccordionItem--selected:hover {
    border-color: var(--c-acItemSelectedHoveredBorderColor)
}

.p-AccordionItem.p-AccordionItem--selected:hover {
    background-color: var(--c-acItemSelectedHoveredBackgroundColor);
    color: var(--c-acItemSelectedHoveredColor)
}

.p-AccordionItem.p-AccordionItem:hover {
    color: inherit
}

.p-AccordionHeader {
    font-size: var(--fontSizeXs);
    font-weight: var(--fontWeightMedium)
}

.p-AccordionButton {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    border-color: transparent;
    border-radius: var(--p-acBorderRadius);
    border-style: var(--c-acItemBorderStyle);
    border-width: var(--c-acItemBorderWidth);
    color: var(--c-acItemColor);
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: inherit;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    padding: var(--c-acItemPaddingTop) var(--c-acItemPaddingRight) var(--c-acItemPaddingBottom) var(--c-acItemPaddingLeft);
    position: relative;
    text-align: start;
    transition: var(--p-acTransition);
    width: 100%
}

.p-AccordionItem:first-child {
    border-top-left-radius: var(--c-acItemBorderTopLeftRadius);
    border-top-right-radius: var(--c-acItemBorderTopRightRadius)
}

.p-AccordionItem:last-child {
    border-bottom-left-radius: var(--c-acItemBorderBottomLeftRadius);
    border-bottom-right-radius: var(--c-acItemBorderBottomRightRadius)
}

.p-AccordionButton:hover {
    color: var(--c-acItemHoveredColor);
    outline: var(--c-acItemHoveredOutline)
}

.p-AccordionButton:focus-visible {
    box-shadow: var(--c-acItemFocusedBoxShadow);
    color: var(--c-acItemFocusedColor);
    outline: var(--c-acItemFocusedOutline)
}

.p-AccordionButton--alignTop {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.p-AccordionItem.p-AccordionItem--selected .p-AccordionButton,.p-AccordionItem.p-AccordionItem--selected .p-AccordionButton:hover {
    color: var(--c-acItemSelectedColor);
    cursor: default
}

.p-AccordionItem.p-AccordionItem--selected .p-AccordionButton:focus-visible {
    color: var(--c-acItemSelectedColor);
    cursor: default
}

.p-AccordionButtonRadio {
    -webkit-margin-end: var(--p-spacing3);
    margin-inline-end:var(--p-spacing3)}

.p-AccordionButton--alignCenter .p-AccordionButtonRadioWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.p-AccordionButton--alignTop .p-AccordionButtonRadioWrapper {
    line-height: var(--fontLineHeight)
}

.p-AccordionButton--alignTop .p-AccordionButtonRadio {
    vertical-align: bottom
}

.p-AccordionPanel {
    color: var(--colorText);
    font-size: var(--fontSizeBase);
    font-weight: var(--fontWeightNormal);
    margin-left: calc(var(--c-acItemPaddingLeft)*-1);
    margin-right: calc(var(--c-acItemPaddingRight)*-1);
    overflow: hidden;
    position: relative
}

.p-AccordionPanelContents {
    padding: calc(var(--c-acItemPaddingTop)/4) var(--c-acItemPaddingRight) var(--c-acItemPaddingBottom) var(--c-acItemPaddingLeft)
}

.p-AccordionButtonContent {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-Accordion--error {
    border-radius: var(--c-acItemBorderRadius);
    box-shadow: 0 0 0 max(var(--c-acItemBorderTopWidth),var(--c-acItemBorderBottomWidth),var(--c-acItemBorderRightWidth),var(--c-acItemBorderLeftWidth),1) var(--colorDanger)
}

.p-Accordion--error .p-AccordionItem.p-AccordionItem,.p-Accordion--error .p-AccordionItem:after,.p-Accordion--error .p-AccordionItem:before,.p-Accordion--error .p-AccordionItem:hover:after,.p-Accordion--error .p-AccordionItem:hover:before {
    border-color: var(--colorDanger)
}

.p-PaymentAccordionButtonView {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 1.5em
}

.p-PaymentAccordionButtonIconContainer {
    -webkit-margin-end: .75em;
    display: block;
    margin-inline-end:.75em;position: relative;
    width: 2.25em
}

.p-PaymentAccordionButtonIcon {
    fill: currentColor;
    height: 1.2em;
    max-width: 2.5em;
    width: auto
}

.p-PaymentAccordionOverflowButton {
    margin-top: var(--spacingAccordionItem)
}

.p-PaymentAccordionOverflowButton-moreIcon {
    fill: currentColor;
    -webkit-margin-end: var(--p-spacing3);
    display: inline-block;
    margin-inline-end:var(--p-spacing3);vertical-align: text-bottom;
    width: 1em
}

.p-PaymentAccordionOverflowButton-iconContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-PaymentAccordionOverflowButton-Icon {
    -webkit-margin-start: .75em;
    height: 1.3em;
    margin-inline-start:.75em}

.p-PaymentAccordion-promoBadgeContainer {
    display: -ms-grid;
    display: grid;
    height: 100%;
    place-content: center;
    position: absolute;
    right: var(--p-spacing3);
    top: 0
}

.p-PaymentAccordionButtonTagline {
    display: block;
    font-size: .93em;
    font-weight: var(--fontWeightNormal)
}

.p-PaymentAccordionUnsafeAppearanceTheme--flat .Block {
    background: var(--c-acItemBorderColor);
    box-shadow: none
}

.p-PaymentAccordionUnsafeAppearanceTheme--flat :where(.Block) :is(.Input,.CodeInput,.CheckboxInput:not(.CheckboxInput--checked)) {
    /* !important reason: legacy */
    background: #fff!important
}

.p-PaymentAccordionUnsafeAppearanceTheme--night .PickerItem {
    border-color: var(--c-acItemBorderColor)
}

.p-LinkErrorNotice {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.p-LinkErrorNotice-icon {
    display: inline-block;
    margin-top: 2px
}

.p-LinkErrorNotice-text {
    margin-left: var(--spacing8)
}

.p-LinkErrorNotice-link {
    text-decoration: underline
}

.p-EmailField {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* !important reason: legacy */
    padding: 0!important;
    position: relative
}

.p-EmailField-input {
    /* !important reason: legacy */
    background: none!important;
    /* !important reason: legacy */
    border: 0!important;
    /* !important reason: legacy */
    box-shadow: none!important;
    /* !important reason: legacy */
    outline: 0!important
}

.p-EmailField-container {
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.p-EmailField-action {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0
}

.p-LTR .p-EmailField-action {
    right: 6px
}

.p-RTL .p-EmailField-action {
    left: 6px
}

.p-EmailField-action .Fade.is-exiting {
    position: relative
}

.p-EmailField-loading-container {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0
}

.p-LTR .p-EmailField-loading-container {
    right: 6px
}

.p-RTL .p-EmailField-loading-container {
    left: 6px
}

.p-EmailField-loading {
    height: 1.2em;
    width: 1.2em
}

.p-LTR .p-EmailField-inputPadding {
    /* !important reason: legacy */
    padding-right: 106px!important
}

.p-RTL .p-EmailField-inputPadding {
    /* !important reason: legacy */
    padding-left: 106px!important
}

.p-LTR .p-FullNameField-inputPadding {
    /* !important reason: legacy */
    padding-right: 106px!important
}

.p-RTL .p-FullNameField-inputPadding {
    /* !important reason: legacy */
    padding-left: 106px!important
}

.p-ConsolidatedOptInCollection {
    --animateSinglePresenceEnterDelayOpacity: 0.15s
}

.p-LinkTermsConsolidated-wrapper {
    cursor: default
}

.p-LinkTermsConsolidated-separator {
    display: inline-block;
    pointer-events: none
}

.p-LinkTermsConsolidated-logoWrapper {
    margin-top: 3px;
    vertical-align: middle
}

.p-LinkTermsConsolidated-logoWrapper .SecondaryLink {
    display: inline-block
}

.p-LinkTermsConsolidated-logo {
    height: 1.125em;
    opacity: .3
}

.p-LinkTermsConsolidated-message {
    display: inline
}

.p-LinkOptInOptionalBadge {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid var(--p-colorBackgroundDivider);
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 4px;
    pointer-events: none
}

.p-RTL .p-LinkOptInOptionalBadge {
    float: left;
    margin-right: 10px
}

.p-LTR .p-LinkOptInOptionalBadge {
    margin-left: 10px
}

.p-LinkOptInWrapper {
    --fadeEnterDelay: 0.2s
}

.p-LinkOptIn-label {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.p-LinkOptIn-body.is-entering .p-LinkFootnote,.p-LinkOptIn-body.is-entering .p-LinkOptIn-innerWrapper {
    opacity: 0
}

.p-LinkOptIn-body.is-enteringActive .p-LinkFootnote,.p-LinkOptIn-body.is-enteringActive .p-LinkOptIn-innerWrapper {
    transition: opacity .5s ease
}

.p-LinkOptIn-body.is-enteringActive .p-LinkOptIn-innerWrapper {
    transition-delay: .08s
}

.p-LinkOptIn-body.is-enteringActive .p-LinkFootnote {
    transition-delay: .18s
}

.p-LinkOptIn-body.is-enteringActive .p-LinkFootnote,.p-LinkOptIn-body.is-enteringActive .p-LinkOptIn-innerWrapper {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-LinkOptIn-labelText {
    margin-bottom: var(--p-spacing2);
    padding-bottom: var(--p-spacing1)
}

.p-LinkOptIn-linkLegalNameField {
    --fadeEnterDelay: 0.1s
}

.p-LinkOptInPreFilled-wrapper {
    display: block;
    width: 80%
}

.p-LinkOptInPrefilled-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-LinkFootnote-inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3em
}

.p-LinkFootnote-separator {
    opacity: .5;
    pointer-events: none
}

.p-LinkLogo {
    height: 1.2em;
    opacity: .3
}

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

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0)
    }
}

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

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0)
    }
}

.p-CodePuncher-controllingInput {
    background: transparent;
    /* !important reason: legacy */
    font-size: 16px!important;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

.p-CodePuncher-controllingInput:focus {
    border: none;
    outline: 0
}

.p-CodeInput {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* !important reason: legacy */
    font-size: 16px!important;
    /* !important reason: legacy */
    height: 32px!important;
    -webkit-justify-content: center;
    justify-content: center;
    /* !important reason: legacy */
    margin-left: 6px!important;
    /* !important reason: legacy */
    padding: 0!important;
    /* !important reason: legacy */
    width: 26px!important
}

.p-CodeInput:first-child {
    /* !important reason: legacy */
    margin-left: 0!important
}

.p-CodeInput--invalid {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: inputShake;
    animation-name: inputShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.p-LinkEmailOTP-action.Action {
    font-weight: var(--fontWeightNormal)
}

.p-LinkEmailOTP-spinner {
    height: 1.2em;
    width: 1.2em
}

.p-LinkEmailOTP {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: max(calc(var(--fontLineHeight)*var(--fontSizeXs) + var(--p-spacing1)*2),1.2em)
}

.p-LinkEmailOTP-inner {
    min-height: max(calc(var(--fontLineHeight) + var(--p-spacing1)*2),1.2em)
}

.p-LinkEmailOTPPhoneVerification-back {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: calc((var(--p-spacing1) + var(--p-spacingSm))*-1);
    margin-top: calc(var(--p-spacing1)*-1)
}

.p-RTL .p-LinkEmailOTPPhoneVerification-back {
    margin-left: 0;
    margin-right: calc((var(--p-spacing1) + var(--p-spacingSm))*-1)
}

.p-LinkEmailOTPPhoneVerification-back.Action {
    font-weight: var(--fontWeightNormal)
}

.p-LinkEmailOTPPhoneVerification-back .p-Icon {
    height: 10px;
    margin-right: 6px;
    width: 10px
}

.p-RTL .p-LinkEmailOTPPhoneVerification-back .p-Icon {
    margin-left: 6px;
    margin-right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.p-LinkEmailOTPPhoneVerification-msg {
    margin-bottom: var(--p-spacing3);
    margin-top: var(--p-spacingSm)
}

.p-Input-indicatorWrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0
}

.p-LTR .p-Input-indicatorWrapper {
    padding-right: var(--c-inputPaddingRight);
    right: 0
}

.p-RTL .p-Input-indicatorWrapper {
    left: 0;
    padding-left: var(--c-inputPaddingLeft)
}

.p-LinkWebAuthnLogin {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: max(calc(var(--fontLineHeight)*var(--fontSizeXs) + var(--p-spacing1)*2),1.2em)
}

.p-LinkWebAuthnLogin-inner {
    min-height: max(calc(var(--fontLineHeight) + var(--p-spacing1)*2),1.2em)
}

.p-LinkWebAuthnLogin-action {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* !important reason: legacy */
    font-weight: var(--fontWeightNormal)!important;
    margin-left: calc((var(--p-spacing1) + var(--p-spacingSm))*-1);
    margin-top: calc(var(--p-spacing1)*-1)
}

.p-RTL .p-LinkWebAuthnLogin-action {
    /* !important reason: legacy */
    font-weight: var(--fontWeightNormal)!important;
    margin-left: 0;
    margin-right: calc((var(--p-spacing1) + var(--p-spacingSm))*-1)
}

.p-LinkWebAuthnLogin-action .p-Icon {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.p-RTL .p-LinkWebAuthnLogin-action .p-Icon {
    margin-left: 6px;
    margin-right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.p-Passcode-wrapper {
    font-variant: none;
    position: relative
}

.p-Passcode-wrapper.is-entering .p-LinkFootnote,.p-Passcode-wrapper.is-entering .p-Passcode-closeWrapper,.p-Passcode-wrapper.is-entering .p-Passcode-inner {
    opacity: 0
}

.p-Passcode-wrapper.is-entering .p-LinkFootnote,.p-Passcode-wrapper.is-entering .p-Passcode-inner {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.p-Passcode-wrapper.is-entering .p-Login-wrapper {
    opacity: 0;
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px)
}

.p-Passcode-wrapper.is-enteringActive .p-LinkFootnote,.p-Passcode-wrapper.is-enteringActive .p-Login-wrapper,.p-Passcode-wrapper.is-enteringActive .p-Passcode-closeWrapper,.p-Passcode-wrapper.is-enteringActive .p-Passcode-inner {
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-Passcode-wrapper.is-enteringActive .p-Login-wrapper {
    transition-delay: .2s
}

.p-Passcode-wrapper.is-enteringActive .p-Passcode-closeWrapper {
    transition-delay: .4s
}

.p-Passcode-wrapper.is-enteringActive .p-Passcode-inner {
    transition-delay: .18s
}

.p-Passcode-wrapper.is-enteringActive .p-LinkFootnote {
    transition-delay: .3s
}

.p-Passcode-wrapper.is-enteringActive .p-LinkFootnote,.p-Passcode-wrapper.is-enteringActive .p-Login-wrapper,.p-Passcode-wrapper.is-enteringActive .p-Passcode-closeWrapper,.p-Passcode-wrapper.is-enteringActive .p-Passcode-inner {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-Passcode-wrapper.is-exitingActive .p-Login-wrapper,.p-Passcode-wrapper.is-exitingActive .p-Passcode {
    transition: opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1);
    transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1);
    transition: transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1)
}

.p-Passcode-wrapper.is-exiting .p-Login-wrapper,.p-Passcode-wrapper.is-exiting .p-Passcode {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 100%
}

.p-Passcode-wrapper.is-exitingActive .p-Login-wrapper,.p-Passcode-wrapper.is-exitingActive .p-Passcode {
    opacity: 0
}

.p-Passcode-closeWrapper {
    position: absolute;
    top: -4px;
    z-index: 10
}

.p-LTR .p-Passcode-closeWrapper {
    right: -6px
}

.p-RTL .p-Passcode-closeWrapper {
    left: -6px
}

.p-Passcode-closeTarget {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 6px
}

.p-Passcode-mobileIcon {
    height: 24px;
    width: 24px
}

.p-Passcode-emailIcon {
    height: 20px;
    padding-left: 2px;
    width: 24px
}

.p-Passcode-closeIcon {
    height: 10px;
    width: 10px
}

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

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0)
    }
}

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

    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }

    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }

    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }

    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0);
        transform: translateX(0) rotateY(0)
    }
}

.p-Passcode-deviceIcon--invalid {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: iconErrorShake;
    animation-name: iconErrorShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.p-Passcode-msg--centered {
    text-align: center
}

.p-Passcode-emailOTP,.p-Passcode-errorText,.p-Passcode-webAuthnLogin {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.p-Passcode-OTPView {
    padding-bottom: var(--p-spacing1)
}

.p-LinkAutofillPromptAction {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.p-LinkAutofillPromptErrorLoading {
    height: 1em;
    width: 1em
}

.p-LinkAutofillPrompt {
    margin-left: calc(var(--p-spacing4)*-1);
    margin-right: calc(var(--p-spacing4)*-1);
    overflow: hidden;
    padding: var(--p-spacing4)
}

.p-LinkAutofillPromptIcon {
    --colorLinkBrand200: #00d66f;
    fill: var(--colorLinkBrand200);
    margin-top: -2px
}

.p-LinkAutofillPromptMessage {
    text-wrap: balance;
    display: inline-block
}

.p-LinkAutofillPromptMessage--rtl {
    text-align: right
}

.p-LinkAutofillPromptMessage--ltr {
    text-align: left
}

.p-LinkLogoAndArrowWrapping {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: bottom;
    white-space: nowrap
}

.p-linkLogoDarkFill {
    --link-logo-color: #30313d
}

.p-linkLogoLightFill {
    --link-logo-color: #fff
}

.p-linkLogoHeight-sm {
    height: calc(var(--fontSizeSm) + .5rem)
}

.p-LinkAutofillPrompt-showDarkLogo {
    --p-logoLightDisplay: block;
    --p-logoDarkDisplay: none
}

.p-LinkAutofillPrompt-showLightLogo {
    --p-logoLightDisplay: none;
    --p-logoDarkDisplay: block
}

.p-LinkAutofillPrompt-linkLogo-wrapper {
    display: inline-block
}

.p-LinkAutofillPromptButton-rotateSVG-ltr {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.p-LinkAutofillPromptButton-rotateSVG-rtl {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.p-LinkAutofillPromptChevronArrow {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.p-LinkAutofillPromptBody {
    overflow: hidden;
    /* !important reason: legacy */
    padding: 0!important
}

.p-LinkAutofillPromptBody-blockHeader,.p-LinkAutofillPromptButton {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.p-LTR .p-LinkAutofillPromptButton {
    padding-right: 4px
}

.p-RTL .p-LinkAutofillPromptButton {
    padding-left: 4px
}

.p-LinkAutofillPromptButton:focus-visible {
    border-radius: min(5px,var(--borderRadius));
    box-shadow: var(--focusBoxShadow);
    outline: var(--focusOutline,-webkit-focus-ring-color auto 1px)
}

.p-LinkAutofillPromptBody-closeWrapper {
    position: absolute;
    top: -4px;
    z-index: 10
}

.p-LTR .p-LinkAutofillPromptBody-closeWrapper {
    right: -6px
}

.p-RTL .p-LinkAutofillPromptBody-closeWrapper {
    left: -6px
}

.p-LinkAutofillPromptBody-closeTarget {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 6px
}

.p-LinkAutofillPromptBody-closeTarget:focus-visible {
    border-radius: min(5px,var(--borderRadius));
    box-shadow: var(--focusBoxShadow);
    outline: var(--focusOutline)
}

.p-LinkAutofillPromptBody-closeIcon {
    width: 10px
}

.p-LinkAutofillPromptCollection {
    overflow: hidden
}

.p-LinkAutofillPromptCollection-hiddenInput {
    font-size: 16px;
    left: 20px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 50%
}

.p-LinkAutofillPromptCollectionCompletionText {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.p-LinkAutofillPromptCollectionInnerBody-wrapper {
    overflow: hidden
}

.p-LinkAutofillPromptCollectionCompletionCheckmark {
    left: var(--p-spacingSm);
    position: relative
}

.p-LinkAutofillPrompt-animationItem.is-entering {
    z-index: 10
}

.p-LinkAutofillPrompt-animationItem.is-entering .p-LinkAutofillPromptBody {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.p-LinkAutofillPrompt-animationItem.is-enteringActive .p-LinkAutofillPromptBody {
    transition: opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),-webkit-transform 1s cubic-bezier(.19,1,.22,1)
}

.p-LinkAutofillPrompt-animationItem.is-enteringActive .p-LinkAutofillPromptBody,.p-LinkAutofillPrompt-animationItem.is-exiting .p-LinkAutofillPromptBody {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-LinkAutofillPrompt-animationItem.is-exitingActive .p-LinkAutofillPromptBody {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-LinkAutofillPrompt-animationItem.is-exiting .p-LinkAutofillPromptButton {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-LinkAutofillPrompt-animationItem.is-exitingActive .p-LinkAutofillPromptButton {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-LinkAutofillPrompt-animationItem.is-entering .p-LinkAutofillPromptButton,.p-LinkAutofillPrompt-animationItem.is-exitingActive .p-LinkAutofillPromptButton {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.p-LinkAutofillPrompt-animationItem.is-enteringActive .p-LinkAutofillPromptButton {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-LinkAutofillPromptCollectionHeader.is-exiting {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-LinkAutofillPromptCollectionHeader.is-exitingActive {
    transition: opacity var(--fadeExitDuration) ease var(--fadeExitDelay),-webkit-transform var(--p-animateSinglePresenceDurationHeight) ease;
    transition: transform var(--p-animateSinglePresenceDurationHeight) ease,opacity var(--fadeExitDuration) ease var(--fadeExitDelay);
    transition: transform var(--p-animateSinglePresenceDurationHeight) ease,opacity var(--fadeExitDuration) ease var(--fadeExitDelay),-webkit-transform var(--p-animateSinglePresenceDurationHeight) ease
}

.p-LinkAutofillPromptCollectionHeader.is-entering,.p-LinkAutofillPromptCollectionHeader.is-exitingActive {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.p-LinkAutofillPromptCollectionHeader.is-enteringActive {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: opacity var(--fadeEnterDuration) ease var(--fadeEnterDelay),-webkit-transform var(--p-animateSinglePresenceDurationHeight) ease;
    transition: transform var(--p-animateSinglePresenceDurationHeight) ease,opacity var(--fadeEnterDuration) ease var(--fadeEnterDelay);
    transition: transform var(--p-animateSinglePresenceDurationHeight) ease,opacity var(--fadeEnterDuration) ease var(--fadeEnterDelay),-webkit-transform var(--p-animateSinglePresenceDurationHeight) ease
}

.p-LinkAutofillPrompt-OTPView {
    padding-bottom: var(--p-spacing1)
}

.p-PayByCardProtectionButtonLink {
    margin-left: auto
}

.p-DropdownMenu {
    position: relative
}

.p-DropdownMenu,.p-DropdownMenu-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-DropdownMenu-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    white-space: nowrap;
    z-index: 1
}

.p-RTL .p-DropdownMenu-content {
    left: 0;
    right: auto
}

.p-DropdownMenu--open .p-DropdownMenu-content {
    opacity: 1;
    pointer-events: all;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    visibility: visible
}

.p-DropdownMenu-content .p-DropdownItem {
    color: var(--colorText);
    outline: 0;
    text-align: start;
    width: 100%
}

.p-DropdownMenu .p-ReturnAutofillPrompt-headerIconButton {
    margin-left: 0
}

.p-ReturnAutofillPrompt-manageDropdown {
    top: 1.5em
}

.p-ReturnAutofillPrompt.Block {
    padding: 0
}

.p-ReturnAutofillPrompt-email {
    overflow-x: visible;
    width: calc(100% - var(--p-spacing4))
}

.p-ReturnAutofillPrompt-emailText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-LTR .p-ReturnAutofillPrompt-emailText {
    margin-left: auto
}

.p-RTL .p-ReturnAutofillPrompt-emailText {
    margin-right: auto
}

.p-ReturnAutofillPrompt-header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-ReturnAutofillPrompt-header .p-Logo {
    fill: #1e3844;
    opacity: 1
}

.p-ProtectionIcon {
    margin-left: var(--p-spacing2)
}

.p-ReturnAutofillPrompt-header .p-Logo--dark {
    fill: #fff
}

.p-ReturnAutofillPrompt-defaultView {
    color: var(--colorText);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: var(--fontWeightMedium);
    gap: var(--spacingPickerItem);
    position: relative;
    text-align: center;
    transition: opacity .4s cubic-bezier(.19,1,.22,1),visibility 0s ease .4s
}

.p-ReturnAutofillPrompt-defaultView.is-exitingActive {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.p-ReturnAutofillPrompt-defaultView .p-PickerItem {
    border: 1px solid var(--p-colorBackgroundDeemphasize10);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 12em
}

.p-ReturnAutofillPrompt-defaultBanner {
    -webkit-margin-start: var(--p-spacing3);
    background-color: var(--p-colorBackgroundDeemphasize03);
    border-radius: var(--borderRadius);
    margin-inline-start:var(--p-spacing3);padding: var(--p-spacing1)
}

.p-ReturnAutofillPrompt-headerIconButton:hover .p-Icon {
    fill: var(--colorIconCloseHover)
}

.p-RTL .p-PasscodeCloseButton {
    margin-right: var(--p-spacing2)
}

.p-LTR .p-PasscodeCloseButton {
    margin-left: var(--p-spacing2)
}

.p-ReturnAutofillPrompt-header .p-Icon {
    margin: var(--p-spacing1);
    width: 10px
}

.p-ReturnAutofillPrompt-error.c-BlockPadding {
    padding-top: 0
}

.p-ReturnAutofillPrompt-defaultChipView {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.p-Locale-bg .p-ReturnAutofillPrompt-defaultView,.p-Locale-de .p-ReturnAutofillPrompt-defaultView,.p-Locale-fi .p-ReturnAutofillPrompt-defaultView,.p-Locale-fil .p-ReturnAutofillPrompt-defaultView,.p-Locale-he .p-ReturnAutofillPrompt-defaultView,.p-Locale-hr .p-ReturnAutofillPrompt-defaultView,.p-Locale-hu .p-ReturnAutofillPrompt-defaultView,.p-Locale-ru .p-ReturnAutofillPrompt-defaultView,.p-Locale.tr .p-ReturnAutofillPrompt-defaultView {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-ReturnAutofillPrompt-OTPView {
    padding-bottom: var(--p-spacing1)
}

.p-ChipLogo-bankLogo {
    border-radius: min(var(--borderRadius),3px);
    width: 16px
}

.p-Animatable .p-LogoutMenu {
    transition: opacity .3s ease .4s
}

.p-LogoutMenu--hidden {
    opacity: 0;
    pointer-events: none
}

.p-Animatable .p-LogoutMenu--hidden {
    transition-delay: 0s
}

.p-LogoutMenu {
    -webkit-margin-start: 50px;
    margin-inline-start:50px}

.p-ShowPasscode {
    bottom: 0;
    position: absolute;
    top: 0
}

.p-LTR .p-ShowPasscode {
    right: 0
}

.p-RTL .p-ShowPasscode {
    left: 0
}

.p-ShowPasscode-targetWrapper {
    height: 100%;
    position: relative;
    will-change: transform
}

.p-ShowPasscode-inner {
    height: 100%
}

.p-ShowPasscode-target {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 4px);
    -webkit-justify-content: center;
    justify-content: center;
    margin: 2px 0 0 2px;
    /* !important reason: legacy */
    padding-bottom: 0!important;
    /* !important reason: legacy */
    padding-top: 0!important;
    width: calc(100% - 4px)
}

.p-RTL .p-ShowPasscode-target {
    margin: 2px 2px 0 0
}

.p-ShowPasscode-divider {
    bottom: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.p-LTR .p-ShowPasscode-divider {
    right: 100%
}

.p-RTL .p-ShowPasscode-divider {
    left: 100%
}

.p-ShowPasscode.is-entering .p-ShowPasscode-divider {
    opacity: 0;
    -webkit-transform: translate(8px);
    -ms-transform: translate(8px);
    transform: translate(8px)
}

.p-ShowPasscode.is-entering .p-ShowPasscode-targetWrapper {
    opacity: 0;
    -webkit-transform: translate(6px);
    -ms-transform: translate(6px);
    transform: translate(6px)
}

.p-ShowPasscode.is-enteringActive .p-ShowPasscode-divider,.p-ShowPasscode.is-enteringActive .p-ShowPasscode-targetWrapper {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition: opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
}

.p-ShowPasscode.is-enteringActive .p-ShowPasscode-divider {
    transition-delay: .32s
}

.p-ShowPasscode.is-enteringActive .p-ShowPasscode-targetWrapper {
    transition-delay: .44s
}

.p-ShowPasscode.is-exitingActive .p-ShowPasscode-divider,.p-ShowPasscode.is-exitingActive .p-ShowPasscode-targetWrapper {
    transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
}

.p-ShowPasscode.is-exiting .p-ShowPasscode-divider,.p-ShowPasscode.is-exiting .p-ShowPasscode-targetWrapper {
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.p-ShowPasscode.is-exiting .p-ShowPasscode-divider {
    transition-delay: .06s
}

.p-ShowPasscode.is-exitingActive .p-ShowPasscode-divider,.p-ShowPasscode.is-exitingActive .p-ShowPasscode-targetWrapper {
    opacity: 0;
    -webkit-transform: translate(6px);
    -ms-transform: translate(6px);
    transform: translate(6px)
}

.p-ShowPasscode-icon {
    height: auto;
    pointer-events: none;
    width: 24px
}

.p-LinkInput {
    /* !important reason: legacy */
    background: none!important;
    /* !important reason: legacy */
    border: 0!important;
    /* !important reason: legacy */
    box-shadow: none!important;
    /* !important reason: legacy */
    outline: 0!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.p-LinkInputWrapper {
    width: 100%
}

.p-Animatable .p-LinkInputWrapper {
    transition: width .3s ease .2s
}

.p-LinkInputWrapper--withShowPasscode {
    width: calc(100% - 24px - var(--c-inputPaddingLeft) - var(--c-inputPaddingRight) - var(--c-inputDividerWidth))
}

.p-Animatable .p-LinkInputWrapper--withShowPasscode {
    transition-delay: .32s;
    transition-duration: .3s
}

.p-LinkInputWrapper--withLogout {
    width: calc(100% - 70px)
}

.p-Animatable .p-LinkInputWrapper--withLogout {
    transition-delay: .32s;
    transition-duration: .3s
}

.p-SavedEmail {
    /* !important reason: legacy */
    padding: 0!important
}

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

* {
    margin: 0;
    padding: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-synthesis-weight: none
}

button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background: none;
    border-radius: 0;
    border-style: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    text-transform: none;
    vertical-align: middle
}

a {
    text-decoration: none
}

:where([aria-role=button]),a,button,input,label,select,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ol,ul {
    list-style: none
}

b,strong {
    font-weight: bolder
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

pre {
    white-space: pre-wrap
}

hr {
    border-style: solid;
    border-width: 1px 0 0;
    color: inherit;
    height: 1px;
    overflow: visible
}

table {
    border-collapse: collapse;
    border-color: currentColor;
    border-spacing: 0;
    text-indent: 0
}

audio,img,svg,video {
    vertical-align: middle
}

img,svg {
    -ms-flex-negative: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

iframe {
    border-style: none
}

input,optgroup,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-style: none;
    box-shadow: none;
    color: inherit;
    -webkit-filter: none;
    filter: none;
    font: inherit;
    letter-spacing: inherit;
    outline-offset: 0;
    outline-width: 2px
}

input::-webkit-input-placeholder {
    color: darkgray;
    opacity: 1
}

input::-moz-placeholder {
    color: darkgray;
    opacity: 1
}

input:-ms-input-placeholder {
    color: darkgray;
    opacity: 1
}

input::placeholder {
    color: darkgray;
    opacity: 1
}

textarea {
    resize: vertical
}

html {
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    font-synthesis-weight: unset;
    font-size: var(--fontSizeBase)
}

.u-fs-base {
    font-size: var(--fontSizeBase)
}

.u-fs-sm {
    font-size: var(--fontSizeSm)
}

.u-fs-xs {
    font-size: var(--fontSizeXs)
}

.u-fs-2xs {
    font-size: var(--fontSize2Xs)
}

.u-fs-3xs {
    font-size: var(--fontSize3Xs)
}

.u-fs-lg {
    font-size: var(--fontSizeLg)
}

.u-fs-xl {
    font-size: var(--fontSizeXl)
}

.u-fs-2xl {
    font-size: var(--fontSize2Xl)
}

.u-fw-light {
    font-weight: var(--fontWeightLight)
}

.u-fw-normal {
    font-weight: var(--fontWeightNormal)
}

.u-fw-medium {
    font-weight: var(--fontWeightMedium)
}

.u-fw-bold {
    font-weight: var(--fontWeightBold)
}

.u-lh {
    line-height: var(--fontLineHeight)
}

.u-color-background {
    color: var(--colorBackground)
}

.u-color-danger {
    color: var(--colorDanger)
}

.u-color-primary {
    color: var(--colorPrimary)
}

.u-color-success {
    color: var(--colorSuccess)
}

.u-color-successText {
    color: var(--colorSuccessText)
}

.u-color-text {
    color: var(--colorText)
}

.u-color-textSecondary {
    color: var(--colorTextSecondary)
}

.u-fill-background {
    fill: var(--colorBackground)
}

.u-fill-danger {
    fill: var(--colorDanger)
}

.u-fill-primary {
    fill: var(--colorPrimary)
}

.u-fill-success {
    fill: var(--colorSuccess)
}

.u-fill-text {
    fill: var(--colorText)
}

.u-fill-textSecondary {
    fill: var(--colorTextSecondary)
}

.u-fill-warning {
    fill: var(--colorWarning)
}

.u-ma-xs {
    margin: var(--p-spacingXs)
}

.u-mt-xs {
    margin-top: var(--p-spacingXs)
}

.p-LTR .u-mr-xs {
    margin-right: var(--p-spacingXs)
}

.p-RTL .u-mr-xs {
    margin-left: var(--p-spacingXs)
}

.u-mb-xs {
    margin-bottom: var(--p-spacingXs)
}

.p-LTR .u-ml-xs {
    margin-left: var(--p-spacingXs)
}

.p-RTL .u-ml-xs {
    margin-right: var(--p-spacingXs)
}

.u-mv-xs {
    margin-bottom: var(--p-spacingXs);
    margin-top: var(--p-spacingXs)
}

.u-mh-xs {
    margin-left: var(--p-spacingXs);
    margin-right: var(--p-spacingXs)
}

.u-ma-sm {
    margin: var(--p-spacingSm)
}

.u-mt-sm {
    margin-top: var(--p-spacingSm)
}

.p-LTR .u-mr-sm {
    margin-right: var(--p-spacingSm)
}

.p-RTL .u-mr-sm {
    margin-left: var(--p-spacingSm)
}

.u-mb-sm {
    margin-bottom: var(--p-spacingSm)
}

.p-LTR .u-ml-sm {
    margin-left: var(--p-spacingSm)
}

.p-RTL .u-ml-sm {
    margin-right: var(--p-spacingSm)
}

.u-mv-sm {
    margin-bottom: var(--p-spacingSm);
    margin-top: var(--p-spacingSm)
}

.u-mh-sm {
    margin-left: var(--p-spacingSm);
    margin-right: var(--p-spacingSm)
}

.u-ma-1 {
    margin: var(--p-spacing1)
}

.u-mt-1 {
    margin-top: var(--p-spacing1)
}

.p-LTR .u-mr-1 {
    margin-right: var(--p-spacing1)
}

.p-RTL .u-mr-1 {
    margin-left: var(--p-spacing1)
}

.u-mb-1 {
    margin-bottom: var(--p-spacing1)
}

.p-LTR .u-ml-1 {
    margin-left: var(--p-spacing1)
}

.p-RTL .u-ml-1 {
    margin-right: var(--p-spacing1)
}

.u-mv-1 {
    margin-bottom: var(--p-spacing1);
    margin-top: var(--p-spacing1)
}

.u-mh-1 {
    margin-left: var(--p-spacing1);
    margin-right: var(--p-spacing1)
}

.u-ma-2 {
    margin: var(--p-spacing2)
}

.u-mt-2 {
    margin-top: var(--p-spacing2)
}

.p-LTR .u-mr-2 {
    margin-right: var(--p-spacing2)
}

.p-RTL .u-mr-2 {
    margin-left: var(--p-spacing2)
}

.u-mb-2 {
    margin-bottom: var(--p-spacing2)
}

.p-LTR .u-ml-2 {
    margin-left: var(--p-spacing2)
}

.p-RTL .u-ml-2 {
    margin-right: var(--p-spacing2)
}

.u-mv-2 {
    margin-bottom: var(--p-spacing2);
    margin-top: var(--p-spacing2)
}

.u-mh-2 {
    margin-left: var(--p-spacing2);
    margin-right: var(--p-spacing2)
}

.u-ma-3 {
    margin: var(--p-spacing3)
}

.u-mt-3 {
    margin-top: var(--p-spacing3)
}

.p-LTR .u-mr-3 {
    margin-right: var(--p-spacing3)
}

.p-RTL .u-mr-3 {
    margin-left: var(--p-spacing3)
}

.u-mb-3 {
    margin-bottom: var(--p-spacing3)
}

.p-LTR .u-ml-3 {
    margin-left: var(--p-spacing3)
}

.p-RTL .u-ml-3 {
    margin-right: var(--p-spacing3)
}

.u-mv-3 {
    margin-bottom: var(--p-spacing3);
    margin-top: var(--p-spacing3)
}

.u-mh-3 {
    margin-left: var(--p-spacing3);
    margin-right: var(--p-spacing3)
}

.u-ma-4 {
    margin: var(--p-spacing4)
}

.u-mt-4 {
    margin-top: var(--p-spacing4)
}

.p-LTR .u-mr-4 {
    margin-right: var(--p-spacing4)
}

.p-RTL .u-mr-4 {
    margin-left: var(--p-spacing4)
}

.u-mb-4 {
    margin-bottom: var(--p-spacing4)
}

.p-LTR .u-ml-4 {
    margin-left: var(--p-spacing4)
}

.p-RTL .u-ml-4 {
    margin-right: var(--p-spacing4)
}

.u-mv-4 {
    margin-bottom: var(--p-spacing4);
    margin-top: var(--p-spacing4)
}

.u-mh-4 {
    margin-left: var(--p-spacing4);
    margin-right: var(--p-spacing4)
}

.u-ma-5 {
    margin: var(--p-spacing5)
}

.u-mt-5 {
    margin-top: var(--p-spacing5)
}

.p-LTR .u-mr-5 {
    margin-right: var(--p-spacing5)
}

.p-RTL .u-mr-5 {
    margin-left: var(--p-spacing5)
}

.u-mb-5 {
    margin-bottom: var(--p-spacing5)
}

.p-LTR .u-ml-5 {
    margin-left: var(--p-spacing5)
}

.p-RTL .u-ml-5 {
    margin-right: var(--p-spacing5)
}

.u-mv-5 {
    margin-bottom: var(--p-spacing5);
    margin-top: var(--p-spacing5)
}

.u-mh-5 {
    margin-left: var(--p-spacing5);
    margin-right: var(--p-spacing5)
}

.u-ma-6 {
    margin: var(--p-spacing6)
}

.u-mt-6 {
    margin-top: var(--p-spacing6)
}

.p-LTR .u-mr-6 {
    margin-right: var(--p-spacing6)
}

.p-RTL .u-mr-6 {
    margin-left: var(--p-spacing6)
}

.u-mb-6 {
    margin-bottom: var(--p-spacing6)
}

.p-LTR .u-ml-6 {
    margin-left: var(--p-spacing6)
}

.p-RTL .u-ml-6 {
    margin-right: var(--p-spacing6)
}

.u-mv-6 {
    margin-bottom: var(--p-spacing6);
    margin-top: var(--p-spacing6)
}

.u-mh-6 {
    margin-left: var(--p-spacing6);
    margin-right: var(--p-spacing6)
}

.u-ma-7 {
    margin: var(--p-spacing7)
}

.u-mt-7 {
    margin-top: var(--p-spacing7)
}

.p-LTR .u-mr-7 {
    margin-right: var(--p-spacing7)
}

.p-RTL .u-mr-7 {
    margin-left: var(--p-spacing7)
}

.u-mb-7 {
    margin-bottom: var(--p-spacing7)
}

.p-LTR .u-ml-7 {
    margin-left: var(--p-spacing7)
}

.p-RTL .u-ml-7 {
    margin-right: var(--p-spacing7)
}

.u-mv-7 {
    margin-bottom: var(--p-spacing7);
    margin-top: var(--p-spacing7)
}

.u-mh-7 {
    margin-left: var(--p-spacing7);
    margin-right: var(--p-spacing7)
}

.u-ma-8 {
    margin: var(--p-spacing8)
}

.u-mt-8 {
    margin-top: var(--p-spacing8)
}

.p-LTR .u-mr-8 {
    margin-right: var(--p-spacing8)
}

.p-RTL .u-mr-8 {
    margin-left: var(--p-spacing8)
}

.u-mb-8 {
    margin-bottom: var(--p-spacing8)
}

.p-LTR .u-ml-8 {
    margin-left: var(--p-spacing8)
}

.p-RTL .u-ml-8 {
    margin-right: var(--p-spacing8)
}

.u-mv-8 {
    margin-bottom: var(--p-spacing8);
    margin-top: var(--p-spacing8)
}

.u-mh-8 {
    margin-left: var(--p-spacing8);
    margin-right: var(--p-spacing8)
}

.u-ma-9 {
    margin: var(--p-spacing9)
}

.u-mt-9 {
    margin-top: var(--p-spacing9)
}

.p-LTR .u-mr-9 {
    margin-right: var(--p-spacing9)
}

.p-RTL .u-mr-9 {
    margin-left: var(--p-spacing9)
}

.u-mb-9 {
    margin-bottom: var(--p-spacing9)
}

.p-LTR .u-ml-9 {
    margin-left: var(--p-spacing9)
}

.p-RTL .u-ml-9 {
    margin-right: var(--p-spacing9)
}

.u-mv-9 {
    margin-bottom: var(--p-spacing9);
    margin-top: var(--p-spacing9)
}

.u-mh-9 {
    margin-left: var(--p-spacing9);
    margin-right: var(--p-spacing9)
}

.u-ma-10 {
    margin: var(--p-spacing10)
}

.u-mt-10 {
    margin-top: var(--p-spacing10)
}

.p-LTR .u-mr-10 {
    margin-right: var(--p-spacing10)
}

.p-RTL .u-mr-10 {
    margin-left: var(--p-spacing10)
}

.u-mb-10 {
    margin-bottom: var(--p-spacing10)
}

.p-LTR .u-ml-10 {
    margin-left: var(--p-spacing10)
}

.p-RTL .u-ml-10 {
    margin-right: var(--p-spacing10)
}

.u-mv-10 {
    margin-bottom: var(--p-spacing10);
    margin-top: var(--p-spacing10)
}

.u-mh-10 {
    margin-left: var(--p-spacing10);
    margin-right: var(--p-spacing10)
}

.u-ma-grid {
    margin: var(--spacingGridRow) var(--spacingGridColumn)
}

.u-mt-grid {
    margin-top: var(--spacingGridRow)
}

.p-LTR .u-mr-grid {
    margin-right: var(--spacingGridColumn)
}

.p-RTL .u-mr-grid {
    margin-left: var(--spacingGridColumn)
}

.u-mb-grid {
    margin-bottom: var(--spacingGridRow)
}

.p-LTR .u-ml-grid {
    margin-left: var(--spacingGridColumn)
}

.p-RTL .u-ml-grid {
    margin-right: var(--spacingGridColumn)
}

.u-mv-grid {
    margin-bottom: var(--spacingGridRow);
    margin-top: var(--spacingGridRow)
}

.u-mh-grid {
    margin-left: var(--spacingGridColumn);
    margin-right: var(--spacingGridColumn)
}

.u-pa-grid {
    padding: var(--spacingGridRow) var(--spacingGridColumn)
}

.u-pt-grid {
    padding-top: var(--spacingGridRow)
}

.p-LTR .u-pr-grid {
    padding-right: var(--spacingGridColumn)
}

.p-RTL .u-pr-grid {
    padding-left: var(--spacingGridColumn)
}

.u-pb-grid {
    padding-bottom: var(--spacingGridRow)
}

.p-LTR .u-pl-grid {
    padding-left: var(--spacingGridColumn)
}

.p-RTL .u-pl-grid {
    padding-right: var(--spacingGridColumn)
}

.u-pv-grid {
    padding-bottom: var(--spacingGridRow);
    padding-top: var(--spacingGridRow)
}

.u-ph-grid {
    padding-left: var(--spacingGridColumn);
    padding-right: var(--spacingGridColumn)
}

.u-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.u-align-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

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

.u-justify-spaceBetween {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

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

.u-text-left {
    text-align: left
}

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

.u-relative {
    position: relative
}

.u-full-width {
    width: 100%
}

.u-visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

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

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

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

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

@-webkit-keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.u-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-InputFontSize {
    font-size: var(--c-inputFontSize)
}

.c-InputFontColor {
    color: var(--c-inputFontColor)
}

.c-InputPadding {
    padding: var(--c-inputPaddingTop) var(--c-inputPaddingRight) var(--c-inputPaddingBottom) var(--c-inputPaddingLeft)
}

.c-InputBorderRadius {
    border-radius: var(--c-inputBorderTopLeftRadius) var(--c-inputBorderTopRightRadius) var(--c-inputBorderBottomRightRadius) var(--c-inputBorderBottomLeftRadius)
}

.c-InputTransparentBorder {
    border-bottom: var(--c-inputBorderBottomWidth) solid transparent;
    border-left: var(--c-inputBorderLeftWidth) solid transparent;
    border-right: var(--c-inputBorderRightWidth) solid transparent;
    border-top: var(--c-inputBorderTopWidth) solid transparent
}

.c-InputDivider--horizontal {
    background: var(--c-inputDividerBackgroundColor);
    height: var(--c-inputDividerWidth);
    width: 100%
}

.c-InputDivider--vertical {
    background: var(--c-inputDividerBackgroundColor);
    height: 100%;
    width: var(--c-inputDividerWidth)
}

.c-BlockPadding {
    padding: var(--c-blockPaddingTop) var(--c-blockPaddingRight) var(--c-blockPaddingBottom) var(--c-blockPaddingLeft)
}

.c-BlockDivider--horizontal {
    background: var(--c-blockDividerBackgroundColor);
    height: var(--c-blockDividerWidth);
    width: 100%
}

.c-BlockDivider--vertical {
    background: var(--c-blockDividerBackgroundColor);
    height: 100%;
    width: var(--c-blockDividerWidth)
}

.c-DropdownDivider--horizontal {
    background: var(--c-dropdownDividerBackgroundColor);
    height: var(--c-dropdownDividerWidth);
    width: 100%
}

.c-DropdownDivider--vertical {
    background: var(--c-dropdownDividerBackgroundColor);
    height: 100%;
    width: var(--c-dropdownDividerWidth)
}

.c-PickerItemPadding {
    padding: var(--c-pickerItemPaddingTop) var(--c-pickerItemPaddingRight) var(--c-pickerItemPaddingBottom) var(--c-pickerItemPaddingLeft)
}

.p-LTR .c-ActionNegatePaddingRight,.p-LTR .c-PickerActionNegatePadding {
    margin-right: calc(var(--c-actionPaddingRight)*-1)
}

.p-RTL .c-ActionNegatePaddingRight,.p-RTL .c-PickerActionNegatePadding {
    margin-left: calc(var(--c-actionPaddingRight)*-1)
}

.p-LTR .c-ActionNegatePaddingLeft {
    margin-left: calc(var(--c-actionPaddingLeft)*-1)
}

.p-RTL .c-ActionNegatePaddingLeft {
    margin-right: calc(var(--c-actionPaddingLeft)*-1)
}

.c-AccordionNegateSpacingHorizontal {
    --c-borderBoxSpacingRight: calc(var(--c-acItemPaddingRight) + var(--c-acItemBorderRightWidth));
    --c-borderBoxSpacingLeft: calc(var(--c-acItemPaddingLeft) + var(--c-acItemBorderLeftWidth));
    margin-left: calc(var(--c-borderBoxSpacingLeft)*-1);
    margin-right: calc(var(--c-borderBoxSpacingRight)*-1);
    width: calc(100% + var(--c-borderBoxSpacingLeft) + var(--c-borderBoxSpacingRight))
}

.c-AccordionNegateBorderVertical {
    margin-bottom: calc(var(--c-acItemBorderBottomWidth)*-1);
    margin-top: calc(var(--c-acItemBorderTopWidth)*-1)
}