#hub20-checkout button{text-decoration:none;text-align:center;letter-spacing:0.5px;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;cursor:pointer;border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase}#hub20-checkout button:disabled{pointer-events:none;background-color:#DFDFDF!important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F!important;cursor:default}#hub20-checkout button{line-height:32.4px;font-size:13px;position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);color:#fff;background-color:#00897B}#hub20-checkout li{list-style-type:none}#hub20-checkout [name=time-remaining-progress-bar].ok div.vue-simple-progress-bar{background-color:green!important}#hub20-checkout [name=time-remaining-progress-bar].warning div.vue-simple-progress-bar{background-color:yellow!important}#hub20-checkout [name=time-remaining-progress-bar].critical div.vue-simple-progress-bar{background-color:red!important}#hub20-checkout ul.token-selector-options{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-row-gap:0.5vh}#hub20-checkout ul.token-selector-options li.token-selector-item{display:grid;background-color:#fff;-webkit-transition:-webkit-box-shadow 0.25s;transition:-webkit-box-shadow 0.25s;transition:box-shadow 0.25s;transition:box-shadow 0.25s,-webkit-box-shadow 0.25s;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);padding:1vh 1rem;grid-template-areas:"image image title title title" "image image content content content" "image image content content content" "image image content content content" "image image action action action";grid-column-gap:24px;grid-row-gap:1vh;grid-template-rows:32px auto 32px}#hub20-checkout ul.token-selector-options li.token-selector-item span.token-name{grid-area:title;line-height:32px;font-size:24px}#hub20-checkout ul.token-selector-options li.token-selector-item img{grid-area:image;max-width:100%;max-height:100%;align-self:center;justify-self:center}#hub20-checkout ul.token-selector-options li.token-selector-item div.token-exchange-rate{grid-area:content;border-radius:0 0 2px 2px;align-self:baseline;margin-top:0px}#hub20-checkout ul.token-selector-options li.token-selector-item:hover{box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);cursor:pointer}#hub20-checkout div.payment-order{display:grid;grid-template-areas:"status" "routing"}#hub20-checkout div.payment-order h1,#hub20-checkout div.payment-order div.payment-order-details{display:none}#hub20-checkout div.payment-order div.payment-order-status{grid-area:status}#hub20-checkout div.payment-order ul.payment-order-routing{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(580px,1fr));padding-inline-start:0;grid-area:routing;grid-row-gap:2vh;grid-column-gap:0.25rem}#hub20-checkout div.payment-order ul.payment-order-routing .transfer{cursor:pointer}#hub20-checkout div.payment-order ul.payment-order-routing .transfer::after{font-family:"Material Icons";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"content_copy";padding-left:0.5rem}#hub20-checkout div.payment-order ul.payment-order-routing span.payment-method{display:block;text-align:center;font-size:200%;font-weight:800}#hub20-checkout div.payment-order ul.payment-order-routing div.payment-instructions{color:#505050;padding-top:1em}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method{max-width:580px;height:325px;display:grid;grid-template-rows:45px auto;justify-self:center}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method span.payment-method{grid-area:head}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method canvas{grid-area:qrcode;width:160px!important;height:160px!important;justify-self:center;margin-top:1vh}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method .payment-instructions{grid-area:instructions}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method .payment-instructions .transfer.address{display:block;font-weight:800}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method .payment-order-web3-connector{grid-area:web3connector}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method.ethereum{grid-template-areas:"head head head head" "instructions instructions instructions instructions" "instructions instructions instructions instructions" "qrcode qrcode qrcode qrcode" ". web3connector web3connector ."}#hub20-checkout div.payment-order ul.payment-order-routing li.payment-method.raiden{grid-template-areas:"head" "instructions" "." "." "."}#hub20-checkout div.payment-order ul.payment-order-routing dl{width:100%;display:grid;grid-template-columns:minmax(160px,auto) minmax(360px,auto);grid-template-rows:2.5vh}#hub20-checkout div.payment-order ul.payment-order-routing dt,#hub20-checkout div.payment-order ul.payment-order-routing dl{height:2.5vh}#hub20-checkout div.payment-order ul.payment-order-routing dt::after{content:": "}#hub20-checkout div.payment-order ul.payment-order-routing dd{display:inline;text-align:right;margin-inline-start:0}#hub20-checkout div.payment-order div.payment-order-timer{padding:0 1em}#hub20-checkout div.payment-order div.payment-order-timer span.time-remaining-display{display:block;text-align:right}#hub20-checkout div.payment-order div.payment-order-action-panel{padding:2vh 1em}#hub20-checkout div.payment-order div.payment-order-transfers{display:none}#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{display:grid;justify-content:center;font-weight:300}@media only screen and (min-width:960px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.68rem}}@media only screen and (min-width:930px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.656rem}}@media only screen and (min-width:900px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.632rem}}@media only screen and (min-width:870px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.608rem}}@media only screen and (min-width:840px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.584rem}}@media only screen and (min-width:810px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.56rem}}@media only screen and (min-width:780px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.536rem}}@media only screen and (min-width:750px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.512rem}}@media only screen and (min-width:720px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.488rem}}@media only screen and (min-width:690px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.464rem}}@media only screen and (min-width:660px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.44rem}}@media only screen and (min-width:630px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.416rem}}@media only screen and (min-width:600px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.392rem}}@media only screen and (min-width:570px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.368rem}}@media only screen and (min-width:540px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.344rem}}@media only screen and (min-width:510px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.32rem}}@media only screen and (min-width:480px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.296rem}}@media only screen and (min-width:450px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.272rem}}@media only screen and (min-width:420px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.248rem}}@media only screen and (min-width:390px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.224rem}}@media only screen and (min-width:360px){#hub20-checkout div.checkout-receipt,#hub20-checkout div.checkout-expired{font-size:1.2rem}}#hub20-checkout div.checkout-receipt::after{font-family:"Material Icons";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"check";padding-left:0.5rem}