#propay{
	--left-panel-width:58%;
	--right-panel-width:42%;
	--plan-card-left-gap:88px;
	--color-warning-orange:#b55407;
	--text-color-secondary:#616366;

	--font-inter-r:"Inter", sans-serif;
	--font-i-14-600:normal 600 var(--font-copy-medium) var(--font-inter-r);
	--font-i-16-400:normal 400 var(--font-copy-small) var(--font-inter-r);
	background-color:var(--surface-grey-2);
	color:var(--text-color-high);
	display:flex;
	flex-direction:row;
	font:var(--text-copy-medium-pricing);
	min-height:100vh
}
#propay .bold{
	font:inherit;
	font-weight:600
}
#propay.mobile-device{
	margin:0 auto
}
#propay .mobile .additional-tos.s4-tos{
	align-items:normal;
	display:flex;
	justify-content:center
}
#propay h1{
	font:var(--text-h5-pricing)
}
#propay h2{
	font:var(--text-h6-pricing);
	margin-bottom:24px;
	text-align:start
}
#propay button.continue.loading{
	color:transparent;
	cursor:default
}
#propay .loading.sprite-fm-theme-after:after,#propay .loading.sprite-fm-uni-after:after{
	--icon-size:22px;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-name:rotate;
	animation-timing-function:steps(8);
	display:block;
	margin:auto;
	position:absolute
}
#propay .s4{
	display:none
}
#propay.s4 .s4{
	display:flex;
	flex-direction:column
}
#propay .mobile{
	display:none
}
#propay .desktop{
	display:flex
}
#propay button{
	cursor:pointer
}
#propay .duration-option{
	align-items:center;
	border:1px solid var(--color-disabled);
	border-radius:8px;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	font:var(--text-copy-medium-pricing);
	padding:16px 24px
}
#propay .duration-option div.radio{
	flex-shrink:0
}
#propay .duration-option.selected{
	border:1px solid var(--text-color-high)
}
#propay div.radioOn:before{
	background:var(--text-color-high);
	height:10px;
	margin:4px;
	width:10px
}
#propay div.radioOn:after{
	box-shadow:inset 0 0 0 1px var(--text-color-high);
	display:flex
}
#propay div.radio.radioOff:after{
	display:none
}
#propay .radio-txt{
	font:var(--text-copy-medium-pricing)
}
#propay .radio-txt .card-brand{
	font:var(--text-copy-medium-bold-pricing);
	text-transform:capitalize
}
#propay .dropdown-wrapper-primary .mega-input-dropdown{
	border-radius:0;
	left:0;
	top:40px
}
#propay .mega-input-dropdown .option,#propay .mega-input.dropdown-input>span{
	font:var(--text-copy-medium-pricing)
}
#propay .mega-input-dropdown .option span{
	display:contents
}
#propay .error{
	border-color:var(--input-text-underline-error)
}
#propay .error-message{
	display:none
}
#propay .error .error-message{
	align-items:center;
	color:var(--banner-text-error);
	display:flex;
	font:var(--text-copy-small-pricing);
	margin-top:6px
}
#propay .error .error-message i{
	margin-inline-end:8px
}
#propay .checkboxOn{
	background:var(--text-color-high)
}
#propay .checkbox-item.checkboxOn:before{
	background-image:none
}
#propay .checkboxOff{
	background:var(--surface-grey-1);
	box-shadow:inset 0 0 0 1px var(--text-color-high)
}
#propay .checkbox-item{
	border-radius:2px;
	flex-shrink:0
}
#propay .checkbox-item i{
	color:var(--text-color-white-high);
	display:none
}
#propay .checkbox-item.checkboxOn i{
	display:flex
}
#propay .left-block-wrapper{
	background-color:var(--surface-main);
	display:flex;
	justify-content:flex-end;
	width:var(--left-panel-width)
}
#propay .left-block{
	max-width:621px;
	padding:64px;
	width:100%
}
#propay .left-block,#propay .left-block .create-account-wrapper{
	display:flex;
	flex-direction:column
}
#propay .left-block .create-account-wrapper .mega-input input:-webkit-autofill{
	box-shadow:0 0 0 50px var(--surface-grey-1) inset;
	margin:0 1px
}
#propay .left-block .create-account-wrapper .title,#propay .left-block .create-account.title{
	gap:12px;
	align-items:center;
	display:flex;
	flex-direction:row
}
#propay .left-block .create-account-wrapper .title .number,#propay .left-block .create-account.title .number{
	aspect-ratio:1 / 1;
	align-items:center;
	border:1px solid var(--stroke-mid-grey);
	border-radius:100%;
	display:flex;
	height:100%;
	justify-content:center;
	min-height:22px
}
#propay .left-block .create-account-wrapper .login{
	color:var(--color-copy-secondary);
	font:var(--text-inter-400-16);
	margin-bottom:24px
}
#propay .left-block .create-account-wrapper .login .login-link{
	color:var(--text-color-high);
	font:var(--text-inter-600-16);
	text-decoration:underline
}
#propay .left-block .create-account-wrapper label{
	font:var(--text-inter-600-14)
}
#propay .left-block .create-account-wrapper .password-strength{
	border-radius:8px;
	color:var(--text-color-error);
	display:flex;
	flex-direction:row;
	margin-top:8px
}
#propay .left-block .create-account-wrapper .password-wrapper{
	font:var(--text-inter-400-14)
}
#propay .left-block .create-account-wrapper .password-wrapper .password-info{
	color:var(--text-color-secondary);
	margin-top:12px
}
#propay .left-block .create-account-wrapper .password-wrapper .pass-incr-strength{
	display:none;
	flex-direction:column
}
#propay .left-block .create-account-wrapper .password-wrapper span.pass-incr-strength{
	margin-bottom:17px
}
#propay .left-block .create-account-wrapper .password-wrapper ul.pass-incr-strength li{
	margin-bottom:12px
}
#propay .left-block .create-account-wrapper .password-wrapper .password-not-stored{
	margin-top:12px
}
#propay .left-block .create-account-wrapper .password-wrapper ul{
	padding-inline-start:18px
}
#propay .left-block .create-account-wrapper .password-wrapper.strengthen .pass-incr-strength{
	display:flex
}
#propay .left-block .create-account-wrapper .password-strength span.strong{
	font:var(--text-inter-600-14)
}
#propay .left-block .create-account-wrapper .password-strength.good2,#propay .left-block .create-account-wrapper .password-strength.good3{
	color:var(--text-color-warning)
}
#propay .left-block .create-account-wrapper .password-strength.good4,#propay .left-block .create-account-wrapper .password-strength.good5,#propay .left-block .create-account-wrapper .password-strength.good6{
	color:var(--text-color-success)
}
#propay .left-block .create-account-wrapper .password-strength i{
	margin:0 8px 0 0
}
#propay .left-block>:not(.s4):not(footer){
	display:flex;
	flex-direction:column
}
#propay .left-block .s4-wrapper{
	flex-direction:column
}
#propay .left-block .s4-wrapper .content{
	border:1px solid var(--stroke-mid-grey);
	border-radius:8px;
	padding:16px 24px
}
#propay .left-block .s4-wrapper i.bucket{
	color:var(--color-primary-red-500)
}
#propay .left-block .s4-wrapper button{
	gap:10px;
	background:var(--surface-grey-2);
	border:none;
	border-radius:8px;
	height:48px;
	padding:0 24px
}
#propay .left-block .s4-wrapper button span{
	margin:0;
	padding:0
}
#propay .left-block .s4-wrapper button.active .add,#propay .left-block .s4-wrapper button .remove{
	display:none
}
#propay .left-block .s4-wrapper button.active .remove,#propay .left-block .s4-wrapper button .add{
	display:flex
}
#propay .s4-tos .tos>*{
	cursor:pointer
}
#propay .left-block .method-duration-wrapper{
	display:flex;
	flex-direction:column;
	margin-top:32px;
	width:100%
}
#propay .left-block .method-duration-wrapper>*{
	display:flex;
	flex-direction:column
}
#propay .left-block>:not(:last-child):not(:first-child):not(.s4-wrapper){
	border-bottom:1px solid var(--stroke-mid-grey);
	margin-bottom:56px;
	padding-bottom:56px
}
#propay .left-block .sk-active .sk-pro.mega-input:before{
	border:0
}
#propay .left-block .mega-input:before{
	border:1px solid var(--stroke-mid-grey);
	border-radius:8px
}
#propay .left-block .mega-input.error:before{
	border:1px solid var(--input-text-underline-error)
}
#propay .left-block h1.plan-name{
	display:inline-block
}
#propay .left-block .plan-name span{
	color:var(--color-primary-red-500)
}
#propay .left-block .option{
	align-items:center;
	color:var(--text-color-high);
	cursor:pointer;
	display:flex;
	flex-direction:row;
	height:52px;
	margin:0;
	padding:0 16px
}
#propay .left-block .option .provider-icon{
	margin-inline-end:10px;
	margin-inline-start:2px
}
#propay .left-block .option .tick{
	display:none
}
#propay .left-block .option.selected{
	background:var(--surface-grey-2)
}
#propay .left-block .option.selected .tick{
	display:flex;
	margin:0 -8px 0 auto
}
#propay .left-block .option .simpletip{
	margin-inline-start:10px
}
#propay .left-block .option .label-wrapper{
	align-items:center;
	display:flex;
	width:100%
}
#propay .left-block .payment-method{
	display:flex;
	margin-bottom:0;
	width:100%
}
#propay .left-block .payment-method .dropdown-wrapper-primary .payment-options{
	font:var(--text-body1);
	min-width:308px;
	width:max-content
}
#propay .left-block .payment-method .dropdown-wrapper-primary .payment-options.active i.icon-dropdown{
	transform:rotate(180deg)
}
#propay .left-block .payment-method .payment-options-secondary{
	display:flex;
	flex-direction:column
}
#propay .left-block .payment-method .payment-options-secondary .option{
	margin:4px 16px 0 0;
	margin-inline-end:16px
}
#propay .left-block .payment-method .see-all-btn{
	align-items:center;
	background:none;
	border:none;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin:32px 16px 0 0;
	margin-inline-end:16px;
	width:max-content
}
#propay .left-block .payment-method .see-all-btn i{
	margin-right:8px
}
#propay .left-block .payment-method .see-all-btn.see-less i{
	transform:rotate(180deg)
}
#propay .left-block .payment-method .free-trial-unsupported{
	color:var(--color-warning-orange);
	display:flex;
	font:var(--text-copy-small-pricing);
	margin-top:6px
}
#propay .left-block .payment-method .free-trial-unsupported i{
	margin-inline-end:8px
}
#propay .left-block .duration-note.promo-ends-info{
	color:var(--text-color-secondary)
}
#propay .left-block .duration{
	margin:42px 0 -12px
}
#propay .left-block .duration .options-wrapper{
	display:flex;
	flex-direction:column
}
#propay .left-block .duration .options-wrapper>*{
	margin-bottom:12px
}
#propay .left-block .duration .duration-head{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap
}
#propay .left-block .duration .duration-head .duration-type{
	margin-right:8px
}
#propay .left-block .duration .duration-head .duration-savings{
	border:1px solid var(--secondary-red);
	border-radius:4px;
	color:var(--secondary-red);
	font:var(--text-copy-small-pricing);
	padding:2px 6px
}
#propay .left-block .duration .duration-head .duration-savings.popular{
	background-color:var(--secondary-red);
	color:var(--secondary-white)
}
#propay .left-block .duration .duration-option .monthly-price{
	font:var(--font-copy-sm)
}
#propay .ar.warning,#propay .left-block .duration-note{
	align-items:center;
	flex-direction:row;
	font:var(--font-copy-sm);
	margin-top:18px
}
#propay .ar.warning{
	align-items:flex-start;
	display:none;
	margin-bottom:24px
}
#propay .ar.warning i{
	margin-right:8px;
	margin-top:3px
}
#propay.ar .ar.warning,#propay .left-block .duration-note{
	display:flex
}
#propay .left-block .duration-note i{
	align-self:flex-start;
	margin:2px 8px 0 0
}
#propay .left-block .duration .duration-note.one-off-payment-info{
	color:var( --color-warning-orange)
}
#propay .left-block .billing-address .billing-info .empty,#propay .left-block .billing-address .billing-info .filled{
	display:none;
	flex-direction:column
}
#propay .left-block .billing-address .billing-info .empty .action,#propay .left-block .billing-address .billing-info .filled .action{
	margin-right:16px
}
#propay .left-block .billing-address .billing-info.empty .empty,#propay .left-block .billing-address .billing-info:not(.empty) .filled{
	display:flex;
	flex-direction:row;
	justify-content:flex-start
}
#propay .left-block .billing-address .billing-info .action{
	align-items:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	height:max-content
}
#propay .left-block .billing-address .edit{
	font:var(--text-copy-medium-bold-pricing);
	text-decoration:underline
}
#propay .left-block .billing-address .info{
	color:var(--color-copy-secondary)
}
#propay .left-block .billing-address .info .name{
	font:var(--text-copy-medium-bold-pricing)
}
#propay .left-block .propay-inline-dialog{
	font:var(--text-copy-secondary-pricing)
}
#propay .left-block .propay-inline-dialog.astropay-dialog{
	border-bottom:1px solid var(--stroke-mid-grey);
	margin-top:22px;
	padding-bottom:56px
}
#propay .left-block .propay-inline-dialog.astropay-dialog h2{
	font-size:var(--text-copy-large-bold-pricing)
}
#propay .right-block{
	align-items:flex-end;
	background-color:var(--surface-grey-2);
	display:flex;
	padding:70px 0;
	width:var(--right-panel-width)
}
#propay .right-block-card-wrapper{
	height:max-content;
	position:sticky
}
#propay .right-block .plan-card{
	background-color:var(--surface-main);
	border:1px solid var(--surface-grey-2);
	border-radius:16px;
	color:var(--text-color-high);
	display:flex;
	flex-direction:column;
	font:var(--text-h2);
	height:fit-content;
	padding-bottom:24px;
	width:369px
}
#propay .right-block .plan-card.relative{
	left:calc(var(--plan-card-left-gap) + 9px);
	position:relative;
	top:0
}
.rtl #propay .right-block .plan-card.relative{
	left:auto
}
#propay .right-block .plan-card .content{
	padding:32px 24px 0
}
#propay .right-block .plan-card .free-trial-card .content{
	padding:0 0 24px
}
#propay .right-block .plan-card.flexi .flexi,#propay .right-block .plan-card .regular{
	display:flex
}
#propay .right-block .plan-card .flexi,#propay .right-block .plan-card.flexi .regular{
	display:none
}
#propay .right-block .plan-card .discount-header{
	border-start-start-radius:16px;
	border-start-end-radius:16px;
	border-end-start-radius:0;
	border-end-end-radius:0;
	align-items:center;
	background-color:var(--color-primary-red-500);
	color:var(--text-color-white-high);
	display:flex;
	font:var(--text-copy-medium-bold-pricing);
	justify-content:center;
	min-height:22px;
	padding:8px
}
#propay .right-block .plan-card .discount-header.annual-discount{
	background-color:#e4e4e5;
	color:var(--color-discount-secondary-text)
}
#propay .right-block .plan-card .plan-name{
	font:var(--text-h5-pricing)
}
#propay .right-block .plan-card .plan-info{
	display:flex;
	flex-direction:column;
	font:var(--text-inter-600-14);
	margin-top:24px;
	transition:.6s ease-in-out
}
#propay .right-block .plan-card .plan-info>:not(:last-child){
	margin-bottom:12px
}
#propay .right-block .plan-card .available{
	font:var(--text-body1);
	margin-top:16px
}
#propay .right-block .plan-card .includes{
	color:var(--text-color-secondary);
	font:var(--text-inter-600-14);
	margin-top:24px
}
#propay .right-block .plan-card .includes .includes-content{
	display:flex;
	flex-direction:column;
	font:var(--text-inter-400-14)
}
#propay .right-block .plan-card .includes .includes-content>:not(:last-child){
	margin-bottom:12px
}
#propay .right-block .plan-card .includes .includes-content>*{
	align-items:center;
	display:flex;
	flex-direction:row
}
#propay .right-block .plan-card .includes .includes-content i{
	--icon-size:16px;
	font:var(--text-body1-bold);
	margin-inline-end:8px
}
#propay .right-block .plan-card .plan-card-footnote,#propay .right-block .plan-card .pricing{
	gap:12px;
	border-top:1px solid var(--surface-grey-2);
	color:var(--color-copy-secondary);
	display:flex;
	flex-direction:column;
	font:var(--text-inter-400-14);
	margin-top:20px;
	padding-top:16px
}
#propay .right-block .plan-card .plan-card-footnote{
	font:var(--text-inter-400-12);
	margin:20px 24px 0;
	text-align:left
}
#propay .right-block .plan-card .pricing .pricing-element{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
#propay .right-block .plan-card .pricing .pricing-element .due-now{
	align-self:flex-end;
	color:var(--text-color-high);
	font:var(--text-inter-600-16)
}
#propay:not(.discount) .right-block .plan-card .pricing .pricing-element.discount{
	display:none
}
#propay .right-block .plan-card .pricing .pricing-element.discount{
	color:var(--text-color-low);
	font-style:italic;
	justify-content:flex-end;
	margin-top:-12px;
	text-decoration:line-through
}
#propay .right-block .plan-card .pricing .pricing-element.duration{
	border-bottom:1px solid var(--surface-grey-2);
	padding-bottom:16px
}
#propay .right-block .plan-card .pricing .pricing-element .price{
	color:var(--text-color-high);
	display:flex;
	font:var(--text-poppins-600-24)
}
#propay .right-block .plan-card .pricing .pricing-element .price span.currency{
	align-self:flex-end;
	color:var(--text-color-secondary);
	font:var(--text-inter-400-14);
	margin-inline-start:4px;
	padding-bottom:2px
}
#propay.flexi .right-block .plan-card .pricing .extra-info{
	display:flex;
	flex-direction:column;
	font:var(--text-inter-400-12)
}
#propay button.continue{
	align-items:center;
	background-color:var(--color-primary-red-500);
	border:none;
	border-radius:8px;
	color:var(--color-grey-50);
	cursor:pointer;
	display:flex;
	font:var(--text-h3-bold);
	height:48px;
	justify-content:center;
	min-width:130px;
	padding:14px 24px;
	width:max-content
}
#propay .stripe-button.payment-stripe-dialog{
	height:90px;
	position:relative
}
#propay .stripe-button.payment-stripe-dialog .loader{
	height:90px;
	min-width:300px;
	position:absolute;
	width:100%
}
#propay .stripe-button.payment-stripe-dialog .loader i{
	height:100%;
	margin-top:16px;
	max-height:53px;
	max-width:300px;
	width:100%
}
#propay .specific-payment-info{
	position:relative
}
#propay .specific-payment-info>:not(.payment-stripe-dialog){
	background:var(--surface-main)
}
#propay .specific-payment-info .payment-loading-spinner{
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:0
}
#propay .specific-payment-info .payment-loading-spinner .payment-main-loader{
	background:50% / 100% no-repeat url(../images/mega/loader-dark.gif?v=10067de1c8e7e26c);
	background-color:var(--progress-bar-fill4);
	border-radius:100%;
	height:72px;
	left:50%;
	margin:-36px 0 0 -36px;
	position:absolute;
	top:-28px;
	width:72px
}
#propay .specific-payment-info .propay-inline-dialog{
	position:relative;
	z-index:1
}
#propay .specific-payment-info .propay-inline-dialog.payment-stripe-dialog .iframe-container{
	height:366px;
	transition:all .2s ease
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content{
	display:flex;
	flex-direction:column
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content>:not(:last-child){
	margin-bottom:24px
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content h1{
	margin-bottom:4px
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .grey{
	color:var(--color-copy-secondary)
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .bitcoin-qr-code{
	height:91px;
	min-width:86px;
	width:max-content
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .price-info{
	display:flex;
	flex-direction:column
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .price-info>:not(:last-child){
	margin-bottom:8px
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .time-info{
	color:var(--text-color-high);
	font:var(--text-copy-small-pricing)
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .price-info .bitcoin-price{
	color:var(--text-color-high);
	display:flex;
	font:var(--text-h5-pricing)
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .price-info .bitcoin-price>:first-child{
	margin-right:8px
}
#propay .specific-payment-info .bitcoin-invoice-dialog .content .time-to-expire{
	margin-top:8px
}
#propay .specific-payment-info .voucher-block{
	display:flex;
	flex-direction:column;
	font:var(--text-copy-medium);
	margin-top:25px
}
#propay .specific-payment-info .voucher-block .redeem-voucher-title{
	font:var(--text-copy-medium-bold-pricing)
}
#propay .specific-payment-info .voucher-block .redeem-voucher{
	align-items:center;
	background:initial;
	border:none;
	color:var(--text-color-high);
	display:flex;
	flex-grow:1
}
#propay .specific-payment-info .voucher-block .redeem-voucher .fm-account-input{
	flex-grow:1;
	margin-right:24px
}
#propay .specific-payment-info .voucher-block .redeem-voucher .fm-account-input input{
	background-color:var(--surface-main);
	border:1px solid var(--text-color-low);
	border-radius:8px;
	height:44px;
	padding-left:12px;
	width:100%
}
#propay .specific-payment-info .voucher-block .redeem-voucher button{
	background:var(--surface-main);
	border:2px solid var(--text-color-high);
	border-radius:8px;
	color:var(--text-color-high);
	flex-shrink:0;
	font:var(--text-copy-medium-bold-pricing);
	height:48px
}
#propay .specific-payment-info .voucher-block .insufficient-balance,#propay .specific-payment-info .voucher-block .insufficient-balance-redeemed{
	color:var(--color-warning-orange)
}
#propay .specific-payment-info .voucher-block .redeemed{
	color:#007c3e
}
#propay .specific-payment-info .voucher-block .info>*{
	align-items:normal;
	display:flex;
	margin-top:8px
}
#propay .specific-payment-info .voucher-block .info i{
	margin-top:2px
}
#propay .specific-payment-info .voucher-block .voucher-information-help{
	font:var(--text-copy-small-pricing);
	margin-top:24px
}
#propay .astropay-dialog .redirect-info{
	margin-bottom:4px
}
#propay .astropay-dialog .mega-input.box-style:before{
	background:var(--surface-main)
}
#propay .astropay-dialog .astropay-label{
	font:var(--text-copy-small-bold-pricing);
	margin:18px 0 4px
}
#propay footer .subscription-info{
	display:flex;
	flex-direction:column;
	font:var(--font-copy-sm)
}
#propay footer .subscription-info>*{
	margin-bottom:16px
}
#propay a{
	color:var(--text-color-info)
}
#propay footer .balance{
	font:var(--text-copy-medium-bold-pricing);
	margin-top:24px
}
#propay footer button{
	margin-top:16px
}
#propay .propay-dialog{
	left:50%;
	position:fixed;
	top:50%;
	transform:translate(-50%, -50%);
	width:560px
}
#propay .payment-address-dialog{
	max-height:100%;
	max-width:560px;
	overflow:auto;
	width:100%
}
#propay .payment-address-dialog section.content{
	padding:0 48px
}
#propay .payment-address-dialog .column-pair{
	display:flex;
	justify-content:space-between
}
#propay .payment-address-dialog .column-pair>*{
	width:calc(50% - 9px)
}
#propay .payment-address-dialog .input-block{
	display:flex;
	flex-direction:column;
	margin-top:20px
}
#propay .payment-address-dialog .input-block>span,#propay .payment-address-dialog .input-block>span>.taxcode-title{
	color:var(--text-color-high);
	font:var(--text-copy-medium-bold-pricing);
	margin-top:2px
}
#propay .payment-address-dialog .input-block span.optional{
	font:var(--text-copy-medium-pricing)
}
#propay .payment-address-dialog .input-block .mega-input{
	margin:0
}
#propay .payment-address-dialog .input-block .mega-input:before{
	border-radius:8px;
	border-width:1px
}
#propay .payment-address-dialog .input-block .taxcode-invoice-note{
	--mask-color:var(--mobile-icon-secondary);
	color:var(--mobile-text-secondary);
	display:flex;
	font:var(--mobile-font-caption-large-regular);
	line-height:16px;
	margin-top:4px
}
#propay .payment-address-dialog .input-block .taxcode-invoice-note i{
	margin-inline-end:8px
}
#propay .payment-address-dialog .input-block .taxcode-invoice-note.error{
	--mask-color:var(--mobile-text-error);
	color:var(--mobile-text-error)
}
#propay .payment-address-dialog aside{
	display:none
}
#propay .payment-address-dialog footer button{
	background:var(--surface-black);
	border-radius:8px
}
.pricing-pg.bottom-page .payment-result.main-block{
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:98
}
.mobile .payment-processing-mobile{
	background:rgba(34, 34, 34, .95);
	height:100%;
	left:50%;
	position:fixed;
	top:50%;
	transform:translate(-50%, -50%);
	width:101%;
	z-index:11
}
#propay footer.mobile{
	padding:64px 24px
}
.bottom-page.propay .top-head.floating{
	--floating-header-direction:to left;
	background:linear-gradient(var(--floating-header-direction),
        var(--surface-grey-2) 0,
        var(--surface-grey-2) 40%,
        transparent 40%,
        transparent 44%,
        var(--surface-main) 44%,
        var(--surface-main) 100%);
	padding-inline-end:31px
}
.rtl .bottom-page.propay .top-head.floating{
	--floating-header-direction:to right
}
#propay .mega-dialog>section{
	min-height:auto
}
#propay .fixed-continue-btn{
	display:none
}
#propay .sk-loading-pro i.sk-elm-pro{
	animation:loading-shimmer 2s linear infinite;
	background-image:linear-gradient(90deg, var(--mobile-surface-2) 50px, var(--mobile-surface-1) 150px, var(--mobile-surface-2) 250px);
	background-size:1000px 100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%
}
#propay .sk-active.sk-pro,#propay .sk-active .sk-pro{
	background-color:initial;
	border:0;
	color:transparent;
	cursor:pointer;
	min-height:32px;
	overflow:hidden;
	position:relative
}
#propay .dropdown-wrapper-primary.sk-pro,#propay .sk-active h2.sk-pro,#propay h1.sk-pro,#propay label.sk-pro,#propay p.sk-pro,#propay span.sk-pro{
	max-width:100%;
	width:max-content
}
#propay .sk-active .sk-pro.sk-single-line{
	height:32px
}
#propay .sk-stripe-loading{
	background:var(--surface-main);
	position:absolute;
	width:100%
}
#propay .sk-stripe-loading div.sk-pro{
	min-height:48px
}
#propay .sk-stripe-loading div.no-sk{
	justify-content:space-between;
	padding:12px 0
}
#propay .sk-stripe-loading div.no-sk div.sk-pro{
	width:calc(50% - 12px)
}
#propay .right-block .sk-card-loading{
	min-height:431px;
	min-width:371px
}
#propay .sk-active.sk-pro:after,#propay .sk-active .sk-pro:after{
	animation:loading-shimmer 2s linear infinite;
	background-image:linear-gradient(90deg, var(--mobile-surface-2) 50px, var(--mobile-surface-1) 150px, var(--mobile-surface-2) 250px);
	background-size:1000px 100%;
	border-radius:8px;
	content:"";
	cursor:default;
	height:100%;
	left:50%;
	overflow:hidden;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
	z-index:12
}
#propay .sk-active .invoice-date-time:before{
	color:transparent;
	content:"Monday, 01 Jan 2000 at 00:00 AAAA"
}
#propay .sk-active .bitcoin-address:before{
	color:transparent;
	content:"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
}
#propay .sk-active .bitcoin-price:before{
	color:transparent;
	content:"0.00000000"
}
#propay .sk-stripe-loading h1:before{
	color:transparent;
	content:"Please enter your card details below"
}
@media only screen and (max-width:1320px){
#propay{
	--plan-card-left-gap:40px
}
#propay .left-block{
	padding:64px 40px
}
}
@media only screen and (min-width:1080px){
#propay .right-block .plan-card.fixed{
	left:calc(var(--left-panel-width) + var(--plan-card-left-gap));
	position:fixed;
	top:88px
}
.rtl #propay .right-block .plan-card.fixed{
	left:auto;
	right:calc(var(--left-panel-width) + var(--plan-card-left-gap))
}
}
@media only screen and (max-width:1079px){
#propay{
	background-color:var(--surface-main);
	flex-direction:column;
	margin-top:50px
}
#propay .mobile{
	background:var(--surface-main);
	display:flex;
	flex-direction:column
}
#propay .desktop{
	display:none
}
#propay .left-block-wrapper{
	width:auto
}
#propay .left-block{
	margin:auto;
	padding:24px;
	width:calc(100% - 48px)
}
#propay .right-block{
	background-color:var(--surface-main);
	justify-content:center;
	padding:0 24px;
	width:auto
}
#propay .right-block .plan-card{
	margin:auto;
	min-width:300px;
	width:auto
}
#propay .left-block .payment-method .dropdown-wrapper-primary .payment-options{
	width:100%
}
#propay .right-block .plan-card.relative{
	left:auto
}
#propay button.continue{
	margin-left:auto;
	margin-right:auto;
	max-width:621px;
	width:100%
}
#propay.mobile-device .stripe-button.payment-stripe-dialog{
	margin-bottom:-15px;
	margin-top:-15px
}
#propay.mobile-device .fixed-continue-btn{
	align-items:flex-start;
	background:var(--surface-main);
	bottom:0;
	display:flex;
	flex-direction:column;
	left:0;
	padding:16px 24px;
	right:0;
	z-index:2
}
#propay.mobile-device .fixed-continue-btn:not(.spacer){
	border-top:1px solid var(--surface-grey-2);
	position:fixed
}
#propay.mobile-device .fixed-continue-btn.spacer{
	position:relative;
	z-index:0
}
#propay.mobile-device .fixed-continue-btn.spacer .spacer-cover{
	background-color:var(--surface-main);
	height:100%;
	position:absolute;
	width:100%;
	z-index:1
}
#propay.mobile-device .fixed-continue-btn .s4-tos{
	margin-bottom:16px
}
#propay.mobile-device .non-fixed-continue{
	display:none
}
#propay.mobile-device footer.mobile{
	padding-bottom:0
}
.bottom-page.propay .top-head.floating,.rtl .bottom-page.propay .top-head.floating{
	background:var(--surface-main)
}
#propay .subscription-info .one-time,#propay .subscription-info .recurring,#propay .subscription-info .trial{
	margin:0 auto 2rem;
	max-width:621px
}
}
.fm-blocks-view .data-block-view.ui-selected i.selected{
	background:var(--checkbox-fill-active);
	display:block
}
.fm-blocks-view .data-block-view i.selected{
	border-radius:3px;
	color:var(--mobile-surface-1);
	cursor:pointer;
	display:none;
	left:10px;
	position:absolute;
	top:10px;
	z-index:3
}
