/*!Pure v3.0.0Copyright 2013 Yahoo!Licensed under the BSD License.https://github.com/pure-css/pure/blob/master/LICENSE*//*!normalize.css v | MIT License | https://necolas.github.io/normalize.css/Copyright (c) Nicolas Gallagher and Jonathan Neal*//*! 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}template{display:none}[hidden]{display:none}html{font-family:sans-serif}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{display:flex;flex-flow:row wrap;align-content:flex-start}.pure-u{display:inline-block;vertical-align:top}.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-0.43em}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:rgba(0,0,0,.8);border:none transparent;background-color:#e6e6e6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{margin:0;border-radius:0;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129fea}.pure-form input:not([type]):focus{outline:0;border-color:#129fea}.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0 0}.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;padding:.5em 0}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent;cursor:default}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px 0;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}/** VARIABLES* Colors, fonts, spacing, shadows, and transitions in reusable custom properties.*/:root {/* Colors */--color-bg: #F9F9F9;--color-text: #7A7A7A;--color-text-dark: #111111;--color-link: #333;--color-primary: #68ABC6;--color-primary-dark: #5DBDC9;--color-success: #3ACE6C;--color-warning: #FFA500;--color-error: #D0021B;--color-secondary: #E79B67;--color-bg-light: #FAFAFF;--color-border: #DFE2E4;--color-border-light: #EDEDEE;--color-gradient-start: #68ABC6;--color-gradient-mid: #E383CE;--color-gradient-end: #E49384;/* Typography */--font-primary: "Open Sans", sans-serif;--font-code: "Inconsolata", monospace;--font-size-base: 0.875rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--line-height-base: 1.25rem;--line-height-md: 1.4375rem;/* Spacing & Sizing */--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 20px;/* Shadows & Borders */--shadow-modal: 0 3px 7px rgba(0, 0, 0, 0.3);--border-width: 1px;--border-style: solid;--grey-backdrop: linear-gradient(0deg, #5e5e64 0%, #828282 35%, #e2e2e2 100%);/* Transitions */--transition-fast: 0.2s ease-out;--transition-med: 0.3s ease-in;--transition-slow: 1s ease-in;}/** BASE* Fonts, resets, typography, utilities, and global structural styles.*/@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("./fonts/OpenSans-Regular.eot"); src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Regular.woff2") format("woff2"), url("./fonts/OpenSans-Regular.woff") format("woff"), url("./fonts/OpenSans-Regular.ttf") format("truetype"), url("./fonts/OpenSans-Regular.svg#OpenSans") format("svg"); }@font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("./fonts/OpenSans-Italic.eot"); src: local("Open Sans Italic"), local("OpenSans-Italic"), url("./fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Italic.woff2") format("woff2"), url("./fonts/OpenSans-Italic.woff") format("woff"), url("./fonts/OpenSans-Italic.ttf") format("truetype"), url("./fonts/OpenSans-Italic.svg#OpenSans") format("svg"); }@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("./fonts/OpenSans-SemiBold.eot"); src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("./fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-SemiBold.woff2") format("woff2"), url("./fonts/OpenSans-SemiBold.woff") format("woff"), url("./fonts/OpenSans-SemiBold.ttf") format("truetype"), url("./fonts/OpenSans-SemiBold.svg#OpenSans") format("svg"); }@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("./fonts/OpenSans-Bold.eot"); src: local("Open Sans Bold"), local("OpenSans-Bold"), url("./fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans-Bold.woff2") format("woff2"), url("./fonts/OpenSans-Bold.woff") format("woff"), url("./fonts/OpenSans-Bold.ttf") format("truetype"), url("./fonts/OpenSans-Bold.svg#opensans") format("svg"); }@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 400; src: url("./fonts/Inconsolata-Regular.eot"); src: local("Inconsolata Regular"), local("Inconsolata-Regular"), url("./fonts/Inconsolata-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Inconsolata-Regular.woff2") format("woff2"), url("./fonts/Inconsolata-Regular.woff") format("woff"), url("./fonts/Inconsolata-Regular") format("truetype"), url("./fonts/Inconsolata-Regular.svg#inconsolata") format("svg"); }@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 700; src: url("./fonts/Inconsolata-Bold.eot"); src: local("Inconsolata Bold"), local("Inconsolata-Bold"), url("./fonts/Inconsolata-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Inconsolata-Bold.woff2") format("woff2"), url("./fonts/Inconsolata-Bold.woff") format("woff"), url("./fonts/Inconsolata-Bold.ttf") format("truetype"), url("./fonts/Inconsolata-Bold.svg#Inconsolata") format("svg"); }* { box-sizing: border-box; }body { background-color: var(--color-bg); width: 100%; color: var(--color-text); font-family: var(--font-primary); font-weight: 400; height: 100vh; overflow: hidden; font-size: var(--font-size-base); line-height: var(--line-height-base); }h2 { margin-top: 30px; color: var(--color-text-dark); font-weight: 600; font-size: var(--font-size-lg); }h3 { color: var(--color-text-dark); font-weight: 600; font-size: var(--font-size-base); }h5 { color: var(--color-text-dark); font-weight: 600; font-size: 0.75rem; }a { font-weight: 600; color: var(--color-link); text-decoration: none; transition: var(--transition-slow); }a:active, a:focus, a:hover { color: var(--color-link); }a:active, a:focus, button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, select::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0; outline: 0; }p { font-size: var(--font-size-base); line-height: var(--line-height-md); word-break: break-word; }.left { text-align: left; }.right { text-align: right; }.bold { font-weight: 600; }.inline { display: inline-block; }.hide { display: none; }.show { display: block; }.divider { display: inline-block; width: 100%; border-top: 1px solid #ebeced; min-height: 3px; margin-top: 3px; }.versions { display: none; bottom: 0; width: 100%; color: #bbb7b7; }@media (min-width: 600px) { .versions { display: block; } }.versions span { margin: 0 2% 0 2%; }.container { text-align: left; }.content { text-align: center; margin: 70px auto 16px; width: 90%; max-width: 720px; background: transparent; padding: 0; transition: all 2s ease-in; border-radius: var(--radius-md); }.content > .databox { display: inline-block; vertical-align: top; text-align: left; background: white; border: var(--border-width) var(--border-style) #EDEDEE; padding: 0; width: 100%; margin: 8px 0; border-radius: var(--radius-md); }@media (min-width: 900px) { .content > .databox { width: calc(33% - 16px); margin: 8px; } }@media (min-width: 900px) { .content > .databox.wide { width: calc(100% - 16px); } }.content > .databox > .databox-header { border-bottom: 1px solid #EDEDEE; height: 52px; }.content > .databox > .databox-header > h2 { margin: 0; color: var(--color-text-dark); font-weight: 600; padding: 16px; display: inline-block; font-size: 1rem; }.content > .databox .data { padding: 0 16px 16px; transition: opacity 1s; }.content > .databox .spinner { display: block; text-align: center; }.content > .databox p { text-align: left; display: block; vertical-align: top; color: var(--color-text); font-weight: 400; }.clearable { position: relative; display: inline-block; }.clearable input[type=text] { width: 100%; box-sizing: border-box; }.clearable input::-ms-clear { display: none; }.clearable__clear, .clearable__clear2 { display: none; position: absolute; right: 26px; top: 19px; font-style: normal; user-select: none; cursor: pointer; width: 21px; height: 20px; color: var(--color-text); font-weight: 400; font-size: 1.625rem; line-height: 1.1875rem; }.search-icon, .search-icon-contacts { margin-top: -37px; margin-bottom: 20px; margin-left: 19px; width: 16px; height: 16px; }.search-icon-contacts { margin-top: -52px; }.custom-check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; user-select: none; }.custom-check input { font-size: 22px; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }.custom-check span { position: absolute; top: 0; left: 0; height: 25px; width: 25px; margin-top: -3px; background-color: #eee; border-radius: var(--radius-md); border: 1px solid #68abc6; }.custom-check:hover input ~ span { background-color: #ccc; }.custom-check input:checked ~ span { background-color: #68abc6; }.custom-check span::after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }.custom-check input:checked ~ span::after { display: inline-block; }div.progress-steps, div.progress-steps2, div.progress-steps3, div.progress-steps4, div.progress-steps5 { width: 100%; margin-top: 9px; margin-bottom: 24px; padding-left: 50px; }div.progress-step { overflow: visible; display: inline-block; text-align: center; width: 100px; margin-left: -40px; }div.progress-line { display: inline-block; height: 4px; top: -31px; position: relative; background-color: #dadada; margin-left: -40px; }div.progress-steps2 div.progress-line { width: calc((100% - 120px) / 1); }div.progress-steps3 div.progress-line { width: calc((100% - 120px) / 2); }div.progress-steps4 div.progress-line { width: calc((100% - 120px) / 3); }div.progress-steps5 div.progress-line { width: calc((100% - 180px) / 4); }div.progress-step .dot { width: 20px; height: 20px; border-radius: 10px; background-color: #dadada; position: relative; margin: auto; }div.progress-step .label { position: relative; margin: auto; padding-top: 8px; height: 30px; }div.progress-step.active .dot, div.progress-line.active { background-color: #68abc6; }div.progress-step.failed .dot, div.progress-line.failed { background-color: #f47474; }div.progress-step.active .label { color: #68abc6; }div.progress-step.failed .label { color: #f47474; }.pulse { animation: pulse-animation 2s infinite; }@keyframes pulse-animation { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }.view { height: 100vh; overflow: hidden; }div.progress-radial-wrapper { background: url("./svg/radial-backdrop.svg"); background-position: center; background-repeat: no-repeat; margin-bottom: 1em; }div.progress-radial { width: 300px; height: 300px; background: conic-gradient(#6cc9be, #de896b, #e755a4); }div.progress-radial-wrapper.progress-radial-pulse svg { animation: radial-pulse 2s ease-out infinite; }@keyframes radial-pulse { 0% { filter: brightness(100%); } 50% { filter: brightness(125%); } 100% { filter: brightness(100%); } }div.progress-radial-failed { width: 300px; height: 300px; background: red; }#popup { display: none; position: fixed; z-index: 100000000000; background-color: beige; color: black; border-radius: 5px; border: 1px solid black; left: 50vw; top: 10px; padding: 20px; transform: translateX(-50%); }#gray { z-index: 1; position: fixed; left: 0; top: 0; width: 100vw; background-color: rgba(100, 100, 100, 0.75); }/** COMPONENTS* Forms, buttons, tables, modals, spinners, alerts, and animations.*/.pure-form { text-align: left; }.pure-form .input-label { text-align: left; color: rgba(255, 255, 255, 0.8); letter-spacing: 0.5px; width: 100%; margin: 6px 0; font-size: var(--font-size-base); }.pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="text"], .pure-form select, .pure-form textarea { background: var(--color-bg-light); border: 1px solid #ddd; box-shadow: none; margin: 0 0 16px 0; width: 100%; height: 56px; padding: 0.7em 24px; color: var(--color-text-dark) !important; letter-spacing: 1px; font-weight: 400; display: inline-block; border-radius: var(--radius-md); font-size: 1rem; transition: all var(--transition-med); user-select: auto; appearance: none; }.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus { border-color: #ccc !important; }.pure-form select { background-image: linear-gradient(45deg, transparent 50%, grey 50%), linear-gradient(135deg, grey 50%, transparent 50%), linear-gradient(to right, #ededee, #ededee); background-position: calc(100% - 19px) 50%, calc(100% - 14px) 50%, 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 5em; background-repeat: no-repeat; }.pure-form select:hover, .modal-body select:hover { border-color: #3fa4af; }::placeholder { letter-spacing: 0px; color: #9F9F9F; font-weight: 400 !important; }.form-notif { text-align: left; display: block; padding: 5px 15px; margin-top: 0; margin-bottom: 15px; position: relative; z-index: -1000; border-radius: var(--radius-sm); transition: all var(--transition-med); }.form-notif.active { min-height: 50px; height: auto; opacity: 1; padding: 15px; transition: all 0.4s ease-in-out; }.form-notif a { color: var(--color-error); border-bottom: 2px solid rgba(208, 2, 27, 0.2); }.form-notif p { margin: 0; }.form-notif-error { color: var(--color-error); background: rgba(208, 2, 27, 0.2); font-weight: 600; }.form-notif-general { color: #5e8cc4; background: rgba(94, 140, 196, 0.2); font-weight: 600; }.form-notif-top.active { margin-bottom: 15px; }.form-notif-bottom.active { margin-top: 15px; }.table { width: 100%; background: white; }.table .tr { width: 100%; border: 1px solid #DFE2E4; border-bottom: 1px solid transparent; transition: all var(--transition-slow); }.table .tr div:after { content: ""; display: table; clear: both; }.table .td, .table .th { padding: 8px; border: none; display: inline-block; text-align: left; }.table .tr:nth-child(2n-1), .table .tr:nth-child(2n-1) .td { background-color: var(--color-bg); }.table .thead { background: white; }.table .thead .tr { background: white; border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); }.table .thead .th { font-weight: 400; color: var(--color-text); text-transform: uppercase; letter-spacing: 2px; background: transparent; }.table .tbody { background: transparent; }.table .tbody .tr:hover { border: 1px solid linear-gradient(44deg, #68ABC6 0%, #E383CE 51%, #E49384 100%) !important; }.table .tbody .tr:after { content: ""; display: table; clear: both; }.table .tbody .tr:first-child { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); }@media (min-width: 600px) { .table .tbody .tr:first-child { border-radius: 0; } }.table .tbody .tr:last-child { border-bottom-left-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); background-clip: padding-box; border-bottom: 1px solid #DFE2E4; }.pure-button { display: inline-block; margin: 0; padding: 8px 16px; min-height: 32px; background: #dceeef; color: #3fa4af; border: 1px solid #5DBDC9; font-weight: 600; white-space: normal; border-radius: var(--radius-md); font-size: 0.75rem; user-select: none; transition: all var(--transition-fast); }.pure-button svg, .pure-button .icon, .pure-button .advanced-icon svg { user-select: none; pointer-events: none; }.pure-button .advanced-icon { display: inline-block; padding: 0 7px 0 0; vertical-align: middle; margin-top: 1px; float: left; width: 16px; height: 16px; }.pure-button:focus { border-color: #3fa4af; filter: brightness(105%); }.pure-button:hover { filter: brightness(112%); }.pure-button-fw { width: 100%; }.pure-button-large { min-height: 56px; padding: 19px 23px; font-size: var(--font-size-base); }.pure-button-success { background: var(--color-success); border-color: var(--color-success); color: white; }.pure-button-success:hover { color: white; border-color: var(--color-success); }.pure-button-warning { background: var(--color-warning); border-color: var(--color-warning); color: white; }.pure-button-warning:hover { color: white; border-color: var(--color-warning); }.pure-button-error { background: var(--color-error); border-color: var(--color-error); color: white; }.pure-button-error:hover { color: white; border-color: var(--color-error); }.pure-button-main { background-image: linear-gradient(44deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 51%, var(--color-gradient-end) 100%); border-color: #b44fc6; color: white; }.pure-button-main:hover, .pure-button-main:focus { background-image: linear-gradient(44deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 51%, var(--color-gradient-end) 100%); border-color: #b44fc6; color: white; }.pure-button-secondary { background: var(--color-secondary); border-color: var(--color-secondary); color: white; }.pure-button-secondary:hover { border-color: var(--color-secondary); color: white; }.pure-button-misc { background: #333; border-color: #333; color: white; }.pure-button-misc:hover { color: white; border-color: #333; }.pure-button-light { background: rgba(255, 255, 255, 0.3); border-color: transparent; color: white; }.pure-button-light:hover { border-color: transparent; color: white; }.disabled, .pure-button[disabled] { opacity: 0.5; cursor: default; box-shadow: none; }.disabled:hover, .pure-button[disabled]:hover, .disabled:focus, .pure-button[disabled]:focus { opacity: 0.4; }@media (min-width: 900px) { .button-label { display: inline; } }.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: rgba(0, 0, 0, 0.8); }.modal-backdrop.fade { opacity: 0; }.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.9; filter: alpha(opacity=90); }.BtnCancel, .BtnCancelCloseAll { width: 22px; height: 22px; cursor: pointer; border: none; position: absolute; top: 20px; right: 20px; padding: 4px; background-image: url("./svg/close.svg"); background-repeat: no-repeat; }.BtnBack { width: 22px; height: 22px; cursor: pointer; border: none; position: absolute; top: 20px; left: 20px; padding: 4px; }.modal { position: absolute; top: 0; left: 50%; z-index: 1050; width: 90%; min-width: 200px; max-height: 1024px; height: 100%; margin-left: -45%; background: white; border: none; outline: none; visibility: visible; box-shadow: var(--shadow-modal); user-select: none; }@media (min-height: 670px) and (min-width: 640px) { .modal { border-radius: var(--radius-md); top: 8%; margin-left: -240px; width: 480px; height: 82%; } }@media (max-height: 670px) { .modal { top: 0%; height: 100%; } }@media (max-width: 640px) { .modal { margin-left: -50%; width: 100%; } }.modal.hide { visibility: hidden; }.modal.fade { top: -25%; visibility: hidden; transition: top 0.3s ease-out; }.modal.fade.in { top: 0; visibility: visible; }@media (min-width: 600px) { .modal.fade.in { top: 8%; } }.modal-content { height: 100%; }.modal-header { padding: 9px 25px; border-bottom: 1px solid #EDEDEE; height: 60px; }.modal-header h2 { text-align: center; margin-top: 12px; margin-bottom: 8px; font-size: var(--font-size-lg); }.modal-body { position: relative; padding: 24px; text-align: center; height: calc(100% - 60px); overflow-y: auto; display: flex; flex-flow: column; }.credential { font-family: var(--font-code), var(--font-primary); letter-spacing: 0.5px; background: var(--color-bg-light); border: 1px solid var(--color-bg-light); color: var(--color-text-dark); overflow-wrap: break-word; word-break: break-all; font-weight: 400; padding: 16px 32px; width: 100%; user-select: all; font-size: var(--font-size-lg); line-height: 1.625rem; border-radius: var(--radius-md); }@media (min-width: 600px) { .credential { padding: 16px 80px; } }.modal-form { margin-bottom: 0; }.modal-footer { padding: 15px 25px 25px; margin-bottom: 0; text-align: center; background: white; border-top: 1px solid #EDEDEE; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: inset 0 1px 0 white; }.modal-footer::after, .modal-footer::before { display: table; line-height: 0; content: ""; }.modal-footer::after { clear: both; }.fade { opacity: 0; transition: opacity 0.15s linear; }.fade.in { opacity: 1; }.modal-content-main { flex: 0 1 auto; user-select: none; }.modal-content-space { flex: 1 1 auto; }.modal-content-buttons { flex: 0 1 auto; margin-top: 24px; }.modal-content-buttons button { max-height: 36px; }.alert-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 9999999; }.alert-box-overlay { width: 100%; height: 100%; z-index: 1040; background-color: rgba(0, 0, 0, 0.5); }.alert-box-container .message-container { margin-bottom: 32px; }.message-container { user-select: text; }#keyQrCode { margin: 0 auto; height: 160px; width: 160px; background: #eee; }@keyframes spinner-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }.spinner-loader:not(:required) { box-shadow: rgb(246, 141, 135) 1.5em 0 0 0, rgb(96, 188, 200) 1.1em 1.1em 0 0, rgb(145, 148, 194) 0 1.5em 0 0, rgb(206, 101, 189) -1.1em 1.1em 0 0, rgb(246, 170, 102) -1.5em 0 0 0, rgb(224, 125, 145) -1.1em -1.1em 0 0, rgb(141, 214, 182) 0 -1.5em 0 0, rgb(228, 149, 119) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 0.5em; height: 0.5em; margin: 1.5em; overflow: hidden; text-indent: 100%; animation: spinner-loader 2500ms infinite linear; border-radius: 0.5em; scale: 1.4; }button .spinner-loader:not(:required) { box-shadow: #EEE 1.5em 0 0 0, #EEE 1.1em 1.1em 0 0, #EEE 0 1.5em 0 0, #EEE -1.1em 1.1em 0 0, #EEE -1.5em 0 0 0, #EEE -1.1em -1.1em 0 0, #EEE 0 -1.5em 0 0, #EEE 1.1em -1.1em 0 0; margin: 0.7em 0.5em 0.3em 0.5em; scale: 1.1; }@keyframes flashing { 0% { opacity: 0.5; } 50% { opacity: 0.9; } 100% { opacity: 0.5; } }.flashing { animation: flashing 1.5s linear infinite; }.nav { z-index: 10; background: white; position: fixed; top: 0; left: 0; width: 100%; height: 50px; border-bottom: 1px solid #DFE2E4; }.nav .nav-content { max-width: 720px; margin: 0 auto; padding: 0 5px; text-align: center; }.nav .nav-items { float: right; margin: -10px 0 0 0 !important; }.nav .nav-items a { border: none; font-weight: 400; color: var(--color-text); width: 30px; height: 30px; background-repeat: no-repeat; background-size: 20px 20px; background-position: center; display: inline-block; padding: 0; font-weight: 600; text-transform: lowercase; margin-top: 10px; font-size: var(--font-size-base); transition: all var(--transition-slow); }.nav .nav-items .active, .nav .nav-items a.active:hover { background-color: transparent; opacity: 0.3; cursor: default; }.nav .nav-logo { display: block; background-size: 100% 100%; background-image: url("./png/logo-hybrix-gradient.png"); width: 72px; height: 29px; vertical-align: middle; margin: 10px auto -30px; }@media (max-width: 320px) { .nav .nav-logo { margin-left: calc(50% - 45px); } }.nav .nav-back-button { background-image: url("./svg/back.svg"); height: 20px; width: 32px; background-size: 20px 20px; background-repeat: no-repeat; float: left; margin: 5px 0 5px 2px; filter: brightness(108%); }.nav .nav-pending-button { background-image: url("./svg/pending.svg"); margin-right: 6px; filter: brightness(60%); }.nav .nav-pending-button:focus, .nav .nav-pending-button:hover { cursor: pointer; filter: brightness(100%); }.nav .nav-scanner-button { background-image: url("./svg/qrcode.svg"); margin-right: 8px; filter: brightness(60%); }.nav .nav-scanner-button:focus, .nav .nav-scanner-button:hover { cursor: pointer; filter: brightness(100%); }.nav .nav-apps-button { margin: 0 5px 0 0; background-image: url("./svg/menu.svg"); filter: brightness(60%); }.nav .nav-apps-button:focus, .nav .nav-apps-button:hover { cursor: pointer; filter: brightness(100%); }.nav .nav-inverted { filter: brightness(1000%); }.nav .nav-inverted:focus, .nav .nav-inverted:hover { cursor: pointer; filter: brightness(1000%); opacity: 0.8; }.nav #userID-nav { float: left; margin: 4px 0 0 5px; vertical-align: middle; font-size: var(--font-size-base); letter-spacing: 0.2px; }@media (max-width: 480px) { .nav #userID-nav { margin: 3px 0 0 5px; font-size: 0.75rem; } }@media (max-width: 360px) { .nav #userID-nav { font-size: 0.5625rem; } }.nav-dark { background: linear-gradient(154deg, #50cbaf -40%, #66add6 130%); color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.333); }.field-elements { position: relative; z-index: 99999; float: right; margin: -55px 12px 0 0; }.inline-symbol { display: inline-block; color: var(--color-text); font-weight: 600; background: transparent; margin: 1px 6px 0 0; font-size: 1rem; border-radius: var(--radius-md); }.BtnMax { display: inline-block; min-height: 5px; margin: -5px 1px 0 0; padding: 5px 9px; background: #555; border: 0 solid transparent !important; color: #fff; font-weight: 700; letter-spacing: 0.5px; }.BtnMax[disabled] { background: #bbb; border-color: 1px solid #999; }#view-empty #empty-content {}#view-listAssets #asset-list, #view-listAssets #asset-buttons { text-align: center; width: 90%; max-width: 720px; background: transparent; padding: 0; margin: 0 auto; margin-bottom: 1em; }#view-listAssets #listAssets-spinner { display: block; width: 100%; text-align: center; padding-top: 35%; padding-bottom: 35%; background: rgb(255, 255, 255); background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%); }#view-listAssets #listAssets-spinner .spinner-loader { display: inline-block; vertical-align: middle; margin-top: 22px; }#view-listAssets #asset-list { display: flex; flex-direction: column; margin: 70px auto 16px; }#view-listAssets #asset-list a { border: none; }#view-listAssets #asset-list .asset-container.listAssets-subAsset { margin-left: 50px; width: calc(100% - 50px); margin-top: 0; }#view-listAssets #asset-list .asset-container.listAssets-locked > .asset > span:nth-child(2) { background-image: url("./svg/fuel-red.svg"); background-repeat: no-repeat; background-position: right; padding-right: 50px; background-size: 32px 32px; }#view-listAssets #asset-list .asset-container.loading { background-image: linear-gradient(154deg, grey -40%, darkgrey 130%); cursor: default; color: darkgray; pointer-events: none; }#view-listAssets #asset-list .asset-container { position: relative; width: 100%; cursor: pointer; margin: 12px 0; padding: 10px 16px 8px; text-align: left; border-radius: var(--radius-md); background-image: linear-gradient(44deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 51%, var(--color-gradient-end) 100%); z-index: 1; min-height: 70px; transition: all 0.2s ease-in; }@media (max-width: 480px) { #view-listAssets #asset-list .asset-container { margin: 8px 0; } }@media (min-width: 600px) { #view-listAssets #asset-list .asset-container { min-height: 86px; padding-top: 18px; padding-left: 24px; padding-right: 24px; } }#view-listAssets #asset-list .asset-container:hover { transform: scale(1.02); filter: brightness(112%); }#view-listAssets #asset-list .asset-container .asset, #view-listAssets #asset-list .asset-container .asset-balance-info { display: inline-block; margin: 2px 0 0; vertical-align: middle; min-width: 200px; }@media (max-width: 480px) { #view-listAssets #asset-list .asset-container .asset-balance-info { float: right; } }#view-listAssets #asset-list .asset-container .asset { text-align: left; color: white; font-weight: 600; vertical-align: middle; width: calc(50% - 8px); word-break: break-all; white-space: nowrap; font-size: var(--font-size-lg); line-height: 2rem; }@media (min-width: 600px) { #view-listAssets #asset-list .asset-container .asset { font-size: 1.375rem; line-height: 1.5rem; } }#view-listAssets #asset-list .asset-container .asset .icon { display: inline-block; vertical-align: middle; margin: -2px 12px 0 0; height: 34px; }#view-listAssets #asset-list .asset-container .asset .icon svg { width: 35px; height: 32px; }#view-listAssets #asset-list .asset-container .asset .icon svg path { fill: #fff !important; }#view-listAssets #asset-list .asset-container .asset .icon svg text { fill: #50cbaf !important; }#view-listAssets #asset-list .asset-container .asset .star { display: inline-block; margin: -2px 5px 2px; vertical-align: middle; cursor: pointer; z-index: 2; opacity: 0.5; scale: 0.7; }#view-listAssets #asset-list .asset-container .asset-balance-info { display: inline-block; width: 50%; text-align: right; }#view-listAssets #asset-list .asset-container .asset-balance-info:before, #view-listAssets #asset-list .asset-container .asset-balance-info:after { content: ""; display: table; }#view-listAssets #asset-list .asset-container .asset-balance-info:after { clear: both; }#view-listAssets #asset-list .asset-container .asset-balance-info .valuation, #view-listAssets #asset-list .asset-container .asset-balance-info .balance { color: white; font-weight: 600; text-align: right; min-height: 24px; letter-spacing: 0.3px; text-transform: uppercase; display: inline-block; font-size: var(--font-size-lg); line-height: 1.375rem; }@media (max-width: 720px) { #view-listAssets #asset-list .asset-container .asset-balance-info .valuation, #view-listAssets #asset-list .asset-container .asset-balance-info .balance { font-size: 1rem; line-height: 1.125rem; } }#view-listAssets #asset-list .asset-container .asset-balance-info .balance { padding-top: 4px; word-break: break-all; }#view-listAssets #asset-list .asset-container .asset-balance-info .valuation { color: rgba(255, 255, 255, 0.7); display: block; font-size: var(--font-size-base); }#view-listAssets #asset-list .asset-container .asset-balance-info .spinner-loader { margin-right: 8px; float: right; }#view-listAssets #asset-list .progress-radial { float: right; }@media (min-width: 600px) { #view-listAssets #asset-list .progress-radial { float: left; } }#view-listAssets .display-assets-link { cursor: pointer; }#view-listAssets .asset-container * { transition: all 0.3s ease-in; }#view-listAssets .manage-button #manageAssetsBtn { display: none; }#view-listAssets .ast { font-size: 0.625rem; vertical-align: text-bottom; }#view-listAssets .valuation-source { font-size: 0.75rem; margin-bottom: 40px; text-align: left; color: var(--color-text); }#view-listAssets .listAssets-message.error { color: red; background-color: rgb(255, 220, 220); margin-top: 10px; }#view-listAssets .listAssets-starred { background-color: transparent; background-position: center; background-repeat: no-repeat; background-image: url("./svg/star.svg"); width: 26px; height: 30px; display: inline-block; vertical-align: middle; margin-top: -5px; }#view-listAssets #listAssets-addWallet, #view-listAssets #listAssets-banking { display: inline-block; width: 45%; margin: 12px 6px; padding-left: 2em; text-align: left; }@media (max-width: 480px) { #view-listAssets #listAssets-addWallet, #view-listAssets #listAssets-banking { width: 90%; } }@media (min-width: 720px) { #view-listAssets #listAssets-addWallet, #view-listAssets #listAssets-banking { max-width: 330px; } }#view-listAssets #listAssets-addWallet div, #view-listAssets #listAssets-banking div { width: 18px; height: 18px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; display: inline-block; margin: -4px 18px 0 2px; }#view-listAssets #listAssets-addWallet div { background-image: url("./svg/add.svg"); }#view-listAssets #listAssets-banking { color: #af6e3f; background: #efeddc; border: 1px solid #C9A95D; }#view-listAssets #listAssets-banking div { background-image: url("./svg/banking.svg"); }#view-listAssets .listAssets-message { cursor: pointer; text-align: left; border-radius: var(--radius-md); color: #63bbbb; background: rgba(103, 199, 199, 0.1); padding: 20px 22px; font-size: var(--font-size-base); font-weight: 600; margin-bottom: 1em; transition: all 0.2s ease-in; }#view-listAssets .listAssets-message:hover { transform: scale(1.02); }#view-listAssets #listAssets-getSomeHy { display: inline-block; opacity: 1; transition: opacity 3s; background-color: white; text-transform: none; border-radius: 25px; transform: translateY(-2px); font-size: 16px; cursor: pointer; vertical-align: middle; background-image: url("./favicon.ico"); background-size: 26px 26px; background-repeat: no-repeat; background-position: 5px center; padding: 4px 14px 5px 44px; color: #ffbf00; box-shadow: -1px -1px 5px rgba(255, 163, 0, 0.76), -1px 1px 5px rgba(255, 163, 0, 0.76), 1px 1px 5px rgba(255, 163, 0, 0.76), 1px -1px 5px rgba(255, 163, 0, 0.76); }@media (min-width: 480px) { #view-listAssets #listAssets-getSomeHy { position: absolute; top: 35%; left: 45%; } }@media (max-width: 480px) { #view-listAssets #listAssets-getSomeHy { position: absolute; right: 0; margin: 2px 10px 8px 20px; } }#view-listAssets #listAssets-getSomeHy:hover { box-shadow: -5px -5px 15px rgba(255, 195, 0, 0.8), -5px 5px 15px rgba(255, 195, 0, 0.8), 5px 5px 15px rgba(255, 195, 0, 0.8), 5px -5px 15px rgba(255, 195, 0, 0.8); }#view-listAssets .asset-container.loading .listAssets-getSomeHy { color: transparent; color: darkgray; filter: saturate(0%); }#view-listAssets .listAssets-pending-symbol { width: 20px; height: 20px; background-size: 100%; background-image: url("./svg/pending.svg"); display: inline-block; }#view-allocate h2 { font-weight: 800; }#view-allocate .content { margin: 8px auto 18px; }#view-allocate #allocate-scanner-button { opacity: 0.3; }#view-allocate #allocate-overview #allocate-headercontent { padding-top: 96px; padding-bottom: 96px; background-color: #103c2e; }#view-allocate #allocate-overview #allocate-headercontent p { color: #d53f11; padding-bottom: 0.1em; }#view-allocate #allocate-overview #allocate-headercontent .pure-button { margin: 4px 12px 8px; width: 180px !important; }#view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-space { display: inline-block; }@media (min-width: 456px) { #view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-space { width: 204px; } }@media (max-width: 456px) { #view-allocate #allocate-overview #allocate-headercontent .transaction-btns { padding-bottom: 2em; padding-top: 1em; margin-top: -1em; margin-bottom: 4.5em; } }#view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-down, #view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-up { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; display: inline-block; margin-bottom: -15px; opacity: 0.5; }#view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-down { border-top: 30px solid #FFF; }#view-allocate #allocate-overview #allocate-headercontent .allocate-arrow-up { border-bottom: 30px solid #FFF; }#view-allocate #allocate-overview #allocate-headercontent #allocate-createAccount { width: 320px; margin: 20px auto; }#view-allocate #allocate-overview #allocate-headercontent #allocate-createAccount .spinner-loader { filter: brightness(300%); scale: 0.8; vertical-align: middle; margin: 4px 3em 8px; }#view-allocate #allocate-overview #allocate-headercontent .allocate-pair { background-color: #de698e; border: 1px solid #7b0467; display: inline-block; margin: 12px; }#view-allocate #allocate-overview #allocate-headercontent .allocate-balancecontainer { border: 3px solid; text-align: center; background-color: rgba(255, 255, 255, 0.25); border-radius: 64px; padding: 12px; max-width: 650px; margin: auto; width: calc(100vw - 80px); background-size: 30px 30px; background-repeat: no-repeat; background-position: 50px center; font-size: 100%; }@media (min-width: 700px) { #view-allocate #allocate-overview #allocate-headercontent .allocate-balancecontainer { font-size: 150%; } }#view-allocate #allocate-overview #allocate-headercontent .allocate-balancecontainer .spinner-loader { filter: brightness(300%); scale: 0.8; vertical-align: middle; margin: 4px 3em 8px; }#view-allocate #allocate-overview #allocate-headercontent #allocate-mainBalanceContainer { background-image: url("./svg/circle1.svg"); border-color: rgba(87, 143, 184, 0.86); box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 32px 10px; color: #FFF; }#view-allocate #allocate-overview #allocate-headercontent #allocate-allocationBalanceContainer { background-image: url("./svg/swap.svg"); border-color: rgba(164, 87, 151, 0.86); box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 32px 10px; color: #FFF; }#view-allocate #allocate-overview #allocate-headercontent #allocate-securityBalanceContainer { background-image: url("./png/lock.png"); border-color: rgba(255, 187, 72, 0.86); box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 32px 10px; color: #FFF; }#view-allocate #allocate-overview #allocate-headercontent #allocate-messages { text-align: center; font-weight: bold; color: red; }#view-allocate #allocate-overview #allocate-headercontent [id*="icon"] { background-repeat: no-repeat; display: inline-block; margin-right: 8px; width: 20px; height: 20px; }#view-allocate #allocate-overview #allocate-headercontent [id*="icon"] svg { width: 20px; height: 20px; margin-top: 4px; margin-bottom: -4px; }#view-allocate #allocate-overview #allocate-headercontent [id*="icon"] svg path { fill: #fff !important; }#view-allocate #allocate-overview #allocate-headercontent #allocate-transfer .icon, #view-allocate #allocate-overview #allocate-headercontent #allocate-securityReserve .icon { background-image: url("./svg/receive.svg"); }#view-allocate #allocate-overview #allocate-headercontent #allocate-withdraw .icon, #view-allocate #allocate-overview #allocate-headercontent #allocate-securityExtract .icon { background-image: url("./svg/send.svg"); }#view-allocate #allocate-overview #allocate-headercontent [id*="BalanceContainer"][disabled] { border-color: darkgrey; opacity: 0.5; }#view-allocate #allocate-reporting { display: none; background: #A5BDAA; margin-top: 0; padding: 2px 0 32px; margin-left: 10%; margin-right: 10%; border-radius: 0 0 32px 32px; filter: drop-shadow(0px 12px 24px #CCC); min-height: 130px; }#view-allocate #allocate-reporting h2 { margin-top: 2em; }#view-allocate #allocate-reporting p { width: 80%; margin: auto; color: #333; min-width: 200px; margin-bottom: 32px; }#view-allocate #allocate-portfolio { display: none; }#view-allocate #allocate-portfolio h2 { margin-top: 2.5em; }#view-allocate #allocate-filter { margin: 6px 12px 24px; border-radius: 54px; padding: 8px; }#view-allocate .allocate-manage-button { cursor: pointer; }#view-allocate #allocate-transfer-buttons, #view-allocate #allocate-security-buttons { height: 132px; opacity: 1; transition-duration: 2000ms; }#view-allocate #allocate-reporting-edit { padding: 9px 40px 9px 12px; background-repeat: no-repeat; background-size: 20px 20px; text-align: left; border: 1px solid transparent; border-radius: var(--radius-md); margin: 5px; display: inline-block; background-color: #dceeef; min-height: 40px; cursor: pointer; background-image: url("./svg/contacts-edit.svg"); background-position: right 10px top 9px; min-width: 200px; }#view-allocate #allocate-reporting-edit:hover { background-color: #edf5fb; }#view-allocate #allocate-createPair { width: 50%; margin-bottom: 8em; }#view-allocate #allocate-createPair .icon { background-image: url("./svg/plus.svg"); filter: brightness(200%) saturate(0); width: 18px; height: 18px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; display: inline-block; margin: -4px 18px 0 2px; }#view-allocate #allocate-pairs { margin-top: 3em; margin-bottom: 5em; }#view-allocate #allocate-pairs .pure-button { color: #242424; border: 1px solid #979796; margin: 6px; width: 200px; filter: drop-shadow(0px 12px 24px #CCC); }#view-allocate #allocate-pairs .pure-button:hover { filter: brightness(112%); }#view-allocate #allocate-pairs .allocate-crypto { background: linear-gradient(to right, #90c888, #f0ecf4, #e1a188); }#view-allocate #allocate-pairs .allocate-fiat { background: linear-gradient(to right, #d0c95e, #f0ecf4, #e1a188); }/** VIEW-LOGIN* Login flow, flip card, progress bar.*/#view-login { background: linear-gradient(-45deg, #f9f9f9, rgba(238, 119, 82, 0.133), #f9f9f9, rgba(231, 60, 126, 0.133), #f9f9f9, rgba(35, 166, 213, 0.133), #f9f9f9, rgba(35, 213, 171, 0.133)); background-size: 400% 400%; animation: gradient 90s ease infinite; }#view-login #login_container { margin-top: -60px; width: 90%; max-width: 380px; color: white; text-align: center; display: block; margin: 0 auto; user-select: none; }#view-login #login_container .logo { background-size: 120px 48px; width: 120px; height: 48px; display: block; margin: 20px auto; }#view-login #login_container #quote-of-the-day { color: grey; font-style: italic; font-weight: bold; }#view-login #login_container #quote-of-the-day #quote-of-the-day-quote { color: #555; }#view-login #login_container #quote-of-the-day #quote-of-the-day-author { color: grey; }#view-login #login_container input { user-select: auto; }#view-login #login_container .pure-button { display: block; margin-bottom: 0; }#view-login #login_container #loginform, #view-login #login_container #generateform { display: inline-block; position: relative; width: 100%; margin: 24px 0; background: white; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 0 50px 10px #FFF; }#view-login #login_container #generateform { margin: 0 0 10px; }#view-login #login_container #generateform p { color: #000; padding: 0; margin: 0 0 24px; text-align: center; font-weight: 400; font-size: 1.125rem; }#view-login #login_container #login-button { height: 56px; transition: all var(--transition-med); }#view-login #login_container #login-button .spinner-loader { display: none; margin-top: 8px; }#view-login #login_container #login-button .spinner-loader.active { display: block; }#view-login #login_container #login-button.disabled { pointer-events: none; }#view-login #login_container #login-buttoncontent { display: inline-block; width: 100%; }#view-login #login_container #loginwrap { display: block; vertical-align: middle; margin-bottom: -3px; }#view-login #login_container #alert { display: block; color: #9F9F9F; font-size: 0.75rem; line-height: 1.25rem; }#view-login #login_container #generateform.inactive, #view-login #login_container #alert.inactive { opacity: 0; transition: opacity 0.6s ease-in-out; display: none; }#view-login #login_container h2.loginbox-title { margin: -30px -30px 0; padding: 30px 30px 20px; color: #000; border-bottom: 1px solid var(--color-border); text-align: left; font-size: 1rem; }#view-login #login_container p.loginbox-text { color: var(--color-text); text-align: left; padding: 20px 0 0; margin: 0; }#view-login #login_container .powered-by-hybrix { width: 110px; display: none; border: none; margin: 80px auto 40px; }#view-login .login-flip-card { width: 100%; color: white; text-align: center; display: block; margin: 0 auto; }#view-login .flip-container { width: 100%; color: white; text-align: center; display: block; perspective: 600px; }#view-login .flipper { position: relative; width: 100%; transition: 1s; transform-style: preserve-3d; }@media (min-width: 600px) { #view-login .flipper { width: 380px; } }#view-login .flipper.active { transform: rotateY(180deg); transform-style: preserve-3d; }#view-login .login-flip-front, #view-login .login-flip-back { position: absolute; top: 0; left: 0; backface-visibility: hidden; }#view-login .login-flip-front { z-index: 2; transform: rotateY(0deg); }#view-login .login-flip-back { margin: 40px 0 0; width: 100%; background: #fff; border: 1px solid var(--color-border); padding: 30px; box-shadow: 0 0 50px 10px #FFF; border-radius: var(--radius-md); transform: rotateY(180deg); }#view-login .login-flip-back-content { padding: 20px 0; text-align: left; border-radius: var(--radius-md); }#view-login .login-flip-back p { color: #333; font-weight: 500; margin: 0; padding: 0; }#view-login .progress-bar-wrapper { width: 100%; height: 18px; margin: 30px 0 10px; background: #ECECEC; border-radius: var(--radius-lg); }#view-login .progress-bar { height: 18px; width: 10%; max-width: 280px; background-color: #333; background-image: linear-gradient(44deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 51%, var(--color-gradient-end) 100%); border-radius: var(--radius-lg); transition: all 0.5s ease-in-out; animation: pulse 1s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite; }#view-login .progress-text { color: #333; font-weight: 600; }@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }#view-login #login-load-message { text-align: center; }#view-login #login-load-spinner { margin-left: calc(50% - 0.3em); margin-top: 7em; }#view-login #login-error-message { color: red; display: none; padding: 12px 0 0; }#view-login .credential.credentialPass { padding: 12px 90px; }@media (max-width: 544px) { #view-login .credential.credentialPass { padding: 12px 40px; } }@media (max-width: 400px) { #view-login .credential.credentialPass { padding: 12px 24px; } }#view-login #login-field-elements-A { position: relative; z-index: 99999; float: right; margin: -65px 8px 0 0; filter: grayscale(100%) brightness(0%); }#view-login #login-field-elements-A #login-qr-scanner-button { display: inline-block; height: 40px; width: 40px; padding: 0; margin-top: 1px; color: #999; background: rgba(255, 255, 255, 0) url("./svg/qrcode.svg") center no-repeat; filter: opacity(70%); }#view-login #login-field-elements-A #login-qr-scanner-button:hover { cursor: pointer; filter: opacity(50%); }#view-login #login-universalLogin { color: var(--color-primary-dark); transform: translateY(-13px); text-align: center; cursor: pointer; }#logout-message { margin-top: 20%; margin-bottom: 30%; word-wrap: normal; word-break: break-word; }#logout-buttons { background: none; }#logout-cancel { width: 32%; margin-right: 2%; }#logout-confirm { width: 60%; }#qrScanner-video { width: 100%; line-height: 0; border-radius: var(--radius-md); }#qrScanner-container .scan-region-highlight { position: absolute; pointer-events: none; transform: scaleX(1); width: 280px; height: 280px; top: 60px; left: 102px; }#view-alert p { font-size: 1.3em; word-break: normal; }#view-alert [id*="image"] { width: 100%; height: 80px; margin: 40px 0; background-position: center; background-repeat: no-repeat; background-size: 80px; }#view-alert #alert-image-checkmark { background-image: url("./svg/checkmark.svg"); filter: brightness(0.5) sepia(1) hue-rotate(70deg) saturate(2); }#view-alert #alert-image-cross { background-image: url("./svg/close.svg"); filter: brightness(0.7) sepia(1) hue-rotate(-50deg) saturate(5); }#view-alert #alert-image-info { background-image: url("./svg/info.svg"); filter: brightness(0.7) sepia(1) hue-rotate(150deg) saturate(5); }#view-confirm p { font-size: 1.3em; word-break: normal; }#view-confirm #confirm-no-button { width: 32%; margin-right: 2%; margin-bottom: 0; background-color: #edc; border-color: #faa; color: #855; }#view-confirm .red { width: 48% !important; background: linear-gradient(44deg, #ea7b4f 0%, #e38059 51%, #f9d693 100%); border-color: #e14000; color: #fff !important; }#view-confirm #confirm-yes-button { width: 60%; margin-bottom: 0; }#view-confirm .green { width: 48% !important; background: linear-gradient(44deg, #65ce84 0%, #89cc64 51%, #cefd9f 100%); border-color: #49b949; }#view-confirm [id*="button"] .icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-confirm [id*="button"] .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-confirm [id*="button"] .icon svg path { fill: #fff !important; }#view-input p { font-size: 1.3em; word-break: normal; }#view-input #input-field { width: 80%; margin-left: 10%; }#view-input #input-spinner { display: block; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: 100%; top: 0; text-align: center; position: absolute; }#view-input #input-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-input #input-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-input #confirm-submit-button { width: 100%; }#view-input #confirm-submit-button .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-input #confirm-submit-button .icon svg path { fill: #fff !important; }#TODO-modal p { font-size: 1.3em; word-break: normal; }#view-viewAsset .asset-overview { z-index: 0; position: absolute; width: 100%; left: 0; top: 0; overflow: auto; height: 100vh; }#view-viewAsset .asset-overview-header { color: #FFF; background-image: linear-gradient(154deg, #50cbaf -40%, #66add6 130%); }#view-viewAsset .asset-overview-header .content { margin: 32px auto 16px; }#view-viewAsset #asset-overview-fuel-warning { color: #eb4d4b; font-weight: bold; }#view-viewAsset #asset-overview-logo:hover { cursor: pointer; }#view-viewAsset #asset-overview-asset, #view-viewAsset #asset-overview-balance { width: 50%; display: inline-block; }#view-viewAsset #asset-overview-asset { text-align: left; }#view-viewAsset #asset-overview-asset #asset-overview-asset-icon { float: left; margin-right: 8px; }#view-viewAsset #asset-overview-asset #asset-overview-asset-icon svg { width: 22px; height: 22px; }#view-viewAsset #asset-overview-asset #asset-overview-asset-icon svg path { fill: #fff !important; }#view-viewAsset #asset-overview-asset #asset-overview-asset-icon svg text { fill: #50cbaf !important; }#view-viewAsset #asset-overview-balance { float: right; text-align: right; }#view-viewAsset #asset-overview-balance #asset-overview-asset-balance, #view-viewAsset #asset-overview-balance #asset-overview-asset-valuation { float: right; display: block; width: 100%; }#view-viewAsset #asset-overview-asset-balance, #view-viewAsset #asset-overview-asset-id { font-weight: 600; text-transform: uppercase; min-height: 24px; word-break: break-word; font-size: var(--font-size-lg); line-height: 1.375rem; }@media (min-width: 600px) { #view-viewAsset #asset-overview-asset-balance, #view-viewAsset #asset-overview-asset-id { font-size: 1.375rem; line-height: 1.5rem; } }#view-viewAsset #asset-overview-asset-id { margin-right: 10px; }#view-viewAsset #asset-overview-asset-name, #view-viewAsset #asset-overview-asset-valuation { font-weight: 400; color: rgba(255, 255, 255, 0.8); min-height: 24px; padding-top: 4px; font-size: var(--font-size-base); line-height: 1.125rem; }#view-viewAsset .transaction-btns { padding-bottom: 1em; }#view-viewAsset .transaction-btns .pure-button { width: calc(24% - 10px); min-width: 160px; }#view-viewAsset .transaction-btns .pure-button .icon { display: inline-block; margin-right: 8px; }#view-viewAsset .transaction-btns .pure-button .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-viewAsset .transaction-btns .pure-button .icon svg path { fill: #fff !important; }#view-viewAsset .transaction-btns [id*="AssetButton"], #view-viewAsset .transaction-btns #viewAsset-loadHistoryButton { margin: 4px; margin-bottom: 12px; border: 1px solid #cae9ee; position: relative; overflow: hidden; }#view-viewAsset .transaction-btns [id*="AssetButton"]:hover { background-color: #92bfc8; }#view-viewAsset .transaction-btns [id*="AssetButton"] .icon { width: 20px; height: 20px; background-size: 100%; background-repeat: no-repeat; vertical-align: middle; }#view-viewAsset .transaction-btns #sendAssetButton .icon { background-image: url("./svg/send.svg"); }#view-viewAsset .transaction-btns #fuelAssetButton .icon { background-image: url("./svg/fuel.svg"); }#view-viewAsset .transaction-btns #receiveAssetButton .icon { background-image: url("./svg/receive.svg"); }#view-viewAsset .transaction-btns #swapAssetButton .icon { background-image: url("./svg/swap.svg"); }#view-viewAsset .transaction-btns #exportAssetButton .icon { background-image: url("./svg/actions.svg"); margin-top: 7px; margin-bottom: -7px; }#view-viewAsset .transaction-btns #viewAsset-loadHistoryButton { margin-bottom: 8em; margin-top: 20px; background: linear-gradient(44deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 51%, var(--color-gradient-end) 100%); border-color: #b44fc6; min-width: 240px; opacity: 60%; }#view-viewAsset .transaction-btns #viewAsset-loadHistoryButton:hover { opacity: 100%; }#view-viewAsset .transaction-btns #viewAsset-loadHistoryButton .icon { background-image: url("./svg/history.svg"); margin-right: 12px; }#view-viewAsset .transaction-history .content { margin: 24px auto; }#view-viewAsset .transaction-history .history-contact { color: #08c; }#view-viewAsset #viewAsset-history { margin: auto; transition: any 0.5s ease-out; }#view-viewAsset .tx-history-entry { border: 1px solid #cbcbbc; margin: 10px auto 0; border-radius: var(--radius-md); padding: 16px 24px; text-align: left; max-width: 780px; width: 98%; }#view-viewAsset p.tx-history-date, #view-viewAsset p.tx-history-fail { display: inline-block; margin: 0; font-size: 14px; color: black; font-weight: 600; }#view-viewAsset p.tx-history-amount { display: inline-block; float: right; margin: 0; font-size: 16px; font-weight: 600; color: black; }#view-viewAsset p.tx-history-description { font-size: 16px; color: #333; }#view-viewAsset p.tx-history-address, #view-viewAsset p.tx-history-id { font-size: 14px; color: #aeaeb3; margin: 6px 0; word-break: break-word; }#view-viewAsset p.tx-history-address { color: #555; }#view-viewAsset p.tx-history-amount.to { color: #eb4d4b; }#view-viewAsset p.tx-history-amount.from { color: #6ab04c; }#view-viewAsset p.tx-history-amount.self { color: #aaaaaa; }#view-viewAsset .qr-scanner { height: 100%; width: 100%; background: black; border-radius: var(--radius-md); }#view-viewAsset .qr-scanner-confirmation { display: block; background: #fff; position: absolute !important; top: 0 !important; left: 0 !important; height: 100%; width: 100%; padding: 30px 40px; border-radius: var(--radius-md); text-align: left; overflow-y: auto; }#view-viewAsset .warningMessageForFailedScan { color: #eb4d4b; margin: 10px 0; }#view-viewAsset .qr-scanner-invalid-message { display: none; position: absolute !important; top: 0 !important; left: 0 !important; height: 100%; width: 100%; background: white; padding: 30px 40px; border-radius: var(--radius-md); text-align: left; }#view-viewAsset .asset-overview-asset-data { margin-top: 0; padding-top: 50px; }#view-viewAsset .asset-overview-asset-data .content table { width: 100%; margin: 20px auto; }#view-viewAsset .asset-overview-asset-data .content table tr td:nth-child(1) { text-align: left; }#view-viewAsset .asset-overview-asset-data .content table tr td:nth-child(2) { text-align: right; }#view-viewAsset #viewAsset-history-more { cursor: pointer; text-align: center; margin: 2em auto 20px; padding: 16px; min-height: 32px; max-width: 780px; width: 50%; background: #dceeef; color: var(--color-primary-dark); border: 1px solid #5dbdc9; font-weight: 600; white-space: normal; border-radius: var(--radius-md); font-size: 0.75rem; user-select: none; transition: all var(--transition-fast); }#view-viewAsset #viewAsset-history-more:hover { filter: brightness(112%); }#view-viewAsset #viewAsset-history-more.disabled { pointer-events: none; background: transparent; color: grey; border-color: grey; border: 0; }#view-viewAsset #viewAsset-history-note, #view-viewAsset #viewAsset-explore { text-align: center; display: block; margin-top: 0.85em; font-weight: 400; }#view-viewAsset #viewAsset-explore { color: #66add6; cursor: pointer; }#view-viewAsset #viewAsset-explore-image { width: 32px; height: 32px; vertical-align: middle; }#view-viewAsset .viewAsset-exploreTransaction { background-image: url("./svg/explore.svg"); background-size: 100%; background-repeat: no-repeat; width: 1.3em; height: 1.3em; display: inline-block; margin-bottom: -5px; margin-left: 5px; }#view-viewAsset .viewAsset-pendingTransaction { border-style: dashed; font-style: oblique; opacity: 0.5; animation: flashing 1.5s linear infinite; }#view-viewAsset .viewAsset-pendingTransaction span.viewAsset-history-pending { background-color: darkgray; color: white; padding: 2px 5px; margin: 5px; border-radius: 5px; display: inline-block; background-image: url("./svg/pending.svg"); background-repeat: no-repeat; padding-left: 25px; background-position: 5px 5px; background-size: 17px 17px; }#view-viewAsset #viewAsset-betaSwap, #view-viewAsset #viewAsset-fuelSwap { width: 95px; height: 25px; position: absolute; right: -30px; font-size: 12px; border-top-left-radius: 50px; border-width: 1px; background-color: white; color: #66add6; }#view-viewAsset #viewAsset-lock { margin-top: 20px; }#view-viewAsset #viewAsset-spinner-message { margin-top: 24px; font-size: 1em; font-weight: bold; }#view-appsList #appButtons .app { display: inline-block; margin: 12px; background: linear-gradient(0deg, #dcdee3 0%, #fff 25%, #fff 75%, #dce6ea 100%); border-radius: var(--radius-md); border: 1px solid #555; padding: 20px; height: 90px; cursor: pointer; min-width: 320px; }@media (max-width: 460px) { #view-appsList #appButtons .app { min-width: 90%; } }#view-appsList #appButtons .app span { display: block; font-size: 1.6em; color: #333; margin-top: 0.55em; margin-bottom: auto; }#view-appsList #appButtons .app .icon { float: left; margin-left: 1%; margin-right: 12px; margin-top: -9px; filter: brightness(100%); width: 64px; height: 64px; }#view-appsList #appButtons .app .icon svg { width: 64px; height: 64px; }#view-appsList #appButtons .app:focus span, #view-appsList #appButtons .app:hover span { color: #555; }#view-appsList #appButtons .app:focus .icon, #view-appsList #appButtons .app:hover .icon { filter: brightness(130%); }#view-appsList #appButtons .app-todo { opacity: 0.6; }#view-appClaimswap { background: var(--grey-backdrop); }#view-appClaimswap .modal-content-aligner { padding-top: 5%; }#view-appClaimswap #appClaimswap-image-swapimage { width: 100%; height: 80px; margin: 40px 0; background-image: url("./svg/swap.svg"); background-position: center; background-repeat: no-repeat; background-size: 80px; filter: brightness(0.45) sepia(1) hue-rotate(220deg) saturate(1.25); }#view-appClaimswap #appClaimswap-image-checkmark { width: 100%; height: 80px; margin: 40px 0; background-image: url("./svg/checkmark.svg"); background-position: center; background-repeat: no-repeat; background-size: 80px; filter: brightness(0.5) sepia(1) hue-rotate(70deg) saturate(2); }#view-appClaimswap #appClaimswap-content { font-size: 1.5em; line-height: 2.2rem; width: 100%; }#view-appClaimswap .error { font-size: 1em; color: red; line-height: 2.2rem; margin-top: 10%; }#view-appClaimswap #appClaimswap-spinner { display: block; width: 100%; text-align: center; margin: 4em 0 2em; }#view-appClaimswap #appClaimswap-spinner .spinner-loader { display: inline-block; vertical-align: middle; margin-top: 22px; }#view-appClaimswap #appClaimswap-spinner-message { margin-top: 2em; }#view-appClaimswap #appClaimswap-cancel-button { width: 38%; margin-right: 2%; margin-bottom: 0; }#view-appClaimswap #appClaimswap-claim-button { width: 58%; margin-bottom: 0; }#view-appCardpass #appCardpass-body { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; font-size: 1rem; }#view-appCardpass .error { font-size: 2em; font-weight: bold; text-align: center; margin-top: 10%; }#view-appCardpass #content { width: 100%; margin-bottom: 10em; }#view-appCardpass #logincard { display: inline-block; float: left; margin: 0.5em; }#view-appCardpass #instructions { display: inline-block; margin-left: 5%; margin-top: 1em; }#view-appCardpass #logincardA, #view-appCardpass #logincardB, #view-appCardpass #logincardC { background-color: #000; border: solid 2px #000; border-radius: 0.25cm; width: 8.5725cm; height: 5.3975cm; }#view-appCardpass #logincardB { margin-top: 0.25mm; }#view-appCardpass .stripe { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSdibGFjaycvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEnLz4KPC9zdmc+"); background-repeat: repeat; }#view-appCardpass #qrBlock { display: inline-block; border-radius: 0.5cm; text-align: center; height: 10.4cm; margin-left: -2.45cm; margin-top: -7.85cm; background: #FFF; scale: 0.45; width: 10cm; }#view-appCardpass #qrBlock-content { padding: 0 1em; display: table; height: 100%; }#view-appCardpass #qrBlock-centered { display: table-cell; vertical-align: middle; text-align: center; }#view-appCardpass #qrCode { margin: auto; }#view-appCardpass #userid { overflow-wrap: break-word; margin: 0.04cm; color: #000; }#view-appCardpass #passwd { overflow-wrap: break-word; margin: 0.02cm; width: 9.15cm; color: #000; }#view-appCardpass #infoBlockA { display: inline-block; float: right; color: white; width: 3.4cm; height: 100%; display: flex; flex-flow: column; }#view-appCardpass #nameTextA { margin-top: 0.5cm; font-size: 1em; padding-right: 0.5em; }#view-appCardpass #flexSpace { flex: 1; }#view-appCardpass #secretText { margin-bottom: 0.5cm; font-size: 0.8em; padding-right: 0.5em; }#view-appCardpass #logoSpace { height: 2.5cm; margin: 0.25cm; }#view-appCardpass #infoBlockB { display: inline-block; float: right; color: white; width: 100%; height: 100%; display: flex; flex-flow: column; text-align: center; }#view-appCardpass #logo { text-align: center; margin-top: 0.75cm; }#view-appCardpass #logo img { height: 3cm; }#view-appCardpass #nameTextB { margin-bottom: 0.5cm; font-size: 1em; }#view-appCardpass #feedback { margin: 3em; }#view-manageAssets .starred, #view-manageAssets .unstarred { background-color: transparent; background-position: center; background-repeat: no-repeat; }#view-manageAssets .starred { background-image: url("./svg/star.svg"); }#view-manageAssets .starred:hover { background-image: url("./svg/star.svg"); }#view-manageAssets .unstarred { background-image: url("./svg/star-o.svg"); }#view-manageAssets .unstarred:hover { background-image: url("./svg/star-o.svg"); }#view-manageAssets .modal-header .manageBtnSave { position: absolute; left: 19px; top: 12px; border: none; cursor: pointer; background: #7174d8; color: white; border-radius: var(--radius-md); padding: 6px 12px; margin: 2px 0; }@media (max-width: 320px) { #view-manageAssets .modal-header .manageBtnSave { left: 8px; } }#view-manageAssets .modal-header .manageBtnSave:hover { background: rgba(113, 116, 216, 0.8); }#view-manageAssets .modal-body { border-radius: 0 0 var(--radius-md) var(--radius-md); border-bottom: 1px solid rgba(238, 238, 238, 0.93); height: calc(100% - 168px); }@media (max-width: 480px) { #view-manageAssets .modal-body { height: calc(100% - 230px); } }#view-manageAssets .modal-body .clearable { margin-bottom: 10px; width: 100%; }#view-manageAssets .modal-body .clearable input { margin-bottom: 0; }#view-manageAssets .modal-body .overview-manage-assets { margin-top: 0; }#view-manageAssets .modal-body .overview-manage-assets .tbody .tr { padding: 15px 15px 10px; margin: 0; border-bottom: 1px solid var(--color-border); text-align: left; margin: 0 -24px; }#view-manageAssets .modal-body .overview-manage-assets .col1 { width: calc(100% - 95px); display: inline-block; text-align: left; word-break: break-all; }#view-manageAssets .modal-body .overview-manage-assets .col1 .icon { float: left; padding: 2px 8px 0 12px; }#view-manageAssets .modal-body .overview-manage-assets .col1 .icon svg { width: 29px; height: 29px; }#view-manageAssets .modal-body .overview-manage-assets .col1 .asset { font-weight: 700; line-height: 25px; color: black; margin-top: -4px; font-size: 1.125rem; }#view-manageAssets .modal-body .overview-manage-assets .col1 .full-name { font-size: 0.75rem; line-height: 0.875rem; }#view-manageAssets .modal-body .overview-manage-assets .col2 { display: inline-block; width: 40px; float: right; position: unset; }@media (max-width: 320px) { #view-manageAssets .modal-body .overview-manage-assets .col2 { position: absolute; right: 32px; min-width: 86px; } }#view-manageAssets .modal-body .overview-manage-assets .selectedAsset { background-position: center; background-repeat: no-repeat; background-image: url("./svg/checkmark.svg"); background-color: #5dbdc9; }#view-manageAssets .modal-body .overview-manage-assets .unselectedAsset { background-position: center; background-repeat: no-repeat; background-image: url("./svg/plus.svg"); background-color: transparent; }#view-manageAssets .modal-body .overview-manage-assets .changeManageBtn { float: left; width: 33px; height: 33px; }#view-manageAssets .modal-body .overview-manage-assets .tbody .added { border-bottom: 1px solid #dceeef; background: #dceeef; }#view-manageAssets .modal-body .overview-manage-assets .manageAssets-star { display: none; }#view-manageAssets .modal-body .overview-manage-assets .added .manageAssets-star { display: inline-block; background-color: #9fdde6; }#view-manageAssets .manage-assets-spinner { display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999; }#view-manageAssets .manage-assets-spinner .container { background: white; text-align: center; padding: 24px; width: 70%; margin: 10% auto 0; border-radius: var(--radius-md); }@media (min-width: 600px) { #view-manageAssets .manage-assets-spinner .container { width: 300px; } }#view-manageAssets .manage-assets-spinner .container p { color: var(--color-text); margin: 24px 0 0; }#view-manageAssets .manage-assets-spinner .container .spinner-loader { margin-top: 32px; }#view-manageAssets .manage-assets-spinner.active { display: block; }#view-manageAssets #manageAssets-scan-tip { display: none; color: #e55; }#view-manageAssets #manageAssets-scan-tip a { color: #e55; }#view-manageAssets #manageAssets-list { display: flex; flex-direction: column; }#view-manageAssets #manageAssets-types { text-align: center; }#view-manageAssets #manageAssets-types label { margin-right: 2%; }#view-manageAssets .tip { font-size: 12px; line-height: 15px; margin-top: 9px; position: relative; text-align: center; }@media (max-width: 480px) { #view-manageAssets .tip { font-size: 10px; line-height: 15px; } }#view-manageAssets .tip .tip-icon { margin: 0 6px 0 0; display: inline-block; vertical-align: middle; background-repeat: no-repeat; }#view-manageAssets .tip a { text-decoration: underline; color: purple; }#view-manageAssets .modal-content .manageBtnSave { width: 96%; margin-left: 2%; }#view-manageAssets .modal-content .manageBtnScan { margin: 7px 0 15px 22px; width: 28%; }span.scanAssets-icon svg { width: 25px; height: 25px; vertical-align: bottom; }span.scanAssets-icon { vertical-align: middle; }#view-settings .pure-button:first-child { margin-top: 0; }#view-settings .pure-button { margin: 12px 0; }#view-settings .pure-button:hover { color: var(--color-primary-dark); }#view-settings .settings-faq, #view-settings .settings-id, #view-settings .settings-version { color: rgba(122, 122, 122, 0.5); font-weight: 600; }#view-settings #settings-importPreferences, #view-settings #settings-exportPreferences { background-color: #c5e0e4; }#view-settings #settings-importPreferences .icon { background-image: url("./svg/receive.svg"); }#view-settings #settings-exportPreferences .icon { background-image: url("./svg/send.svg"); }#view-settings .icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-settings .settings-id #userID { color: black; font-size: var(--font-size-lg); margin: 6px 0 8px; display: inline-block; font-weight: 400; }#view-settings .settings-version .version { color: black; font-size: 1rem; margin: 6px 0 8px; display: inline-block; }#view-settings .settings-faq a { font-size: 1rem; margin: 6px 0 8px; display: inline-block; color: var(--color-primary-dark); }#view-settings .settings-faq a:hover { color: var(--color-primary-dark); border-color: var(--color-primary-dark); }#view-settings #settings-beta { width: 95px; height: 25px; position: absolute; right: 0; font-size: 12px; border-top-left-radius: 50px; border-bottom-right-radius: 10px; border-width: 1px; background-color: white; color: #66add6; margin: -8px 27px 0 0; padding: 3px 7px; }#view-settings #settings-reporting-edit { padding: 9px 40px 9px 12px; background-repeat: no-repeat; background-size: 20px 20px; text-align: left; border: 1px solid transparent; border-radius: var(--radius-md); margin: 5px; display: inline-block; background-color: #dceeef; min-height: 40px; cursor: pointer; background-image: url("./svg/contacts-edit.svg"); background-position: right 10px top 9px; min-width: 200px; }#pending-spinner { display: block; background: rgba(255, 255, 255, 0.5); width: 100%; text-align: center; margin: 30% 0 40%; }#pending-spinner .spinner-loader { display: inline-block; vertical-align: middle; margin-top: 22px; }#pending-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#pending-detail { padding: 24px; background-color: aliceblue; border: 1px solid #ececff; border-radius: var(--radius-md); }#pending-transactions > .pending-container { cursor: pointer; height: 50px; text-align: left; border-radius: var(--radius-md); margin-bottom: 5px; background-color: #e7f0f0; border: 1px solid #FFF; }#pending-transactions > .pending-container:hover { background-color: #cceef0; border: 1px solid #75bac1; }#pending-transactions .pending-date { text-align: left; font-size: 75%; width: 65px; display: inline-block; vertical-align: middle; margin: 4px 8px; }#pending-transactions .pending-details { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; width: calc(100% - 220px); }@media (max-width: 470px) { #pending-transactions .pending-details { width: calc(100% - 170px); } }#pending-transactions { user-select: text; width: 100%; max-width: 100%; margin-bottom: 24px; text-align: left; }.pending-complete, .pending-pending, .pending-failed { overflow: hidden; height: 24px; text-align: center; font-size: 50%; color: white; margin: 5px; border-radius: 25px; display: inline-block; vertical-align: middle; width: 120px; }@media (max-width: 470px) { .pending-complete, .pending-pending, .pending-failed { width: 80px; } }.pending-complete .progress-meter, .pending-pending .progress-meter, .pending-failed .progress-meter { display: block; height: 100%; position: relative; background: #93e893; border-radius: 25px; padding: 10px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }.pending-complete .progress-text, .pending-pending .progress-text, .pending-failed .progress-text { display: block; height: 100%; overflow: hidden; position: relative; margin-top: -23px; font-size: 12px; opacity: 0.75; padding: 0 10px; }.pending-complete { background-color: #71bf71; }.pending-failed { background-color: #dc8383; }.pending-failed .progress-meter { background-color: red; }.pending-progress { display: inline-block; }.pending-progress .progress-text { font-weight: normal; color: var(--color-text); }.pending-pending { background-color: #d2d2d2; }#pending-detail-id { display: block; overflow: hidden; width: 92%; margin: 5% 0 24px; font-size: 18px; text-align: center; background: linear-gradient(to right, #333, rgba(255, 255, 255, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 241, 241, 0.5); }#pending-detail-source, #pending-detail-target { overflow: hidden; word-break: break-all; }#pending-detail-object { opacity: 0.55; margin-top: 12px; height: 1.5em; word-wrap: break-word; overflow: hidden; transition: all 1s ease-in-out; }#pending-detail-object:hover { opacity: 0.85; }#pending-detail-object-title { font-weight: bold; cursor: pointer; }#pending-buttons { background: none; }#pending-close { width: 100%; }#pending-clear { width: 22%; background-color: #EDC; border-color: #FAA; color: #855; }#pending-disputeButton { width: 50%; margin-left: 25%; min-width: 120px; margin-top: 24px; background-color: #EDC; border-color: #FAA; color: #855; }#pending-disputeButton .icon { background-image: url("./svg/dispute.svg"); filter: invert(35%) sepia(9%) saturate(2612%) hue-rotate(314deg) brightness(50%) contrast(67%); display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-transaction p { margin: 2em 0; word-break: normal; }#view-transaction .buttons .pure-button { display: block; margin: 0.5em auto; width: fit-content; }#view-transaction .modal-send-balance, #view-transaction .modal-send-currency, #view-transaction .modal-send-insufficient-fee-warning { display: inline-block; word-wrap: break-word; font-weight: 600; }#view-transaction .modal-send-addressfrom-wrap { display: block; text-align: left; }#view-transaction .modal-send-addressfrom { margin-top: 5px; }#view-transaction .modal-send-description, #view-transaction .modal-send-amount-attachment { letter-spacing: 0; min-height: 78px; line-height: 26px; margin-top: 6px; }#view-transaction .modal-send-amount-attachment { display: none; }#view-transaction .subBalanceAddrStr { margin-right: 3px; }#view-transaction #modal-send-target, #view-transaction #modal-send-amount { height: 57px; margin-top: 14px; padding-right: 140px; background: linear-gradient(to right, #333, rgba(1, 1, 1, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgb(125, 125, 125); }#view-transaction #modal-send-target { margin: 0; padding-right: 80px; background-position-x: 12px; }#view-transaction #modal-send-amount { font-size: var(--font-size-xl); -webkit-text-fill-color: rgba(125, 125, 125, 0.1); }#view-transaction #transaction-send-note { padding: 0.5em 0 1em; }#view-transaction #transaction-field-elements-A { margin: -50px 10px 0 0; filter: grayscale(100%) brightness(0%); }#view-transaction #transaction-field-elements-A #transaction-qr-scanner-button, #view-transaction #transaction-field-elements-A #transaction-contacts-button { display: inline-block; height: 42px; width: 42px; padding: 0; color: #999; }#view-transaction #transaction-field-elements-A #transaction-qr-scanner-button { background: rgba(255, 255, 255, 0) url("./svg/qrcode.svg") center no-repeat; filter: opacity(70%); }#view-transaction #transaction-field-elements-A #transaction-contacts-button { background: rgba(255, 255, 255, 0) url("./svg/book.svg") center no-repeat; filter: opacity(70%); }#view-transaction #transaction-field-elements-A [id*="scanner-button"]:hover, #view-transaction #transaction-field-elements-A [id*="contacts-button"]:hover { cursor: pointer; filter: opacity(50%); }#view-transaction #transaction-more-button { display: block; margin-left: 1em; margin-right: auto; color: var(--color-primary); }#view-transaction #transaction-more-button .icon { width: 12px; height: 12px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; display: inline-block; margin: -3px 4px; background-image: url("./svg/add.svg"); }#view-transaction #transaction-more-button .icon svg path { fill: var(--color-primary) !important; }#view-transaction #transaction-more-button:hover { text-decoration: none; filter: brightness(110%); cursor: pointer; }#view-transaction #transaction-more-wrapper { display: none; margin-top: 10px; }#view-transaction #transaction-contact { display: block; margin-left: 18px; color: #269; margin-top: 1em; }#view-transaction .transaction-entrySuggestion { cursor: pointer; display: block; color: #08b4d0; }#view-transaction .transaction-entrySuggestion:hover { color: #73c7f9; margin-left: 5px; }#view-transaction #saveToAddressBook, #view-transaction #saveToAddressBookData { display: none; }#view-transaction #saveToAddressBook { margin-left: 12px; margin-bottom: 0.2em; width: 97%; }#view-transaction #saveToAddressBookData { margin-top: 18px; padding-left: 30px; }#view-transaction #saveToAddressBookData #saveToAddressBookData-icon { margin-left: -26px; height: 0; margin-bottom: -18px; margin-top: 36px; }#view-transaction .pure-form input.error[type="text"] { color: red !important; background-color: rgb(255, 200, 200); border-color: red; }#view-transaction .errorMessage { color: red; margin: 10px; display: none; }#view-transaction #transaction-amount-errorMessage { margin-top: -10px; }#view-transaction .transaction-selectPrefix span { color: white; border-radius: var(--radius-md); font-weight: 400; letter-spacing: 0.5px; padding: 0 3px; background: #5dbdc9; display: inline-block; margin-top: 3px; margin-right: 5px; pointer-events: inherit; }#view-transaction #transaction-subAddresses { display: none; }#view-transaction #transaction-balance { display: block; width: 100%; padding-right: 8px; }#view-transaction #transaction-balance div { display: inline-block; float: right; }#view-transaction #transaction-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)); top: 80px; width: calc(100% - 48px); height: calc(100% - 80px); padding-top: 0; text-align: center; position: absolute; }#view-transaction #transaction-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-transaction #transaction-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-transactionComplete .completion-overview { width: 100%; border: 1px solid var(--color-border); padding: 16px 24px; color: var(--color-text-dark); font-weight: 500; margin-bottom: 24px; font-size: var(--font-size-base); border-radius: var(--radius-md); }#view-transactionComplete .completion-overview > div { width: 100%; padding: 8px 0; }#view-transactionComplete .completion-overview > div > div { display: block; margin: auto; }#view-transactionComplete .transaction-overview { text-align: center; user-select: text; }#view-transactionFailed #transactionFailed-back { width: 32%; margin-right: 2%; }#view-transactionFailed #transactionFailed-close { width: 60%; }#view-transactionReview .transaction-overview { width: 100%; border: 1px solid var(--color-border); padding: 16px 24px; color: var(--color-text-dark); font-weight: 500; margin-bottom: 24px; user-select: text; font-size: var(--font-size-base); border-radius: var(--radius-md); }#view-transactionReview .transaction-overview > div { width: 100%; padding: 8px 0; }#view-transactionReview .transaction-overview > div > div { display: block; float: left; min-width: 60px; }#view-transactionReview .transaction-overview > div > .transaction-overview-leftcolumn { width: 40%; }#view-transactionReview .transaction-overview > div > .transaction-overview-rightcolumn { width: 60%; }#view-transactionReview .transaction-overview { text-align: left; }#view-transactionReview .transaction-overview > div::after { content: ""; clear: both; display: table; }#view-transactionReview .transaction-overview-total-container { font-weight: 600; border-top: 1px solid var(--color-border); margin-top: 8px; padding-top: 16px !important; font-size: 1rem; }#view-transactionReview #transaction-overview-source, #view-transactionReview #transaction-overview-target, #view-transactionReview #transaction-overview-amount, #view-transactionReview #transaction-overview-fee, #view-transactionReview #transaction-overview-description, #view-transactionReview #transaction-overview-total, #view-transactionReview #transactionReview-pending { text-align: right; word-break: break-word; }#view-transactionReview #transaction-overview-source, #view-transactionReview #transaction-overview-target { color: var(--color-text); }#view-transactionReview #transaction-overview-source contact, #view-transactionReview #transaction-overview-target contact { color: #269; }#view-transactionReview #transaction-overview-description { word-break: normal; }#view-transactionReview .errorAddressValidation { height: 100%; width: 100%; margin: auto; display: none; border-top: 1px solid #ededee; }#view-transactionReview .errorAddressValidation div { padding: 0 30px; flex-grow: 1; }#view-transactionReview .errorAddressValidation div button { margin: 10px 5px; }#view-transactionReview .errorAddressValidation div p { margin-top: 50px; word-break: normal; }#view-transactionReview #transactionReview-back { width: 32%; margin-right: 2%; }#view-transactionReview #transactionReview-send { width: 60%; }#view-transactionReview #transactionReview-rawTransaction { user-select: text; padding: 19px 10px; margin-bottom: 24px; background: #ededee; color: #13212d; letter-spacing: 1px; text-align: center; font-size: 1rem; border-radius: var(--radius-md); word-break: break-all; max-height: 120px; overflow: auto; }#view-transactionReview #transactionReview-showRawTransaction { display: block; margin-left: 1em; margin-right: auto; text-align: left; color: var(--color-primary); }#view-transactionReview #transactionReview-showRawTransaction .icon { width: 12px; height: 12px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; display: inline-block; margin: -3px 18px 0 4px; background-image: url("./svg/add.svg"); }#view-transactionReview #transactionReview-showRawTransaction .icon svg path { fill: var(--color-primary) !important; }#view-transactionReview #transactionReview-showRawTransaction:hover { text-decoration: none; filter: brightness(110%); cursor: pointer; }#view-transactionReview #transactionReview-pendingLabel { word-break: break-word !important; background-image: url("./svg/pending.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: right; padding-right: 25px; }#view-transactionReview #transactionReview-pendingLabel svg path path { fill: #333 !important; }#view-transactionReview td.transactionReview-pending { color: white; margin: 5px; padding: 2px 10px; border-radius: 5px; display: block; background-color: darkgray; font-size: 75%; text-align: center; }#view-transactionReview #transactionReview-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); top: 80px; width: calc(100% - 48px); height: calc(100% - 80px); padding-top: 0; text-align: center; position: absolute; }#view-transactionReview #transactionReview-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-transactionReview #transactionReview-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-paymentRequest #paymentRequest-copySuccess { opacity: 0; transition: all 0.2s; margin-top: 1em; font-size: 1.1em; color: #5C0084; }#view-paymentRequest #paymentRequest-copySuccess.active { opacity: 0.9; animation: flashing 0.5s infinite; }#view-paymentRequest #paymentRequest-qrcode img { margin: auto; }#view-paymentRequest #paymentRequest-qrcode img canvas { width: 200px; }#view-paymentRequest #paymentRequest-amount { height: 57px; margin-top: 14px; font-size: var(--font-size-xl); padding-right: 140px; background: linear-gradient(to right, #333, rgba(1, 1, 1, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(125, 125, 125, 0.1); }#view-paymentRequest #paymentRequest-url { user-select: text; margin-bottom: 30px; padding: 8px; background: #ededee; color: blue; font-size: 1rem; text-decoration: none; letter-spacing: 1px; text-align: center; border-radius: var(--radius-md); overflow-wrap: break-word; overflow: hidden; max-height: 200px; }#view-paymentRequest #paymentRequest-buttons { background: none; }#view-paymentRequest #paymentRequest-shareButton, #view-paymentRequest #paymentRequest-copyButton { align-items: center; display: inline-flex; }#view-paymentRequest #paymentRequest-shareButton { width: 40%; margin-right: 2%; }#view-paymentRequest #paymentRequest-copyButton { width: 56%; }#view-paymentRequest [id*="Button"] span { width: 100%; }.custom-check { margin-left: 24px; margin-bottom: 28px; text-align: left; }#receiveAsset-copySuccess { opacity: 0; transition: all 0.2s; margin-top: 1em; }#receiveAsset-copySuccess.active { opacity: 0.9; animation: flashing 0.5s infinite; }#receiveAsset-qrcode img { margin: auto; }#receiveAsset-address { user-select: text; margin-bottom: 30px; padding: 19px 10px; background: #ededee; color: #13212d; letter-spacing: 1px; text-align: center; font-size: 1rem; border-radius: var(--radius-md); overflow-wrap: break-word; }#receiveAsset-subAddresses { display: none; text-align: center; }#receiveAsset-subAddresses span { display: inline-block; }#receiveAsset-paymentRequest { width: 40%; margin-right: 2%; align-items: center; display: inline-flex; }#receiveAsset-paymentRequest span { width: 100%; }#receiveAsset-copyButton { width: 56%; align-items: center; display: inline-flex; }#receiveAsset-copyButton span { width: 100%; }@media (max-height: 580px) { #action-export { top: 3%; height: 93%; } }#export-qrcode { display: inline-block; margin: auto; }#export-privatekey { user-select: text; margin-bottom: 12px; padding: 19px 10px; color: #13212d; letter-spacing: 1px; text-align: center; font-size: 1rem; border-radius: var(--radius-md); overflow-wrap: break-word; }#exportAsset-copySuccess { opacity: 0; transition: all 0.2s; margin-top: 1em; }#exportAsset-copySuccess.active { opacity: 0.9; transition: all 0.2s; }#export-toggle-privatekey-button { width: 32%; margin-right: 2%; background-color: #EDC; border-color: #FAA; color: #855; }#export-copy-privatekey-button { width: 60%; }#view-allocateStart p { display: block; margin-left: 20px; }#view-allocateStart #allocateStart-fiat { width: 48%; margin-right: 2%; color: #af6e3f; background: #efeddc; border: 1px solid #C9A95D; }#view-allocateStart #allocateStart-crypto { width: 48%; }#view-allocatePreparePair #allocatePreparePair-fromSymbol, #view-allocatePreparePair #allocatePreparePair-toSymbol, #view-allocatePreparePair #allocatePreparePair-fee { width: 90%; margin: auto; display: block; }#view-allocatePreparePair p { display: block; margin-left: 20px; }#view-allocatePreparePair #allocatePreparePair-message { margin: 2em 0; }#view-allocatePreparePair #allocatePreparePair-spinner { display: block; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-allocatePreparePair #allocatePreparePair-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-allocatePreparePair #allocatePreparePair-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-allocatePreparePair #allocatePreparePair-cancel { width: 32%; margin-right: 2%; }#view-allocatePreparePair #allocatePreparePair-next { width: 60%; }#view-allocateCreatePair #allocateCreatePair-mainBalance, #view-allocateCreatePair #allocateCreatePair-allocationBalance { background-color: #97cbd1; border: 2px solid; text-align: right; text-align: center; font-size: 150%; color: white; border-radius: 20px; padding: 20px 50px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 50px center; width: calc(100% - 40px); margin: auto; }#view-allocateCreatePair #allocateCreatePair-mainBalance .spinner-loader, #view-allocateCreatePair #allocateCreatePair-allocationBalance .spinner-loader { filter: brightness(300%); scale: 0.8; vertical-align: middle; margin: 4px 3em 8px; }#view-allocateCreatePair #allocateCreatePair-mainBalance { background-image: url("./svg/circle1.svg"); border-color: #578fb8; }#view-allocateCreatePair #allocateCreatePair-allocationBalance { background-image: url("./svg/swap.svg"); border-color: #a45797; }#view-allocateCreatePair #allocateCreatePair-message { padding: 20px; text-align: center; }#view-allocateCreatePair #allocateCreatePair-arrow { text-align: center; }#view-allocateCreatePair #allocateCreatePair-arrow .allocateCreatePair-arrow-down { width: 0; height: 0; border-top: 15px solid #AAA; border-left: 80px solid transparent; border-right: 80px solid transparent; display: inline-block; margin: 2px 0 12px; opacity: 0.5; }#view-allocateCreatePair #allocateCreatePair-pairSettings { text-align: left; max-width: 460px; margin: auto; }#view-allocateCreatePair #allocateCreatePair-pairSettings div { height: 2em; }#view-allocateCreatePair #allocateCreatePair-pairSettings div span { float: right; }#view-allocateCreatePair #allocateCreatePair-pairSettings div span input { display: inline-block; border-radius: 5px; width: 10em; height: 22px; margin-top: -2px; min-width: 10em; margin-right: 4px; text-align: right; }#view-allocateCreatePair #allocateCreatePair-allocate { width: 170px; margin: 4px auto 0; margin-top: 2.5em; }#view-allocateCreatePair #allocateCreatePair-allocate .icon { background-repeat: no-repeat; display: inline-block; margin-right: 8px; width: 20px; height: 20px; filter: brightness(50%) sepia(100) hue-rotate(130deg); background-image: url("./svg/receive.svg"); vertical-align: middle; }#view-allocateCreatePair #allocateCreatePair-allocate .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-allocateCreatePair #allocateCreatePair-allocate .icon svg path { fill: white !important; }#view-allocateCreatePair #allocateCreatePair-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-allocateCreatePair #allocateCreatePair-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-allocateCreatePair #allocateCreatePair-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-allocateCreatePair #allocateCreatePair-cancel { width: 32%; margin-right: 2%; }#view-allocateCreatePair #allocateCreatePair-create { width: 55%; }#view-allocateManagePair #allocateManagePair-pair { font-size: 1.2em; font-weight: 800; margin-bottom: 1em; }#view-allocateManagePair #allocateManagePair-mainBalance, #view-allocateManagePair #allocateManagePair-allocationBalance { background-color: #97cbd1; border: 2px solid; text-align: right; text-align: center; font-size: 150%; color: white; border-radius: 40px; padding: 12px 50px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 50px center; }#view-allocateManagePair #allocateManagePair-mainBalance .spinner-loader, #view-allocateManagePair #allocateManagePair-allocationBalance .spinner-loader { filter: brightness(300%); scale: 0.8; vertical-align: middle; margin: 4px 3em 8px; }#view-allocateManagePair #allocateManagePair-mainBalance { background-image: url("./svg/circle1.svg"); border-color: #578fb8; }#view-allocateManagePair #allocateManagePair-allocationBalance { background-image: url("./svg/swap.svg"); border-color: #a45797; margin-bottom: 24px; }#view-allocateManagePair #allocateManagePair-withdraw .icon, #view-allocateManagePair #allocateManagePair-allocate .icon { vertical-align: middle; background-repeat: no-repeat; display: inline-block; margin-right: 8px; width: 20px; height: 20px; filter: brightness(50%) sepia(100) hue-rotate(130deg); }#view-allocateManagePair #allocateManagePair-withdraw .icon svg, #view-allocateManagePair #allocateManagePair-allocate .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-allocateManagePair #allocateManagePair-withdraw .icon svg path, #view-allocateManagePair #allocateManagePair-allocate .icon svg path { fill: white !important; }#view-allocateManagePair #allocateManagePair-allocate .icon { background-image: url("./svg/receive.svg"); }#view-allocateManagePair #allocateManagePair-withdraw .icon { background-image: url("./svg/send.svg"); }#view-allocateManagePair #allocateManagePair-explain { text-align: center; padding-bottom: 20px; }#view-allocateManagePair #allocateManagePair-feeDiv { height: 36px; }#view-allocateManagePair #allocateManagePair-fee { border-radius: 5px; width: 10em; margin-right: 4px; text-align: right; height: 32px; }#view-allocateManagePair .allocateManagePair-statsTable { height: 24px; }#view-allocateManagePair #allocateManagePair-feeRange { max-width: 200px; overflow: hidden; }#view-allocateManagePair #allocateManagePair-message { margin: 12px; }#view-allocateManagePair .allocateManagePair-arrow-space { width: 184px; display: inline-block; }#view-allocateManagePair .allocateManagePair-arrow-up { width: 0; height: 0; border-bottom: 15px solid #AAA; border-left: 80px solid transparent; border-right: 80px solid transparent; display: inline-block; margin: 8px -3px 0; opacity: 0.5; }#view-allocateManagePair .allocateManagePair-arrow-down { width: 0; height: 0; border-top: 15px solid #AAA; border-left: 80px solid transparent; border-right: 80px solid transparent; display: inline-block; margin: 2px 3px 0; opacity: 0.5; }#view-allocateManagePair #allocateManagePair-pairSettings { text-align: left; max-width: 460px; margin: auto; }#view-allocateManagePair #allocateManagePair-pairSettings div > span { float: right; }#view-allocateManagePair #allocateManagePair-pairSettings div > span input { display: inline-block; border-radius: 5px; margin-top: -2px; min-width: 10em; margin-right: 4px; text-align: right; }#view-allocateManagePair #allocateManagePair-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-allocateManagePair #allocateManagePair-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-allocateManagePair #allocateManagePair-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-allocateManagePair #allocateManagePair-buttons { background: none; text-align: center; }#view-allocateManagePair #allocateManagePair-allocate { width: 170px; margin: 4px 2% 4px 0; }#view-allocateManagePair #allocateManagePair-withdraw { width: 170px; margin: 4px 0; }#view-allocateManagePair #allocateManagePair-virt { display: none; color: #af6e3f; background: #efeddc; border: 1px solid #C9A95D; margin-bottom: 16px; width: 97%; margin: auto; }#view-allocateManagePair #allocateManagePair-delete { width: 32%; margin-right: 2%; background-color: #EDC; border-color: #FAA; color: #855; }#view-allocateManagePair #allocateManagePair-save { width: 63%; }#view-allocateManageVirt #allocateManageVirt-allocationBalance { background-color: #97cbd1; border: 2px solid; text-align: right; text-align: center; font-size: 150%; color: white; border-radius: 20px; padding: 20px 50px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 50px center; width: calc(100% - 40px); margin: auto; }#view-allocateManageVirt #allocateManageVirt-allocationBalance .spinner-loader { filter: brightness(300%); scale: 0.8; vertical-align: middle; margin: 4px 3em 8px; }#view-allocateManageVirt #allocateManageVirt-allocationBalance { background-image: url("./svg/swap.svg"); border-color: #a45797; }#view-allocateManageVirt #allocateManageVirt-message { padding: 20px; text-align: center; margin-top: 40px; color: green; }#view-allocateManageVirt #allocateManageVirt-arrow { text-align: center; }#view-allocateManageVirt #allocateManageVirt-arrow .allocateManageVirt-arrow-down { width: 0; height: 0; border-top: 15px solid #AAA; border-left: 80px solid transparent; border-right: 80px solid transparent; display: inline-block; margin: 2px 0 12px; opacity: 0.5; }#view-allocateManageVirt #allocateManageVirt-feeDiv { height: 36px; }#view-allocateManageVirt #allocateManageVirt-pairSettings { margin: auto; text-align: center; }#view-allocateManageVirt #allocateManageVirt-pairSettings div span input { display: inline-block; border-radius: 5px; width: 10em; height: 32px; margin-top: -2px; min-width: 10em; margin-right: 4px; text-align: right; }#view-allocateManageVirt #allocateManageVirt-pairSettings p { max-width: 460px; margin: auto; }#view-allocateManageVirt #allocateManageVirt-pair { font-size: 1.2em; font-weight: 800; margin-bottom: 1em; }#view-allocateManageVirt #allocateManageVirt-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; z-index: 99999; }#view-allocateManageVirt #allocateManageVirt-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-allocateManageVirt #allocateManageVirt-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-allocateManageVirt #allocateManageVirt-amount { height: 57px; width: 100%; margin-top: 10px; font-size: var(--font-size-xl); padding-right: 140px; background: linear-gradient(to right, #333, rgba(1, 1, 1, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(125, 125, 125, 0.5); }#view-allocateManageVirt #allocateManageVirt-symbolSpan { text-transform: uppercase; }#view-allocateManageVirt #allocateManageVirt-address { max-width: 460px; }#view-allocateManageVirt #allocateManageVirt-addressSpan { text-transform: uppercase; }#view-allocateManageVirt #allocateManageVirt-expanded { display: block; text-align: left; max-width: 460px; min-height: 5em; margin: auto; }#view-allocateManageVirt #allocateManageVirt-expanded .allocateManageVirt-statsTable { height: 24px; }#view-allocateManageVirt #allocateManageVirt-expanded .allocateManageVirt-rightSpan { float: right; }#view-allocateManageVirt #allocateManageVirt-delete { width: 32%; margin-right: 2%; background-color: #EDC; border-color: #FAA; color: #855; }#view-allocateManageVirt #allocateManageVirt-cancel { width: 32%; margin-right: 2%; }#view-allocateManageVirt #allocateManageVirt-save { width: 62%; }#view-allocateReserve #allocateReserve-text { margin-bottom: 2em; }#view-allocateReserve #allocateReserve-textMore { margin-top: 2em; }#view-allocateReserve #allocateReserve-balance div { float: right; }#view-allocateReserve #allocateReserve-field-elements-B { position: relative; z-index: 99999; float: right; margin: -65px 12px 0 0; }#view-allocateReserve #allocateReserve-field-elements-B #allocateReserve-symbol { display: inline-block; color: var(--color-text); font-weight: 600; background: transparent; margin: 10px 6px 0 0; font-size: 1rem; border-radius: var(--radius-md); }#view-allocateReserve #allocateReserve-field-elements-B #allocateReserve-max-button { display: inline-block; min-height: 5px; margin: -4px 1px 0 0; padding: 5px 9px; background: #555; border: 0 solid transparent !important; color: #fff; font-weight: 700; letter-spacing: 0.5px; }#view-allocateReserve #allocateReserve-field-elements-B #allocateReserve-max-button.disabled { background: #bbb; border-color: 1px solid #999; }#view-allocateReserve #allocateReserve-amount { height: 57px; width: 100%; margin-top: 10px; font-size: var(--font-size-xl); padding-right: 140px; background: linear-gradient(to right, #333, rgba(1, 1, 1, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(125, 125, 125, 0.5); }#view-allocateReserve #allocateReserve-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)); top: 80px; width: calc(100% - 48px); height: calc(100% - 80px); padding-top: 0; text-align: center; position: absolute; }#view-allocateReserve #allocateReserve-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-allocateReserve #allocateReserve-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-allocateReserve #allocateReserve-confirm { text-transform: capitalize; }#view-swapStart p { word-break: normal; }#view-swapStart #swapStart-symbol { display: inline-block; font-weight: 600; font-size: 1rem; }#view-swapStart #swapStart-buttons { margin-bottom: 24px; background: none; }#view-swapStart #swapStart-buy, #view-swapStart #swapStart-sell { width: 48%; margin-bottom: 0; border-color: #49b949; }#view-swapStart #swapStart-sell { margin-right: 2%; background: linear-gradient(44deg, #ea7b4f 0%, #e38059 51%, #f9d693 100%); border-color: #e14000; }#view-swapStart #swapStart-buy { background: linear-gradient(44deg, #65ce84 0%, #89cc64 51%, #cefd9f 100%); border-color: #49b949; }#view-swapStart #swapStart-move { width: 98.5%; margin-bottom: 0; margin-top: 12px; background: linear-gradient(44deg, var(--color-gradient-start) 0%, #839BE3 51%, #ADD2D2 100%); border-color: #4f8ec6; }#view-swapStart .icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-swapStart .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-swapStart .icon svg path { fill: #fff !important; }#view-swapStart #swapStart-buy .icon { background-image: url("./svg/receive.svg"); }#view-swapStart #swapStart-sell .icon { background-image: url("./svg/send.svg"); }#view-swapStart #swapStart-move .icon { background-image: url("./svg/swap.svg"); }#swapAsset-action { font-style: italic; }#swapAsset-message { color: red; text-align: center; }#swapAsset-fromSymbolFixed, #swapAsset-toSymbolFixed { display: block; text-align: center; font-size: 16px; }#swapAsset-table { width: 100%; }#swapAsset-table td:nth-child(1), #swapAsset-table td:nth-child(3) { width: 44%; }#swapAsset-table .swapAssetBox { background: linear-gradient(0deg, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 75%, rgb(238, 238, 238) 100%); border-radius: var(--radius-md); }@media (min-height: 1250px) { #swapAsset-table .swapAssetBox { height: 680px; } }@media (max-height: 1250px) { #swapAsset-table .swapAssetBox { height: calc(56vh - 96px); } }@media (max-height: 900px) { #swapAsset-table .swapAssetBox { height: calc(62vh - 96px); } }#swapAsset-table .swapAssetBox .spinner-loader { display: inline-block; vertical-align: middle; margin-top: 22px; }#swapAsset-table .swapTableDivider { text-align: center; }#swapAsset-arrow { width: 0; height: 0; border-left: 30px solid #dadada; border-top: 80px solid transparent; border-bottom: 80px solid transparent; display: inline-block; margin: 12px; }#swapAsset-table td:nth-child(2) { font-size: 28pt; text-align: center; vertical-align: middle; }#swapAsset-to::-webkit-scrollbar, #swapAsset-from::-webkit-scrollbar { display: none !important; scrollbar-width: 3px !important; width: 3px !important; }#swapAsset-to::-webkit-scrollbar-track, #swapAsset-from::-webkit-scrollbar-track { background: transparent !important; }#swapAsset-to, #swapAsset-from { min-height: 98px; max-height: 100%; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }#swapAsset-to > div, #swapAsset-from > div { border: 1px solid; border-radius: var(--radius-md); margin-bottom: 8px; padding: 20px; height: 90px; width: 100%; cursor: pointer; overflow-inline: clip; white-space: nowrap; background-color: rgba(250, 250, 250, 0.33); border-color: rgba(160, 120, 160, 0.33); }#swapAsset-to > div svg, #swapAsset-from > div svg { vertical-align: middle; margin-right: 5px; height: 48px; width: 35px; }#swapAsset-to > div span, #swapAsset-from > div span { padding: 4px 1px; text-transform: uppercase; max-width: 75px; margin-bottom: -4px; }#swapAsset-to > div:hover, #swapAsset-from > div:hover { background-color: #f0e6f0; border-color: #a078a0; }#swapAsset-to > div.swapAsset-selected, #swapAsset-from > div.swapAsset-selected { background-color: #7878a0; color: white; cursor: inherit; }#swapAsset-to > div.swapAsset-disabled, #swapAsset-from > div.swapAsset-disabled { order: 2; background-color: grey; color: darkgrey; }#swapAsset-form { position: relative; }#swapAsset-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#swapAsset-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#swapAsset-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#swapAsset-buttons { background: none; }#swapAsset-back { width: 32%; margin-right: 2%; }#swapAsset-next { width: 60%; }#view-swapAmount p { text-align: center; word-break: normal; }#view-swapAmount #swapAmount-label-from-balance { display: block; width: 100%; padding-right: 8px; margin: 14px 0; }#view-swapAmount #swapAmount-label-from-balance div { display: inline-block; float: right; }#view-swapAmount #swapAmount-label-to { margin: 14px 0; }#view-swapAmount .swapAmount-field-elements [id*="plus-button"], #view-swapAmount .swapAmount-field-elements [id*="min-button"] { width: 2em; }#view-swapAmount #swapAmount-fees { border-radius: var(--radius-md); background: #fff6fd; border: 1px solid #cb78d0; color: #888; padding: 12px; display: block; margin-bottom: 1em; }#view-swapAmount #swapAmount-fees table { width: 100%; margin-left: 1em; }#view-swapAmount #swapAmount-fees table td { vertical-align: top; }#view-swapAmount #swapAmount-action { font-style: italic; }#view-swapAmount #swapAmount-message { color: red; text-align: center; }#view-swapAmount #swapAmount-downArrow { text-align: center; font-size: 2em; margin: 0.75em; }#view-swapAmount #swapAmount-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-swapAmount #swapAmount-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-swapAmount #swapAmount-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-swapAmount #swapAmount-buttons { background: none; }#view-swapAmount #swapAmount-back { width: 32%; margin-right: 2%; }#view-swapAmount #swapAmount-next { width: 60%; }#swapComplete-pending { word-break: break-word !important; text-decoration: underline; color: purple; background-image: url("./svg/pending.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: left; padding-left: 25px; }#swapComplete-pending svg path path { fill: #333 !important; }#swapComplete-message { overflow-wrap: break-word; user-select: text; }#swapDispute-message { margin: 10%; text-align: center; }#swapDispute-form { position: relative; }#swapDispute-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: 100%; height: 100%; text-align: center; top: 0; position: absolute; }#swapDispute-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#swapDispute-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#swapDispute-input { width: 80%; margin: 12px 10%; }#swapDispute-image { width: 100%; margin: 4vh 0; text-align: center; }#swapDispute-image img { width: 25%; max-width: 200px; filter: invert(8%) sepia(55%) saturate(300%) hue-rotate(321deg) brightness(90%) contrast(110%); }#swapDispute-cancel { width: 32%; margin-right: 2%; }#swapDispute-dispute { width: 60%; }#view-swapFeeWarning p { text-align: center; word-break: normal; }#view-swapFeeWarning #swapFeeWarning-buttons { background: none; }#view-swapFeeWarning #swapFeeWarning-back { width: 32%; margin-right: 2%; }#view-swapFeeWarning #swapFeeWarning-accept { width: 60%; }#view-swapReview p { text-align: center; word-break: normal; }#view-swapReview #swapReview-proposal { margin-top: 10%; position: relative; user-select: text; border-radius: var(--radius-md); border: 1px solid var(--color-border); padding: 12px; display: block; margin-bottom: 1em; }#view-swapReview #swapReview-proposal table { margin-bottom: 12px; width: 100%; margin-left: 1em; }#view-swapReview #swapReview-proposal table th { padding-top: 12px; padding-bottom: 8px; }#view-swapReview #swapReview-proposal table #swapReview-action { padding-top: 12px; }#view-swapReview #swapReview-proposal table td { vertical-align: top; }#view-swapReview #swapReview-message { color: red; text-align: center; }#view-swapReview #swapReview-form { position: relative; }#view-swapReview #swapReview-spinner { display: block; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-swapReview #swapReview-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-swapReview #swapReview-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-swapReview #swapReview-buttons { background: none; }#view-swapReview #swapReview-back { width: 32%; margin-right: 2%; }#view-swapReview #swapReview-swap { width: 60%; }#contacts-modal .contacts-contact div.contactId { display: inline-block; width: calc(100% - 124px); margin-left: 24px; }#contacts-modal .contacts-contact { color: black; font-weight: 700; padding: 10px; border-radius: var(--radius-md); cursor: pointer; margin-bottom: 10px; text-align: left; background-color: #e7f0f0; border: 1px solid #FFF; }#contacts-modal .contacts-contact:hover { background-color: #cceef0; border: 1px solid #75bac1; }#contacts-modal .contacts-contact.contacts-expanded { background-color: #fdfdfd; border-color: #bfdadd; animation: pulsating 1s linear infinite; }@keyframes pulsating { 50% { background-color: #eff6fb; } }#contacts-modal .contacts-contact.contacts-expanded:hover { background-color: #fdfdfd; border-color: #3fa4af; }#contacts-modal .contacts-entries { display: none; }#contacts-modal .contacts-contact.contacts-expanded .contacts-entries { display: block; }#contacts-modal .contacts-contact.contacts-expanded > .contacts-edit, #contacts-modal .contacts-contact.contacts-expanded > .contacts-delete { display: inline-block; }#contacts-modal .contacts-copy, #contacts-modal .contacts-edit, #contacts-modal .contacts-delete { padding: 9px; background-repeat: no-repeat; background-size: 20px 20px; text-align: left; border: 1px solid transparent; border-radius: var(--radius-md); margin: 5px; display: inline-block; background-color: #dceeef; min-height: 40px; cursor: pointer; }#contacts-modal .contacts-delete { background-color: rgb(255, 200, 200); }#contacts-modal .contacts-delete:hover { border-color: darkred; }#contacts-modal .contacts-copy { background-image: url("./svg/contacts-copy.svg"); background-position: calc(100% - 20px) 9px; width: calc(100% - 10px); font-weight: 600; word-wrap: break-word; padding-left: 20px; }#contacts-modal .contacts-copy-clicked { animation: blinking 0.3s linear infinite; color: #4d4d4d; }@keyframes blinking { 50% { opacity: 0.5; } }#contacts-modal .contacts-edit:hover, #contacts-modal .contacts-copy:hover { border-color: var(--color-primary-dark); }#contacts-modal .contacts-edit { background-image: url("./svg/contacts-edit.svg"); background-position: center; width: 40px; display: none; vertical-align: middle; }#contacts-modal .contacts-delete { background-image: url("./svg/contacts-delete.svg"); background-position: center; width: 40px; display: none; vertical-align: middle; }#contacts-modal #contacts-cancel-button { width: 32%; margin-right: 2%; }#contacts-modal #contacts-new-button { width: 60%; }#contacts-modal #contacts-new-button div { background-image: url("./svg/add.svg"); filter: brightness(200%) saturate(0); width: 18px; height: 18px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; display: inline-block; margin: -4px 18px 0 2px; }#contactsEdit-modal #contactsEdit-error { color: red; margin-bottom: 20px; }#contactsEdit-modal #contactsEdit-icon { text-align: center; }#contactsEdit-modal #contactsEdit-name { background-color: #FFF; border: 1px solid #999; }#contactsEdit-modal .contactsEdit-entry { display: block; color: black; font-weight: 600; border-radius: var(--radius-md); cursor: pointer; margin-bottom: 10px; padding: 0 5px; text-align: left; background-color: #fdfdfd; border: 1px solid #bfdadd; }#contactsEdit-modal .contactsEdit-label { display: inline-block; width: calc(100% - 110px); margin-left: 10px; vertical-align: middle; word-wrap: break-word; }#contactsEdit-modal .contactsEdit-edit, #contactsEdit-modal .contactsEdit-delete { padding: 10px; background-repeat: no-repeat; background-size: 20px 20px; text-align: left; border: 1px solid transparent; border-radius: var(--radius-md); margin: 5px; display: inline-block; background-color: #dceeef; height: 40px; cursor: pointer; }#contactsEdit-modal .contactsEdit-delete { background-color: rgb(255, 200, 200); }#contactsEdit-modal .contactsEdit-delete:hover { border-color: darkred; }#contactsEdit-modal .contactsEdit-edit:hover { border-color: var(--color-primary-dark); }#contactsEdit-modal .contactsEdit-edit { background-image: url("./svg/contacts-edit.svg"); background-position: center; width: 40px; vertical-align: middle; }#contactsEdit-modal .contactsEdit-delete { background-image: url("./svg/contacts-delete.svg"); background-position: center; width: 40px; vertical-align: middle; }#contactsEdit-modal #contactsEdit-buttons { background: none; }#contactsEdit-modal #contactsEdit-cancel { width: 32%; margin-right: 2%; }#contactsEdit-modal #contactsEdit-save { width: 60%; }#contactsSelect-modal .contactsSelect-contact { text-align: left; color: black; font-weight: 700; border: 1px solid; padding: 10px; border-radius: var(--radius-md); background-color: #e7f0f0; border-color: #FFF; cursor: pointer; margin-bottom: 10px; padding-left: 24px; }#contactsSelect-modal .contactsSelect-contact:hover { background-color: #cceef0; border-color: #75bac1; }#view-banking p, #view-bankingWebsite p, #view-bankingAsset p { word-break: normal; }#view-banking div [id*="message"] p, #view-bankingWebsite div [id*="message"] p { word-break: normal; }#view-banking #banking-buttons, #view-bankingWebsite #bankingWebsite-buttons { margin-bottom: 24px; background: none; }#view-banking #banking-deposit, #view-bankingWebsite #bankingWebsite-deposit { width: 48%; margin-bottom: 0; margin-right: 2%; margin-top: 12px; background: linear-gradient(44deg, #65ce84 0%, #89cc64 51%, #cefd9f 100%); border-color: #49b949; }#view-banking #banking-withdraw, #view-bankingWebsite #bankingWebsite-withdraw { width: 48%; margin-bottom: 0; margin-top: 12px; background: linear-gradient(44deg, #ea7b4f 0%, #e38059 51%, #f9d693 100%); border-color: #e14000; }#view-banking #banking-transfer, #view-bankingWebsite #bankingWebsite-transfer { width: 98.5%; margin-bottom: 0; background: linear-gradient(44deg, var(--color-gradient-start) 0%, #839BE3 51%, #ADD2D2 100%); border-color: #4f8ec6; }#view-banking #banking-transfer:hover, #view-bankingWebsite #bankingWebsite-transfer:hover { border-color: #5f9fd7; }#view-banking [id*="button"] .icon, #view-bankingWebsite [id*="button"] .icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-banking [id*="button"] .icon svg, #view-bankingWebsite [id*="button"] .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-banking [id*="button"] .icon svg path, #view-bankingWebsite [id*="button"] .icon svg path { fill: #fff !important; }#view-banking #banking-deposit .icon { background-image: url("./svg/receive.svg"); }#view-banking #banking-withdraw .icon { background-image: url("./svg/send.svg"); }#view-banking #banking-transfer .icon { background-image: url("./svg/transfer.svg"); }#view-bankingWebsite #bankingWebsite-continue { margin-top: 1em; }#view-bankingWebsite #bankingWebsite-back { display: inline-block; width: 48%; margin-right: 2%; }#view-bankingWebsite #bankingWebsite-done { display: inline-block; width: 50%; }#view-bankingAsset #bankingAsset-selectbox { background: linear-gradient(0deg, #eee 0%, #fff 25%, #fff 75%, #eee 100%); border-radius: var(--radius-md); min-height: 132px; padding: 20px 64px; overflow-y: hidden; overflow-x: auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }#view-bankingAsset #bankingAsset-selectbox::-webkit-scrollbar { display: none !important; scrollbar-width: 3px !important; width: 3px !important; }#view-bankingAsset #bankingAsset-selectbox::-webkit-scrollbar-track { background: transparent !important; }#view-bankingAsset #bankingAsset-selectbox > div { display: inline-block; border: 1px solid; border-radius: var(--radius-md); margin: 0 6px; padding: 20px; height: 90px; width: 210px; cursor: pointer; overflow-inline: clip; white-space: nowrap; background-color: rgba(250, 250, 250, 0.33); border-color: rgba(160, 120, 160, 0.33); }@media (max-height: 670px) { #view-bankingAsset #bankingAsset-selectbox > div { margin: auto; } }#view-bankingAsset #bankingAsset-selectbox > div svg { vertical-align: middle; margin-right: 5px; height: 48px; }#view-bankingAsset #bankingAsset-selectbox > div div { display: inline-block; vertical-align: middle; margin-left: -1.5em; width: 100%; }#view-bankingAsset #bankingAsset-selectbox > div span { padding: 4px; text-transform: uppercase; }#view-bankingAsset #bankingAsset-selectbox > div .bankingAsset-item-balance { display: block; font-size: 10px; margin-top: -8px; min-width: 164px; }#view-bankingAsset #bankingAsset-selectbox > div .bankingAsset-item-balance span { font-size: 75%; }#view-bankingAsset #bankingAsset-selectbox > div:hover { background-color: #f0e6f0; border-color: #a078a0; }#view-bankingAsset #bankingAsset-selectbox > div.bankingAsset-selected { background-color: #7878a0; color: white; cursor: inherit; }#view-bankingAsset #bankingAsset-selectbox > div.bankingAsset-disabled { order: 2; background-color: grey; color: darkgrey; }#view-bankingAsset #bankingAsset-cancel { display: inline-block; width: 32%; margin-right: 2%; }#view-bankingAsset #bankingAsset-next { display: inline-block; width: 64%; }#view-bankingDetails #bankingDetails-selectedCurrency { text-transform: uppercase; }#view-bankingDetails #bankingDetails-description-container { display: none; }#view-bankingDetails .bankingDetails-message, #view-bankingDetails #bankingDetails-descriptionMessage { margin: 10%; text-align: center; margin-bottom: 24px; }#view-bankingDetails #bankingDetails-descriptionMessage { margin-top: 24px; }#view-bankingDetails #bankingDetails-form { position: relative; }#view-bankingDetails #bankingDetails-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: 100%; height: 100%; text-align: center; top: 0; position: absolute; }#view-bankingDetails #bankingDetails-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-bankingDetails #bankingDetails-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-bankingDetails #bankingDetails-input { display: none; margin: 12px 10%; width: 80%; }#view-bankingDetails #bankingDetails-image { width: 100%; margin: 4vh 0; text-align: center; }#view-bankingDetails #bankingDetails-image img { width: 25%; max-width: 200px; filter: invert(8%) sepia(55%) saturate(300%) hue-rotate(321deg) brightness(90%) contrast(110%); }#view-bankingDetails #bankingDetails-back { width: 32%; margin-right: 2%; }#view-bankingDetails #bankingDetails-next { width: 64%; }#view-bankingAmount #bankingAmount-text { margin-bottom: 2em; }#view-bankingAmount #bankingAmount-textMore { margin-top: 2em; }#view-bankingAmount #bankingAmount-balance div { float: right; }#view-bankingAmount #bankingAmount-amount { height: 57px; width: 100%; margin-top: 10px; font-size: var(--font-size-xl); padding-right: 140px; background: linear-gradient(to right, #333, rgba(1, 1, 1, 0)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(125, 125, 125, 0.5); }#view-bankingAmount #bankingAmount-message { padding: 0 12px 12px; }#view-bankingAmount #bankingAmount-fees { border-radius: var(--radius-md); background: #fff6fd; border: 1px solid #cb78d0; color: #888; padding: 12px; display: block; margin-bottom: 1em; }#view-bankingAmount #bankingAmount-fees table { width: 100%; margin-left: 1em; }#view-bankingAmount #bankingAmount-fees table td { vertical-align: top; }#view-bankingAmount #bankingAmount-spinner { display: none; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)); top: 80px; width: calc(100% - 48px); height: calc(100% - 80px); padding-top: 0; text-align: center; position: absolute; }#view-bankingAmount #bankingAmount-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-bankingAmount #bankingAmount-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-bankingAmount #bankingAmount-cancel { width: 32%; margin-right: 2%; }#view-bankingAmount #bankingAmount-confirm { width: 64%; }#view-bankingReview p { text-align: center; word-break: normal; }#view-bankingReview #bankingReview-proposal { margin-top: 5%; position: relative; user-select: text; border-radius: var(--radius-md); border: 1px solid var(--color-border); padding: 0 20px; display: block; margin-bottom: 1em; }#view-bankingReview #bankingReview-proposal table { margin-bottom: 12px; width: 100%; margin-left: 1em; }#view-bankingReview #bankingReview-proposal table th { padding-top: 12px; padding-bottom: 8px; }#view-bankingReview #bankingReview-proposal table #bankingReview-action { padding-top: 12px; }#view-bankingReview #bankingReview-proposal table td { vertical-align: top; }#view-bankingReview #bankingReview-message { color: red; text-align: center; }#view-bankingReview #bankingReview-form { position: relative; }#view-bankingReview #bankingReview-source, #view-bankingReview #bankingReview-target { overflow-wrap: break-word; max-width: 1em; }#view-bankingReview #bankingReview-spinner { display: block; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); width: calc(100% - 48px); height: calc(100% - 80px); top: 80px; text-align: center; position: absolute; }#view-bankingReview #bankingReview-spinner .spinner-loader { margin-top: 25vh; margin-left: 0; }#view-bankingReview #bankingReview-spinner-message { margin-top: 24px; font-size: 1.2em; font-weight: bold; }#view-bankingReview #bankingReview-cancel { width: 32%; margin-right: 2%; }#view-bankingReview #bankingReview-confirm { width: 60%; }#view-bankingComplete #bankingComplete-pending { word-break: break-word !important; text-decoration: underline; color: purple; background-image: url("./svg/pending.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: left; padding-left: 25px; }#view-bankingComplete #bankingComplete-pending svg path path { fill: #333 !important; }#view-bankingComplete div [id*="message"] p { word-break: normal; overflow-wrap: break-word; user-select: text; }#view-makePass p { font-size: 1.3em; word-break: normal; }#view-makePass #makePass-field { width: 80%; margin-left: 10%; }#view-makePass #makePass-back-button { width: 32%; margin-right: 2%; }#view-makePass #makePass-submit-button { width: 60%; }#view-makePass #makePass-submit-button .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-makePass #makePass-submit-button .icon svg path { fill: #fff !important; }#view-getSomeHy .modal-content-main { height: 80%; }#view-getSomeHy #getSomeHy-banking { width: 48%; margin-right: 2%; color: #af6e3f; background: #efeddc; border: 1px solid #C9A95D; }#view-getSomeHy #getSomeHy-scan { width: 48%; }#view-getSomeHyScan .modal-content-main { height: 80%; }#view-getSomeHyScan div [id*="message"] p { word-break: normal; }#view-getSomeHyScan #getSomeHyScan-cancel { width: 32%; margin-right: 2%; }#view-getSomeHyScan #getSomeHyScan-next { width: 60%; }#view-importPreferences .importPreferences-container { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; }#view-importPreferences .importPreferences-button-wrap { position: relative; margin: auto; margin-top: 2em; background-color: #dceeef; padding: 5px; border-radius: var(--radius-md); }#view-importPreferences #importPreferences-uploadfile::file-selector-button, #view-importPreferences #importPreferences-uploadfile::-webkit-file-upload-button { visibility: hidden; width: 65px; }#view-importPreferences #importPreferences-back { width: 32%; margin-right: 2%; margin-bottom: 0; }#view-importPreferences #importPreferences-upload { width: 60%; margin-bottom: 0; }#view-createWalletChoice p { font-size: 1.3em; word-break: normal; }#view-createWalletChoice #createWalletChoice-hot { color: darkred; }#view-createWalletChoice #createWalletChoice-cold { color: darkblue; }#view-createWalletChoice #createWalletChoice-question, #view-createWalletChoice #createWalletChoice-question-more { max-width: 40em; margin: auto; }#view-createWalletChoice #createWalletChoice-cold-button { width: 48%; margin-right: 2%; margin-bottom: 0; background: linear-gradient(44deg, #4f7dea 0%, #5982e3 51%, #93bbf9 100%); border-color: #0700e1; }#view-createWalletChoice #createWalletChoice-hot-button { width: 48%; margin-bottom: 0; background: linear-gradient(44deg, #ea7b4f 0%, #e38059 51%, #f9d693 100%); border-color: #e14000; }#view-createWalletChoice [id*="button"] .icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 20px; height: 20px; }#view-createWalletChoice [id*="button"] .icon svg { width: 20px; height: 20px; margin-bottom: -2px; }#view-createWalletChoice [id*="button"] .icon svg path { fill: #fff !important; }#view-createWalletConfirm { background: var(--grey-backdrop); }#view-createWalletConfirm .createWalletConfirmCheck { background: var(--color-bg-light); border: 1px solid var(--color-bg-light); padding: 12px 24px; margin: 24px 0 0; text-align: left; border-radius: var(--radius-md); }#view-createWalletConfirm .createWalletConfirmCheck ol { margin: 0; padding: 16px 0 16px 16px; }#view-createWalletConfirm .createWalletConfirmCheck ol li { padding: 8px 0 8px 8px; }#view-createWalletConfirm .createWalletConfirmCheck ol li:first-child { padding-top: 0; }#view-createWalletConfirm .createWalletConfirmCheck ol li:last-child { padding-bottom: 0; }#view-createWalletConfirm .createWalletConfirmCheck ol li span { color: var(--color-text); }@media (max-height: 612px) { #view-createWalletConfirm .createWalletConfirm h2 { margin-top: 0; } }@media (min-height: 544px) and (max-height: 612px) { #view-createWalletConfirm .createWalletConfirm { padding-bottom: 14px; } }#view-createWalletConfirm #createWalletConfirm-back { width: 32%; margin-right: 2%; }#view-createWalletConfirm #createWalletConfirm-continue { width: 60%; }#view-createWalletReview { background: var(--grey-backdrop); }#view-createWalletReview .login-credentials { margin: auto; width: 100%; text-align: center; }#view-createWalletReview .login-credentials span { display: block; width: 100%; padding: 16px 0 8px; font-size: var(--font-size-base); }#view-createWalletReview .login-credentials .credential { font-family: var(--font-code), var(--font-primary); letter-spacing: 0.5px; background: var(--color-bg-light); border: 1px solid var(--color-bg-light); color: var(--color-text-dark); overflow-wrap: break-word; word-break: break-all; font-weight: 400; padding: 16px 32px 4px; max-width: 22em; margin: auto; width: 100%; user-select: all; font-size: var(--font-size-lg); line-height: 1.625rem; border-radius: var(--radius-md); }@media (min-width: 600px) { #view-createWalletReview .login-credentials .credential { padding: 16px 80px; } }@media (max-height: 580px) { #view-createWalletReview .createWalletReview { top: 3%; max-height: 93%; } }@media (max-height: 550px) { #view-createWalletReview .createWalletReview { top: 7%; max-height: 85%; } }#view-createWalletReview #createWalletReview-makepass-button { width: 70%; margin-bottom: 2em; margin-top: 0; }#view-createWalletReview #createWalletReview-continue-button { margin-top: 2em; }#view-createWallet #generate { margin: auto; width: 80%; }#view-createWallet #percentagedone { font-weight: 700; color: #333; margin: 40px 0 0; font-size: var(--font-size-xl); }#view-createWallet #seedpooldisplay { margin: auto; width: 70%; word-wrap: break-word; background: linear-gradient(#7A7A7A, white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }#view-createWallet .seedpoint { position: fixed; display: block; width: 5px; height: 5px; background: #5DBDC9; z-index: 2147483647; opacity: 0.3; }@media (min-width: 600px) { #view-createWallet #createWalletFormContent { height: 500px; } }@media (min-width: 900px) { #view-createWallet #createWalletFormContent { left: 50%; width: 800px; margin-left: -400px; overflow-y: auto; } }@media (max-height: 322px) { #view-createWallet #createWalletFormContent h2 { margin-top: 0; } }.createWalletForm { position: absolute; padding: 24px; top: 0; left: 0; background: #fff; z-index: 2147483669; text-align: center; overflow-y: auto; max-height: 100vh; min-height: 100%; }.createWalletForm h2 { margin-top: 16px; }@media (min-width: 600px) { .createWalletForm { padding: 32px; top: 8%; left: 50%; width: 584px; height: unset; min-height: unset; max-height: 88%; margin-left: -292px; border-radius: var(--radius-md); } }.createWalletForm .pure-button { margin-top: 24px; width: 100%; }