UNPKG

@liskhq/lisk-framework-faucet-plugin

Version:

A plugin for distributing testnet tokens from a newly developed blockchain application.

1 lines 22.9 kB
{"mappings":"A,0D,2DCOA,8BAYA,yEAaA,0EAUA,yDAWA,gDAYA,8FASA,oCASA,0DASA,4BAYA,sDAYA,qCAQA,mCAQA,kGAQA,yCAQA,mCAQA,0BASA,8EASA,oEASA,sDASA,oDASA,oEASA,qIASA,qIAQA,yCAWA,wSAeA,wCAQA,kCC5MA,6IALC,yCAaA,yDAMA,uCAOD,oFA1BC,yCA0BD,0FAWC,4FAOA,uGAOA,6DAnDA,yCAmDA,yDAOC,+FAIC,+OAUC,oHAKA,yEAGA,sGAKD,sIAQD,kKA7FD,yCA6FC,qEAaC,iFAGA,4DAGA,8EAOF,6CAIA,4HAMA,gGAKA,gDAKD,gFAKA,4VAyBA,oEAOA,+HAYA,2FAOA,6PAnMC,yCAmMD,oDAnMC,yCAmMD,oEA0BA,6EAKC,8GAKD,gEAIC,kHAKD,qFAOA,yKAYA,uLAnQC,yCAmQD,6CAkBA,qCAIA,uDAKA,uWC/UA,qCAIA,6BAMA,wBAGA,uDASA","sources":["index.60868b61.css","node_modules/@csstools/normalize.css/normalize.css","framework-plugins/lisk-framework-faucet-plugin/src/ui/app.module.scss","framework-plugins/lisk-framework-faucet-plugin/src/ui/index.scss"],"sourcesContent":["@import \"https://fonts.googleapis.com/css2?family=Roboto\";\n@import \"https://fonts.googleapis.com/css2?family=Poppins\";\n:where(html) {\n line-height: 1.15;\n}\n\n:where(h1) {\n margin-block-start: .67em;\n margin-block-end: .67em;\n font-size: 2em;\n}\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n:where(hr) {\n box-sizing: content-box;\n color: inherit;\n height: 0;\n}\n\n:where(pre) {\n font-family: monospace;\n font-size: 1em;\n}\n\n:where(abbr[title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n:where(code, kbd, samp) {\n font-family: monospace;\n font-size: 1em;\n}\n\n:where(small) {\n font-size: 80%;\n}\n\n:where(table) {\n text-indent: 0;\n border-color: currentColor;\n}\n\n:where(button, input, select) {\n margin: 0;\n}\n\n:where(button) {\n text-transform: none;\n}\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n -webkit-appearance: button;\n}\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n:where(select) {\n text-transform: none;\n}\n\n:where(textarea) {\n margin: 0;\n}\n\n:where(input[type=\"search\" i]) {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: .54;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n:where(:-moz-ui-invalid) {\n box-shadow: none;\n}\n\n:where(dialog) {\n color: #000;\n height: -moz-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n width: -moz-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n background-color: #fff;\n border: solid;\n margin: auto;\n padding: 1em;\n position: absolute;\n left: 0;\n right: 0;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n:where(summary) {\n display: list-item;\n}\n\n.nHpyRq_root {\n width: 100%;\n min-height: 100vh;\n background: linear-gradient(#101c3d 0%, #0c152e 100%);\n flex-direction: column;\n padding: 30px;\n display: flex;\n}\n\n@media only screen and (max-width: 999px) {\n .nHpyRq_root header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .nHpyRq_root footer {\n text-align: center;\n }\n}\n\n.nHpyRq_content {\n flex: 9;\n justify-content: space-around;\n align-items: center;\n display: flex;\n}\n\n@media only screen and (max-width: 999px) {\n .nHpyRq_content {\n text-align: center;\n flex-direction: column-reverse;\n justify-content: flex-end;\n }\n}\n\n.nHpyRq_content h1 {\n color: #fff;\n margin: 20px 0;\n font-size: 32px;\n font-weight: bold;\n line-height: 130%;\n}\n\n.nHpyRq_content h2 {\n color: #fff;\n opacity: .6;\n margin: 20px 0;\n font-size: 20px;\n font-weight: 400;\n line-height: 130%;\n}\n\n.nHpyRq_content .nHpyRq_inputArea {\n margin: 20px 0;\n display: flex;\n}\n\n@media only screen and (max-width: 999px) {\n .nHpyRq_content .nHpyRq_inputArea {\n flex-direction: column;\n }\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input {\n width: 100%;\n margin-right: 10px;\n position: relative;\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input input {\n box-sizing: border-box;\n width: 100%;\n height: 48px;\n color: #fff;\n background: linear-gradient(#101c3d 0%, #0c152e 100%);\n border: 1px solid #dfe6f233;\n border-radius: 3px;\n padding: 8px 10px;\n font-size: 18px;\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input input ::placeholder {\n color: #8a8ca2;\n font-family: Roboto;\n font-size: 18px;\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input input:focus {\n outline: none;\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input input.nHpyRq_error {\n color: #ff4557;\n border-color: #ff4557;\n}\n\n.nHpyRq_content .nHpyRq_inputArea .nHpyRq_input .nHpyRq_errorMsg {\n color: #ff4557;\n border-color: #ff4557;\n font-family: Roboto;\n font-size: 12px;\n}\n\n.nHpyRq_content .nHpyRq_inputArea button {\n color: #fff;\n width: 167px;\n height: 48px;\n background-color: #4070f4;\n border: none;\n border-radius: 3px;\n font-size: 16px;\n font-weight: 500;\n}\n\n@media only screen and (max-width: 999px) {\n .nHpyRq_content .nHpyRq_inputArea button {\n width: 100%;\n margin-top: 15px;\n }\n}\n\n.nHpyRq_content .nHpyRq_inputArea button:hover {\n box-shadow: 3px 3px 10px #3d71ff5c;\n}\n\n.nHpyRq_content .nHpyRq_inputArea button:focus {\n outline: none;\n}\n\n.nHpyRq_content .nHpyRq_inputArea button:disabled {\n box-shadow: none;\n opacity: .58;\n}\n\n.nHpyRq_content .nHpyRq_capcha {\n margin: 35px 0;\n}\n\n.nHpyRq_content .nHpyRq_addressLabel {\n opacity: .6;\n color: #fff;\n margin-right: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 130%;\n}\n\n.nHpyRq_content .nHpyRq_addressValue {\n color: #fff;\n font-size: 16px;\n font-weight: 600;\n line-height: 130%;\n}\n\n.nHpyRq_content .nHpyRq_illustration {\n width: 100%;\n}\n\n.nHpyRq_copyright {\n color: #8a8ca2;\n font-size: 14px;\n font-weight: 400;\n line-height: 130%;\n}\n\n.nHpyRq_icon {\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizelegibility;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: \"liga\";\n font-family: Material Icons;\n font-size: 24px;\n font-style: normal;\n font-weight: normal;\n line-height: 1;\n display: inline-block;\n}\n\n.nHpyRq_warning {\n color: #ff4557;\n position: absolute;\n top: 10px;\n right: 10px;\n}\n\n.nHpyRq_dialogRoot {\n height: 100%;\n width: 100%;\n z-index: 10;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n transform: scale(1);\n}\n\n.nHpyRq_dialogBackground {\n text-align: center;\n width: 100%;\n min-height: 100%;\n background: #0f1933d9;\n}\n\n.nHpyRq_dialogModal {\n -webkit-backdrop-filter: blur(75px);\n backdrop-filter: blur(75px);\n box-sizing: border-box;\n width: 40%;\n background: #0c152e;\n border-radius: 8px;\n margin: 130px auto;\n padding: 0;\n display: inline-block;\n position: relative;\n}\n\n@media only screen and (max-width: 768px) {\n .nHpyRq_dialogModal {\n max-width: 80%;\n margin: 50px auto;\n }\n}\n\n@media only screen and (max-width: 455px) {\n .nHpyRq_dialogModal {\n width: 100%;\n max-width: 100%;\n height: 100%;\n margin: 0;\n }\n}\n\n.nHpyRq_dialogOpen {\n transition: transform .3s;\n display: block;\n transform: scale(1);\n}\n\n.nHpyRq_dialogOpen .nHpyRq_dialogModal {\n animation: .3s cubic-bezier(.165, .84, .44, 1) forwards nHpyRq_blowUpModal;\n}\n\n.nHpyRq_dialogClose {\n transition: transform .3s;\n transform: scale(0);\n}\n\n.nHpyRq_dialogClose .nHpyRq_dialogModal {\n animation: .5s cubic-bezier(.165, .84, .44, 1) forwards nHpyRq_blowUpModalTwo;\n}\n\n.nHpyRq_dialogHeader {\n flex-direction: row;\n align-items: center;\n padding: 20px;\n display: flex;\n}\n\n.nHpyRq_dialogHeaderContent {\n letter-spacing: 0;\n color: #fff;\n text-align: left;\n flex-grow: 1;\n margin-right: 20px;\n font-family: Poppins;\n font-size: 28px;\n font-weight: 700;\n line-height: 1.2;\n}\n\n.nHpyRq_dialogBody {\n letter-spacing: .2px;\n text-align: left;\n color: #fff;\n margin: 0 22px 22px;\n padding: 16px;\n font-family: Roboto;\n font-size: 16px;\n font-style: normal;\n font-weight: normal;\n line-height: 22px;\n}\n\n@media only screen and (max-width: 455px) {\n .nHpyRq_dialogBody {\n height: 90%;\n overflow: auto;\n }\n}\n\n.nHpyRq_dialogAdddress {\n color: #4070f4;\n}\n\n.nHpyRq_iconButton {\n cursor: pointer;\n display: inline-block;\n}\n\n.nHpyRq_icon {\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n color: #fff;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizelegibility;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: \"liga\";\n font-family: Material Icons;\n font-size: 20px;\n font-style: normal;\n font-weight: normal;\n line-height: 1;\n display: inline-block;\n}\n\n#root {\n font-family: Poppins, sans-serif;\n}\n\nhtml, body {\n margin: 0;\n padding: 0;\n}\n\n* {\n box-sizing: border-box;\n}\n\ndl, dt, dd, div, p {\n white-space: pre-line;\n margin: 0;\n padding: 0;\n}\n\nimg {\n vertical-align: middle;\n}\n\n/*# sourceMappingURL=index.60868b61.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n */\n\n:where(html) {\n line-height: 1.15; /* 1 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n font-size: 2em;\n margin-block-end: 0.67em;\n margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin-block-end: 0;\n margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n box-sizing: content-box; /* 1 */\n color: inherit; /* 2 */\n height: 0; /* 1 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n border-color: currentColor; /* 1 */\n text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n display: list-item;\n}\n","$color-white: #ffffff;\n$color-blue-gray: #8a8ca2;\n$color-fury-red: #ff4557;\n$color-ultramarine-blue: #4070f4;\n$color-background: linear-gradient(180deg, #101c3d 0%, #0c152e 100%);\n\n$font-size-l: 32px;\n$font-size-m: 20px;\n$font-size-s: 18px;\n$font-size-xs: 16px;\n$font-size-xxs: 14px;\n\n$font-weight-bold: bold;\n$font-weight-m: 400;\n$font-weight-l: 600;\n\n@mixin f-header($size, $weight) {\n\tfont-size: $size;\n\tfont-weight: $weight;\n\tline-height: 130%;\n}\n\n@mixin f-label($size) {\n\tfont-size: $size;\n\tfont-family: 'Roboto';\n\tline-height: 130%;\n}\n\n// min-width\n$breakpoint-up: (\n\t'sm': 'screen and (min-width: 456px)',\n\t'md': 'screen and (min-width: 769px)',\n\t'lg': 'screen and (min-width: 1000px)',\n\t'xl': 'screen and (min-width: 1200px)',\n) !default;\n\n// max-width\n$breakpoint-down: (\n\t'sm': 'screen and (max-width: 455px)',\n\t'md': 'screen and (max-width: 768px)',\n\t'lg': 'screen and (max-width: 999px)',\n\t'xl': 'screen and (max-width: 1199px)',\n) !default;\n\n// @mixins\n@mixin mq-up($breakpoint: md) {\n\t@media only #{map-get($breakpoint-up, $breakpoint)} {\n\t\t@content;\n\t}\n}\n\n@mixin mq-down($breakpoint: md) {\n\t@media only #{map-get($breakpoint-down, $breakpoint)} {\n\t\t@content;\n\t}\n}\n\n.root {\n\twidth: 100%;\n\tmin-height: 100vh;\n\tbackground: $color-background;\n\tpadding: 30px;\n\tdisplay: flex;\n\tflex-direction: column;\n\n\theader {\n\t\t@include mq-down(lg) {\n\t\t\tmargin-bottom: 80px;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\tfooter {\n\t\t@include mq-down(lg) {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n\n.content {\n\tdisplay: flex;\n\tflex: 9;\n\tjustify-content: space-around;\n\talign-items: center;\n\t@include mq-down(lg) {\n\t\tflex-direction: column-reverse;\n\t\tjustify-content: flex-end;\n\t\ttext-align: center;\n\t}\n\n\th1 {\n\t\tcolor: $color-white;\n\t\t@include f-header($font-size-l, $font-weight-bold);\n\t\tfont-weight: bold;\n\t\tmargin: 20px 0;\n\t}\n\n\th2 {\n\t\tcolor: $color-white;\n\t\topacity: 0.6;\n\t\tmargin: 20px 0;\n\t\t@include f-header($font-size-m, $font-weight-m);\n\t}\n\n\t& .inputArea {\n\t\tmargin: 20px 0;\n\t\tdisplay: flex;\n\t\t@include mq-down(lg) {\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.input {\n\t\t\twidth: 100%;\n\t\t\tmargin-right: 10px;\n\t\t\tposition: relative;\n\t\t\tinput {\n\t\t\t\tborder: 1px solid rgba(223, 230, 242, 0.2);\n\t\t\t\tbackground: $color-background;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\theight: 48px;\n\t\t\t\tcolor: $color-white;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tpadding: 8px 10px;\n\t\t\t\t::placeholder {\n\t\t\t\t\tfont-family: 'Roboto';\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\tcolor: $color-blue-gray;\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t\t&.error {\n\t\t\t\t\tborder-color: $color-fury-red;\n\t\t\t\t\tcolor: $color-fury-red;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.errorMsg {\n\t\t\t\tborder-color: $color-fury-red;\n\t\t\t\tcolor: $color-fury-red;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-family: 'Roboto';\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tbackground-color: $color-ultramarine-blue;\n\t\t\tcolor: $color-white;\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: $font-size-xs;\n\t\t\tborder-radius: 3px;\n\t\t\tborder: none;\n\t\t\twidth: 167px;\n\t\t\t@include mq-down(lg) {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\theight: 48px;\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: 3px 3px 10px 0 rgb(61 113 255 / 36%);\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t\t&:disabled {\n\t\t\t\tbox-shadow: none;\n\t\t\t\topacity: 0.58;\n\t\t\t}\n\t\t}\n\t}\n\n\t& .capcha {\n\t\tmargin: 35px 0;\n\t}\n\n\t& .addressLabel {\n\t\topacity: 0.6;\n\t\tcolor: $color-white;\n\t\tmargin-right: 4px;\n\t\t@include f-header($font-size-xs, $font-weight-l);\n\t}\n\t& .addressValue {\n\t\t@include f-header($font-size-xs, $font-weight-l);\n\t\tcolor: $color-white;\n\t}\n\n\t& .illustration {\n\t\twidth: 100%;\n\t}\n}\n\n.copyright {\n\t@include f-header($font-size-xxs, $font-weight-m);\n\tcolor: $color-blue-gray;\n}\n\n.icon {\n\tfont-family: 'Material Icons';\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-size: 24px; /* Preferred icon size */\n\tdisplay: inline-block;\n\tline-height: 1;\n\ttext-transform: none;\n\tletter-spacing: normal;\n\tword-wrap: normal;\n\twhite-space: nowrap;\n\tdirection: ltr;\n\n\t/* Support for all WebKit browsers. */\n\t-webkit-font-smoothing: antialiased;\n\t/* Support for Safari and Chrome. */\n\ttext-rendering: optimizeLegibility;\n\n\t/* Support for Firefox. */\n\t-moz-osx-font-smoothing: grayscale;\n\n\t/* Support for IE. */\n\tfont-feature-settings: 'liga';\n}\n\n.warning {\n\tcolor: $color-fury-red;\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n}\n\n.dialogRoot {\n\tdisplay: none;\n\tposition: fixed;\n\theight: 100%;\n\twidth: 100%;\n\ttop: 0;\n\tleft: 0;\n\ttransform: scale(1);\n\toverflow: auto;\n\tz-index: 10;\n}\n\n.dialogBackground {\n\tbackground: rgba(15, 25, 51, 0.85);\n\ttext-align: center;\n\twidth: 100%;\n\tmin-height: 100%;\n}\n\n.dialogModal {\n\tdisplay: inline-block;\n\tposition: relative;\n\tbackground: #0c152e;\n\tbackdrop-filter: blur(75px);\n\tborder-radius: 8px;\n\tpadding: 0px;\n\tbox-sizing: border-box;\n\n\tmargin: 130px auto;\n\n\twidth: 40%;\n\n\t@include mq-down('md') {\n\t\tmax-width: 80%;\n\t\tmargin: 50px auto;\n\t}\n\n\t@include mq-down('sm') {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tmargin: 0;\n\t\theight: 100%;\n\t}\n}\n\n.dialogOpen {\n\ttransform: scale(1);\n\tdisplay: block;\n\ttransition: transform 0.3s;\n\n\t.dialogModal {\n\t\tanimation: blowUpModal 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n\t}\n}\n\n.dialogClose {\n\ttransform: scale(0);\n\ttransition: transform 0.3s;\n\n\t.dialogModal {\n\t\tanimation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n\t}\n}\n\n.dialogHeader {\n\tpadding: 20px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.dialogHeaderContent {\n\tflex-grow: 1;\n\tmargin-right: 20px;\n\tfont-family: 'Poppins';\n\tfont-size: 28px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tletter-spacing: 0;\n\tcolor: $color-white;\n\ttext-align: left;\n}\n\n.dialogBody {\n\tpadding: 16px;\n\tmargin: 0px 22px 22px;\n\tfont-family: Roboto;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-size: 16px;\n\tline-height: 22px;\n\tletter-spacing: 0.2px;\n\ttext-align: left;\n\tcolor: $color-white;\n\n\t@include mq-down('sm') {\n\t\theight: 90%;\n\t\toverflow: auto;\n\t}\n}\n\n.dialogAdddress {\n\tcolor: #4070f4;\n}\n\n.iconButton {\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n.icon {\n\tfont-family: 'Material Icons';\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-size: $font-size-m;\n\tdisplay: inline-block;\n\tline-height: 1;\n\ttext-transform: none;\n\tletter-spacing: normal;\n\tword-wrap: normal;\n\twhite-space: nowrap;\n\tdirection: ltr;\n\tcolor: $color-white;\n\n\t/* Support for all WebKit browsers. */\n\t-webkit-font-smoothing: antialiased;\n\t/* Support for Safari and Chrome. */\n\ttext-rendering: optimizeLegibility;\n\n\t/* Support for Firefox. */\n\t-moz-osx-font-smoothing: grayscale;\n\n\t/* Support for IE. */\n\tfont-feature-settings: 'liga';\n}\n","@import url('https://fonts.googleapis.com/css2?family=Roboto');\n@import url('https://fonts.googleapis.com/css2?family=Poppins');\n\n#root {\n\tfont-family: 'Poppins', sans-serif;\n}\n\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n* {\n\tbox-sizing: border-box;\n}\ndl,\ndt,\ndd,\ndiv,\np {\n\tmargin: 0;\n\tpadding: 0;\n\twhite-space: pre-line;\n}\nimg {\n\tvertical-align: middle;\n}\n"],"names":[],"version":3,"file":"index.60868b61.css.map"}