/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
-o-tab-size: 4
}
abbr[title] {
-webkit-text-decoration: underline dotted
}
body.smart-body {
background-color: var(--bg-level-3);
background: url(../images/aff4f2527f1af5cdbb13.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
@media (min-width: 768px) {
body.smart-body {
background: url(../images/191ef2d6dc45d2d3f30f.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
}
.gigya-screen * {
color: var(--c-high-contrast) !important
}
#container, #container_content {
margin: 0 auto;
max-width: 475px
}
#container_content {
font-size: 16px;
max-width: 100% !important
}
.gigya-screen.portrait, .gigya-screen.portrait.mobile {
padding: 0 !important;
width: 100% !important
}
.gigya-screen .gigya-layout-row.with-divider > .gigya-layout-cell {
min-width: 100% !important;
width: 100% !important
}
.gigya-screen-content div.gigya-screen.landscape {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important
}
.gigya-screen * {
font-family: var(--font-family-sans) !important
}
.gigya-screen-content div.gigya-screen.landscape {
margin: auto !important;
max-width: 475px !important;
padding: 0 !important
}
.change-smart-id h1.gigya-screen-caption, .forgot-password h1.gigya-screen-caption, .login h1.gigya-screen-caption, .register h1.gigya-screen-caption, .reset-password h1.gigya-screen-caption {
display: none
}
.gigya-screen h2 {
text-align: center !important
}
.gigya-screen.portrait.mobile h2 {
font-size: var(--headline-200) !important
}
.smart-id .gigya-composite-control-header {
color: var(--c-high-contrast) !important;
font-family: var(--font-family-sans);
font-size: var(--headline-100) !important;
font-weight: var(--font-weight-bold) !important;
line-height: 110% !important
}
.smart-id .gigya-composite-control-header b {
color: var(--c-high-contrast);
font-family: var(--font-family-sans);
font-size: var(--headline-100);
line-height: normal
}
.smart-id .gigya-error-msg.gigya-error-msg-active {
color: var(--sig-error) !important;
font-family: var(--font-family-sans) !important;
font-size: var(--font-size-caption50) !important;
font-weight: var(--font-weight-regular) !important;
letter-spacing: 0 !important;
line-height: 140% !important;
padding-bottom: 0 !important;
padding-left: 10px !important;
padding-top: 0 !important;
text-align: left !important
}
.smart-id .gigya-screen input.gigya-input-password.gigya-error, .smart-id .gigya-screen input.gigya-input-text.gigya-error, .smart-id .gigya-screen select.gigya-country-code-select.gigya-error, .smart-id .gigya-screen.portrait div.gigya-tfa .gig-tfa-container input.gigya-error.gig-tfa-code-textbox, .smart-id select.gigya-error {
border-color: var(--sig-error);
border-radius: 0 !important;
border-style: solid;
border-width: 1px
}
.smart-id .gigya-composite-control.gigya-composite-control-dropdown, .smart-id .gigya-composite-control.gigya-composite-control-fieldset, .smart-id .gigya-composite-control.gigya-composite-control-password, .smart-id .gigya-composite-control.gigya-composite-control-textbox {
padding-bottom: 0 !important;
padding-top: var(--spacing-400) !important
}
.smart-id .gigya-composite-control.gigya-composite-control-dropdown input, .smart-id .gigya-composite-control.gigya-composite-control-dropdown select, .smart-id .gigya-composite-control.gigya-composite-control-fieldset input, .smart-id .gigya-composite-control.gigya-composite-control-fieldset select, .smart-id .gigya-composite-control.gigya-composite-control-password input, .smart-id .gigya-composite-control.gigya-composite-control-password select, .smart-id .gigya-composite-control.gigya-composite-control-textbox input, .smart-id .gigya-composite-control.gigya-composite-control-textbox select {
background-color: transparent !important;
border: none;
border-bottom: 1px solid var(--c-mid-contrast) !important;
border-radius: 0;
box-shadow: none;
color: var(--c-mid-contrast) !important;
font-size: 16px !important;
margin-bottom: 0 !important
}
.smart-id .gigya-composite-control.gigya-composite-control-dropdown select.gigya-error {
border-color: var(--sig-error);
border-radius: 0 !important;
border-style: solid;
border-width: 1px
}
.login .gigya-composite-control.gigya-composite-control-link, .register .gigya-composite-control.gigya-composite-control-link {
border-bottom: 2px solid #000 !important;
color: var(--c-high-contrast) !important;
font-family: var(--font-family-sans) !important;
font-size: var(--link-100-fixed) !important;
font-weight: var(--font-weight-bold) !important;
padding-bottom: var(--spacing-50);
padding-left: 0 !important;
text-decoration: none !important
}
.login .gigya-input-submit {
margin-bottom: var(--spacing-600);
margin-top: var(--spacing-800)
}
.login .gigya-layout-cell {
text-align: left !important
}
.login .gigya-composite-control.gigya-composite-control-link, .register .gigya-composite-control.gigya-composite-control-link {
margin-left: var(--spacing-50) !important
}
.login .gigya-composite-control.gigya-composite-control-header {
padding-bottom: var(--spacing-300) !important
}
.login .gigya-composite-control.gigya-composite-control-password {
margin-bottom: var(--spacing-500)
}
.login .portrait.mobile h2 {
color: var(--c-high-contrast);
display: block;
font-family: var(--font-family-sans) !important;
font-size: var(--headline-200) !important;
font-weight: var(--font-weight-bold) !important;
letter-spacing: -.01em;
line-height: 110%
}
.login .gigya-screen h2 {
text-align: center !important
}
.login .responsive.with-divider {
display: none !important
}
.forgot-password .gigya-composite-control.gigya-composite-control-submit, .login .gigya-composite-control.gigya-composite-control-submit, .register .gigya-composite-control.gigya-composite-control-submit, .reset-password .gigya-composite-control.gigya-composite-control-submit {
text-align: center !important
}
.forgot-password input[type=submit], .login input[type=submit], .register input[type=submit], .reset-password input[type=submit] {
background: var(--s-primary) !important;
border-radius: 999px !important;
color: var(--c-inverted) !important;
font-family: var(--font-family-sans) !important;
font-size: var(--link-100) !important;
font-weight: var(--font-weight-bold) !important;
height: auto !important;
margin-bottom: var(--spacing-200) !important;
margin-top: var(--spacing-700) !important;
padding: var(--spacing-300) 0 !important;
width: 100% !important
}
@media (min-width: 768px) {
.forgot-password input[type=submit], .login input[type=submit], .register input[type=submit], .reset-password input[type=submit] {
width: 70% !important
}
}
.forgot-password .gigya-composite-control.gigya-composite-control-submit, .forgot-password .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .login .gigya-composite-control.gigya-composite-control-submit, .login .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .register .gigya-composite-control.gigya-composite-control-submit, .register .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .reset-password .gigya-composite-control.gigya-composite-control-submit, .reset-password .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active {
padding-bottom: 0
}
.forgot-password .gigya-screen .gigya-composite-control.gigya-composite-control-submit, .forgot-password .gigya-screen .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .login .gigya-screen .gigya-composite-control.gigya-composite-control-submit, .login .gigya-screen .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .register .gigya-screen .gigya-composite-control.gigya-composite-control-submit, .register .gigya-screen .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active, .reset-password .gigya-screen .gigya-composite-control.gigya-composite-control-submit, .reset-password .gigya-screen .gigya-composite-control.gigya-composite-control-submit + .gigya-error-display-active {
padding-bottom: 0 !important
}
.login input[type=submit] {
margin-bottom: var(--spacing-400) !important
}
.register .gigya-composite-control.gigya-composite-control-label {
display: block !important
}
.register .responsive.with-social-login {
display: none !important
}
.register .gigya-composite-control.gigya-composite-control-subscription-widget {
padding-bottom: var(--spacing-400) !important;
padding-top: var(--spacing-500) !important
}
.register .business-switch {
display: flex;
padding-bottom: var(--spacing-100) !important
}
.register .business-switch .gigya-error-msg, .register .business-switch .gigya-label {
display: none !important
}
.register .business-switch .gigya-multi-choice-item {
margin-left: 0 !important;
margin-right: var(--spacing-600) !important;
padding-top: 0 !important
}
.forgot-password .gigya-composite-control-label a, .register .gigya-composite-control-label a, .reset-password .gigya-composite-control-label a {
color: var(--c-high-contrast) !important;
font-family: var(--font-family-sans) !important;
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-bottom: var(--spacing-50);
padding-left: 0 !important;
text-decoration: none !important;
text-decoration: underline !important
}
.forgot-password a.gigya-composite-control-link, .register a.gigya-composite-control-link, .reset-password a.gigya-composite-control-link {
align-items: center !important;
border-radius: 999px !important;
border-style: none !important;
border-width: 1px !important;
box-sizing: border-box !important;
color: var(--c-high-contrast) !important;
cursor: pointer !important;
display: flex !important;
display: inline-flex !important;
font-family: var(--font-family-sans) !important;
font-size: var(--font-size-link100) !important;
font-weight: var(--font-weight-bold) !important;
justify-content: center !important;
letter-spacing: .02em !important;
line-height: 130% !important;
padding: var(--spacing-300) 0 !important;
position: relative !important;
text-decoration: none !important;
width: 100% !important
}
.forgot-password a.gigya-composite-control-link:hover, .register a.gigya-composite-control-link:hover, .reset-password a.gigya-composite-control-link:hover {
background: var(--sl-hover)
}
@media (min-width: 768px) {
.forgot-password a.gigya-composite-control-link, .register a.gigya-composite-control-link, .reset-password a.gigya-composite-control-link {
width: 70% !important
}
}
.forgot-password .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider, .register .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider, .reset-password .gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
background-repeat: repeat-x;
height: auto !important;
position: relative
}
.forgot-password .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit, .register .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit, .reset-password .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit {
display: flex !important;
padding-bottom: 0
}
.gigya-screen.portrait .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
background-repeat: repeat-x;
height: 81px;
position: relative
}
.forgot-password .gigya-composite-control-submit {
padding-bottom: var(--spacing-100) !important;
text-align: center !important
}
#gigya-register-screen .gigya-composite-control.gigya-composite-control-label.smart-id-input-info-label-b2c-screen {
color: var(--c-mid-contrast) !important;
display: block;
font-size: 13px !important;
font-weight: 400;
line-height: 22px !important;
margin-left: 10px;
margin-top: 5px !important;
padding-bottom: 0 !important;
padding-left: 16px;
position: relative;
text-align: left
}
#gigya-register-screen .gigya-composite-control.gigya-composite-control-label.smart-id-input-info-label-b2c-screen:before {
background-image: url(../images/5df1daf8bdf743589153.svg);
background-repeat: no-repeat;
background-size: 12px 12px;
content: "";
height: 12px;
left: 0;
margin-right: var(--spacing-100);
position: absolute;
top: 5px;
width: 12px
}
.forgot-password .gigya-composite-control.gigya-composite-control-submit.submit-wrapper {
padding-top: 0 !important
}
.forgot-password .main-text.head {
color: var(--c-high-contrast);
display: block;
font-family: var(--font-family-sans);
font-weight: var(--font-weight-regular);
letter-spacing: -.01em;
line-height: 110%;
padding-bottom: 40px
}
.reset-password .gigya-composite-control-submit {
padding-top: 0 !important
}
.reset-password h2 {
color: var(--c-high-contrast);
display: block;
font-family: var(--font-family-sans);
font-size: var(--headline-200);
letter-spacing: -.01em;
line-height: 110%;
padding-bottom: 40px
}
.reset-password h2, input[type=button] {
font-weight: var(--font-weight-bold) !important
}
input[type=button] {
align-content: center;
background-color: var(--c-high-contrast) !important;
border: 0 solid transparent !important;
border-radius: 999px !important;
box-shadow: none !important;
color: var(--c-inverted) !important;
cursor: pointer;
font-family: var(--font-family-sans) !important;
font-size: 19px;
font-size: var(--link-100) !important;
margin-left: 0 !important;
padding-bottom: 10px !important;
padding-left: 0 !important;
padding-top: 10px !important;
text-align: center;
text-align: center !important;
width: 100%;
width: 100% !important
}
@media (min-width: 768px) {
input[type=button] {
width: 70% !important
}
}
.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-site-login, .gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-social-login {
min-width: 0;
width: 100% !important
}
.gigya-checkbox-text {
font-size: 16px !important
}
.forgot-password .gigya-layout-row:first-child {
text-align: left !important
}
.forgot-password .gigya-layout-row:first-child label {
font-size: var(--font-size-paragraph100) !important;
padding-bottom: var(--spacing-300) !important
}
.forgot-password .gigya-layout-row:first-child .gigya-screen.portrait.mobile .gigya-composite-control-label {
font-size: var(--font-size-paragraph100) !important;
text-align: left !important
}
.forgot-password .gigya-layout-row:first-child .portrait.mobile .gigya-composite-control-label {
font-size: var(--font-size-paragraph100) !important
}
.gigya-composite-control.gigya-composite-control-header {
padding-bottom: var(--spacing-600) !important
}
.gigya-screen.landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
margin-top: 0 !important
}
.gigya-verification-sent-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link {
display: inline-block !important;
margin-top: var(--spacing-600) !important;
padding-bottom: 0 !important
}
.gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link {
display: inline-block !important
}
.register .gigya-composite-control.gigya-composite-control-dropdown select {
padding-left: 8px
}
.register .gigya-composite-control .gigya-composite-control-dropdown + .gigya-label {
display: none !important;
visibility: visible !important
}
.gigya-composite-control.gigya-composite-control-dropdown label {
display: none
}
.login .gigya-composite-control {
padding-bottom: 0 !important
}
.register .gigya-composite-control-phone-number-input input.gigya-subscriber-phone-number-input {
display: inline-block;
margin: 0;
width: calc(100% - 159px) !important
}
.register .gigya-composite-control-phone-number-input select.gigya-country-code-select {
display: inline-block;
margin: 0;
margin-right: 10px !important;
width: 145px !important
}
.register .smart-id-info-label {
font-size: 16px !important;
line-height: 32px !important;
margin-bottom: var(--spacing-500);
padding: 0 !important
}
.register .gigya-composite-control-label span {
font-size: 16px !important;
line-height: 140% !important
}
.register .gigya-composite-control-label a {
line-height: 140% !important
}
.register .gigya-screen.portrait.mobile .gigya-composite-control-label {
font-size: 16px
}
input:-webkit-autofill, input:-webkit-autofill:focus {
-webkit-transition: background-color 600000s 0s, color 600000s 0s;
transition: background-color 600000s 0s, color 600000s 0s
}
.gigya-complete-consent-screen h1, .gigya-complete-registration-screen h1, .gigya-forgot-password-success-screen h1, .gigya-reset-password-success-screen h1, .gigya-verification-pending-screen h1, .gigya-verification-sent-screen h1 {
display: inline-block !important
}
.gigya-complete-consent-screen .gigya-composite-control.gigya-composite-control-label, .gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-label, .gigya-forgot-password-success-screen .gigya-composite-control.gigya-composite-control-label, .gigya-reset-password-success-screen .gigya-composite-control.gigya-composite-control-label, .gigya-verification-pending-screen .gigya-composite-control.gigya-composite-control-label, .gigya-verification-sent-screen .gigya-composite-control.gigya-composite-control-label {
font-size: var(--font-size-paragraph100) !important;
line-height: 140% !important;
text-align: left !important
}
.gigya-complete-consent-screen .gigya-composite-control-link.gigya-button-link, .gigya-complete-registration-screen .gigya-composite-control-link.gigya-button-link, .gigya-forgot-password-success-screen .gigya-composite-control-link.gigya-button-link, .gigya-reset-password-success-screen .gigya-composite-control-link.gigya-button-link, .gigya-verification-pending-screen .gigya-composite-control-link.gigya-button-link, .gigya-verification-sent-screen .gigya-composite-control-link.gigya-button-link {
margin-top: var(--spacing-600) !important;
padding-bottom: 3px !important
}
.gigya-complete-consent-screen .gigya-composite-control-link, .gigya-complete-registration-screen .gigya-composite-control-link, .gigya-forgot-password-success-screen .gigya-composite-control-link, .gigya-reset-password-success-screen .gigya-composite-control-link, .gigya-verification-pending-screen .gigya-composite-control-link, .gigya-verification-sent-screen .gigya-composite-control-link {
margin-top: var(--spacing-600) !important
}
.gigya-complete-consent-screen .main-text.gigya-message, .gigya-complete-registration-screen .main-text.gigya-message, .gigya-forgot-password-success-screen .main-text.gigya-message, .gigya-reset-password-success-screen .main-text.gigya-message, .gigya-verification-pending-screen .main-text.gigya-message, .gigya-verification-sent-screen .main-text.gigya-message {
font-size: var(--font-size-paragraph100) !important;
text-align: left !important
}
.gigya-complete-consent-screen .gigya-composite-control.gigya-composite-control-label {
padding-bottom: var(--spacing-400) !important
}
.gigya-complete-consent-screen .gigya-layout-row:first-child, .gigya-complete-registration-screen .gigya-layout-row:first-child {
padding-bottom: var(--spacing-400)
}
.login .gigya-composite-control-label {
font-size: 16px !important
}
.gigya-composite-control.gigya-composite-control-label.main-text {
font-size: var(--font-size-paragraph100) !important;
text-align: left !important
}
.register .landscape .gigya-layout-row.with-divider > .gigya-layout-cell.with-divider {
margin-top: 0 !important
}
.register .smart-id-input-info-label-b2b-screen {
color: var(--c-mid-contrast) !important;
display: inline-block !important;
font-size: 13px !important;
font-weight: 400;
line-height: 22px !important;
margin-bottom: var(--spacing-400);
margin-left: 10px;
margin-top: 5px;
padding-bottom: 0 !important;
padding-left: 16px !important;
position: relative;
text-align: left
}
.register .smart-id-input-info-label-b2b-screen:before {
background-image: url(../images/5df1daf8bdf743589153.svg);
background-repeat: no-repeat;
background-size: 12px 12px;
content: "";
height: 12px;
left: 0;
margin-right: var(--spacing-100);
position: absolute;
top: 5px;
width: 12px
}
.register .smart-id-input-info-label-b2b-screen-vat {
color: var(--c-mid-contrast) !important;
display: inline-block !important;
font-size: 13px !important;
font-weight: 400;
line-height: 22px !important;
margin-left: 10px;
margin-top: 5px;
padding-bottom: 0 !important;
padding-left: 16px !important;
position: relative;
text-align: left
}
.register .smart-id-input-info-label-b2b-screen-vat:before {
background-image: url(../images/5df1daf8bdf743589153.svg);
background-repeat: no-repeat;
background-size: 12px 12px;
content: "";
height: 12px;
left: 0;
margin-right: var(--spacing-100);
position: absolute;
top: 5px;
width: 12px
}
.gigya-reset-password-success-screen .main-text {
padding-bottom: 0 !important
}
.gigya-reset-password-success-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link, .gigya-reset-password-success-screen a {
align-items: center;
border-radius: 999px !important;
border-style: solid !important;
border-width: 1px !important;
box-sizing: border-box !important;
cursor: pointer !important;
display: flex !important;
font-family: var(--font-family-sans) !important;
font-size: var(--font-size-link100) !important;
font-weight: var(--font-weight-bold) !important;
justify-content: center !important;
letter-spacing: .02em !important;
line-height: 130% !important;
padding: var(--spacing-300) 0 !important;
position: relative !important
}
.gigya-reset-password-success-screen .gigya-composite-control.gigya-composite-control-link.gigya-button-link:hover, .gigya-reset-password-success-screen a:hover {
background: var(--sl-hover)
}
.gigya-screen input[type=checkbox], .gigya-screen input[type=radio], .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-checkbox {
scale: 1.5
}
#gigya-org-register-success-screen .gigya-composite-control.gigya-composite-control-label {
font-size: var(--font-size-paragraph100) !important;
line-height: 140% !important;
text-align: left !important
}
.gigya-style-modern * {
background-color: transparent !important
}
.gigya-complete-consent-screen h1, .gigya-complete-registration-screen h1 {
display: none !important
}
.gigya-complete-consent-screen .gigya-composite-control.gigya-composite-control-label.main-text, .gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-label.main-text {
font-size: var(--font-size-paragraph100) !important;
padding-bottom: var(--spacing-500) !important;
text-align: left !important
}
.gigya-complete-consent-screen .gigya-composite-control-label span, .gigya-complete-registration-screen .gigya-composite-control-label span {
font-size: 16px !important;
line-height: 140% !important
}
.gigya-complete-consent-screen .gigya-composite-control-label a, .gigya-complete-registration-screen .gigya-composite-control-label a {
line-height: 140% !important
}
.gigya-complete-consent-screen .gigya-layout-row label.gigya-composite-control.gigya-composite-control-label, .gigya-complete-registration-screen .gigya-layout-row label.gigya-composite-control.gigya-composite-control-label {
font-size: 16px !important
}
.gigya-complete-consent-screen .gigya-label-text.gigya-composite-control.gigya-composite-control-label.main-text, .gigya-complete-registration-screen .gigya-label-text.gigya-composite-control.gigya-composite-control-label.main-text {
font-size: var(--font-size-paragraph100) !important;
padding-top: var(--spacing-400) !important
}
.gigya-complete-consent-screen span.gigya-label-text, .gigya-complete-registration-screen span.gigya-label-text {
font-size: 16px !important;
width: 90% !important
}
@media (min-width: 375px) {
.gigya-complete-consent-screen span.gigya-label-text, .gigya-complete-registration-screen span.gigya-label-text {
width: 70%
}
}
.gigya-complete-consent-screen .forgot-password .gigya-composite-control-label a, .gigya-complete-consent-screen .gigya-complete-consent-screen .gigya-composite-control-label a, .gigya-complete-consent-screen .gigya-composite-control-label a, .gigya-complete-consent-screen .reset-password .gigya-composite-control-label a, .gigya-complete-registration-screen .forgot-password .gigya-composite-control-label a, .gigya-complete-registration-screen .gigya-complete-consent-screen .gigya-composite-control-label a, .gigya-complete-registration-screen .gigya-composite-control-label a, .gigya-complete-registration-screen .reset-password .gigya-composite-control-label a {
color: var(--c-high-contrast) !important;
font-family: var(--font-family-sans) !important;
font-size: 16px !important;
font-weight: var(--font-weight-bold) !important;
padding-bottom: var(--spacing-50);
padding-left: 0 !important;
text-decoration: none !important;
text-decoration: underline !important
}
.gigya-complete-consent-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-label, .gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-label {
display: block !important;
flex: 0 0 auto;
margin-left: 8px;
max-width: 95% !important;
padding-bottom: var(--spacing-400) !important
}
.register .custom-email-error {
color: var(--sig-error) !important;
font-family: var(--font-family-sans) !important;
font-size: var(--font-size-caption50) !important;
font-weight: var(--font-weight-regular) !important;
letter-spacing: 0 !important;
line-height: 140% !important;
padding-bottom: 0 !important;
padding-left: 10px !important;
padding-top: 0 !important;
text-align: left !important
}
.change-smart-id .gigya-composite-control.gigya-composite-control-submit {
display: flex !important;
justify-content: center !important
}
.change-smart-id .gigya-composite-control-label {
font-size: var(--font-size-paragraph100) !important;
font-weight: 400 !important;
padding-bottom: var(--spacing-300) !important
}
.change-smart-id input[type=submit] {
background: var(--s-primary) !important;
border-radius: 999px !important;
color: var(--c-inverted) !important;
font-family: var(--font-family-sans) !important;
font-size: var(--link-100) !important;
font-weight: var(--font-weight-bold) !important;
height: auto !important;
margin-bottom: var(--spacing-200) !important;
margin-top: var(--spacing-700) !important;
padding: var(--spacing-300) 0 !important;
width: 100% !important
}
@media (min-width: 768px) {
.change-smart-id input[type=submit] {
width: 70% !important
}
}
input:focus {
border: 1px solid #2378cd !important;
box-shadow: 0 0 5px 0 #0070f0 !important;
outline: none !important
}
.register .gigya-composite-control.gigya-composite-control-label {
line-height: 140%
}
.login .subs-widget-container, .register .subs-widget-container {
display: flex
}
.login .subs-widget-container .subscription-checkbox, .register .subs-widget-container .subscription-checkbox {
align-self: flex-start;
margin: 5px 0 0
}
.login .subs-widget-container .subscription-name-label, .register .subs-widget-container .subscription-name-label {
line-height: 140%;
margin-left: 7px;
width: 100%
}
.login .subs-widget-container .subscription-name-label a, .register .subs-widget-container .subscription-name-label a {
font-size: 16px;
font-weight: var(--font-weight-bold);
text-decoration: underline
}
.login .subs-widget-container .subscription-name-label span, .register .subs-widget-container .subscription-name-label span {
font-size: 16px;
line-height: 140%
}
.hSnTwRU {
background-color: var(--bg-level-1);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--spacing-900) var(--content-margin) var(--spacing-400) var(--content-margin)
}
@media (min-width: 1024px) {
.hSnTwRU {
padding-top: var(--spacing-800)
}
}
.EzSRzr6 {
display: flex;
justify-content: center;
margin: 0 0 var(--spacing-700) 0
}
@media (min-width: 1024px) {
.EzSRzr6 {
justify-content: flex-start;
margin: 0;
width: var(--col-3)
}
}
.hSnTwRU .OEy3ZyQ {
display: flex;
flex-direction: column
}
@media (min-width: 1024px) {
.hSnTwRU .OEy3ZyQ {
align-items: flex-start;
flex-direction: row
}
}
.hSnTwRU .qsOmzyr {
display: flex;
padding: var(--spacing-100) 0
}
@media (min-width: 1024px) {
.hSnTwRU .qsOmzyr {
padding: var(--spacing-300) 0
}
}
.hSnTwRU ._qJdfyb {
color: var(--c-high-contrast);
flex-shrink: 0;
position: relative;
transition: color .15s ease-in-out
}
.hSnTwRU ._qJdfyb:hover {
color: var(--c-hover)
}
.hSnTwRU ._qJdfyb:after {
background-color: var(--c-high-contrast);
content: "";
height: 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px
}
.hSnTwRU .TQeAil5 {
color: inherit;
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
letter-spacing: .02em;
line-height: 130%;
padding: 0 var(--spacing-200) 0 calc(16px + var(--spacing-50));
text-decoration: none
}
.hSnTwRU .TQeAil5:after {
content: "";
cursor: pointer;
height: 44px;
left: 50%;
min-width: 44px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1
}
.hSnTwRU .KdrMKJF {
color: inherit;
left: 0;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.hSnTwRU ._qJdfyb:only-child {
padding-right: 0
}
.hSnTwRU ._qJdfyb:only-child:after {
display: none
}
.hSnTwRU .mGWCtRI {
color: var(--c-high-contrast);
flex-shrink: 0;
position: relative;
transition: color .15s ease-in-out
}
.hSnTwRU .mGWCtRI:hover {
color: var(--c-hover)
}
.hSnTwRU .TktiXPK {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
letter-spacing: .02em;
line-height: 130%;
padding: 0 calc(16px + var(--spacing-100)) 0 var(--spacing-200);
width: 100%
}
.hSnTwRU .TktiXPK:after {
content: "";
cursor: pointer;
height: 44px;
left: 50%;
min-width: 44px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1
}
.hSnTwRU .HlYhCXY {
color: initial
}
.hSnTwRU .dqkZ8zd {
color: inherit;
pointer-events: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.rNxhTcW {
align-items: center;
display: flex;
flex-direction: column;
margin: var(--spacing-800) 0
}
@media (min-width: 1024px) {
.rNxhTcW {
align-items: flex-end;
margin: 0;
width: var(--col-7)
}
}
@media (min-width: 1440px) {
.rNxhTcW {
width: var(--col-5)
}
}
.PrGWKJy {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
@media (min-width: 768px) {
.PrGWKJy {
margin: 0
}
}
.hw7QzeN {
align-items: center;
border-top: 2px solid var(--div-default);
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: var(--spacing-400) 0;
width: 100%
}
.hw7QzeN > * {
flex: 0 100%;
justify-content: flex-start
}
@media (min-width: 1024px) {
.hw7QzeN {
justify-content: space-between;
margin-top: var(--spacing-800)
}
.hw7QzeN > * {
flex: 0 content;
justify-content: center
}
}
.hSnTwRU .iyyhZe3 {
color: var(--c-mid-contrast)
}
.hSnTwRU .iyyhZe3:not(:last-child) {
margin-bottom: var(--spacing-100)
}
.hSnTwRU .vb5UA45 {
display: flex;
flex-direction: column;
width: 100%
}
.hSnTwRU .MF7Bqjg {
padding: var(--spacing-100) 0;
text-decoration: none
}
@media (min-width: 1024px) {
.hSnTwRU .vb5UA45 {
flex-direction: row;
width: var(--col-10)
}
}
@media (min-width: 1440px) {
.hSnTwRU .vb5UA45 {
width: var(--col-12)
}
}
@media (min-width: 1024px) {
.hSnTwRU .vb5UA45 .GAb_n77 {
width: var(--col-5)
}
}
@media (min-width: 1440px) {
.hSnTwRU .vb5UA45 .GAb_n77 {
display: flex;
width: var(--col-8)
}
}
.hSnTwRU .e2pLQ3x {
align-items: center;
display: flex;
flex-direction: column;
list-style-type: none;
margin: 0;
padding: 0
}
.hSnTwRU .KJ_tTuw {
text-align: center;
width: 100%
}
@media (min-width: 1024px) {
.hSnTwRU .KJ_tTuw {
text-align: left
}
}
.hSnTwRU .WwpBXOG .MF7Bqjg, .hSnTwRU .b_PcL71 .MF7Bqjg, .hSnTwRU .mj9gWjn .MF7Bqjg {
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
letter-spacing: .02em;
line-height: 130%
}
@media (min-width: 1024px) {
.hSnTwRU .WwpBXOG, .hSnTwRU .b_PcL71, .hSnTwRU .mj9gWjn {
padding-right: var(--spacing-300)
}
}
.hSnTwRU .b_PcL71 {
margin-bottom: var(--spacing-800)
}
.hSnTwRU .b_PcL71:only-child {
margin-bottom: 0
}
@media (min-width: 1024px) {
.hSnTwRU .b_PcL71 {
margin: 0;
width: var(--col-5)
}
}
@media (min-width: 1440px) {
.hSnTwRU .b_PcL71 {
width: var(--col-4)
}
}
.hSnTwRU .WwpBXOG .MF7Bqjg, .hSnTwRU .mj9gWjn .MF7Bqjg {
color: var(--c-mid-contrast)
}
.hSnTwRU .WwpBXOG .MF7Bqjg:hover, .hSnTwRU .mj9gWjn .MF7Bqjg:hover {
color: var(--c-hover)
}
.hSnTwRU .WwpBXOG .MF7Bqjg:active, .hSnTwRU .mj9gWjn .MF7Bqjg:active {
color: var(--c-pressed)
}
@media (min-width: 1440px) {
.hSnTwRU .WwpBXOG, .hSnTwRU .mj9gWjn {
width: var(--col-4)
}
}
.hSnTwRU .mj9gWjn {
margin-bottom: var(--spacing-500)
}
.hSnTwRU .mj9gWjn:only-child {
margin-bottom: 0
}
@media (min-width: 1024px) {
.hSnTwRU .mj9gWjn {
margin-bottom: 0
}
}
.hSnTwRU .QRy60OY {
background: transparent;
border: 0;
color: var(--c-mid-contrast);
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
letter-spacing: .02em;
line-height: 130%;
padding: 0;
padding: var(--spacing-100) 0;
transition: color .15s ease-in-out
}
.hSnTwRU .QRy60OY:hover {
color: var(--c-hover);
cursor: pointer
}
.hSnTwRU .QRy60OY:active {
color: var(--c-pressed)
}
.plXkf93 {
align-items: center;
border-radius: 999px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
cursor: pointer;
display: flex;
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
justify-content: center;
letter-spacing: .02em;
line-height: 130%;
position: relative;
white-space: nowrap
}
.plXkf93:disabled {
pointer-events: none
}
.plXkf93:focus, .plXkf93:focus-visible {
transition: none
}
.plXkf93:hover {
transition: all .15s ease-in-out
}
.plXkf93:active {
transition: all .1s ease-in-out
}
.plXkf93:active, .plXkf93:hover {
transition: none
}
.BWp2BIj {
background-color: var(--s-primary);
border-color: var(--s-primary);
color: var(--c-inverted);
transition: all .15s ease-in-out
}
.BWp2BIj:hover {
background-color: var(--s-primary-hover);
border-color: var(--s-primary-hover)
}
.BWp2BIj:active {
background-color: var(--s-primary-pressed);
border-color: var(--s-primary-pressed);
color: var(--c-inverted)
}
.BWp2BIj:disabled {
background: var(--s-disabled);
border-color: var(--s-disabled);
color: var(--c-disabled)
}
.q8_UajH {
background: transparent;
border-color: var(--c-high-contrast);
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.q8_UajH:hover {
background: var(--sl-hover)
}
.q8_UajH:active {
background-color: var(--sl-pressed);
border-color: var(--c-high-contrast)
}
.q8_UajH:disabled {
border-color: var(--c-disabled);
color: var(--c-disabled)
}
.aA5yezF {
background-color: transparent;
border-color: transparent;
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.aA5yezF:hover {
background: var(--sl-hover)
}
.aA5yezF:active {
background-color: var(--sl-pressed)
}
.aA5yezF:disabled {
color: var(--c-disabled)
}
.Abp1YEC {
align-items: flex-start;
background: transparent;
border: 0;
border-radius: 0;
color: var(--c-high-contrast);
padding: 0 0 var(--spacing-50) 0
}
.Abp1YEC .fnaPMEf {
border-bottom: 2px solid var(--c-high-contrast);
padding-bottom: var(--spacing-50);
transition: all .15s ease-in-out
}
.Abp1YEC:hover {
color: var(--c-hover)
}
.Abp1YEC:hover .fnaPMEf {
border-color: var(--c-hover)
}
.Abp1YEC:active {
color: var(--c-pressed)
}
.Abp1YEC:active .fnaPMEf {
border-color: var(--c-pressed)
}
.Abp1YEC:disabled {
color: var(--c-disabled)
}
.Abp1YEC:disabled .fnaPMEf {
border-color: var(--c-disabled)
}
.BWp2BIj.Ftf_ZFQ, .aA5yezF.Ftf_ZFQ, .q8_UajH.Ftf_ZFQ {
padding: var(--spacing-100) var(--spacing-300)
}
.BWp2BIj.PuJmCb1, .aA5yezF.PuJmCb1, .q8_UajH.PuJmCb1 {
padding: var(--spacing-300) 35px
}
.h3_d0O0 .HK0lj2n, .h3_d0O0 .cGux6gN {
margin-right: var(--spacing-50)
}
.aS9DS3N {
flex-direction: row-reverse
}
.aS9DS3N .HK0lj2n, .aS9DS3N .cGux6gN {
margin-left: var(--spacing-50)
}
.cGux6gN {
flex-shrink: 0;
height: 16px;
transition: color .15s ease-in-out;
width: 16px
}
.d8CjUwg {
white-space: normal;
width: 100%
}
.m0hgob0 {
color: var(--c-high-contrast);
display: flex;
position: relative;
transition: all .15s ease-in-out
}
.m0hgob0:focus-visible {
transition: none
}
.m0hgob0:hover {
transition: all .15s ease-in-out
}
.m0hgob0:active {
transition: all .1s ease-in-out
}
.MayHY2H {
flex-direction: row-reverse
}
.MayHY2H .OwNJtWN {
margin-right: var(--spacing-50)
}
.wMfuChQ .OwNJtWN {
margin-left: var(--spacing-50)
}
.wMK3F04 {
align-items: center;
border-radius: 999px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
cursor: pointer;
display: flex;
display: inline-flex;
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
justify-content: center;
letter-spacing: .02em;
line-height: 130%;
padding: var(--spacing-300) 35px;
position: relative;
text-decoration: none
}
.wMK3F04:disabled {
pointer-events: none
}
.wMK3F04:focus, .wMK3F04:focus-visible {
transition: none
}
.wMK3F04:hover {
transition: all .15s ease-in-out
}
.wMK3F04:active {
transition: all .1s ease-in-out
}
.d7Ov4tl {
background-color: var(--s-primary);
border-color: var(--s-primary);
color: var(--c-inverted);
transition: all .15s ease-in-out
}
.d7Ov4tl:hover {
background-color: var(--s-primary-hover);
border-color: var(--s-primary-hover)
}
.d7Ov4tl:active {
background-color: var(--s-primary-pressed);
border-color: var(--s-primary-pressed);
color: var(--c-inverted)
}
.d7Ov4tl:disabled {
background: var(--s-disabled);
border-color: var(--s-disabled);
color: var(--c-disabled)
}
.FPQOJFg {
background: transparent;
border-color: var(--c-high-contrast);
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.FPQOJFg:hover {
background: var(--sl-hover)
}
.FPQOJFg:active {
background-color: var(--sl-pressed);
border-color: var(--c-high-contrast)
}
.FPQOJFg:disabled {
border-color: var(--c-disabled);
color: var(--c-disabled)
}
.AU4j42H {
background-color: transparent;
border-color: transparent;
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.AU4j42H:hover {
background: var(--sl-hover)
}
.AU4j42H:active {
background-color: var(--sl-pressed)
}
.AU4j42H:disabled {
color: var(--c-disabled)
}
.AU4j42H, .FPQOJFg, .d7Ov4tl {
white-space: nowrap
}
.AU4j42H.iORYuIB, .AU4j42H.nH1KsaU, .FPQOJFg.iORYuIB, .FPQOJFg.nH1KsaU, .d7Ov4tl.iORYuIB, .d7Ov4tl.nH1KsaU {
padding: var(--spacing-100) var(--spacing-300)
}
.AU4j42H.KzReVwm, .AU4j42H.xmuCAhD, .FPQOJFg.KzReVwm, .FPQOJFg.xmuCAhD, .d7Ov4tl.KzReVwm, .d7Ov4tl.xmuCAhD {
padding: var(--spacing-300) 35px
}
.KysW3to {
font-size: var(--font-size-paragraph100);
letter-spacing: 0
}
.KysW3to, .RCbu66k {
align-items: center;
font-family: var(--font-family-sans);
font-weight: var(--font-weight-bold);
line-height: 140%;
text-decoration: underline
}
.RCbu66k {
font-size: var(--font-size-paragraph200);
letter-spacing: .01em
}
.qyPj7QW {
align-items: center;
font-size: var(--font-size-legal100);
letter-spacing: 0;
line-height: 140%;
text-decoration: underline
}
.qyPj7QW, .zgoqWVC {
font-family: var(--font-family-sans);
font-weight: var(--font-weight-bold)
}
.zgoqWVC {
align-items: flex-start;
font-size: var(--font-size-link100);
letter-spacing: .02em;
line-height: 130%;
text-decoration: none
}
.zgoqWVC:after {
content: "";
cursor: pointer;
height: 44px;
left: 50%;
min-width: 44px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1
}
.zgoqWVC .aFFGr7L {
position: relative
}
.zgoqWVC .aFFGr7L:before {
background-color: var(--c-high-contrast);
bottom: calc((2px + var(--spacing-50)) * -1);
content: "";
height: 2px;
position: absolute;
width: 100%
}
.KysW3to, .RCbu66k, .qyPj7QW, .zgoqWVC {
display: inline-flex
}
.KysW3to:hover, .RCbu66k:hover, .qyPj7QW:hover, .zgoqWVC:hover {
color: var(--c-hover)
}
.KysW3to:active, .RCbu66k:active, .qyPj7QW:active, .zgoqWVC:active {
color: var(--c-pressed)
}
.KysW3to:focus-visible, .RCbu66k:focus-visible, .qyPj7QW:focus-visible, .zgoqWVC:focus-visible {
border-radius: 2px
}
.zgoqWVC {
transition: all .15s ease-in-out
}
.zgoqWVC:focus-visible {
transition: none
}
.zgoqWVC:hover .aFFGr7L:before {
background-color: var(--c-hover);
transition: all .15s ease-in-out
}
.zgoqWVC:active {
transition: all .1s ease-in-out
}
.zgoqWVC:active .aFFGr7L:before {
background-color: var(--c-pressed)
}
.OwNJtWN {
flex-shrink: 0;
height: 16px;
width: 16px
}
.ZnuAwRf {
border-radius: 999px;
display: inline-flex;
position: relative;
text-decoration: none
}
.zIXNXIe {
background: transparent;
border: 0;
border-radius: 0;
color: var(--c-high-contrast);
padding: 0;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px
}
.zIXNXIe:hover {
background: transparent;
color: var(--c-hover)
}
.zIXNXIe:active {
color: var(--c-pressed)
}
.zIXNXIe:disabled {
color: var(--c-disabled)
}
._5QzNTSP:not(.zIXNXIe), .gI4FBY3:not(.zIXNXIe) {
min-height: calc(16px + var(--spacing-100) * 2);
min-width: calc(16px + var(--spacing-100) * 2)
}
._5QzNTSP.zIXNXIe:after, .gI4FBY3.zIXNXIe:after {
content: "";
cursor: pointer;
height: 24px;
left: 50%;
min-width: 24px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1
}
._5QzNTSP .ZKR4vUB, .gI4FBY3 .ZKR4vUB {
height: 16px;
width: 16px
}
.d_fJ4u8:not(.zIXNXIe), .lWvxrZm:not(.zIXNXIe) {
min-height: calc(24px + var(--spacing-200) * 2);
min-width: calc(24px + var(--spacing-200) * 2)
}
.d_fJ4u8.zIXNXIe:after, .lWvxrZm.zIXNXIe:after {
content: "";
cursor: pointer;
height: 24px;
left: 50%;
min-width: 24px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1
}
.d_fJ4u8 .ZKR4vUB, .lWvxrZm .ZKR4vUB {
height: 24px;
width: 24px
}
.j1B5SRC {
color: var(--c-high-contrast);
display: inline-flex
}
.j1B5SRC, .u8FLard {
align-items: center;
justify-content: center
}
.u8FLard {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
cursor: pointer;
display: flex;
display: inline-flex;
position: relative
}
.u8FLard:disabled {
pointer-events: none
}
.u8FLard:focus, .u8FLard:focus-visible {
transition: none
}
.u8FLard:hover {
transition: all .15s ease-in-out
}
.u8FLard:active {
transition: all .1s ease-in-out
}
.U6LdwsY {
background-color: var(--s-primary);
border-color: var(--s-primary);
color: var(--c-inverted);
transition: all .15s ease-in-out
}
.U6LdwsY:hover {
background-color: var(--s-primary-hover);
border-color: var(--s-primary-hover)
}
.U6LdwsY:active {
background-color: var(--s-primary-pressed);
border-color: var(--s-primary-pressed);
color: var(--c-inverted)
}
.U6LdwsY:disabled {
background: var(--s-disabled);
border-color: var(--s-disabled);
color: var(--c-disabled)
}
.nRXjkS2 {
background: transparent;
border-color: var(--c-high-contrast);
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.nRXjkS2:hover {
background: var(--sl-hover)
}
.nRXjkS2:active {
background-color: var(--sl-pressed);
border-color: var(--c-high-contrast)
}
.nRXjkS2:disabled {
border-color: var(--c-disabled);
color: var(--c-disabled)
}
.YX8KZx4 {
background-color: transparent;
border-color: transparent;
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.YX8KZx4:hover {
background: var(--sl-hover)
}
.YX8KZx4:active {
background-color: var(--sl-pressed)
}
.YX8KZx4:disabled {
color: var(--c-disabled)
}
.zk27IdD {
height: 24px;
width: 24px
}
.Hehl7Sz {
height: 16px;
width: 16px
}
.jC4tZKK {
display: flex;
flex-direction: row;
margin: var(--spacing-800) 0 0 0;
padding: 0
}
@media (min-width: 1024px) {
.jC4tZKK {
margin-top: 0
}
}
.kigG2yK {
display: flex;
margin: 0;
padding: 0
}
.ENOr040 {
list-style-type: none
}
.ENOr040:not(:last-child) {
padding-right: var(--spacing-400)
}
.PGJ023v {
color: var(--c-high-contrast);
-webkit-hyphens: auto;
hyphens: auto
}
._Gc877c {
text-align: center
}
.ea_CT56 {
font-size: var(--font-size-paragraph100);
letter-spacing: 0
}
._8nOogS, .ea_CT56 {
font-family: var(--font-family-sans);
font-weight: var(--font-weight-regular);
line-height: 140%
}
._8nOogS {
font-size: var(--font-size-paragraph200);
letter-spacing: .01em
}
.dNN_sH6 {
font-family: var(--font-family-sans);
font-size: var(--font-size-caption100);
font-weight: var(--font-weight-regular);
letter-spacing: 0;
line-height: 140%
}
.ty8BmKm {
font-size: var(--font-size-caption200)
}
.WpCcKYY, .ty8BmKm {
font-family: var(--font-family-sans);
font-weight: var(--font-weight-regular);
letter-spacing: 0;
line-height: 130%
}
.WpCcKYY {
font-size: var(--font-size-caption200-fixed)
}
.eRM0iOX {
font-size: var(--font-size-caption300)
}
.eRM0iOX, .ug3_RBZ {
font-family: var(--font-family-sans);
font-weight: var(--font-weight-regular);
letter-spacing: .01em;
line-height: 130%
}
.ug3_RBZ {
font-size: var(--font-size-caption300-fixed)
}
.lievonm {
font-size: var(--font-size-label100)
}
.fQB3KXB, .lievonm {
font-family: var(--font-family-sans);
font-weight: var(--font-weight-bold);
letter-spacing: .01em;
line-height: 140%
}
.fQB3KXB {
font-size: var(--font-size-label200)
}
.ocfleRr {
font-family: var(--font-family-sans);
font-size: var(--font-size-legal100);
font-weight: var(--font-weight-regular);
letter-spacing: .01em;
line-height: 130%
}
.ls4v9Zg {
background-color: #fff;
display: flex;
height: 76px;
justify-content: center
}
.t4mi4fE {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.uiI_TZj {
color: #000;
height: 100%
}
.lToyMj1 {
color: var(--c-high-contrast)
}
.smart-id__wrapper {
margin: 0 auto;
max-width: 475px
}
.smart-id__content {
height: auto;
margin-left: var(--spacing-100) !important;
margin-right: var(--spacing-100) !important;
min-height: 60vh;
padding-bottom: var(--spacing-1000);
padding-left: var(--spacing-100) !important;
padding-right: var(--spacing-100) !important;
padding-top: var(--spacing-900) !important;
}
.errorcodenotification {
min-height: var(--spacing-900);
padding-bottom: var(--spacing-500)
}
.errorcodenotification p, .errorcodenotification span {
font-size: 16px !important
}
.notification_width {
width: 100%
}
.PxPj4Kn {
align-items: flex-start;
border-radius: 8px;
display: inline-flex;
justify-content: space-between;
padding: 0 0 var(--spacing-300) var(--spacing-300)
}
.F27iVTs {
flex-shrink: 0;
margin-right: var(--spacing-300)
}
.WfPilLd {
display: flex;
padding-top: var(--spacing-300)
}
.WfPilLd:not(:last-child) .edXLhiK {
margin-right: var(--spacing-200)
}
.aAoEjDj {
color: var(--c-high-contrast);
margin: var(--spacing-100) var(--spacing-100) 0 0
}
.kBoQtW1 {
font-family: var(--font-family-sans);
font-size: var(--font-size-label100);
font-weight: var(--font-weight-bold);
letter-spacing: .01em;
line-height: 140%
}
.kBfHQ_Y {
background: var(--bg-level-3)
}
.kBfHQ_Y .CtAbGYM, .kBfHQ_Y .F27iVTs, .kBfHQ_Y .aAoEjDj, .kBfHQ_Y .kBoQtW1 {
color: var(--c-high-contrast)
}
.ERGK8vv {
background: var(--sig-warning)
}
.ERGK8vv .CtAbGYM, .ERGK8vv .F27iVTs, .ERGK8vv .aAoEjDj, .ERGK8vv .kBoQtW1 {
color: var(--dc-accent)
}
.Csk5E89 .CtAbGYM, .Csk5E89 .F27iVTs, .Csk5E89 .aAoEjDj, .Csk5E89 .kBoQtW1, .mknmwLp .CtAbGYM, .mknmwLp .F27iVTs, .mknmwLp .aAoEjDj, .mknmwLp .kBoQtW1 {
color: var(--c-inverted)
}
.Csk5E89 {
background-color: var(--sig-success)
}
.mknmwLp {
background-color: var(--sig-error)
}
.USpfA0C {
align-items: center;
border: 1px solid;
border-radius: 999px;
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: center;
padding: 0;
position: relative
}
.USpfA0C:disabled {
pointer-events: none
}
.USpfA0C:focus, .USpfA0C:focus-visible {
transition: none
}
.USpfA0C:hover {
transition: all .15s ease-in-out
}
.USpfA0C:active {
transition: all .1s ease-in-out
}
.SquMAkl {
background-color: var(--s-primary);
border-color: var(--s-primary);
color: var(--c-inverted);
transition: all .15s ease-in-out
}
.SquMAkl:hover {
background-color: var(--s-primary-hover);
border-color: var(--s-primary-hover)
}
.SquMAkl:active {
background-color: var(--s-primary-pressed);
border-color: var(--s-primary-pressed);
color: var(--c-inverted)
}
.SquMAkl:disabled {
background: var(--s-disabled);
border-color: var(--s-disabled);
color: var(--c-disabled)
}
.tHmRtl4 {
background: transparent;
border-color: var(--c-high-contrast);
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.tHmRtl4:hover {
background: var(--sl-hover)
}
.tHmRtl4:active {
background-color: var(--sl-pressed);
border-color: var(--c-high-contrast)
}
.tHmRtl4:disabled {
border-color: var(--c-disabled);
color: var(--c-disabled)
}
.AG_7p6n {
background-color: transparent;
border-color: transparent;
color: var(--c-high-contrast);
transition: all .15s ease-in-out
}
.AG_7p6n:hover {
background: var(--sl-hover)
}
.AG_7p6n:active {
background-color: var(--sl-pressed)
}
.AG_7p6n:disabled {
color: var(--c-disabled)
}
.js6YOMg {
background: transparent;
border: 0;
border-radius: 0;
color: var(--c-high-contrast);
padding: 0;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px
}
.js6YOMg:hover {
background: transparent;
color: var(--c-hover)
}
.js6YOMg:active {
color: var(--c-pressed)
}
.js6YOMg:disabled {
color: var(--c-disabled)
}
.ZYMQAV1, .fDi3Ntl {
min-height: calc(16px + var(--spacing-100) * 2);
min-width: calc(16px + var(--spacing-100) * 2)
}
.ZYMQAV1 .UNorMvg, .fDi3Ntl .UNorMvg {
height: 16px;
width: 16px
}
.kfpl3yk, .mSIcQ6m {
min-height: calc(24px + var(--spacing-200) * 2);
min-width: calc(24px + var(--spacing-200) * 2)
}
.kfpl3yk .UNorMvg, .mSIcQ6m .UNorMvg {
height: 24px;
width: 24px
}
.WljIjCP {
align-items: center;
display: inline-flex;
flex-direction: column
}
.WljIjCP .USpfA0C {
margin-bottom: var(--spacing-100)
}
.WljIjCP .liWCMsJ {
color: var(--c-high-contrast);
font-family: var(--font-family-sans);
font-size: var(--font-size-link100);
font-weight: var(--font-weight-bold);
letter-spacing: .02em;
line-height: 130%;
text-align: center
}
.WljIjCP .USpfA0C:disabled + .liWCMsJ {
color: var(--c-disabled)
}
.market-available {
text-align: center
}
.market-available__heading_wrapper {
display: flex;
justify-content: center;
padding-bottom: var(--spacing-500)
}
.market-available__bodytext_wrapper {
padding-bottom: var(--spacing-600)
}
.market-available__warning_wrapper {
display: flex;
justify-content: center
}
.market-available__button_wrapper {
padding-bottom: var(--spacing-200)
}
.market-available__button, .market-available__button-ghost {
width: 100%
}
@media (min-width: 768px) {
.market-available__button, .market-available__button-ghost {
width: 70%
}
}
.nAY4Lbb {
color: var(--c-high-contrast);
display: block;
margin: 0;
overflow-wrap: break-word
}
.mXhMykq {
font-family: var(--font-family-sans)
}
.luqy581, .mXhMykq {
font-size: var(--headline-100);
font-weight: var(--font-weight-bold);
letter-spacing: -.01em;
line-height: 110%
}
.luqy581 {
font-family: var(--font-family-next)
}
.lNmAatU {
font-family: var(--font-family-sans)
}
.VIKn2tY, .lNmAatU {
font-size: var(--headline-200);
font-weight: var(--font-weight-bold);
letter-spacing: -.01em;
line-height: 110%
}
.VIKn2tY {
font-family: var(--font-family-next)
}
.ZIMShow {
font-family: var(--font-family-sans)
}
.ZIMShow, .z6qHuh2 {
font-size: var(--headline-300);
font-weight: var(--font-weight-bold);
letter-spacing: 0;
line-height: 120%
}
.z6qHuh2 {
font-family: var(--font-family-next)
}
.M27xAz1 {
font-family: var(--font-family-sans)
}
.M27xAz1, .ScU6GLP {
font-size: var(--headline-400);
font-weight: var(--font-weight-bold);
letter-spacing: 0;
line-height: 120%
}
.ScU6GLP {
font-family: var(--font-family-next)
}
.K1tvcOK {
font-family: var(--font-family-sans)
}
.K1tvcOK, .Yfxqz2J {
font-size: var(--display-100);
font-weight: var(--font-weight-bold);
letter-spacing: -.03em;
line-height: 110%
}
.Yfxqz2J {
font-family: var(--font-family-next)
}
.cvGHjvs {
font-family: var(--font-family-sans)
}
.cvGHjvs, .iCd7fhB {
font-size: var(--display-200);
font-weight: var(--font-weight-bold);
letter-spacing: -.03em;
line-height: 110%
}
.iCd7fhB {
font-family: var(--font-family-next)
}
.ULaSbjr {
font-family: var(--font-family-sans)
}
.ULaSbjr, .eQNl1aE {
font-size: var(--display-300);
font-weight: var(--font-weight-bold);
letter-spacing: 0;
line-height: 120%
}
.eQNl1aE {
font-family: var(--font-family-next)
}
._EWkoX9 {
font-family: var(--font-family-sans);
font-size: var(--font-size-display200-fixed);
font-weight: var(--font-weight-bold);
letter-spacing: -.03em;
line-height: 110%
}
.JKe8Y36 {
font-size: var(--font-size-subheadline100);
line-height: 110%
}
.JKe8Y36, .aa6Y9VP {
font-family: var(--font-family-next);
font-weight: var(--font-weight-bold);
letter-spacing: 0
}
.aa6Y9VP {
font-size: var(--font-size-subheadline200);
line-height: 140%
}
.no-market {
text-align: center
}
.no-market__heading_wrapper {
display: flex;
justify-content: center;
padding-bottom: var(--spacing-500)
}
.no-market__bodytext_wrapper {
padding-bottom: var(--spacing-600);
text-align: left
}
.no-market__warning_wrapper {
padding-bottom: var(--spacing-400);
text-align: left
}
.no-market__button_wrapper {
display: flex;
justify-content: center
}
.no-market__button {
width: 100%
}
@media (min-width: 768px) {
.no-market__button {
width: 70%
}
}
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, :after, :before {
box-sizing: border-box
}
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
-moz-tab-size: 4;
tab-size: 4
}
body {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
}
hr {
color: inherit;
height: 0
}
abbr[title] {
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, pre, samp {
font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
border-color: inherit;
text-indent: 0
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
::-moz-focus-inner {
border-style: none;
padding: 0
}
:-moz-ui-invalid {
box-shadow: none
}
legend {
padding: 0
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
:root {
--breakpoint-xs: 320px;
--breakpoint-s: 375px;
--breakpoint-m: 768px;
--breakpoint-l: 1024px;
--breakpoint-xl: 1440px;
--breakpoint-xxl: 1920px;
--content-margin: var(--col-1);
--col-1: 6.25vw;
--col-2: 12.5vw;
--col-3: 18.75vw;
--col-4: 25vw;
--col-5: 31.25vw;
--col-6: 37.5vw;
--col-7: 43.75vw;
--col-8: 50vw;
--col-9: 56.25vw;
--col-10: 62.5vw;
--col-11: 68.75vw;
--col-12: 75vw;
--col-13: 81.25vw;
--col-14: 87.5vw;
--col-15: 93.75vw;
--col-16: 100vw
}
@media (min-width: 768px) {
:root {
--content-margin: var(--col-2);
--col-1: 4.1666666667vw;
--col-2: 8.3333333333vw;
--col-3: 12.5vw;
--col-4: 16.6666666667vw;
--col-5: 20.8333333333vw;
--col-6: 25vw;
--col-7: 29.1666666667vw;
--col-8: 33.3333333333vw;
--col-9: 37.5vw;
--col-10: 41.6666666667vw;
--col-11: 45.8333333333vw;
--col-12: 50vw;
--col-13: 54.1666666667vw;
--col-14: 58.3333333333vw;
--col-15: 62.5vw;
--col-16: 66.6666666667vw;
--col-17: 70.8333333333vw;
--col-18: 75vw;
--col-19: 79.1666666667vw;
--col-20: 83.3333333333vw;
--col-21: 87.5vw;
--col-22: 91.6666666667vw;
--col-23: 95.8333333333vw;
--col-24: 100vw
}
}
@media (min-width: 1920px) {
:root {
--content-margin: calc(50vw - 800px);
--col-1: 80px;
--col-2: 160px;
--col-3: 240px;
--col-4: 320px;
--col-5: 400px;
--col-6: 480px;
--col-7: 560px;
--col-8: 640px;
--col-9: 720px;
--col-10: 800px;
--col-11: 880px;
--col-12: 960px;
--col-13: 1040px;
--col-14: 1120px;
--col-15: 1200px;
--col-16: 1280px;
--col-17: 1360px;
--col-18: 1440px;
--col-19: 1520px;
--col-20: 1600px
}
}
body, html {
margin: 0
}
body {
overflow-x: hidden
}
body.no-scroll {
overflow: hidden
}
body figure {
margin: 0
}
:root {
--bg-level-1: #fff;
--bg-level-2: #f2f2f2;
--bg-level-3: #ebebeb;
--c-high-contrast: #141413;
--c-mid-contrast: #6b747b;
--c-inverted: #fff;
--c-disabled: #babfc4;
--c-hover: #969da3;
--c-pressed: #6b747b;
--s-primary: #141413;
--s-disabled: #f2f2f2;
--dc-standard: #141413;
--dc-standard-disabled: #babfc4;
--dc-accent: #141413;
--dc-accent-disabled: rgba(20, 20, 19, .4);
--ds-standard: #ebebeb;
--ds-standard-disabled: hsla(0, 0%, 92%, .5);
--ds-accent: #d7e600;
--ds-accent-disabled: rgba(215, 230, 0, .4);
--sl-focus: #417bd9;
--sl-hover: hsla(208, 7%, 61%, .1);
--sl-pressed: hsla(208, 7%, 61%, .2);
--div-default: rgba(41, 41, 41, .06);
--sig-success: #1b882b;
--sig-error: #d71c1c;
--sig-warning: #f7bf31;
--sig-informational: #494d50;
--gr-skeleton: linear-gradient(90deg, #dfe2e5, #f2f2f2);
--gr-skeleton-animated: linear-gradient(90deg, #dfe2e5 13%, #f2f2f2 47%, #dfe2e5 85%);
--gr-background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .25) 66.15%, rgba(0, 0, 0, .08) 85.42%, transparent);
--gr-overlay: rgba(0, 0, 0, .16);
--s-primary-hover: #212221;
--s-primary-pressed: #3b3d3e;
--ds-standard-hover: #e3e3e4;
--ds-standard-pressed: #d2d4d5;
--ds-accent-hover: #d1df10;
--ds-accent-pressed: #c4d031
}
:root .dark-theme, :root .setting--inverted {
--bg-level-1: #141413;
--bg-level-2: #363636;
--bg-level-3: #494d50;
--c-high-contrast: #fff;
--c-mid-contrast: #babfc4;
--c-inverted: #141413;
--c-disabled: #6b747b;
--c-hover: #969da3;
--c-pressed: #babfc4;
--s-primary: #fff;
--s-disabled: #494d50;
--dc-standard: #fff;
--dc-standard-disabled: #6b747b;
--dc-accent: #141413;
--dc-accent-disabled: rgba(20, 20, 19, .4);
--ds-standard: #494d50;
--ds-standard-disabled: rgba(73, 77, 80, .5);
--ds-accent: #d7e600;
--ds-accent-disabled: rgba(215, 230, 0, .6);
--sl-focus: #034ec8;
--sl-hover: hsla(208, 7%, 61%, .2);
--sl-pressed: hsla(208, 7%, 61%, .3);
--div-default: #494d50;
--sig-success: #32d74b;
--sig-error: #e64040;
--sig-warning: #f7bf31;
--sig-informational: #ebebeb;
--gr-skeleton: linear-gradient(90deg, #363636, #494d50);
--gr-skeleton-animated: linear-gradient(90deg, #363636 13%, #494d50 47%, #363636 85%);
--gr-background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .25) 66.15%, rgba(0, 0, 0, .08) 85.42%, transparent);
--gr-overlay: rgba(0, 0, 0, .16);
--s-primary-hover: #eaebed;
--s-primary-pressed: #d5d8da;
--ds-standard-hover: #585d61;
--ds-standard-pressed: #606569;
--ds-accent-hover: #d1df10;
--ds-accent-pressed: #c4d031
}
:root {
--spacing-50: 4px;
--spacing-100: 8px;
--spacing-200: 12px;
--spacing-300: 16px;
--spacing-400: 24px;
--spacing-500: 28px;
--spacing-600: 36px;
--spacing-700: 48px;
--spacing-800: 64px;
--spacing-900: 96px;
--spacing-1000: 120px
}
@media (min-width: 768px) {
:root {
--spacing-500: 32px;
--spacing-600: 40px;
--spacing-700: 56px;
--spacing-800: 72px;
--spacing-900: 104px;
--spacing-1000: 140px
}
}
@media (min-width: 1024px) {
:root {
--spacing-500: 36px;
--spacing-600: 48px;
--spacing-700: 64px;
--spacing-800: 80px;
--spacing-900: 120px;
--spacing-1000: 168px
}
}
@media (min-width: 1440px) {
:root {
--spacing-500: 40px;
--spacing-600: 60px;
--spacing-700: 76px;
--spacing-800: 96px;
--spacing-900: 144px;
--spacing-1000: 200px
}
}
@media (min-width: 1920px) {
:root {
--spacing-500: 48px;
--spacing-600: 76px;
--spacing-700: 96px;
--spacing-800: 120px;
--spacing-900: 180px;
--spacing-1000: 240px
}
}
:root {
--font-weight-thin: 300;
--font-weight-regular: 400;
--font-weight-bold: 700;
--font-family-sans: URWFormExpand,Noto Sans TC, helvetica, arial, sans-serif;
--font-family-next: URWFormExpand,Noto Sans TC, helvetica, arial, sans-serif;
--font-size-label100: 1rem;
--font-size-label200: 0.75rem;
--font-size-paragraph100: 1rem;
--font-size-paragraph200: 0.75rem;
--font-size-caption100: 1rem;
--font-size-caption200: 0.875rem;
--font-size-caption200-fixed: 0.875rem;
--font-size-caption300: 0.75rem;
--font-size-caption300-fixed: 0.75rem;
--font-size-link100: 0.875rem;
--font-size-subheadline100: 2rem;
--font-size-subheadline200: 1.25rem;
--font-size-display200-fixed: 3.125rem;
--font-size-legal100: 0.625rem;
--display-100: 5rem;
--display-200: 3.125rem;
--display-300: 2rem;
--headline-100: 2.5rem;
--headline-200: 2rem;
--headline-300: 1.5rem;
--headline-400: 1.125rem
}
@media (min-width: 768px) {
:root {
--font-size-subheadline100: 2.25rem
}
}
@media (min-width: 1024px) {
:root {
--font-size-label100: 1.125rem;
--font-size-label200: 0.875rem;
--font-size-paragraph100: 1.125rem;
--font-size-paragraph200: 0.875rem;
--font-size-caption200: 1rem;
--font-size-caption300: 0.75rem;
--font-size-subheadline100: 2.5rem;
--font-size-subheadline200: 1.5rem;
--font-size-legal100: 0.6875rem
}
}
@media (min-width: 1440px) {
:root {
--font-size-label100: 1.25rem;
--font-size-label200: 1rem;
--font-size-paragraph100: 1.25rem;
--font-size-paragraph200: 1rem;
--font-size-caption300: 0.875rem;
--font-size-subheadline100: 2.75rem;
--font-size-subheadline200: 1.75rem;
--font-size-legal100: 0.75rem
}
}
@media (min-width: 1920px) {
:root {
--font-size-subheadline100: 3.125rem
}
}
@media screen and (min-width: 375px) {
:root {
--display-100: calc(2.37595rem + 11.19593vw);
--display-200: calc(1.57443rem + 6.61578vw);
--display-300: calc(1.46326rem + 2.29008vw);
--headline-100: calc(2.26145rem + 1.01781vw);
--headline-200: calc(1.76145rem + 1.01781vw);
--headline-300: calc(1.38073rem + 0.50891vw);
--headline-400: calc(1.00573rem + 0.50891vw)
}
}
@media screen and (min-width: 768px) {
:root {
--display-100: calc(2.3125rem + 11.32813vw);
--display-200: calc(2.3125rem + 5.07813vw);
--display-300: calc(1.4375rem + 2.34375vw);
--headline-100: calc(2rem + 1.5625vw);
--headline-200: calc(1.5rem + 1.5625vw);
--headline-300: calc(1.25rem + 0.78125vw);
--headline-400: calc(0.875rem + 0.78125vw)
}
}
@media screen and (min-width: 1024px) {
:root {
--display-100: calc(2.33173rem + 11.29808vw);
--display-200: calc(2.33173rem + 5.04808vw);
--display-300: calc(1.55288rem + 2.16346vw);
--headline-100: calc(1.76923rem + 1.92308vw);
--headline-200: calc(1.88462rem + 0.96154vw);
--headline-300: calc(1.13462rem + 0.96154vw);
--headline-400: calc(1.06731rem + 0.48077vw)
}
}
@media screen and (min-width: 1440px) {
:root {
--display-100: calc(2.375rem + 11.25vw);
--display-200: calc(2.375rem + 5vw);
--display-300: calc(1.4375rem + 2.29167vw);
--headline-100: calc(2rem + 1.66667vw);
--headline-200: calc(1.625rem + 1.25vw);
--headline-300: calc(1.25rem + 0.83333vw);
--headline-400: calc(1.125rem + 0.41667vw)
}
}
@media screen and (min-width: 1920px) {
:root {
--display-100: 15.875rem;
--display-200: 8.375rem;
--display-300: 4.1875rem;
--headline-100: 4rem;
--headline-200: 3.125rem;
--headline-300: 2.25rem;
--headline-400: 1.625rem
}
}
body {
font-stretch: normal;
font-style: normal
}
body b, body strong {
font-weight: var(--font-weight-bold)
}
body p {
margin: 0
}
[tabindex]:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
outline: 2px solid var(--sl-focus)
}
/*# sourceMappingURL=app.css.map*/