:root { --loading-size: min(400px, min(100vh, 100vw)); --background: #fff; --loader-background: rgba(255, 255, 255, .7); --link-color: #2FA5FF; --button-background-color: #205EFF; --label-color: rgba(23, 23, 29, 0.9); --form-control-placeholder-color: rgba(23, 23, 29, 0.3); --form-control-color: rgba(23, 23, 29, 0.9); --form-color-disabled: rgba(23, 23, 29, 0.3); --form-control-background-color: #fff; --form-control-disabled-background-color: rgba(23, 23, 29, .1); --form-control-border-color: rgba(23, 23, 29, 0.1); --form-background-color: #fff; --form-border-color: rgba(23, 23, 29, 0.2); --select-arrows-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3917 1.00781C11.6358 1.25189 11.6358 1.64761 11.3917 1.89169L6.61872 6.66466C6.27701 7.00637 5.72299 7.00637 5.38128 6.66466L0.608311 1.89169C0.364233 1.64761 0.364233 1.25189 0.608311 1.00781C0.852389 0.763731 1.24812 0.763731 1.49219 1.00781L6 5.51561L10.5078 1.00781C10.7519 0.763731 11.1476 0.763731 11.3917 1.00781Z' fill='%232FA5FF'/%3E%3C/svg%3E%0A"); --main-text-color: rgba(23, 23, 29, 0.9); --secondary-text-color: rgba(23, 23, 29, 0.7); --footnote-text-color: #ABB0C8; --separator-color: rgba(23, 23, 29, 0.2); --bg-secondary-light-color: #FFFFFF; --accordion-item-hover-color: #FAFAFA; --backlink-color: rgba(0, 0, 0, 0.05); --sepa-main-color: #004899; --alipay-main-color: #3F3B3A; --button-hover-background-color: #205EFFCC; --payment-info-background-color: #ECF6FD; --powered-by-background-color: #32364E; --powered-by-background-opacity: 1; --powered-by-fill-opacity: 1; --link-hover-color: rgba(47, 165, 255, 0.8); --discount-badge-color: #17171D; --warning-color: #FF9128; --error-color: #FA4655; --select-border-color: #2FA5FF; } @media (prefers-color-scheme: dark) { :root { --background: #1E1E1E; --loader-background: rgba(36, 36, 36, .1); --link-color: #2FA5FF; --button-background-color: #205EFF; --label-color: rgba(255, 255, 255, 0.95); --form-control-placeholder-color: rgba(255, 255, 255, 0.3); --form-color-disabled: rgba(255, 255, 255, 0.3); --form-control-color: rgba(255, 255, 255, 0.95); --form-control-background-color: #464646; --form-control-disabled-background-color: rgba(255, 255, 255, .3); --form-control-border-color: rgba(255, 255, 255, 0.12); --form-background-color: #2D2D2D; --form-border-color: #2D2D2D; --select-arrows-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3917 1.00781C11.6358 1.25189 11.6358 1.64761 11.3917 1.89169L6.61872 6.66466C6.27701 7.00637 5.72299 7.00637 5.38128 6.66466L0.608311 1.89169C0.364233 1.64761 0.364233 1.25189 0.608311 1.00781C0.852389 0.763731 1.24812 0.763731 1.49219 1.00781L6 5.51561L10.5078 1.00781C10.7519 0.763731 11.1476 0.763731 11.3917 1.00781Z' fill='%232FA5FF'/%3E%3C/svg%3E%0A"); --main-text-color: rgba(255, 255, 255, 0.95); --secondary-text-color: rgba(255, 255, 255, 0.75); --footnote-text-color: #878CA0; --separator-color: rgba(23, 23, 29, 0.2); --bg-secondary-light-color: rgba(23, 23, 29, 0.5); --accordion-item-hover-color: #313131; --backlink-color: rgba(255, 255, 255, 0.05); --sepa-main-color: #3E99FF; --alipay-main-color: #fff; --button-hover-background-color: #467bff; --payment-info-background-color: rgba(47, 165, 255, 0.16); --powered-by-background-color: #fff; --powered-by-background-opacity: 0.2; --powered-by-fill-opacity: 0.5; --link-hover-color: rgba(47, 165, 255, 0.7); --discount-badge-color: #D9D9D9; --bs-form-invalid-color: var(--error-color); --bs-form-invalid-border-color: var(--error-color); [data-bs-theme=dark] { --bs-form-invalid-color: var(--error-color); --bs-form-invalid-border-color: var(--error-color); } } } * { box-sizing: border-box; } a { color: var(--link-color); text-decoration: none; } a:hover, a:focus { color: var(--link-hover-color); text-decoration: none; } hr { border-top: 1px solid var(--separator-color); opacity: 1; } label { font-weight: 500; font-size: .875rem; line-height: 18px; margin-bottom: 0; } html { line-height: 1.3; scroll-behavior: smooth; background: var(--background); } body { margin: 0; padding: 0; min-width: 320px; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; color: var(--main-text-color); background-color: transparent; -webkit-font-smoothing: antialiased; touch-action: manipulation; } .btn.btn-primary { margin-top: .625rem; color: #fff; font-weight: 500; font-size: .85rem; line-height: 14px; padding-top: .813rem; padding-bottom: .813rem; background-color: var(--button-background-color); border-color: var(--button-background-color); } .btn.btn-primary:hover, .btn.btn-primary:focus { background-color: var(--button-hover-background-color); border: 1px solid var(--button-background-color); } .text-secondary, .text-secondary:hover, .text-secondary:focus { color: var(--secondary-text-color)!important; } a.text-secondary, a.text-secondary:hover, a.text-secondary:focus { color: var(--secondary-text-color)!important; } .bg-secondary-light { background-color: var(--bg-secondary-light-color)!important; } .form-control { padding: .75rem; height: 40px; border-radius: 0.375rem !important; font-size: .8125rem; font-weight: 400; line-height: 1; } .form-control, .form-control:focus { color: var(--form-control-color); background-color: var(--form-control-background-color); border: 1px solid var(--form-control-border-color); box-shadow: none; } .form-control:disabled, .form-control[readonly] { color: var(--form-color-disabled); border: 1px solid var(--form-control-border-color); background-color: var(--form-control-disabled-background-color); } .form-control::-webkit-input-placeholder { color: var(--form-control-placeholder-color); } .form-control.is-invalid:focus { box-shadow: none; } .custom-select { color: var(--form-control-color); background-color: var(--form-control-background-color); border: 1px solid var(--select-border-color); background-image: var(--select-arrows-image); background-size: inherit; padding-left: .5rem; height: 2.5rem; } .label-container:has(+ .custom-select) { display: flex; margin-bottom: .5rem; } .form-group { width: 100%; margin: 0; padding: 0 0 .5rem; } .content-container .form-group { padding-bottom: .875rem; } .form-group .required { font-weight: 500; color: #df1b41; text-transform: uppercase; } .general label, .payment label { color: var(--label-color); } label.is-invalid { margin-top: .25rem; font-size: .8rem; color: var(--bs-form-invalid-color) !important; } label.is-incorrect { margin-top: .25rem; font-size: .8rem; font-weight: 600; color: #ff9128; } div.error-field, label.error-field { margin-top: .25rem; font-size: .8rem; color: #df1b41; font-weight: 500; } .form-check-input:focus { box-shadow: none; } #payment-request-button iframe { border-radius: 8px; } .card-custom-control { position: relative; display: block; width: 100%; height: calc(1.5em + .75rem + 4px); margin: 0; padding: .75rem; color: var(--form-control-color); background-color: var(--form-control-background-color); background-clip: padding-box; border: 1px solid var(--form-control-border-color); overflow: visible; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; z-index: 1; border-radius: 0.375rem; } .card-custom-control.focus { outline: 0; box-shadow: none; z-index: 3; } .card-custom-control.is-invalid { border-color: var(--bs-form-invalid-border-color) !important; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); z-index: 2; } .form-control.is-incorrect { border: 2px solid #ff9128; } .general a, .payment a { font-weight: 600; } #app-loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; padding-top: calc(50vh - 120px); flex-direction: column; align-items: center; justify-items: center; text-align: center; background: var(--background); z-index: 1000; } #app-loader .logo { display: inline-block; width: 116px; height: 116px; margin-bottom: 48px; } #app-loader .spinner { display: inline-block; width: 32px; height: 32px; -webkit-animation: spin .75s linear infinite; -moz-animation: spin .75s linear infinite; animation: spin .75s linear infinite; } #app-loader p { display: block; padding-top: 14px; color: var(--form-control-color); font-size: .875rem; font-weight: 500; line-height: 18px; text-align: center; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } #page-loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--loader-background); z-index: 100; } #page-loader img { display: block; position: absolute; top: calc(50% - var(--loading-size) / 2); left: calc(50% - var(--loading-size) / 2); width: var(--loading-size); height: var(--loading-size); } .alpha-fade { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .2); z-index: 30; } .three-d-secure { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .7); z-index: 1000; } .three-d-secure > iframe { display: block; width: 100%; min-width: 250px; height: 100%; min-height: 400px; border: 0; } .flex-container { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } .container { min-height: 100vh; } .content { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; margin-top: 0; padding-top: 2rem; padding-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; } .billing-price { display: flex; flex-direction: row; justify-content: flex-start; } .product-summary .product-price-discounted { padding: 0 .5rem; line-height: 30px; } .product-summary { padding-top: 3.75rem; padding-left: 3.125rem; padding-right: 3.0625rem; display: flex; flex-direction: row; align-items: center; } .product-summary .product-logo { display: block; width: 54px; height: 54px; border-radius: 12px; } .product-summary .product-description { padding-left: 1rem; flex-grow: 1; } .product-description .product-name { font-weight: 600; font-size: .8125rem; line-height: 1.125rem; padding-top: .25rem; } .product-summary .product-price-full { font-size: 1.25rem; font-weight: 600; line-height: 1.5rem; padding: 0 12px 0 0; } .product-summary .product-price-full.disabled { font-size: 1rem; color: #909090; text-decoration: line-through; } .product-summary .product-price-discounted { font-size: 1.25rem; font-weight: 600; line-height: 1rem; padding: 0 .25rem 0 0; margin: 4px 0; } .billing-period { padding-top: .25rem; font-size: .625rem; line-height: .625rem; } .billing-period br { display: inline; } .reviews { margin-top: .6875rem; font-size: .75rem; padding-left: 3.125rem; } .reviews > img { display: block; width: 89px; height: 16px; } .reviews > p { margin: 0; line-height: .875rem; color: var(--bg-secondary-light-color); } .safeguard { display: flex; flex-direction: column; justify-content: space-between; min-height: 46px; } .invoice-breakdown-and-safeguard { display: flex; flex-direction: column; justify-content: space-between; min-height: 443px; padding-top: 1.5rem; padding-left: 3.125rem; padding-right: 3.0625rem; } .invoice-breakdown-and-safeguard .invoice-breakdown p { font-size: .812rem; line-height: 1rem; } .invoice-breakdown-and-safeguard .product-price-total { font-weight: 600; font-size: 1rem; line-height: 1.25rem; color: var(--main-text-color); } .invoice-breakdown-and-safeguard a, .invoice-breakdown-and-safeguard .form-check-label { color: var(--link-color); font-weight: 500; font-size: .875rem; line-height: 1.125rem; cursor: pointer; } .invoice-breakdown-and-safeguard .form-check-label:hover { color: var(--link-hover-color); } .invoice-breakdown-and-safeguard a svg path { fill: var(--link-color); } .invoice-breakdown-and-safeguard a svg:hover path, .invoice-breakdown-and-safeguard a svg:focus path { fill: var(--link-hover-color); } .invoice-breakdown .is-loading { background-color: rgba(0, 0, 0, .075); border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, .025); color: transparent; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; overflow: hidden; position: relative; } .invoice-breakdown .is-loading:after { content: ''; -webkit-animation: blurLoading 1.5s infinite; animation: blurLoading 1.5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: radial-gradient(circle at 80% -20%, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle at 50% 150%, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle at 20% -20%, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%); display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); width: 800%; } @-webkit-keyframes blurLoading { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateX(10%); transform: translateX(10%) } } @keyframes blurLoading { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateX(10%); transform: translateX(10%) } } #promo-code::placeholder { text-transform: initial; } #discount-promo-row { margin-top: 1rem; } #discount-promo-row > .alert { border: 1px solid var(--form-control-border-color); min-width: 101px; padding: 0 .125rem; } #discount-promo-row .alert a { margin-right: 4px; } #discount-promo-row .promo-code-container { margin-right: 16px; } #discount-promo-row > .alert > div { color: var(--secondary-text-color); line-height: .875rem; font-size: .625rem; margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } #discount-promo-row svg path { fill: var(--discount-badge-color); } #product-discount-value { font-weight: 600; line-height: 1.125rem; letter-spacing: .3px; color: var(--error-color); } #show-vat-number-row a .plus, #show-promo-row.row a .plus { display: inline; } #show-vat-number-row.shown a .plus, #show-promo-row.row.shown a .plus { display: none; } #show-vat-number-row a .arrow-up, #show-promo-row.row a .arrow-up { display: none; } #show-vat-number-row.shown a .arrow-up, #show-promo-row.row.shown a .arrow-up { display: inline; } #add-vat-number-block input, #add-promo-row input { border: 1px solid var(--select-border-color); } #add-vat-number-block input.is-invalid, #add-promo-row input.is-invalid { border-color: #df1b41; } input.vat-loading, input.promo-loading, input.is-loading { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232FA5FF' stroke-width='1.25' stroke-linecap='round' d='M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6' /%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' values='0; 360' dur='2s' additive='sum' repeatCount='indefinite' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; padding-right: 36px; } input.vat-valid, input.promo-valid { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='6' stroke='%233CC83C'/%3E%3Cpath d='M15 10.5L11.5 14L9.5 12' stroke='%233CC83C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; border: 1px solid #3CC83C !important; padding-right: 36px; } input.vat-invalid, input.promo-invalid { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C12.5619 6 13.1058 6.07725 13.6216 6.2217C13.731 6.25234 13.8392 6.28601 13.9459 6.3226C15.5847 6.88416 16.9034 8.1353 17.5556 9.72973C17.8421 10.43 18 11.1966 18 12Z' stroke='%23FA4655'/%3E%3Ccircle cx='12' cy='15' r='0.75' fill='%23FA4655'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8C12.2761 8 12.5 8.22386 12.5 8.5V13C12.5 13.2761 12.2761 13.5 12 13.5C11.7239 13.5 11.5 13.2761 11.5 13V8.5C11.5 8.22386 11.7239 8 12 8Z' fill='%23FA4655'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; border: 1px solid var(--error-color) !important; padding-right: 36px; } .invalid-feedback { color: var(--error-color); display: block; } .invalid-feedback a, div.error-field a { color: var(--error-color); text-decoration: underline; font-weight: normal; } .add-vat-number, .add-promo-code { font-weight: 500; font-size: .85rem; line-height: .875rem; min-width: 110px; min-height: 40px; color: var(--link-color); background: var(--form-control-background-color); border: 1px solid var(--form-control-border-color); border-radius: .375rem; margin-left: .25rem; } .add-vat-number { line-height: 1; margin-left: 0; width: 100%; } .add-vat-number:disabled, .add-promo-code:disabled { opacity: unset; cursor: default; color: var(--main-text-color); background: var(--form-control-background-color); border: 1px solid var(--form-control-border-color); } .add-vat-number-active, .add-vat-number:active, .add-promo-code-active, .add-promo-code:active { color: rgba(255, 255, 255, 0.95); background-color: var(--button-background-color); } .add-vat-number:not(:disabled):hover, .add-vat-number:not(:disabled):focus, .add-promo-code:not(:disabled):hover, .add-promo-code:not(:disabled):focus { cursor: pointer; color: rgba(255, 255, 255, 0.95); background: var(--button-hover-background-color); } #guarantee svg, #safe-secure svg { margin-right: .375rem; } #guarantee, #safe-secure { font-weight: 400; font-size: .75rem; line-height: .875rem; color: var(--footnote-text-color); } #guarantee svg path:nth-child(1), #guarantee svg path:nth-child(2), #safe-secure svg path { fill: var(--footnote-text-color); } .powered-by-stripe { padding-top: 1.75rem; padding-left: 3.125rem; padding-bottom: 1.75rem; } .powered-by-stripe svg path:nth-child(1) { fill: var(--powered-by-background-color); fill-opacity: var(--powered-by-background-opacity); } .powered-by-stripe svg path:nth-child(2) { fill-opacity: var(--powered-by-fill-opacity); } .back { display: inline-block; position: relative; width: 90px; height: 40px; padding: 10px 8px 10px 32px; font-weight: 500; font-size: .875rem; color: var(--main-text-color); text-decoration: none; text-transform: capitalize; background-color: var(--backlink-color); border-radius: 24px; } .back:before { content: ''; position: absolute; top: 15px; left: 17px; width: .59rem; height: .59rem; border-left: 2px solid var(--main-text-color); border-bottom: 2px solid var(--main-text-color); transform: rotate(45deg); } .back:hover::before, .back:focus::before { border-left: 2px solid var(--link-hover-color); border-bottom: 2px solid var(--link-hover-color); } .back.ios { display: none; } .back.desktop { margin-bottom: 1.5rem; } .i-header svg { display: none; } .payment-block { width: 343px; height: 100%; display: flex; flex-direction: column; } .payment-block footer { margin-top: auto; } .general, .payment { padding: 0 1rem 1rem; } .payment { display: flex; flex-direction: column; position: relative; z-index: 1; } .payment .accordion-container { flex-grow: 1; } .payment .paypal-button { background-color: #ffc439; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/checkout/paypal.svg?1756735741"); background-repeat: no-repeat; background-position: center; background-size: auto 28px; border: 0; border-radius: 5px; cursor: pointer; font-family: -apple-system, system-ui, BlinkMacSystemFont, SF Pro Text, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; height: 44px; padding: 0; position: relative; transition: background-color .15s ease; width: 100%; } .payment .paypal-button:hover { background-color: #f3ba38; } .payment .paypal-button:active { background-color: #e5b034; } .address-container { position: relative; z-index: 2; } .address-container input[name="address"] { border: 0!important; width: 1px; height: 1px; padding: 0; margin: 0; background: transparent!important; pointer-events: none; box-shadow: none!important; outline: none; position: absolute; left: 0; top: 0; } .address-container input[name="address"] + label { display: none!important; } footer p small { font-size: .75rem; line-height: .875rem; } @media screen and (max-width: 920px) { .container { max-width: 834px; padding: 0 2rem; } .content { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .payment-block { width: 369px; margin-right: 2rem; } .general, .payment { padding: 0; margin: 0; } .payment-info { width: 369px; min-height: 700px; background-color: var(--payment-info-background-color); border-radius: 16px; } .product-summary { padding-left: 1.5rem; padding-right: 1.5rem; } .reviews { padding-left: 1.5rem; } .invoice-breakdown-and-safeguard { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .powered-by-stripe { padding-left: 1.5rem; } .back.desktop { display: none; } .back.ios { display: block; margin-top: 1.5rem; } .container { flex-direction: column; justify-content: flex-start; } } @media screen and (max-width: 639px) { .container { padding-left: .5rem; padding-right: .5rem; } .content { flex-direction: column; padding-top: .5rem; } .payment-block, .payment-info { width: 100%; } .payment { height: auto; } .payment-block { padding-top: 1.5rem; padding-left: 1rem; padding-right: 1rem; } .payment-info { min-height: unset; height: auto; order: -1; } .product-summary { padding-top: 1.125rem; padding-left: .75rem; padding-right: .75rem; } .reviews { margin-top: 1rem; padding-left: .75rem; } .invoice-breakdown-and-safeguard { padding-top: 1rem; padding-left: .75rem; padding-right: .75rem; min-height: auto; } .powered-by-stripe { padding-top: 1rem; padding-left: .75rem; padding-bottom: .75rem; } hr { margin-top: .75rem; margin-bottom: .75rem; } .back.ios { margin-top: .5rem; margin-bottom: 0; } .i-header { padding-bottom: 1.125rem; transition: .15s; } .i-header.opened { padding-bottom: 0; } .i-header svg:hover, .i-header svg:focus { cursor: pointer; color: var(--link-hover-color); } .i-header svg { display: block; fill: var(--label-color); } .i-header.opened svg { rotate: 180deg; } } @media screen and (min-width: 921px) { html { min-height: 100%; } .container { max-width: inherit; } .content { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; position: relative; max-width: 920px; -webkit-box-align: start; -webkit-box-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .payment-block { width: 460px; } .general, .payment { padding: 0; margin: 0; } .payment-info { width: 400px; min-height: 700px; background-color: var(--payment-info-background-color); border-radius: 16px; } } .email-access-warning { display: flex; flex-direction: row; padding: .5rem .5rem .5rem .5rem; width: 100%; border: 1px solid var(--warning-color); border-radius: 8px; margin-bottom: 1.5rem; } .email-access-warning .exclamation-point-image { padding: 3px; margin-right: 8px; } .email-access-warning .text { font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; font-style: normal; font-weight: 400; color: var(--main-text-color); font-size: .75rem; line-height: .875rem; text-align: left; } .payment-alert, .windows-warning { display: none; } .payment-alert { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 1.5rem 0; padding: 0.5rem; border: 1px solid var(--warning-color); box-sizing: border-box; border-radius: 8px; } .windows-warning { display: block; position: relative; margin: 1.5rem 0; padding: .5rem .5rem .5rem 3rem; border: 1px solid var(--warning-color); box-sizing: border-box; border-radius: 8px; } .windows-warning .apple-logo { position: absolute; top: calc(50% - 16px); left: 10px; } .payment-alert p, .windows-warning p { margin: 0; padding: 0; color: var(--main-text-color); font-size: .75rem; line-height: .875rem; } .payment-alert.error { border: 1px solid var(--error-color); } .payment-alert.warning { border: 1px solid var(--warning-color); } .payment-alert .logo { padding-right: .75rem; padding-left: 1rem; } .payment-alert .logo svg { fill: var(--warning-color); } .payment-alert.error .logo svg { fill: var(--error-color); } .accordion .accordion-item { border: 1px solid var(--form-border-color); border-radius: 8px; background-color: var(--form-background-color); min-height: 48px; cursor: pointer; } .accordion .accordion-item .close { position: relative; top: -36px; right: 21px; font-size: 1.25rem; font-weight: 400; color: var(--label-color); float: right; line-height: 1; opacity: .5; padding: 0; background-color: transparent; border: 0; } .accordion .accordion-item .close:hover, .accordion .accordion-item .close:focus { color: #2FA5FF; } .accordion .item-header { display: flex; justify-content: center; align-items: center; min-height: inherit; } .accordion-item:has(.item-header.collapsed):hover { background-color: var(--accordion-item-hover-color); } .accordion .item-header img { max-height: 30px; } #sepaDebitPayment svg path:nth-child(1), #sepaDebitPayment svg path:nth-child(2), #sepaDebitPayment svg path:nth-child(3) { fill: var(--sepa-main-color); } .content-container { padding: .25rem 1rem 1.5rem 1rem } #aliPayPayment svg path:nth-child(2) { fill: var(--alipay-main-color); } .trial_block .duration { display: block; font-weight: bold; } .trial_block small { display: block; font-size: .812rem; line-height: 1rem; } .price-after-trial-container { display: flex; flex-direction: row; justify-content: space-between } .price-after-trial-container .left-text { display: flex; flex-direction: column; padding-right: 6px; } .price-after-trial-container .left-text > span { font-size: .812rem; line-height: 1rem; margin-bottom: 5px; display: block; } .price-after-trial-container .left-text > small { font-size: .7rem; line-height: .7rem; display: block; } .price-after-trial-container .right-price { display: flex; justify-content: center; align-items: center; } .trial-tip { font-size: .812rem; line-height: 1rem; margin-top: 12px; }