From 73dcdf6fe02aff6dbc0fe3a131f0a1135188171f Mon Sep 17 00:00:00 2001 From: Gerardo Nardelli Date: Thu, 21 Feb 2019 12:01:01 -0300 Subject: [PATCH] Add build-css step on build script --- package.json | 4 ++-- src/assets/stylesheets/application.css | 1 - 2 files changed, 2 insertions(+), 3 deletions(-) delete mode 100644 src/assets/stylesheets/application.css diff --git a/package.json b/package.json index b1a34718..bd497175 100644 --- a/package.json +++ b/package.json @@ -32,8 +32,8 @@ "scripts": { "build-css": "node-sass-chokidar src/assets/stylesheets/application.scss -o src/assets/stylesheets --output-style=compressed", "watch-css": "nodemon -e scss -x \"npm run build-css\"", - "start": "react-app-rewired start", - "build": "npm run compile:contracts && react-app-rewired build", + "start": "npm run build-css && react-app-rewired start", + "build": "npm run compile:contracts && npm run build-css && react-app-rewired build", "test": "react-app-rewired test --env=jsdom", "startE2e": "mocha -b ./e2e-script/test.js", "start:blocks": "node ./e2e-script/scripts/blocks.js", diff --git a/src/assets/stylesheets/application.css b/src/assets/stylesheets/application.css deleted file mode 100644 index d2235fc2..00000000 --- a/src/assets/stylesheets/application.css +++ /dev/null @@ -1 +0,0 @@ -.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-controls{display:flex;justify-content:space-between}.footer{left:0;right:0}.container{position:relative;width:960px;margin-left:auto;margin-right:auto}@media (max-width: 980px){.container{width:98%}}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}html,body{color:#333;font-size:14px;font-family:'Open Sans', sans-serif;-webkit-font-smoothing:antialiased}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{position:relative;width:100%;box-sizing:border-box;padding-bottom:66px;background-color:#ffffff;font-family:'Nunito', sans-serif}@media screen and (max-width: 768px){body{padding-bottom:98px}}a{color:#08b3f2;text-decoration:none}a:hover{text-decoration:underline}button{margin-left:5px;color:#08b3f2;cursor:pointer}button:hover{text-decoration:underline}input,button{margin:0;padding:0;outline:none;border:0;font-family:'Open Sans', sans-serif;font-size:14px}strong{font-weight:bold}.hidden{overflow:hidden}.label{margin-top:15px;margin-bottom:7px;font-weight:bold}.description{color:#8197a2;line-height:24px}.break-all{word-break:break-all}.separator{width:1px;height:51px;background-color:#e4e4e4}@media screen and (max-width: 768px){.separator{display:none}}.datablock-container{height:60px;display:flex;justify-content:space-evenly;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.datablock-container{align-items:normal}}.datablock-container .datablock-value{font-size:30px;font-weight:bold;color:#5c34a2}.datablock-container .datablock-type{font-size:18px;color:#5c34a2;margin-left:10px}.datablock-container .datablock-description{font-size:14px;color:#333333}.app-container{position:relative;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 414px){.mobile-menu-open{position:absolute;z-index:1000000;height:100%;width:100%;background-color:rgba(78,44,137,0.9)}}.only-mobile{display:none}@media screen and (max-width: 768px){.only-mobile{display:inherit}}.bridge-container{position:relative;width:100%;margin-left:auto;margin-right:auto;height:80vh;display:flex;align-items:center}@media screen and (max-width: 768px){.bridge-container{height:512px}}.bridge{width:100%;display:flex;flex-direction:column;overflow:hidden}.bridge .bridge-home{width:960px;height:80px;display:flex;background-image:linear-gradient(to right, #5c34a2, #7b5ab2);align-self:center}@media screen and (max-width: 768px){.bridge .bridge-home{display:none}}.bridge .bridge-home .bridge-home-container{width:9%;min-width:60px;background-color:#ffffff}.bridge .bridge-home .bridge-home-container .home-logo-container{height:100%;border-radius:10px;border-bottom-right-radius:0;background-color:#5c34a2;display:flex;justify-content:center;align-items:center}.bridge .bridge-home .bridge-home-container .home-logo-container .home-logo{width:52px;height:16px}.bridge .bridge-home .bridge-home-container .home-logo-container .foreign-logo{width:54px;height:11px}.bridge .bridge-home .home-address-container{width:92%;border-bottom-left-radius:10px;background-color:#ffffff;display:flex;align-items:center}.bridge .bridge-home .home-address-container .icon-wallet{padding:20px}.bridge .bridge-foreign{width:960px;height:80px;display:flex;background-image:linear-gradient(to right, #5c34a2, #7b5ab2);align-self:center}@media screen and (max-width: 768px){.bridge .bridge-foreign{display:none}}.bridge .bridge-foreign .bridge-foreign-container{width:9%;min-width:60px;background-color:#ffffff}.bridge .bridge-foreign .bridge-foreign-container .foreign-logo-container{height:100%;border-radius:10px;border-top-left-radius:0;background-color:#7b5ab2;display:flex;justify-content:center;align-items:center}.bridge .bridge-foreign .bridge-foreign-container .foreign-logo-container .foreign-logo{width:54px;height:11px}.bridge .bridge-foreign .bridge-foreign-container .foreign-logo-container .home-logo{width:52px;height:16px}.bridge .bridge-foreign .foreign-address-container{width:92%;border-top-right-radius:10px;background-color:#ffffff;display:flex;justify-content:flex-end;align-items:center;text-align:right}.bridge .bridge-foreign .foreign-address-container .icon-wallet{padding:20px}.bridge .address-label{font-size:12px;color:#5c34a2}.bridge .address-description{font-size:16px;font-weight:bold;color:#5c34a2}@media screen and (max-width: 768px){.bridge .address-description{font-size:9px}}.bridge .bridge-transfer{height:276px;display:flex;justify-content:center}@media screen and (max-width: 768px){.bridge .bridge-transfer{height:389px}}.bridge .bridge-transfer .left-image-wrapper{background-color:#5c34a2}.bridge .bridge-transfer .left-image-wrapper .left-image{max-width:238px;height:271px;padding-top:5px;padding-right:5px;background-color:#ffffff;border-top-right-radius:10px}@media screen and (max-width: 768px){.bridge .bridge-transfer .left-image-wrapper .left-image{display:none}}.bridge .bridge-transfer .right-image-wrapper{background-color:#7b5ab2}.bridge .bridge-transfer .right-image-wrapper .right-image{max-width:238px;height:271px;padding-bottom:5px;padding-left:5px;background-color:#ffffff;border-bottom-left-radius:10px}@media screen and (max-width: 768px){.bridge .bridge-transfer .right-image-wrapper .right-image{display:none}}.bridge .bridge-transfer .bridge-transfer-content{width:880px;background-image:linear-gradient(to right, #5c34a2, #7b5ab2);border-top-right-radius:10px;border-bottom-left-radius:10px;flex-shrink:0;display:flex;flex-wrap:wrap}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content{max-width:92%;flex-direction:column;border-radius:8px}}.bridge .bridge-transfer .bridge-transfer-content .bridge-transfer-content-background{width:880px;flex-shrink:0;display:flex;flex-wrap:wrap}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .bridge-transfer-content-background{width:auto;flex-direction:column;background-image:url("../images/arrows-down@2x.png");background-position:center;background-repeat:no-repeat;background-size:164px 203px}}.bridge .bridge-transfer .bridge-transfer-content .network-container-home{width:22%;height:136px;display:flex;justify-content:space-evenly;flex-direction:column;padding:70px 1% 70px 5%;align-items:flex-start}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .network-container-home{width:auto;align-self:center;height:136px;padding:5px 0 5px 0;align-items:center}}.bridge .bridge-transfer .bridge-transfer-content .network-container-foreign{width:22%;height:136px;display:flex;justify-content:space-evenly;flex-direction:column;padding:70px 5% 70px 1%;align-items:flex-end}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .network-container-foreign{width:auto;align-self:center;height:136px;padding:5px 0 5px 0;align-items:center}}.bridge .bridge-transfer .bridge-transfer-content .bridge-network-data{display:flex;align-items:center;cursor:pointer}.bridge .bridge-transfer .bridge-transfer-content .network-basic-label{font-size:13px;color:#ffffff}.bridge .bridge-transfer .bridge-transfer-content .network-name{padding-left:5px;font-size:24px;color:#ffffff}.bridge .bridge-transfer .bridge-transfer-content .network-title{font-size:24px;font-weight:bold;color:#ffffff}.bridge .bridge-transfer .bridge-transfer-content .network-id{font-size:14px;color:#ffffff;font-weight:bold;line-height:26px}.bridge .bridge-transfer .bridge-transfer-content .network-id-container{width:32px;height:26px;border-radius:3px;background-color:#60db97;text-align:center;margin-left:10px}.bridge .bridge-transfer .bridge-transfer-content .network-balance{font-size:13px;font-weight:bold;color:#60db97}.bridge .bridge-transfer .bridge-transfer-content .network-show-more{font-size:14px;font-weight:bold;color:#60db97}.bridge .bridge-transfer .bridge-transfer-content .info-icon-left{margin-right:10px}.bridge .bridge-transfer .bridge-transfer-content .info-icon-right{margin-left:10px}.bridge .bridge-transfer .bridge-transfer-content .transfer-right{background-image:url("../images/arrows-1.svg");background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .transfer-right{background-image:none}}.bridge .bridge-transfer .bridge-transfer-content .transfer-left{background-image:url("../images/arrows-2.svg");background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .transfer-left{background-image:none}}.bridge .bridge-transfer .bridge-transfer-content .form-container{width:44%;max-width:384px;height:276px}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container{width:100%;height:97px;align-self:center}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form{height:276px;display:flex;flex-direction:column;justify-content:space-evenly}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form{width:100%;height:auto}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-controls{padding:8px 8px 8px 0;border-radius:5px;background-color:rgba(251,251,252,0.2)}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-controls{flex-direction:column;padding:8px 8px 8px 8px;background-color:unset}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form .bridge-form-input-container{display:flex;justify-content:space-between;width:292px}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form .bridge-form-input-container{background-color:rgba(251,251,252,0.2);border-radius:3px 3px 0 0;width:100%}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-input{width:165px;height:48px;padding-left:16px;background-color:transparent;color:#ffffff;font-size:24px;font-weight:bold}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-input::placeholder{font-size:24px;font-weight:bold;color:rgba(255,255,255,0.7)}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-input::placeholder{font-size:18px}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-input::placeholder{opacity:0.3}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-input{font-size:18px}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-label{margin:0 10px;color:#ffffff;font-weight:bold;text-transform:uppercase;font-size:24px;line-height:48px}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-label{font-size:18px}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-button{flex-shrink:0;text-decoration:none;display:block;width:92px;height:48px;border-radius:3px;background-color:#60db97;color:#ffffff;font-weight:bold}@media screen and (max-width: 768px){.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-button{width:100%;border-radius:0 0 3px 3px}}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form-button:hover{opacity:0.8}.bridge .bridge-transfer .bridge-transfer-content .form-container .bridge-form .bridge-transfer-direction{font-size:14px;color:#ffffff}.bridge .bridge-statistics-container{align-self:center;margin-top:60px}@media screen and (max-height: 720px){.bridge .bridge-statistics-container{margin-top:30px}}.bridge .network-details{display:flex;flex-direction:column;min-width:558px}@media screen and (max-width: 768px){.bridge .network-details{min-width:100%}}.bridge .network-details .details-logo-container{width:85px;height:80px;border-radius:10px;border-bottom-right-radius:0;background-color:#ffffff;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.bridge .network-details .details-logo-container{display:none}}.bridge .network-details .details-logo-container .home-logo{width:52px;height:16px}.bridge .network-details .details-logo-container .foreign-logo{width:54px;height:11px}.bridge .network-details .details-logo-container:after{content:"";position:absolute;height:10px;width:20px;bottom:0}@media screen and (max-width: 768px){.bridge .network-details .details-logo-container:after{display:none}}.bridge .network-details .details-logo-container:after{right:453px;top:70px;border-radius:0 0 0 10px;box-shadow:-10px 0 0 0 #fff}@media screen and (max-width: 768px){.bridge .network-details .details-logo-container:after{display:none}}.bridge .network-details .details-body{width:440px;height:254px;background-color:#ffffff;align-self:flex-end;border-radius:0 10px 10px 10px;padding:38px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.bridge .network-details .details-body{width:85%;height:430px;padding:20px 15px 20px 15px;align-self:center;border-radius:10px 10px 10px 10px}}@media screen and (max-width: 768px) and (min-width: 415px){.bridge .network-details .details-body{height:300px}}@media screen and (max-width: 768px) and (min-width: 415px) and (max-width: 600px){.bridge .network-details .details-body{height:250px}}.bridge .network-details .details-body .details-data-container{display:flex;justify-content:space-between}@media screen and (max-width: 768px){.bridge .network-details .details-body .details-data-container{flex-direction:column}}.bridge .network-details .details-body .details-data-container .details-label{font-size:14px;color:#777777}.bridge .network-details .details-body .details-data-container .details-description{font-size:14px;color:#5c34a2}.bridge .network-details .details-body .details-data-container .details-description-black{font-size:14px;color:#333333}.bridge .network-details .details-body .details-data-container .info-icon-right{margin-left:10px}.bridge .network-details .details-body .details-data-container .details-copy{cursor:pointer}.bridge .network-details .details-body:before{content:"";position:absolute;height:10px;width:20px;bottom:0}@media screen and (max-width: 768px){.bridge .network-details .details-body:before{display:none}}.bridge .network-details .details-body:before{left:22px;top:80px;border-radius:0 10px 0 0;box-shadow:10px 0 0 0 #fff}@media screen and (max-width: 768px){.bridge .network-details .details-body:before{display:none}}.bridge .transfer-alert{display:flex;width:600px;height:265px;border-radius:8px;background-color:#ffffff}@media screen and (max-width: 768px){.bridge .transfer-alert{flex-direction:column;width:100%;height:auto}}.bridge .transfer-alert .image-container{width:166px}@media screen and (max-width: 768px){.bridge .transfer-alert .image-container{width:100%}}.bridge .transfer-alert .image-container .arrows-icon{width:124px;height:128px;margin-top:39px;margin-left:42px}.bridge .transfer-alert .alert-container{display:flex;flex-direction:column;justify-content:space-around;width:374px;padding-top:40px;padding-bottom:40px;padding-right:60px}@media screen and (max-width: 768px){.bridge .transfer-alert .alert-container{width:100%;padding-left:5px;padding-top:0}}.bridge .transfer-alert .alert-container .alert-corner{width:10px;height:12px}.bridge .transfer-alert .alert-container .transfer-title{display:flex;justify-content:space-around;align-items:center;color:#5c34a2;font-size:14px}.bridge .transfer-alert .alert-container .transfer-title .alert-logo-box{width:50px;height:50px;border-radius:4px;background-color:#5c34a2;display:flex;align-items:center;justify-content:center}.bridge .transfer-alert .alert-container .transfer-title .icon_arrow_right{width:14px;height:10px;border-radius:1px}.bridge .transfer-alert .alert-container .transfer-description{line-height:1.71;font-size:14px;color:#5c34a2;padding-top:10px;padding-bottom:10px}.bridge .transfer-alert .alert-container .transfer-buttons .transfer-confirm{width:91px;height:40px;color:#ffffff;font-size:15px;font-weight:bold;border-radius:3px;background-color:#60db97;text-decoration:none}.bridge .transfer-alert .alert-container .transfer-buttons .transfer-cancel{width:76px;height:40px;border-radius:3px;color:#5c34a2;font-size:15px;font-weight:bold;background-color:#ffffff;border:solid 1px #5c34a2;text-decoration:none;margin-left:20px}.noWallet-alert{display:flex;width:540px;height:380px;border-radius:10px 8px 8px 10px;background-color:#ffffff}@media screen and (max-width: 360px){.noWallet-alert{padding-top:60px}}@media screen and (max-width: 768px){.noWallet-alert{flex-direction:column;width:92%;height:auto;margin-left:4%}}.noWallet-alert .noWallet-image-container{width:150px;background-image:linear-gradient(to right, #7258b0, #5231a0);border-radius:8px 0 0 8px}@media screen and (max-width: 768px){.noWallet-alert .noWallet-image-container{display:none}}.noWallet-alert .noWallet-image-container .noWallet-icon{width:150px;margin-top:0}.noWallet-alert .noWallet-alert-container{display:flex;flex-direction:column;justify-content:space-around;width:389px;padding:24px 30px}@media screen and (max-width: 768px){.noWallet-alert .noWallet-alert-container{padding:10px 0;width:88%;align-self:center}}.noWallet-alert .noWallet-alert-container .noWallet-title{font-size:44px;color:#5c34a2;line-height:1}@media screen and (max-width: 768px){.noWallet-alert .noWallet-alert-container .noWallet-title{font-size:30px;padding-top:2%;padding-bottom:2%}}.noWallet-alert .noWallet-alert-container .noWallet-description{font-size:14px;color:#666666;padding-top:10px;padding-bottom:10px;line-height:1.71}@media screen and (max-width: 768px){.noWallet-alert .noWallet-alert-container .noWallet-description{padding-left:1%;padding-right:1%}}.noWallet-alert .noWallet-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;align-content:space-around;height:100%}@media screen and (max-width: 360px){.noWallet-alert .noWallet-buttons{flex-direction:column}}.noWallet-alert .noWallet-buttons .noWallet-metamask{width:96px;line-height:36px;text-align:center;border-radius:3px;color:#ffffff;background-color:#ffaa07}@media screen and (max-width: 360px){.noWallet-alert .noWallet-buttons .noWallet-metamask{width:100%}}.noWallet-alert .noWallet-buttons .noWallet-niftyWallet{width:106px;line-height:36px;text-align:center;border-radius:3px;color:#ffffff;background-color:#5c34a2}@media screen and (max-width: 360px){.noWallet-alert .noWallet-buttons .noWallet-niftyWallet{width:100%;margin:10px 0}}.noWallet-alert .noWallet-buttons .noWallet-cancel{width:72px;height:36px;border-radius:3px;border:1px solid #5c34a2;color:#5c34a2;background-color:#ffffff}@media screen and (max-width: 360px){.noWallet-alert .noWallet-buttons .noWallet-cancel{width:100%}}.disclaimer-alert{display:flex;width:600px;height:518px;border-radius:8px;background-color:#ffffff;padding:30px 0}@media screen and (max-width: 360px){.disclaimer-alert{padding-top:60px}}@media screen and (max-width: 768px){.disclaimer-alert{flex-direction:column;width:92%;height:auto;margin-left:4%}}.disclaimer-alert .image-container{width:164px}@media screen and (max-width: 768px){.disclaimer-alert .image-container{display:none}}.disclaimer-alert .image-container .disclaimer-icon{width:117px;height:173px;margin-top:44px;margin-left:25px}.disclaimer-alert .alert-container{display:flex;flex-direction:column;justify-content:space-around;width:389px;padding-top:40px;padding-bottom:40px;padding-right:46px}@media screen and (max-width: 768px){.disclaimer-alert .alert-container{padding:10px 0;width:88%;align-self:center}}.disclaimer-alert .alert-container .alert-corner{width:10px;height:12px}.disclaimer-alert .alert-container .disclaimer-title{font-size:44px;color:#5c34a2;line-height:1}@media screen and (max-width: 768px){.disclaimer-alert .alert-container .disclaimer-title{font-size:30px;padding-top:2%;padding-bottom:2%}}.disclaimer-alert .alert-container .disclaimer-description{font-size:14px;color:#666666;padding-top:10px;padding-bottom:10px;line-height:1.71}@media screen and (max-width: 768px){.disclaimer-alert .alert-container .disclaimer-description{padding-left:1%;padding-right:1%}}.disclaimer-alert .alert-container .disclaimer-tos{padding-left:5px;color:#333333}.disclaimer-alert .alert-container .disclaimer-link{color:#5c34a2}.disclaimer-alert .alert-container .disclaimer-buttons .disclaimer-confirm{width:91px;height:40px;color:#ffffff;font-size:15px;font-weight:bold;border-radius:3px;background-color:#60db97;text-decoration:none}.disclaimer-alert .alert-container .disclaimer-buttons .disclaimer-confirm-disabled{width:91px;height:40px;color:#ffffff;font-size:15px;font-weight:bold;border-radius:3px;background-color:#808080;text-decoration:none;opacity:0}.header{width:100%;background-color:#5c34a2;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:9999}.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width: 414px){.header .container{width:93%;padding:22px 0}}@media screen and (max-width: 768px){.header .container{padding:22px 0}}.header-logo{display:block;width:162px;height:26px}.header .links_container{display:flex;justify-content:space-between;align-items:center;max-width:700px}@media screen and (max-width: 414px){.header .links_container{display:none}}@media screen and (max-width: 768px){.header .links_container{justify-content:flex-end;width:auto}}.header .links_container_mobile{display:none}@media screen and (max-width: 414px){.header .links_container_mobile{display:flex;align-items:center;flex-direction:column;height:100%;justify-content:space-evenly}}.header .link{margin:0 15px;line-height:16px;text-decoration:none;font-weight:bold;color:#ffffff}@media screen and (max-width: 414px){.header .link{margin-left:0}}.header .link_text{margin-left:10px}.header .icon_events{width:18px;height:16px;background-image:url(../images/icons/icon-events.svg);float:left}.header .icon_status{width:18px;height:18px;background-image:url(../images/icons/icon-status.svg);float:left}.header .icon_statistics{width:18px;height:18px;background-image:url(../images/icons/icon-statistics.svg);float:left}.header .mobile-menu{display:none}@media screen and (max-width: 414px){.header .mobile-menu{display:block}}.header .mobile-menu .mobile-menu-icon{width:18px;height:14px}.header .mobile-menu .mobile-menu-open-icon{width:18px;height:18px}@media screen and (max-width: 414px){.header .header-mobile-menu-container{height:172px;background-color:#45277a}}.header .header-wallet{width:220px;height:70px;background-color:#502d8d;display:flex;flex-direction:column;justify-content:space-evenly}@media screen and (max-width: 768px){.header .header-wallet{display:none}}.header .header-wallet .wallet-container{padding-left:20px;display:flex}.header .header-wallet .wallet-container .wallet-icon{width:18px;height:18px;margin-right:10px}.header .header-wallet .wallet-container .wallet-text{font-size:14px;font-weight:bold;line-height:18px;color:#ffffff}.header .header-wallet .wallet-container .wallet-link{cursor:pointer}.header .header-wallet .wallet-container .wallet-text-metamask{color:#60db97}.header .header-wallet .daily-quota-container{margin-left:20px;width:180px;height:6px;border-radius:3px;background-color:#45277a}.header .header-wallet .daily-quota-container .daily-quota-progress{height:6px;border-radius:3px;background-color:#60db97}@media screen and (max-width: 768px){.header .daily-quota-modal-container{display:none}}.header .daily-quota-modal-container .daily-quota-modal-arrow{content:" ";position:absolute;top:-10px;border-top:none;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid black;z-index:9999}.header .daily-quota-modal-container .daily-quota-modal{width:219px;height:102px;border-radius:3px;box-shadow:0 16px 20px 0 rgba(0,0,0,0.05);background-color:#ffffff;border:solid 1px #e4e4e9;position:fixed;z-index:999}.header .daily-quota-modal-container .daily-quota-modal .modal-container{display:flex;flex-direction:column;padding:15px;justify-content:space-between;height:72px}.header .daily-quota-modal-container .daily-quota-modal .modal-container .daily-quota-title{font-size:14px;font-weight:bold;text-align:left;color:#5c34a2}.header .daily-quota-modal-container .daily-quota-modal .modal-container .daily-quota-description{width:172px;height:45px;font-size:12px;text-align:left;color:#333333}.header .daily-quota-modal-container .daily-quota-modal:after{content:" ";position:absolute;right:105px;top:-6px;border-top:none;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #e4e4e9}.footer{position:absolute;bottom:0;padding:18px 0;background-color:#5c34a2}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width: 768px){.footer .container{flex-direction:column}}.footer .socials{order:2}@media screen and (max-width: 768px){.footer .socials{order:1;margin-top:15px}}.footer-logo{display:block;background-image:url(../images/logos/logo-poa-bottom.png);order:0;left:0;width:126px;height:18px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.footer-logo{background-image:url("../images/logos/logo-poa-bottom@2x.png");background-size:126px 18px}}.footer-rights{order:1;color:#fff;text-align:center;font-size:12px}@media screen and (max-width: 768px){.footer-rights{order:2;width:100%;margin-top:15px;line-height:normal}}.socials{font-size:0}.socials-item:not(:first-child){margin-left:10px}.socials-i{transition:0.3s background-color;position:relative;display:inline-block;vertical-align:top;width:30px;height:30px;border-radius:3px;background-color:#ffffff}.socials-i:not(:first-child){margin-left:10px}.socials-i:hover{background-color:rgba(255,255,255,0.4)}.socials-i:before{transform:translate(-50%, -50%);position:absolute;left:50%;top:50%}.socials-i_github:before{content:'';background-image:url(../images/socials/git.png);width:16px;height:16px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_github:before{background-image:url("../images/socials/git@2x.png");background-size:16px 16px}}.socials-i_telegram:before{background-image:url(../images/socials/telegram.png);content:'';width:16px;height:14px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_telegram:before{background-image:url("../images/socials/telegram@2x.png");background-size:16px 14px}}.socials-i_twitter:before{background-image:url(../images/socials/tw.png);content:'';width:15px;height:12px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_twitter:before{background-image:url("../images/socials/tw@2x.png");background-size:15px 12px}}.events-page{display:flex;justify-content:center;padding-top:40px}.events-page .events-container{width:960px}.events-page .events-container .events-header{display:flex;justify-content:space-between}@media screen and (max-width: 414px){.events-page .events-container .events-header{flex-direction:column}}.events-page .events-container .events-header .events-header-title{font-size:24px;color:#333333;line-height:38px}.events-page .events-container .events-header .events-filter-container{width:400px;height:38px;border-radius:3px;background-color:#ffffff;border:solid 1px #dadada;display:flex}@media screen and (max-width: 768px){.events-page .events-container .events-header .events-filter-container{width:auto}}.events-page .events-container .events-header .events-filter-container .events-filter{padding-left:10px;width:205px;line-height:38px;color:#333333;font-size:14px}@media screen and (max-width: 330px){.events-page .events-container .events-header .events-filter-container .events-filter{width:180px}}.events-page .events-container .events-header .events-filter-container .events-filter::placeholder{color:#b2b2b2}.events-page .events-container .events-header .events-filter-container .events-filter-icon{align-self:center;display:inline-block;width:16px;height:16px;margin-right:10px;margin-left:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA0lBMVEWAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6McEf5GAAAARXRSTlMAAQIDBQYHDA0bHB8gISQmJyg+P0BGR0lMU1RVWFlcXV5iY2tsdXZ4iYqLo6Spqqusra7Cw8TFysvM29zm5+jr8vP4+fzSh6raAAABM0lEQVR4AYWTeVeCQBTFr6AtuaTYkpUVlqZm0JIaLhjBfP+v1NxDyDCcA7+/3nLPecu8QULFGs/9MPTnE6uCPIa9EntWtgGN5lJkWDaR4WwnNHYWFM5DxsLXfqN22Ok7sXeR5ts/jHy0Er/1Tj9oJ77J+tEICqOIfZiIsalnXlUwNvifn/O50HA5bQWky45OoHHMTrsgY2nNkONFhscgX9K6Ro6eDH+C+NKqI0ddhn0QFjtAjhpb2wuOigQscVpQorzJScGYRYv65aLSVTvQcLhqI7YHQjJEhqHyWDC/+dxPUHjkc3tm4nYC6t/Sg3GFdgGX8ZHNeo1qtdGb0ZNEd4oiEBq6ouNlc95zRMW9+nHWaXptG3jQFTCs6YJfbzG1OL+m0EkVt2WKLUoUGxRxs91c/QFA1F3oKOgExAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center center;background-size:16px 16px}.events-page .events-container .events-header .events-filter-container .events-select{width:154px;height:38px;line-height:38px;font-size:14px;text-align:left;color:#333333;border:solid 1px white;border-left:solid 1px #dadada;background-color:#ffffff}@media screen and (max-width: 768px){.events-page .events-container .events-header .events-filter-container .events-select{width:auto}}.events-page .events-container .events-columns{display:flex;justify-content:space-between;margin-top:38px}.events-page .events-container .events-columns .column-title{font-size:14px;font-weight:bold;text-align:left;color:#333333}@media screen and (max-width: 768px){.events-page .events-container .events-columns{display:none}}.events-page .events-container .events-header-separator{width:100%;height:3px;background-color:#e4e4e4;margin-top:20px}.events-page .events-container .txhash-column{width:375px}@media screen and (max-width: 768px){.events-page .events-container .txhash-column{width:300px}}.events-page .events-container .recipient-column{width:300px}.events-page .events-container .value-column{width:150px}.events-page .events-container .block-column{text-align:right;width:100px}.events-page .events-container .event{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;line-height:26px}@media screen and (max-width: 768px){.events-page .events-container .event{flex-direction:column}}.events-page .events-container .event-tx-container{line-height:26px}@media screen and (max-width: 768px){.events-page .events-container .event-tx-container{display:flex;flex-direction:column}}.events-page .events-container .event-tx-container .event-name{width:66px;height:26px;line-height:26px;border-radius:3px;font-size:14px;font-weight:bold;text-align:left;color:#ffffff;padding:5px;margin-right:5px}@media screen and (max-width: 768px){.events-page .events-container .event-tx-container .event-name{width:fit-content}}.events-page .events-container .event-tx-container .event-txhash{font-size:14px;text-align:left;color:#5c34a2;text-decoration:none}.events-page .events-container .event-tx-container .event-copy-tx{cursor:pointer;margin-left:10px}.events-page .events-container .event-recipient{font-size:14px;text-align:left;color:#5c34a2;text-decoration:none}.events-page .events-container .event-recipient-label{color:#333333}.events-page .events-container .event-value{font-size:14px;text-align:left;color:#333333}.events-page .events-container .event-block{font-size:14px;text-align:right;color:#333333}@media screen and (max-width: 768px){.events-page .events-container .event-block{text-align:left}}.events-page .events-container .event-separator{width:100%;height:1px;background-color:#e4e4e4}.green{color:#21b969}.red{color:#ff124f}.purple{color:#642f9c}.blue{color:#3ab9fe}.background-green{background-color:#60dc97}.background-red{background-color:#f13662}.background-purple{background-color:#642f9c}.background-blue{background-color:#3ab9fe}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.loading{width:234px;height:50px}.loading-container{position:fixed;z-index:1000000;left:0;right:0;top:0;bottom:0;background-color:rgba(78,44,137,0.9);display:flex;justify-content:center;align-items:center}.loading-i{width:2px;height:50px;border-radius:1px;background-color:#60db97;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;opacity:.2}.loading-i:nth-child(2){animation-delay:.1s}.loading-text{text-align:center;width:500px;font-size:24px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:3;letter-spacing:normal;color:#ffffff}@media screen and (max-width: 414px){.loading-text{font-size:18px}}@media screen and (max-width: 414px){.mobile-container{flex-direction:column}}.network-modal{display:flex;justify-content:center;align-items:center;overflow-y:scroll}.network-modal .modal{min-width:558px;border-radius:10px;position:relative;min-height:410px}@media screen and (max-width: 768px){.network-modal .modal{top:30px}}@media screen and (max-width: 600px){.network-modal .modal{top:60px}}@media screen and (max-width: 414px){.network-modal .modal{min-width:100%;top:0}}.network-modal .modal .title{margin-bottom:20px;text-transform:uppercase;font-size:24px;font-weight:bold}.network-modal .modal .description{margin-bottom:25px;color:#8197a2;line-height:24px;font-size:13px}.network-modal .modal .close-button{position:absolute;top:40px;right:-40px;z-index:400000;padding:15px}.network-modal .modal .close-button i.icon:before{content:url("../images/icons/close.svg")}.network-modal .modal .close-button:hover{cursor:pointer}@media screen and (max-width: 600px){.network-modal .modal .close-button{right:-10px}}@media screen and (max-width: 414px){.network-modal .modal .close-button{top:-40px;right:0}}.status-page{display:flex;justify-content:center}.status-page .status-page-container{width:70%;display:flex;flex-direction:column}@media screen and (max-width: 768px){.status-page .status-page-container{width:90%}}.status-page .status-page-container .status-title{font-size:24px;line-height:3;text-align:left;color:#333333}.status-page .status-page-container .status-configuration-container{display:flex;flex-direction:column;padding-top:30px}.status-page .status-page-container .status-configuration-container .status-configuration-data{display:flex;justify-content:space-evenly}@media screen and (max-width: 768px){.status-page .status-page-container .status-configuration-container .status-configuration-data{flex-direction:column}}.status-page .status-page-container .status-authorities-container{display:flex;flex-direction:column;margin-top:80px}.status-page .status-page-container .status-authorities-container .status-authorities-title{padding-bottom:30px}.status-page .status-page-container .status-authorities-container .status-authorities-data{display:flex;flex-direction:column}.status-page .status-page-container .status-authorities-container .status-authorities-data .authority{display:flex;padding-bottom:20px}.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-number{font-size:30px;font-weight:bold;line-height:59px;text-align:left;color:#5c34a2;padding-right:20px}@media screen and (max-width: 768px){.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-number{padding-right:5px}}.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-logo{padding-left:20px;width:59px;height:59px}@media screen and (max-width: 768px){.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-logo{display:none}}.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-address{font-size:16px;font-weight:bold;line-height:59px;text-align:left;color:#333333;padding-left:20px}@media screen and (max-width: 768px){.status-page .status-page-container .status-authorities-container .status-authorities-data .authority .authority-address{font-size:12px;padding-left:0}}.status-page .status-left-container{width:15%;padding-top:25px}@media screen and (max-width: 414px){.status-page .status-left-container{display:none}}.status-page .status-right-container{width:15%;padding-top:25px;overflow:hidden}@media screen and (max-width: 414px){.status-page .status-right-container{display:none}}.statistics-page{display:flex;justify-content:center}.statistics-page .statistics-page-container{width:70%;display:flex;flex-direction:column}@media screen and (max-width: 768px){.statistics-page .statistics-page-container{width:90%}}.statistics-page .statistics-page-container .statistics-title{font-size:24px;line-height:3;text-align:left;color:#333333}.statistics-page .statistics-page-container .statistics-bridge-container{display:flex;flex-direction:column;padding-top:30px}.statistics-page .statistics-page-container .statistics-bridge-container .statistics-bridge-data{display:flex;justify-content:space-evenly}@media screen and (max-width: 768px){.statistics-page .statistics-page-container .statistics-bridge-container .statistics-bridge-data{flex-direction:column}}.statistics-page .statistics-page-container .statistics-transaction-container{display:flex;justify-content:space-between;padding-top:90px}.statistics-page .statistics-page-container .statistics-transaction-container .statistics-deposit-container{width:40%}.statistics-page .statistics-page-container .statistics-transaction-container .statistics-withdraw-container{width:40%;margin-bottom:80px}.statistics-page .statistics-page-container .statistics-transaction-container .statistics-bridge-data{display:flex;justify-content:space-evenly}@media screen and (max-width: 768px){.statistics-page .statistics-page-container .statistics-transaction-container .statistics-bridge-data{flex-direction:column}}.statistics-page .statistics-left-container{width:15%;padding-top:25px}@media screen and (max-width: 414px){.statistics-page .statistics-left-container{display:none}}.statistics-page .statistics-right-container{width:15%;padding-top:25px;overflow:hidden}@media screen and (max-width: 414px){.statistics-page .statistics-right-container{display:none}}