.subscription-view{background:#333;margin:auto;padding:15px 20px;letter-spacing:0;position:relative;min-height:450px}.subscription-view .background-overlay{height:100%;width:100%;position:absolute;left:0;z-index:1;top:0}.subscription-view .background-overlay .background-overlay-message{position:relative;top:35%;font-weight:700}.subscription-view .background-overlay .spinner{position:relative;top:40%;color:#fff;width:3em;height:3em;border:3px solid transparent;border-top:4px solid}.subscription-view .mobile-title{display:none;font-size:1.1em;margin-top:15px;position:relative;font-weight:600}.subscription-view .mobile-title .page{position:absolute;left:0}@media (max-width:700px){.subscription-view{background:none}.subscription-view .progress{display:none}.subscription-view .mobile-title{display:block}.subscription-view>.back-button{display:none}}.subscription-view .loading{margin-top:30px;opacity:.7;font-size:.8em}.subscription-view>.back-button{position:absolute;left:20px;top:10px;padding:5px;font-size:1.2em;cursor:pointer}.subscription-view>.progress{font-size:.7em;width:90%;margin:0 auto}.subscription-view>.progress>div{display:inline-block;width:33.33%;margin:-1px;cursor:pointer}.subscription-view>.progress>div>.bar{width:100%;height:3px;background:#fff;margin-top:12px;position:relative}.subscription-view>.progress>.red>.bar{background:currentColor}.subscription-view>.progress>div>.bar:after{position:absolute;width:12px;height:12px;border-radius:12px;background:#fff;top:-3px;left:calc(50% - 5px);font-size:.8em;font-family:Ionicons;content:" ";padding:1px 0 0 1px}.subscription-view>.progress>.red>.bar:after{border:2px solid}.subscription-view>.progress>.ticked>.bar:after{content:"\f122"}.subscription-view .screen{width:100%;overflow:hidden}.subscription-view .screen .slider{width:300%;-webkit-transition:margin-left .4s ease-in-out;transition:margin-left .4s ease-in-out}.subscription-view .screen .slider>.slide{display:inline-block;width:33.33%;vertical-align:top}.subscription-view .screen .slider>.slide.hidden>div{display:none}.subscription-view .link-button{background:none;outline:none;font-size:1em;border-width:0 0 1px;border-bottom-style:solid;cursor:pointer;font-weight:400;white-space:nowrap}.subscription-view .link-button.processing{pointer-events:none;opacity:.6}.subscription-view a.link-button{text-decoration:none}.subscription-view .button{margin:5px 0;padding:5px;width:100%;max-width:230px}.subscription-view .error-text{font-size:.7em;margin:4px 0}.subscription-view .error-text:not(.shown){display:none}.subscription-view .legal-texts{margin:30px 0;font-size:.7em;text-align:left;opacity:.7;line-height:1.2em;text-align:justify}.subscription-view .legal-texts p{margin-bottom:.5em}.subscription-view .displayFlex{display:flex}
/*# sourceMappingURL=693.59383581.chunk.css.map */