.checkout{height:100vh;display:flex;align-items:stretch;position:relative;font-family:"Open Sans",sans-serif}@media only screen and (max-width:1023px){.checkout{height:auto;display:block;padding-bottom:50px}}.checkout.loading .left,.checkout.loading .right{opacity:0}.checkout #loading-container{width:100vw;height:100vh;top:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.checkout #loading{width:100px;height:100px;margin:auto;opacity:0;transition:opacity .2s;position:relative}.checkout #wave1{-webkit-animation:rotation-backwards 6s linear infinite;animation:rotation-backwards 6s linear infinite}.checkout #wave2{-webkit-animation:rotation 10s linear infinite;animation:rotation 10s linear infinite}.checkout #loading-mask-content{-webkit-animation:rotation 3s linear infinite;animation:rotation 3s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-webkit-keyframes rotation-backwards{0%{-webkit-transform:rotate(359deg)}to{-webkit-transform:rotate(odeg)}}@keyframes rotation-backwards{0%{-webkit-transform:rotate(359deg)}to{-webkit-transform:rotate(odeg)}}.checkout #echino-icon{top:27px;left:32px;position:absolute;margin:auto}.checkout #loading.show{height:100px;opacity:1}.left,.right{flex:1 1;padding:80px;display:flex;transition:opacity .2s}@media only screen and (max-width:1279px){.left,.right{padding:40px}}@media only screen and (max-width:1023px){.left,.right{padding:10px}}.left-content,.right-content{width:380px}@media only screen and (max-width:1023px){.left-content,.right-content{width:100%}}.left{align-items:center;justify-content:flex-end}.left .lang img{margin-right:10px}@media only screen and (max-width:1023px){.left .lang{position:absolute;right:0;top:30px}}.left .lang img.selected{opacity:.3}.left .info{margin-top:20px;font-size:12px;color:#999}@media only screen and (max-width:1023px){.left .info{position:fixed;bottom:0;left:0;right:0;height:50px;background-color:#fff;display:block;z-index:100;text-align:center;padding-top:15px}}.left .title{margin-bottom:20px;margin-top:20px}.left .title .content{display:inline-block}.left .title .subtitle{margin-left:22px;font-size:13px;font-weight:600}.left .title img{margin-right:10px;cursor:pointer}.left #mobile-logo{display:none}.left #logo{width:380px;height:380px;background-size:contain;background-repeat:no-repeat;background-position:50%}.left #logo.holding,.left #mobile-logo.holding{opacity:0}@media only screen and (max-width:1023px){.left #logo{display:none}.left #mobile-logo{display:block;width:100%;height:100px;background-size:contain;background-repeat:no-repeat;background-position:50%}}.right{box-shadow:0 0 20px 0 rgba(0,0,0,.05);align-items:center;justify-content:flex-start}.checkout h4{font-weight:600;color:#4c4c4c;margin-bottom:7px;margin-top:20px;font-size:13px}.checkout h5{font-weight:800;color:#e74c3c;margin-bottom:10px;margin-top:10px;font-size:13px}.checkout input,.checkout select{width:380px!important;display:block;margin-bottom:5px}@media only screen and (max-width:1023px){.checkout input,.checkout select{width:100%!important}}.checkout .pay-btn{background-color:#0074d4;border-radius:7px;width:380px;box-shadow:0 2px 4px 0 rgba(0,0,0,.07)}@media only screen and (max-width:1023px){.checkout .pay-btn{width:100%}}.checkout .pay-btn:hover{opacity:.8}.checkout .pay-btn.loading{opacity:.3;pointer-events:none}.checkout .address-block{margin-bottom:5px;border-radius:7px;box-shadow:0 2px 4px 0 rgba(0,0,0,.07)}.checkout .address-block .input-container{display:inline-block;box-shadow:none;margin-bottom:0}.checkout .address-block .input-container.lower-right input,.checkout .address-block .input-container.upper-right input{padding-left:50px}.checkout .address-block .input-container.upper-left{width:240px;border-radius:7px 0 0 0;border-bottom:none}.checkout .address-block .input-container.upper-left input{width:240px!important;border-radius:7px 0 0 0}.checkout .address-block .input-container.upper-right{width:140px;border-left:none;border-bottom:none;border-radius:0 7px 0 0}.checkout .address-block .input-container.upper-right input{width:140px!important;border-radius:0 7px 0 0}.checkout .address-block .input-container.lower-left{width:240px;border-radius:0 0 0 7px}.checkout .address-block .input-container.lower-left input{width:240px!important;border-radius:0 0 0 7px}.checkout .address-block .input-container.lower-right{width:140px;border-left:none;border-radius:0 0 7px 0}.checkout .address-block .input-container.lower-right input{width:140px!important;border-radius:0 0 7px 0}@media only screen and (max-width:1023px){.checkout .address-block .input-container.lower-right input,.checkout .address-block .input-container.upper-right input{padding-left:90px}.checkout .address-block .input-container.upper-left{width:100%;border-radius:7px 7px 0 0;border-bottom:none}.checkout .address-block .input-container.upper-left input{width:100%!important;border-radius:7px 7px 0 0}.checkout .address-block .input-container.upper-right{width:100%;border-bottom:none;border-radius:0;border-left:1px solid #e0e0e0}.checkout .address-block .input-container.upper-right input{width:100%!important;border-radius:0}.checkout .address-block .input-container.lower-left{width:100%;border-radius:0;border-bottom:none}.checkout .address-block .input-container.lower-left input{width:100%!important;border-radius:0}.checkout .address-block .input-container.lower-right{width:100%;border-left:1px solid #e0e0e0;border-radius:0 0 7px 7px}.checkout .address-block .input-container.lower-right input{width:100%!important;border-radius:0 0 7px 7px}}.checkout .input-container{border:1px solid #e0e0e0;position:relative;height:38px;font-weight:600;font-size:13px;margin-bottom:5px;border-radius:7px;box-shadow:0 2px 4px 0 rgba(0,0,0,.07)}.checkout .input-container.disabled{border:none;box-shadow:none}.checkout .input-container.error{border-color:#e74c3c}@media only screen and (max-width:1023px){.checkout .input-container.error{border-color:#e74c3c!important}}.checkout .input-container input{color:#7f7f7f}.checkout .input-container input,.checkout .input-container label{border:none;height:36px;border-radius:0;background:none;margin:0;padding-left:90px;font-weight:600;font-size:13px}.checkout .input-container label{color:#b2b2b2;padding-top:11px}.checkout .input-container input:focus,.checkout .input-container select:focus{border:1px solid #0074d4;border-radius:7px;box-shadow:none;outline:none}.checkout .input-container .placeholder{position:absolute;top:11px;left:11px;color:#b2b2b2;pointer-events:none}.checkout .input-container select{border:none;height:36px;border-radius:0;background:none;margin:0;padding-left:90px;color:#7f7f7f;font-weight:600;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-calendar-picker-indicator{padding-right:13px}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--gray-offset:rgba(0,0,0,0.03);--gray-border:rgba(0,0,0,0.15);--gray-light:rgba(0,0,0,0.4);--gray-mid:rgba(0,0,0,0.7);--gray-dark:rgba(0,0,0,0.9);--body-color:var(--gray-mid);--headline-color:var(--gray-dark);--accent-color:#0066f0;--body-font-family:-apple-system,BlinkMacSystemFont,sans-serif;--radius:6px;--form-width:600px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--body-font-family);font-size:16px;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.7);color:var(--body-color)}h1,h2,h3,h4,h5,h6{margin-top:2px;margin-bottom:4px}h1{font-size:27px;color:#0074d4;color:var(--headline-color)}h4{font-weight:500;font-size:14px;color:rgba(0,0,0,.4);color:var(--gray-light)}.company-logo{align-self:center;justify-self:baseline;border-style:none;max-width:50%;display:flex;margin-left:25%;margin-right:25%}.sr-root{display:flex;flex-direction:row;width:100%;max-width:980px;padding:48px;align-content:center;justify-content:center;height:auto;min-height:100vh;margin:0 auto}.sr-header{margin-bottom:32px}.sr-payment-summary{margin-bottom:20px}.sr-content,.sr-main{display:flex;flex-direction:column;justify-content:center;height:100%;align-self:center,top;margin-left:10px;margin-right:10px}.sr-main{width:600px;width:var(--form-width)}.sr-content{padding-left:48px}.sr-header__logo{background-image:url(https://www.echino.com/Content/Images/apple-touch-icon.png);background-image:var(--logo-image);height:24px;background-size:contain;background-repeat:no-repeat;width:100%}.sr-legal-text{color:rgba(0,0,0,.4);color:var(--gray-light);text-align:center}.sr-field-error,.sr-legal-text{font-size:13px;line-height:17px;margin-top:12px}.sr-field-error{color:#0074d4;color:var(--accent-color);text-align:left}.sr-form-row{margin:16px 0}label{font-size:13px;font-weight:500;margin-bottom:8px;display:inline-block}.sr-input,.sr-select,input[type=number],input[type=text]{border:1px solid rgba(0,0,0,.15);border:1px solid var(--gray-border);border-radius:6px;border-radius:var(--radius);padding:5px 12px;height:44px;width:100%;transition:box-shadow .2s ease;background:#fff;-moz-appearance:none;-webkit-appearance:none;appearance:none;color:#32325d}.focused,.sr-input:focus,button:focus,input[type=text]:focus{box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);outline:none;z-index:9}.sr-input::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:rgba(0,0,0,.4);color:var(--gray-light)}.sr-input:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder{color:rgba(0,0,0,.4);color:var(--gray-light)}.sr-input::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder{color:rgba(0,0,0,.4);color:var(--gray-light)}.sr-input::placeholder,input[type=number]::placeholder,input[type=text]::placeholder{color:rgba(0,0,0,.4);color:var(--gray-light)}.sr-checkbox-label{position:relative;cursor:pointer}.sr-checkbox-label input{opacity:0;margin-right:6px}.sr-checkbox-label .sr-checkbox-check{position:absolute;left:0;height:16px;width:16px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border:1px solid var(--gray-border);border-radius:4px;transition:all .2s ease}.sr-checkbox-label input:focus~.sr-checkbox-check{box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);outline:none}.sr-checkbox-label input:checked~.sr-checkbox-check{background-color:#0074d4;background-color:var(--accent-color);background-image:url(https://storage.googleapis.com/stripe-sample-images/icon-checkmark.svg);background-repeat:no-repeat;background-size:16px;background-position:-1px -1px}.sr-select{display:block;height:44px;margin:0;background-image:url(https://storage.googleapis.com/stripe-sample-images/icon-chevron-down.svg);background-repeat:no-repeat,repeat;background-position:right 12px top 50%,0 0;background-size:.65em auto,100%}.sr-select::-ms-expand{display:none}.sr-select:hover{cursor:pointer}.sr-select:focus{box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);outline:none}.sr-select option{font-weight:400}.sr-select:invalid{color:rgba(0,0,0,.4);color:var(--gray-light)}.sr-combo-inputs{display:flex;flex-direction:column}.sr-combo-inputs .sr-select,.sr-combo-inputs input{border-radius:0;border-bottom:0}.sr-combo-inputs>.sr-select:first-child,.sr-combo-inputs>input:first-child{border-radius:6px 6px 0 0;border-radius:var(--radius) var(--radius) 0 0}.sr-combo-inputs>.sr-select:last-child,.sr-combo-inputs>input:last-child{border-radius:0 0 6px 6px;border-radius:0 0 var(--radius) var(--radius);border-bottom:1px solid rgba(0,0,0,.15);border-bottom:1px solid var(--gray-border)}.sr-combo-inputs>.sr-combo-inputs-row:last-child input:first-child{border-radius:0 0 0 6px;border-radius:0 0 0 var(--radius);border-bottom:1px solid rgba(0,0,0,.15);border-bottom:1px solid var(--gray-border)}.sr-combo-inputs>.sr-combo-inputs-row:last-child input:last-child{border-radius:0 0 6px 0;border-radius:0 0 var(--radius) 0;border-bottom:1px solid rgba(0,0,0,.15);border-bottom:1px solid var(--gray-border)}.sr-combo-inputs>.sr-combo-inputs-row:first-child input:first-child{border-radius:6px 0 0 0;border-radius:var(--radius) 0 0 0}.sr-combo-inputs>.sr-combo-inputs-row:first-child input:last-child{border-radius:0 6px 0 0;border-radius:0 var(--radius) 0 0}.sr-combo-inputs>.sr-combo-inputs-row:first-child input:only-child{border-radius:6px 6px 0 0;border-radius:var(--radius) var(--radius) 0 0}.sr-combo-inputs-row{width:100%;display:flex}.sr-combo-inputs-row>input{width:100%;border-radius:0}.sr-combo-inputs-row>input:first-child:not(:only-child){border-right:0}.sr-combo-inputs-row:not(:first-of-type) .sr-input{border-radius:0 0 6px 6px;border-radius:0 0 var(--radius) var(--radius)}button{background:#0074d4;background:var(--accent-color);border-radius:6px;border-radius:var(--radius);color:#fff;border:0;padding:12px 16px;margin-top:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:block}button:hover{-webkit-filter:contrast(115%);filter:contrast(115%)}button:active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98);-webkit-filter:brightness(.9);filter:brightness(.9)}button:disabled{opacity:.5;cursor:none}.fullwidth,.sr-payment-form button{width:100%}a{color:#0074d4;color:var(--accent-color);text-decoration:none;transition:all .2s ease}a:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}a:active{-webkit-filter:brightness(.5);filter:brightness(.5)}.sr-callout{background:rgba(0,0,0,.03);background:var(--gray-offset);padding:12px;border-radius:6px;border-radius:var(--radius);max-height:200px;overflow:auto}code,pre{font-family:"SF Mono","IBM Plex Mono","Menlo",monospace;font-size:12px}.sr-card-element{padding-top:12px}@media (max-width:720px){.sr-root{flex-direction:column;justify-content:flex-start;padding:48px 20px;min-width:320px}.sr-header__logo{background-position:50%}.sr-payment-summary{text-align:center}.sr-content{display:none}.sr-main{width:100%}}:root{--accent-color:#0074d4;--headline-color:var(--accent-color);--logo-image:url(https://www.echino.com/Content/Images/apple-touch-icon.png)}.fitness-image-stack{display:grid;grid-gap:12px;grid-template-columns:auto auto}.fitness-image-stack img,.fitness-image img{border-radius:6px;border-radius:var(--radius);background-color:rgba(0,0,0,.15);background-color:var(--gray-border);box-shadow:0 7px 14px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);transition:all .8s ease;opacity:0}.fitness-image{text-align:center;margin-top:20px}.fitness-image img{opacity:1}.fitness-image-stack img:first-child{-webkit-transform:translate(30px,15px);transform:translate(30px,15px);opacity:1}.fitness-image-stack img:nth-child(2){-webkit-transform:translate(-28px);transform:translate(-28px);opacity:1}.fitness-image-stack img:nth-child(3){-webkit-transform:translate(64px,-50px);transform:translate(64px,-50px);opacity:1}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);transform:translateZ(0)}.spinner:after,.spinner:before{position:absolute;content:""}.spinner:before{height:20.4px;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s ease 1.5s infinite;animation:loading 2s ease 1.5s infinite}.spinner:after,.spinner:before{width:10.4px;background:#0074d4;background:var(--accent-color)}.spinner:after{height:10.2px;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s ease infinite;animation:loading 2s ease infinite}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{border:1px solid #e8e8e8;border-radius:6px;padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;max-width:400px}.container .fitness-image-stack{margin-top:20px}.container:first-of-type{margin-right:20px}.quantity-setter{display:flex;justify-content:center;margin-top:20px}.quantity-setter input{border-radius:0;width:50px;padding:0;text-align:center}.quantity-setter .increment-btn{margin-top:0;border-radius:0;border:1px solid #0074d4;border:1px solid var(--accent-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sr-root{-webkit-animation:form-in .4s;animation:form-in .4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease}.sr-payment-form .sr-form-row{-webkit-animation:field-in .4s;animation:field-in .4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-transform-origin:50% 0;transform-origin:50% 0}.sr-payment-form .sr-form-row:first-child{-webkit-animation-delay:0;animation-delay:0}.sr-payment-form .sr-form-row:nth-child(2){-webkit-animation-delay:60ms;animation-delay:60ms}.sr-payment-form .sr-form-row:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s}.sr-payment-form .sr-form-row:nth-child(4){-webkit-animation-delay:.18s;animation-delay:.18s}.sr-payment-form .sr-form-row:nth-child(5){-webkit-animation-delay:.24s;animation-delay:.24s}.sr-payment-form .sr-form-row:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.hidden{display:none}.languagePane{border:0 solid #e8e8e8;border-radius:6px;display:flex;flex-direction:row;max-width:300px}.languageButton{background:#0074d4;background:var(--accent-color);border-radius:6px;border-radius:var(--radius);color:#fff;border:0;padding:3px 4px;margin-top:4px;margin-right:4px;font-weight:600;cursor:pointer;transition:all .2s ease;display:block;min-width:50px}@-webkit-keyframes field-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.95);transform:translateY(8px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes field-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.95);transform:translateY(8px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes form-in{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes form-in{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.82f17c2c.chunk.css.map */