@page{size:A4}@page :left{margin-left:3cm}@page :right{margin-left:4cm}.testingPage{color:pink}.completedProgress{background-color:green!important;border:none;color:#fff!important}.viewed{opacity:.4}.example.example2{background-color:#fff}.example.example2 *{font-family:Source Code Pro,Consolas,Menlo,monospace;font-size:16px;font-weight:500}.example.example2 .row{display:-ms-flexbox;display:flex;margin:10px 5px}.example.example2 .field{height:50px;margin:5px 10px;position:relative;width:100%}.example.example2 .field.half-width{width:50%}.example.example2 .field.quarter-width{width:calc(25% - 10px)}.example.example2 .baseline{background-color:#cfd7df;bottom:0;height:1px;left:0;position:absolute;transition:background-color .3s cubic-bezier(.165,.84,.44,1);width:100%}.example.example2 label{bottom:0;color:#cfd7df;cursor:text;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;transform-origin:0 50%;transition-duration:.3s;transition-property:color,transform;transition-timing-function:cubic-bezier(.165,.84,.44,1);white-space:nowrap;width:100%}.example.example2 .input{background-color:transparent;bottom:0;color:#32325d;left:0;padding-bottom:7px;position:absolute;width:100%}.example.example2 .input::-webkit-input-placeholder{color:transparent;transition:color .3s cubic-bezier(.165,.84,.44,1)}.example.example2 .input::-moz-placeholder{color:transparent;transition:color .3s cubic-bezier(.165,.84,.44,1)}.example.example2 .input:-ms-input-placeholder{color:transparent;transition:color .3s cubic-bezier(.165,.84,.44,1)}.example.example2 .input.StripeElement{opacity:0;transition:opacity .3s cubic-bezier(.165,.84,.44,1);will-change:opacity}.example.example2 .input.focused,.example.example2 .input:not(.empty){opacity:1}.example.example2 .input.focused::-webkit-input-placeholder,.example.example2 .input:not(.empty)::-webkit-input-placeholder{color:#cfd7df}.example.example2 .input.focused::-moz-placeholder,.example.example2 .input:not(.empty)::-moz-placeholder{color:#cfd7df}.example.example2 .input.focused:-ms-input-placeholder,.example.example2 .input:not(.empty):-ms-input-placeholder{color:#cfd7df}.example.example2 .input.focused+label,.example.example2 .input:not(.empty)+label{color:#aab7c4;cursor:default;transform:scale(.85) translateY(-25px)}.example.example2 .input.focused+label{color:#24b47e}.example.example2 .input.invalid+label{color:#ffa27b}.example.example2 .input.focused+label+.baseline{background-color:#24b47e}.example.example2 .input.focused.invalid+label+.baseline{background-color:#e25950}.example.example2 button,.example.example2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;outline:none}.example.example2 input:-webkit-autofill{-webkit-text-fill-color:#e39f48;-webkit-animation:void-animation-out 1ms;transition:background-color 100000000s}.example.example2 .StripeElement--webkit-autofill{background:transparent!important}.example.example2 button,.example.example2 input{-webkit-animation:void-animation-out 1ms}.example.example2 button{background-color:#24b47e;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:600;height:40px;margin:40px 15px 0;text-transform:uppercase;width:calc(100% - 30px)}.example.example2 .error svg{margin-top:0!important}.example.example2 .error svg .base{fill:#e25950}.example.example2 .error svg .glyph{fill:#fff}.example.example2 .error .message{color:#e25950}.example.example2 .success .icon .border{stroke:#abe9d2}.example.example2 .success .icon .checkmark{stroke:#24b47e}.example.example2 .success .title{color:#32325d;font-size:16px!important}.example.example2 .success .message{color:#8898aa;font-size:13px!important}.example.example2 .success .reset path{fill:#24b47e}