diff --git a/src/assets/stylesheets/components/_BallotInfoContainer.scss b/src/assets/stylesheets/components/_BallotInfoContainer.scss index 8d84ed0..1f0678c 100644 --- a/src/assets/stylesheets/components/_BallotInfoContainer.scss +++ b/src/assets/stylesheets/components/_BallotInfoContainer.scss @@ -7,6 +7,7 @@ padding-left: #{ $desktop-indent }; padding-right: #{ $desktop-indent }; padding-top: #{ $desktop-indent }; + @media screen and (max-width: $breakpoint-md) { margin-left: -#{ $tablet-indent }; margin-right: -#{ $tablet-indent }; @@ -49,4 +50,15 @@ height: 90px; overflow: hidden; } +} + +.bc-BallotInfoContainer_ToggleShow { + color: $poa-purple; + cursor: pointer; + display: inline-block; + margin-left: 5px; + + .sokol & { + color: $sokol-cyan; + } } \ No newline at end of file diff --git a/src/assets/stylesheets/components/_ToggleShow.scss b/src/assets/stylesheets/components/_ToggleShow.scss deleted file mode 100644 index 2de647a..0000000 --- a/src/assets/stylesheets/components/_ToggleShow.scss +++ /dev/null @@ -1,10 +0,0 @@ -.tg-ToggleShow { - color: $poa-purple; - cursor: pointer; - display: inline-block; - margin-left: 5px; - - .sokol & { - color: $sokol-cyan; - } -} \ No newline at end of file diff --git a/src/assets/stylesheets/components/_index.scss b/src/assets/stylesheets/components/_index.scss index 2461a16..82ac36e 100644 --- a/src/assets/stylesheets/components/_index.scss +++ b/src/assets/stylesheets/components/_index.scss @@ -25,5 +25,4 @@ @import "MobileMenuLinks"; @import "NavigationLinks"; @import "SearchBar"; -@import "SocialIcons"; -@import "ToggleShow"; \ No newline at end of file +@import "SocialIcons"; \ No newline at end of file diff --git a/src/assets/stylesheets/index.css b/src/assets/stylesheets/index.css index b2d7582..33fc0fc 100644 --- a/src/assets/stylesheets/index.css +++ b/src/assets/stylesheets/index.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700");.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-italic{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.new-form{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}@media screen and (max-width: 768px){.new-form{margin-bottom:15px;padding:15px}}input,textarea,select{transition:0.3s background-color, 0.3s border-color;background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#444;font-size:14px;height:40px;outline:none;padding:0 10px;width:100%}input:hover,textarea:hover,select:hover{border-color:#8e959d;color:#202d3c}input:focus,textarea:focus,select:focus{border-color:#5c34a2;color:#202d3c}.sokol input:focus,.sokol textarea:focus,.sokol select:focus{border-color:#6ac9b9}button,.ballots-footer-finalize{cursor:pointer;display:inline-block;transition:0.3s opacity;box-sizing:border-box;border:0;outline:none;padding:0 15px;text-transform:uppercase;line-height:36px;font-size:13px;font-weight:bold}button:hover,.ballots-footer-finalize:hover{opacity:0.9;text-decoration:none}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none !important}.Select input::-ms-clear{display:none !important}.Select input::-ms-reveal{display:none !important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#cbcbcb #e4e4e4 #f1f1f1}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#5c34a2 #673ab5 #673ab5;box-shadow:none}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:44px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#8e959d;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-collapse:separate;border-color:#f1f1f1 #e4e4e4 #cbcbcb;border-radius:3px;border-spacing:0;border:1px solid #e4e4e4;color:#333;cursor:default;display:table;height:40px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:none}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{bottom:0;color:#333;left:0;line-height:38px;padding-left:15px;padding-right:15px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:38px;padding-left:15px;padding-right:15px;vertical-align:middle}.Select-input>input{background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:10px 0 14px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin 400ms infinite linear;-o-animation:Select-animation-spin 400ms infinite linear;animation:Select-animation-spin 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #e4e4e4;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn 200ms;-o-animation:Select-animation-fadeIn 200ms;animation:Select-animation-fadeIn 200ms;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:19px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:20px;line-height:1}.Select--multi .Select-clear-zone{width:19px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0, 0, 0, 0);overflow:hidden;float:left}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;border:1px solid #e4e4e4;border-top-color:#f2f2f2;box-shadow:none;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 15px}.Select-option:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.Select-option.is-selected{background-color:#f5faff;color:#333}.Select-option.is-focused{background-color:#f2f9fc;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 15px}.Select--multi .Select-input{vertical-align:middle;margin-left:15px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:15px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#f2f9fc;border-radius:3px;border:1px solid #e5eef9;color:#08c;display:inline-block;font-size:.9em;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#08c;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:3px;border-top-left-radius:3px;border-right:1px solid #e5eef9;padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#ddeff7;color:#0077b3}.Select--multi .Select-value-icon:active{background-color:#e5eef9}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #e5eef9}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}*{box-sizing:border-box}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}.hidden{display:none}.display-block{display:block}.display-inline{display:inline}.background-blur{animation-duration:0.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:sw-ModalAnimation_in;animation-timing-function:linear}@keyframes sw-ModalAnimation_in{0%{filter:blur(0)}100%{filter:blur(2px)}}textarea{border-radius:3px;box-shadow:none;outline:none;overflow:auto;width:100%}body{-webkit-font-smoothing:antialiased;color:#333;font-family:"Nunito", sans-serif;font-size:14px}html,body,#root,html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:100%}.clearfix::after{content:"";clear:both;display:table}.lo-App{align-items:center;display:flex;flex-direction:column;height:100%;padding-top:120px;width:100%}.lo-App_Content{flex-grow:1;max-width:100%;padding-bottom:30px;position:relative;z-index:1}.lo-App_Content:before{background-color:rgba(92,52,162,0.5);bottom:0;content:'';display:none;left:0;position:fixed;right:0;top:0;z-index:1234}.lo-App_Content.lo-App_Content-mobile-menu-open:before{display:block}.lo-App_Content.lo-App_Content-core:before{background-color:rgba(92,52,162,0.5)}.lo-App_Content.lo-App_Content-sokol:before{background-color:rgba(106,201,185,0.5)}.lo-App_Content.lo-App_Content-dai:before{background-color:rgba(254,192,66,0.5)}.sw-BallotAbout{margin-top:-8px}.sw-BallotCard{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}.sw-BallotCard .title{margin-bottom:50px}@media screen and (max-width: 768px){.sw-BallotCard .title{margin-bottom:15px}}@media screen and (max-width: 767px){.sw-BallotCard .title{margin-bottom:10px}}@media screen and (max-width: 768px){.sw-BallotCard{margin-bottom:15px;padding:15px}}.sw-BallotCard_Scale{border-top:1px solid #e4e4e4;display:flex;margin-bottom:30px;margin-top:30px;padding:30px 0 0 0}@media screen and (max-width: 768px){.sw-BallotCard_Scale{display:block;margin-top:15px;padding:15px 0 0 0}}@media screen and (max-width: 767px){.sw-BallotCard_Scale{margin-top:10px;padding:10px 0 0 0}}.sw-BallotCard_ScaleColumn{display:flex;flex-grow:1;justify-content:space-between;margin-right:40px}@media screen and (max-width: 768px){.sw-BallotCard_ScaleColumn{margin-bottom:30px;margin-right:0;overflow:hidden;width:100%}}.sw-BallotCard_ScaleColumn:last-child{margin-right:0}@media screen and (max-width: 768px){.sw-BallotCard_ScaleColumn.reverse-responsive{flex-direction:row-reverse}}.sw-BallotCard_Name{overflow:hidden;text-overflow:ellipsis}.sw-BallotCard_Vote{border-radius:2px;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:13px;font-weight:bold;line-height:36px;outline:none;padding:0 13px;text-transform:uppercase;transition:0.3s opacity}.sw-BallotCard_Vote:hover{opacity:0.9;text-decoration:none}.sw-BallotCard_VoteLabel{color:#333;cursor:default;font-size:14px;font-weight:700;line-height:1.2}@media screen and (max-width: 767px){.sw-BallotCard_VoteLabel{margin-bottom:25px}}.sw-BallotCard_VoteLabel-right{margin-left:auto !important}.sw-BallotCard_VoteButton{line-height:44px;min-width:55px;text-transform:capitalize}.sw-BallotCard_VoteButton.xl{min-width:78px}.sw-BallotCard_VoteButton.m-r-20{margin-right:20px}.sw-BallotCard_VoteButton.m-l-20{margin-left:20px}@media screen and (max-width: 768px){.sw-BallotCard_VoteButton.m-r-20,.sw-BallotCard_VoteButton.m-l-20{margin-left:0;margin-right:20px}}.color-primary{color:#5c34a2}.sokol .color-primary{color:#6ac9b9}.color-danger{color:#f21b57}.sokol .color-danger{color:#f24c67}.color-success{color:#60db97}.sokol .color-success{color:#6ac9b9}.blc-BallotDataPair{box-sizing:border-box;display:table-row;min-width:100%;padding-right:0;position:relative;vertical-align:top}@media (min-width: 768px){.blc-BallotDataPair{display:inline-block;min-width:0;padding-right:12px}}.blc-BallotDataPair:last-child{padding-right:0}.blc-BallotDataPair.blc-BallotDataPair-name{width:12%}.blc-BallotDataPair.blc-BallotDataPair-action{width:8%}.blc-BallotDataPair.blc-BallotDataPair-type{width:8%}.blc-BallotDataPair.blc-BallotDataPair-proposal{width:30%}.blc-BallotDataPair.blc-BallotDataPair-key{width:26%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-key-wide{width:50%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-receiver{width:45%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-funds-amount{width:23%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-min-threshold{width:30%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-contract-type{width:25%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-address{width:30%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-time{width:20%}.blc-BallotDataPair_Title{color:#777;font-size:13px;font-weight:400;line-height:28px;margin:0;text-align:left}.blc-BallotDataPair_Value{color:#333;font-size:14px;font-weight:400;line-height:28px;margin:0;text-align:left}.sw-Ballots{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.sw-Ballots{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Ballots{padding-left:20px;padding-right:20px}}.bc-BallotInfoContainer{background-color:#f8f8f8;margin-bottom:30px;margin-left:-30px;margin-right:-30px;padding-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px}@media screen and (max-width: 768px){.bc-BallotInfoContainer{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}.bc-BallotInfoContainer_Info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.bc-BallotInfoContainer_Info:last-child{margin-bottom:0}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-collapsed{height:90px;overflow:hidden}.ld-BaseLoader{align-items:center;background-color:rgba(255,255,255,0.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.sw-ButtonNewBallot{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;line-height:36px;opacity:1;outline:none;padding:0 15px;text-decoration:none;transition:0.15s background-color}.sw-ButtonNewBallot.sw-ButtonNewBallot-core{background-color:#60db97;color:#fff}.sw-ButtonNewBallot.sw-ButtonNewBallot-core:hover{background-color:#36d27c}.sw-ButtonNewBallot.sw-ButtonNewBallot-sokol{background-color:#fff;color:#6ac9b9}.sw-ButtonNewBallot.sw-ButtonNewBallot-sokol:hover{background-color:#f2f2f2}.sw-ButtonNewBallot.sw-ButtonNewBallot-dai{background-color:#333;color:#fff}.sw-ButtonNewBallot.sw-ButtonNewBallot-dai:hover{background-color:#75e0a5}.sw-Header_Links .sw-ButtonNewBallot{margin-left:40px}.hd-MobileMenuLinks .sw-ButtonNewBallot{max-width:fit-content;margin:0 auto}.sw-Footer{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;justify-content:center;min-height:60px;overflow:hidden;padding:16px 0;transition:background-color 0.25s ease-out;width:100%}.sw-Footer.sw-Footer-core{background-color:#5c34a2}.sw-Footer.sw-Footer-sokol{background-color:#6ac9b9}.sw-Footer.sw-Footer-dai{background-color:#f2f6f8}.sw-Footer_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.sw-Footer_Content{flex-direction:row;justify-content:space-between}}.sw-Footer_Text{color:#fff;flex-grow:1;font-size:11px;font-weight:300;line-height:1.2;margin:0;padding:15px 0 0 0;text-align:center}@media (min-width: 768px){.sw-Footer_Text{padding-top:0}}.sw-Footer-dai .sw-Footer_Text{color:#333}.sw-Header{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:background-color 0.25s ease-out;width:100%;z-index:124}.sw-Header.sw-Header-menu-open{flex-direction:column;height:auto}.sw-Header.sw-Header-core{background-color:#5c34a2}.sw-Header.sw-Header-sokol{background-color:#6ac9b9}.sw-Header.sw-Header-dai{background-color:#f2f6f8}.sw-Header_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:70px}@media (min-width: 768px){.sw-Header_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Header_Content{padding-left:20px;padding-right:20px}}.sw-Header_Links{align-items:center;display:none;height:70px;justify-content:flex-end;margin-left:auto;width:auto}@media (min-width: 768px){.sw-Header_Links{display:flex}}.nl-IconFinalize_Path.nl-IconFinalize_Path-core{fill:#60db97}.nl-IconFinalize_Path.nl-IconFinalize_Path-sokol{fill:#fff}.nl-IconFinalize_Path.nl-IconFinalize_Path-dai{fill:#333}.nl-IconActive_Path.nl-IconActive_Path-core{fill:#60db97}.nl-IconActive_Path.nl-IconActive_Path-sokol{fill:#fff}.nl-IconActive_Path.nl-IconActive_Path-dai{fill:#333}.sw-ButtonNewBallot .sw-IconAdd{margin-left:10px}.sw-IconAdd_Path.sw-IconAdd_Path-core{fill:#fff}.sw-IconAdd_Path.sw-IconAdd_Path-sokol{fill:#6ac9b9}.sw-IconAdd_Path.sw-IconAdd_Path-dai{fill:#fff}.nl-IconAll_Path.nl-IconAll_Path-core{fill:#60db97}.nl-IconAll_Path.nl-IconAll_Path-sokol{fill:#fff}.nl-IconAll_Path.nl-IconAll_Path-dai{fill:#333}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconGithub{margin-right:10px}.hd-IconMobileMenu{display:block;order:3}@media (min-width: 768px){.hd-IconMobileMenu{display:none}}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-core{fill:#60db97}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-sokol{fill:#fff}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-dai{fill:#333}.sw-IconPOA{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTwitter{margin-right:10px}.ld-Loading{align-items:center;background-color:rgba(92,52,162,0.5);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.ld-Loading.ld-Loading-core{background-color:rgba(92,52,162,0.5)}.ld-Loading.ld-Loading-sokol{background-color:rgba(106,201,185,0.5)}.ld-Loading.ld-Loading-dai{background-color:rgba(254,192,66,0.5)}.ld-Loading_Animation{display:flex;justify-content:space-between;width:206px}.ld-Loading_Image{margin-bottom:40px;width:120px}.ld-Loading_AnimationItem{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;background-color:#fff;border-radius:50%;height:9px;opacity:.2;width:9px}.ld-Loading_AnimationItem:nth-child(2){animation-delay:.1s}.ld-Loading_AnimationItem:nth-child(3){animation-delay:.2s}.ld-Loading_AnimationItem:nth-child(4){animation-delay:.3s}.ld-Loading_AnimationItem:nth-child(5){animation-delay:.4s}.ld-Loading_AnimationItem:nth-child(6){animation-delay:.5s}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.sw-LogoDai{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoDai{width:167px}.sw-Footer .sw-LogoDai{width:120px}.sw-LogoDai_Image{display:block;height:100%;width:100%}.sw-LogoPOA{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoPOA{width:167px}.sw-Footer .sw-LogoPOA{width:130px}.sw-LogoPOA_Image{display:block;height:100%;width:100%}.sw-LogoSokol{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoSokol{width:178px}.sw-Footer .sw-LogoSokol{height:26px}.sw-LogoSokol_Image{display:block;height:100%;width:100%}.sw-MainTitle{display:flex;justify-content:center;max-width:100%;min-height:fit-content;padding:30px 0}.sw-MainTitle_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;min-height:fit-content}@media (min-width: 768px){.sw-MainTitle_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-MainTitle_Content{padding-left:20px;padding-right:20px}}.sw-MainTitle_Text{color:#333;font-size:24px;line-height:38px;min-height:fit-content}.hd-MobileMenuLinks{background-color:#45277a;padding-bottom:20px;width:100%}.hd-MobileMenuLinks.hd-MobileMenuLinks-core{background-color:#45277a}.hd-MobileMenuLinks.hd-MobileMenuLinks-sokol{background-color:#41b19e}.hd-MobileMenuLinks.hd-MobileMenuLinks-dai{background-color:#eaeef0}.nl-NavigationLinks{display:flex}.hd-MobileMenuLinks .nl-NavigationLinks{align-items:center;flex-direction:column;margin-bottom:10px}.nl-NavigationLinks_Link{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;height:18px;line-height:18px;margin-left:0;opacity:0.7;text-decoration:none;transition:opacity ease-in 0.15s, background-color ease-in 0.15s}.nl-NavigationLinks_Link:active,.nl-NavigationLinks_Link:hover,.nl-NavigationLinks_Link.active{opacity:1}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core{color:#fff}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core.active{background-color:#2f1b53}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core.active{background-color:transparent}}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol{color:#fff}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol.active{background-color:#338c7d}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol.active{background-color:transparent}}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai{color:#333}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai.active{background-color:#ccd6db}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai.active{background-color:transparent}}.hd-MobileMenuLinks .nl-NavigationLinks_Link{display:flex;flex-grow:1;height:50px;justify-content:center;width:100%}@media (min-width: 768px){.nl-NavigationLinks_Link{margin-left:34px}}.nl-NavigationLinks_Text{margin-left:10px;text-decoration:none}.sw-SearchBar{background-color:#45277a;box-sizing:border-box;display:flex;flex-shrink:0;height:50px;justify-content:center;left:0;padding:10px 0 0 0;position:fixed;right:0;top:70px;z-index:123}.sw-SearchBar.sw-SearchBar-core{background-color:#45277a}.sw-SearchBar.sw-SearchBar-sokol{background-color:#41b19e}.sw-SearchBar.sw-SearchBar-dai{background-color:#eaeef0}.sw-SearchBar_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.sw-SearchBar_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-SearchBar_Content{padding-left:20px;padding-right:20px}}.sw-SearchBar_Input{background-color:transparent;background-position:0 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:0;border:none;box-sizing:border-box;display:block;font-size:14px;font-weight:400;height:30px;outline:none;padding-left:30px;width:100%}.sw-SearchBar_Input,.sw-SearchBar_Input:focus,.sw-SearchBar_Input:hover,.sw-SearchBar_Input:active{color:#fff}.sw-SearchBar_Input::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-core{background-image:url("../images/SearchBar/core.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-sokol{background-image:url("../images/SearchBar/sokol.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-dai{background-image:url("../images/SearchBar/dai.svg")}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}.tg-ToggleShow{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .tg-ToggleShow{color:#6ac9b9}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;position:relative;width:100%}a{color:#5c34a2;text-decoration:none}a.sokol{color:#6ac9b9}hr{display:block;width:100%;height:1px;margin:10px 0 30px;border:0;background-color:#e4e4e4}.center{text-align:center}.left{float:left;width:48%}.right{float:right;width:48%}@media screen and (max-width: 767px){.left,.right{float:none;width:100%}}.hidden{overflow:hidden}.display-none{display:none}.container{width:1000px;margin:0 auto;box-sizing:border-box}@media screen and (max-width: 1000px){.container{width:100%;padding:0 10px}}.title{margin-top:30px;margin-bottom:30px;color:#38454f;font-size:30px;font-weight:normal}@media screen and (max-width: 768px){.title{font-size:28px}}@media screen and (max-width: 767px){.title{font-size:26px}}button,input,textarea{outline:none}.btn{background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;color:#fff;cursor:pointer;font-weight:bold;font-size:14px;line-height:42px;outline:none;padding:0 15px;text-decoration:none;text-transform:uppercase;transition:0.15s background-color}.btn.btn-primary{background-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3)}.btn.btn-primary:hover{background-color:#46287b}.btn.btn-success{background-color:#60db97;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.btn.btn-success:hover{background-color:#36d27c}.btn.btn-danger{background-color:#f21b57;box-shadow:0px 5px 10px 0 rgba(242,27,87,0.3)}.btn.btn-danger:hover{background-color:#ce0c42}.btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.btn.btn-freeze:hover{background-color:#2ba8cc}.sokol .btn.btn-primary{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.sokol .btn.btn-primary:hover{background-color:#45bba7}.sokol .btn.btn-success{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.sokol .btn.btn-success:hover{background-color:#45bba7}.sokol .btn.btn-danger{background-color:#f24c67;box-shadow:0px 5px 10px 0 rgba(242,76,103,0.33)}.sokol .btn.btn-danger:hover{background-color:#ef1c3f}.sokol .btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.sokol .btn.btn-freeze:hover{background-color:#2ba8cc}.btn.btn-new{background-image:url("../images/icons/icon-add.svg");background-size:14px 14px;padding-right:45px}.btn.btn-load-more{background-image:url("../images/icons/icon-load-more.svg");border-radius:5px;border:2px solid #5c34a2;font-size:17px;font-weight:400;background-size:14px 14px;padding-right:45px}.sokol .btn.btn-load-more{background-image:url("../images/icons/icon-load-more-sokol.svg");border-color:#6ac9b9}.btn.btn-transparent{color:#5c34a2;background-color:transparent}.btn.btn-transparent:hover{opacity:0.8}.sokol .btn.btn-transparent{color:#6ac9b9}.btn[disabled],.sokol .btn[disabled],.btn.disabled,.sokol .btn.disabled{color:#333333;cursor:default;background-color:#f0f0f0;box-shadow:none}.btn[disabled]:hover,.sokol .btn[disabled]:hover,.btn.disabled:hover,.sokol .btn.disabled:hover{background-color:#f0f0f0}.btn.btn-finalize{background-image:url("../images/icons/icon-finalize-white.svg");background-size:14px 14px;padding-right:45px}.btn.btn-finalize[disabled],.btn.btn-finalize.disabled{background-image:url("../images/icons/icon-finalize-black.svg")}.btn.no-shadow{box-shadow:none}.btn.text-lowercase{text-transform:lowercase}.btn.text-uppercase{text-transform:uppercase}.btn.text-capitalize{text-transform:capitalize}label{color:#333;display:inline-block;font-size:13px;line-height:1.2;margin-bottom:15px}input:focus,textarea:focus{border-color:#fff}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize:none}select{appearance:none;background-image:url("../images/select.png");background-position:right 13px center;background-repeat:no-repeat;padding-right:30px}@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){select{background-image:url("../images/select@2x.png");background-size:8px 4px}}button{background-color:rgba(92,52,162,0.1);color:#5c34a2}button.load-more{margin-bottom:50px}@media screen and (max-width: 1000px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.radio-button{position:relative}.radio-button-label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-radius:3px;border:1px solid #e4e4e4;color:#333;cursor:pointer;font-size:14px;font-weight:400;line-height:50px;margin:0;outline:none;padding:0 15px;text-decoration:none;text-transform:capitalize;text-align:center;transition:0.25s background-color;position:relative;z-index:1}.radio-button input[type='radio']{height:100%;position:absolute;visibility:hidden;width:100%;z-index:12}input[type='radio']:checked+.radio-button-label{background-color:#5c34a2;border-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3);color:#fff}.sokol input[type='radio']:checked+.radio-button-label{background-color:#6ac9b9;border-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.keys-radio-button-tr{display:flex;margin-bottom:30px}@media screen and (max-width: 768px){.keys-radio-button-tr{flex-direction:column}}.keys-radio-button-td{min-width:30%;margin-right:5%}.keys-radio-button-td:last-child{margin-right:0}.keys-radio-button-td .radio-button-label{display:flex;justify-content:center}@media screen and (max-width: 768px){.keys-radio-button-td{margin-bottom:15px;margin-right:0;min-width:100%}}.form-el{margin-bottom:30px}.hint{color:#777;font-size:13px;font-weight:400;line-height:1.38;padding-top:12px;margin:0;word-break:break-word}.hint a{color:#5c34a2}.sokol .hint a{color:#6ac9b9}.info{color:#000}.ballots .info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.ballots .info:last-child{margin-bottom:0}.ballots .info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.ballots .info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.ballots .info-details.collapsed{height:90px;overflow:hidden}.ballots .info-details .toggle-show{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .ballots .info-details .toggle-show{color:#6ac9b9}.new-form .info{padding:30px}.info-title{color:#333;font-size:16px;font-weight:400;margin-bottom:30px;padding-left:25px;position:relative}.info-title:before{background-image:url("../images/icons/icon-info.svg");background-position:50% 50%;background-repeat:no-repeat;background-size:10px 18px;content:'';height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.info-i{color:#777;font-size:14px;line-height:1.71;margin-bottom:20px;padding-left:25px;position:relative}.info-i:before{background-color:#333;border-radius:50%;content:'';height:6px;left:0;position:absolute;top:8px;width:6px}.new-form{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{box-sizing:border-box;padding-bottom:30px;padding-top:30px}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{background-color:#f8f8f8;padding-top:0;width:30%}@media screen and (max-width: 768px){.new-form-side_left{margin-bottom:30px;padding-bottom:0}}.new-form-side_right{border-left:1px solid #e4e4e4;padding-left:30px;padding-right:30px;width:70%}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.new .add-ballot{white-space:nowrap}@media screen and (max-width: 767px){.new .add-ballot{margin-top:20px}}.vote-scale{background-color:#f0f0f0;border-radius:5px;clear:left;height:10px;margin-top:34px;overflow:hidden}.vote-scale-not-finalized{background-color:#ffffff}.vote-scale--fill{height:100%;border-radius:3px}.vote-scale--fill_no{background-color:#f21b57}.sokol .vote-scale--fill_no{background-color:#f24c67}.vote-scale--fill_yes{background-color:#60db97}.sokol .vote-scale--fill_yes{background-color:#6ac9b9}.vote-scale--fill_send{background-color:#60db97}.sokol .vote-scale--fill_send{background-color:#6ac9b9}.vote-scale--fill_burn{background-color:#f21b57}.sokol .vote-scale--fill_burn{background-color:#f24c67}.vote-scale--fill_freeze{background-color:#50bbda}.sokol .vote-scale--fill_freeze{background-color:#50bbda}.vote-scale--container{width:100%}.vote-scale--value{float:left;font-size:12px}.vote-scale--votes,.vote-scale--percentage{float:right;font-size:13px}.vote-scale--votes{color:#333;margin-left:10px}.vote-scale--percentage{color:#000;font-weight:700}.ballot-types{background-color:#fff;border-bottom:1px solid #e4e4e4;padding:20px 30px 10px}.ballot-types-i{color:#333;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:10px;position:relative;line-height:30px}.ballot-types-i:before{background-color:#5c34a2;border-bottom-right-radius:5px;border-top-right-radius:5px;content:'';height:30px;left:-30px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sokol .ballot-types-i:before{background-color:#6ac9b9}.ballot-types-i_active{color:#5c34a2}.ballot-types-i_active:before{opacity:1}.sokol .ballot-types-i_active{color:#6ac9b9}.ballots-footer-finalize{border-radius:2px;padding:0 13px;font-size:13px;font-weight:bold}.ballots-footer{display:flex;align-items:center;justify-content:space-between}.ballots-footer-left{display:inline-flex;align-items:center}@media screen and (max-width: 767px){.ballots-footer-left{display:block}.ballots-footer-left .btn{display:block;margin:0 0 15px;width:100%}}@media screen and (max-width: 768px){.ballots-footer{padding-top:15px}}@media screen and (max-width: 767px){.ballots-footer{flex-direction:column-reverse;padding-top:0}}.ballots-footer p{color:#777;font-size:14px;font-stretch:normal;font-style:normal;font-weight:normal;line-height:18px;max-width:340px;padding-left:15px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 767px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:10px;text-align:center}} +@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700");.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-italic{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.new-form{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}@media screen and (max-width: 768px){.new-form{margin-bottom:15px;padding:15px}}input,textarea,select{transition:0.3s background-color, 0.3s border-color;background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#444;font-size:14px;height:40px;outline:none;padding:0 10px;width:100%}input:hover,textarea:hover,select:hover{border-color:#8e959d;color:#202d3c}input:focus,textarea:focus,select:focus{border-color:#5c34a2;color:#202d3c}.sokol input:focus,.sokol textarea:focus,.sokol select:focus{border-color:#6ac9b9}button,.ballots-footer-finalize{cursor:pointer;display:inline-block;transition:0.3s opacity;box-sizing:border-box;border:0;outline:none;padding:0 15px;text-transform:uppercase;line-height:36px;font-size:13px;font-weight:bold}button:hover,.ballots-footer-finalize:hover{opacity:0.9;text-decoration:none}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none !important}.Select input::-ms-clear{display:none !important}.Select input::-ms-reveal{display:none !important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#cbcbcb #e4e4e4 #f1f1f1}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#5c34a2 #673ab5 #673ab5;box-shadow:none}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:44px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#8e959d;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-collapse:separate;border-color:#f1f1f1 #e4e4e4 #cbcbcb;border-radius:3px;border-spacing:0;border:1px solid #e4e4e4;color:#333;cursor:default;display:table;height:40px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:none}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{bottom:0;color:#333;left:0;line-height:38px;padding-left:15px;padding-right:15px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:38px;padding-left:15px;padding-right:15px;vertical-align:middle}.Select-input>input{background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:10px 0 14px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin 400ms infinite linear;-o-animation:Select-animation-spin 400ms infinite linear;animation:Select-animation-spin 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #e4e4e4;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn 200ms;-o-animation:Select-animation-fadeIn 200ms;animation:Select-animation-fadeIn 200ms;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:19px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:20px;line-height:1}.Select--multi .Select-clear-zone{width:19px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0, 0, 0, 0);overflow:hidden;float:left}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;border:1px solid #e4e4e4;border-top-color:#f2f2f2;box-shadow:none;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 15px}.Select-option:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.Select-option.is-selected{background-color:#f5faff;color:#333}.Select-option.is-focused{background-color:#f2f9fc;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 15px}.Select--multi .Select-input{vertical-align:middle;margin-left:15px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:15px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#f2f9fc;border-radius:3px;border:1px solid #e5eef9;color:#08c;display:inline-block;font-size:.9em;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#08c;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:3px;border-top-left-radius:3px;border-right:1px solid #e5eef9;padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#ddeff7;color:#0077b3}.Select--multi .Select-value-icon:active{background-color:#e5eef9}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #e5eef9}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}*{box-sizing:border-box}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}.hidden{display:none}.display-block{display:block}.display-inline{display:inline}.background-blur{animation-duration:0.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:sw-ModalAnimation_in;animation-timing-function:linear}@keyframes sw-ModalAnimation_in{0%{filter:blur(0)}100%{filter:blur(2px)}}textarea{border-radius:3px;box-shadow:none;outline:none;overflow:auto;width:100%}body{-webkit-font-smoothing:antialiased;color:#333;font-family:"Nunito", sans-serif;font-size:14px}html,body,#root,html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:100%}.clearfix::after{content:"";clear:both;display:table}.lo-App{align-items:center;display:flex;flex-direction:column;height:100%;padding-top:120px;width:100%}.lo-App_Content{flex-grow:1;max-width:100%;padding-bottom:30px;position:relative;z-index:1}.lo-App_Content:before{background-color:rgba(92,52,162,0.5);bottom:0;content:'';display:none;left:0;position:fixed;right:0;top:0;z-index:1234}.lo-App_Content.lo-App_Content-mobile-menu-open:before{display:block}.lo-App_Content.lo-App_Content-core:before{background-color:rgba(92,52,162,0.5)}.lo-App_Content.lo-App_Content-sokol:before{background-color:rgba(106,201,185,0.5)}.lo-App_Content.lo-App_Content-dai:before{background-color:rgba(254,192,66,0.5)}.sw-BallotAbout{margin-top:-8px}.sw-BallotCard{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}.sw-BallotCard .title{margin-bottom:50px}@media screen and (max-width: 768px){.sw-BallotCard .title{margin-bottom:15px}}@media screen and (max-width: 767px){.sw-BallotCard .title{margin-bottom:10px}}@media screen and (max-width: 768px){.sw-BallotCard{margin-bottom:15px;padding:15px}}.sw-BallotCard_Scale{border-top:1px solid #e4e4e4;display:flex;margin-bottom:30px;margin-top:30px;padding:30px 0 0 0}@media screen and (max-width: 768px){.sw-BallotCard_Scale{display:block;margin-top:15px;padding:15px 0 0 0}}@media screen and (max-width: 767px){.sw-BallotCard_Scale{margin-top:10px;padding:10px 0 0 0}}.sw-BallotCard_ScaleColumn{display:flex;flex-grow:1;justify-content:space-between;margin-right:40px}@media screen and (max-width: 768px){.sw-BallotCard_ScaleColumn{margin-bottom:30px;margin-right:0;overflow:hidden;width:100%}}.sw-BallotCard_ScaleColumn:last-child{margin-right:0}@media screen and (max-width: 768px){.sw-BallotCard_ScaleColumn.reverse-responsive{flex-direction:row-reverse}}.sw-BallotCard_Name{overflow:hidden;text-overflow:ellipsis}.sw-BallotCard_Vote{border-radius:2px;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:13px;font-weight:bold;line-height:36px;outline:none;padding:0 13px;text-transform:uppercase;transition:0.3s opacity}.sw-BallotCard_Vote:hover{opacity:0.9;text-decoration:none}.sw-BallotCard_VoteLabel{color:#333;cursor:default;font-size:14px;font-weight:700;line-height:1.2}@media screen and (max-width: 767px){.sw-BallotCard_VoteLabel{margin-bottom:25px}}.sw-BallotCard_VoteLabel-right{margin-left:auto !important}.sw-BallotCard_VoteButton{line-height:44px;min-width:55px;text-transform:capitalize}.sw-BallotCard_VoteButton.xl{min-width:78px}.sw-BallotCard_VoteButton.m-r-20{margin-right:20px}.sw-BallotCard_VoteButton.m-l-20{margin-left:20px}@media screen and (max-width: 768px){.sw-BallotCard_VoteButton.m-r-20,.sw-BallotCard_VoteButton.m-l-20{margin-left:0;margin-right:20px}}.color-primary{color:#5c34a2}.sokol .color-primary{color:#6ac9b9}.color-danger{color:#f21b57}.sokol .color-danger{color:#f24c67}.color-success{color:#60db97}.sokol .color-success{color:#6ac9b9}.blc-BallotDataPair{box-sizing:border-box;display:table-row;min-width:100%;padding-right:0;position:relative;vertical-align:top}@media (min-width: 768px){.blc-BallotDataPair{display:inline-block;min-width:0;padding-right:12px}}.blc-BallotDataPair:last-child{padding-right:0}.blc-BallotDataPair.blc-BallotDataPair-name{width:12%}.blc-BallotDataPair.blc-BallotDataPair-action{width:8%}.blc-BallotDataPair.blc-BallotDataPair-type{width:8%}.blc-BallotDataPair.blc-BallotDataPair-proposal{width:30%}.blc-BallotDataPair.blc-BallotDataPair-key{width:26%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-key-wide{width:50%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-receiver{width:45%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-funds-amount{width:23%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-min-threshold{width:30%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-contract-type{width:25%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-proposed-address{width:30%;word-break:break-all}.blc-BallotDataPair.blc-BallotDataPair-time{width:20%}.blc-BallotDataPair_Title{color:#777;font-size:13px;font-weight:400;line-height:28px;margin:0;text-align:left}.blc-BallotDataPair_Value{color:#333;font-size:14px;font-weight:400;line-height:28px;margin:0;text-align:left}.sw-Ballots{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.sw-Ballots{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Ballots{padding-left:20px;padding-right:20px}}.bc-BallotInfoContainer{background-color:#f8f8f8;margin-bottom:30px;margin-left:-30px;margin-right:-30px;padding-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px}@media screen and (max-width: 768px){.bc-BallotInfoContainer{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}.bc-BallotInfoContainer_Info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.bc-BallotInfoContainer_Info:last-child{margin-bottom:0}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.bc-BallotInfoContainer_Info.bc-BallotInfoContainer_Info-collapsed{height:90px;overflow:hidden}.bc-BallotInfoContainer_ToggleShow{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .bc-BallotInfoContainer_ToggleShow{color:#6ac9b9}.ld-BaseLoader{align-items:center;background-color:rgba(255,255,255,0.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.sw-ButtonNewBallot{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;line-height:36px;opacity:1;outline:none;padding:0 15px;text-decoration:none;transition:0.15s background-color}.sw-ButtonNewBallot.sw-ButtonNewBallot-core{background-color:#60db97;color:#fff}.sw-ButtonNewBallot.sw-ButtonNewBallot-core:hover{background-color:#36d27c}.sw-ButtonNewBallot.sw-ButtonNewBallot-sokol{background-color:#fff;color:#6ac9b9}.sw-ButtonNewBallot.sw-ButtonNewBallot-sokol:hover{background-color:#f2f2f2}.sw-ButtonNewBallot.sw-ButtonNewBallot-dai{background-color:#333;color:#fff}.sw-ButtonNewBallot.sw-ButtonNewBallot-dai:hover{background-color:#75e0a5}.sw-Header_Links .sw-ButtonNewBallot{margin-left:40px}.hd-MobileMenuLinks .sw-ButtonNewBallot{max-width:fit-content;margin:0 auto}.sw-Footer{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;justify-content:center;min-height:60px;overflow:hidden;padding:16px 0;transition:background-color 0.25s ease-out;width:100%}.sw-Footer.sw-Footer-core{background-color:#5c34a2}.sw-Footer.sw-Footer-sokol{background-color:#6ac9b9}.sw-Footer.sw-Footer-dai{background-color:#f2f6f8}.sw-Footer_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.sw-Footer_Content{flex-direction:row;justify-content:space-between}}.sw-Footer_Text{color:#fff;flex-grow:1;font-size:11px;font-weight:300;line-height:1.2;margin:0;padding:15px 0 0 0;text-align:center}@media (min-width: 768px){.sw-Footer_Text{padding-top:0}}.sw-Footer-dai .sw-Footer_Text{color:#333}.sw-Header{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:background-color 0.25s ease-out;width:100%;z-index:124}.sw-Header.sw-Header-menu-open{flex-direction:column;height:auto}.sw-Header.sw-Header-core{background-color:#5c34a2}.sw-Header.sw-Header-sokol{background-color:#6ac9b9}.sw-Header.sw-Header-dai{background-color:#f2f6f8}.sw-Header_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:70px}@media (min-width: 768px){.sw-Header_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Header_Content{padding-left:20px;padding-right:20px}}.sw-Header_Links{align-items:center;display:none;height:70px;justify-content:flex-end;margin-left:auto;width:auto}@media (min-width: 768px){.sw-Header_Links{display:flex}}.nl-IconFinalize_Path.nl-IconFinalize_Path-core{fill:#60db97}.nl-IconFinalize_Path.nl-IconFinalize_Path-sokol{fill:#fff}.nl-IconFinalize_Path.nl-IconFinalize_Path-dai{fill:#333}.nl-IconActive_Path.nl-IconActive_Path-core{fill:#60db97}.nl-IconActive_Path.nl-IconActive_Path-sokol{fill:#fff}.nl-IconActive_Path.nl-IconActive_Path-dai{fill:#333}.sw-ButtonNewBallot .sw-IconAdd{margin-left:10px}.sw-IconAdd_Path.sw-IconAdd_Path-core{fill:#fff}.sw-IconAdd_Path.sw-IconAdd_Path-sokol{fill:#6ac9b9}.sw-IconAdd_Path.sw-IconAdd_Path-dai{fill:#fff}.nl-IconAll_Path.nl-IconAll_Path-core{fill:#60db97}.nl-IconAll_Path.nl-IconAll_Path-sokol{fill:#fff}.nl-IconAll_Path.nl-IconAll_Path-dai{fill:#333}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconGithub{margin-right:10px}.hd-IconMobileMenu{display:block;order:3}@media (min-width: 768px){.hd-IconMobileMenu{display:none}}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-core{fill:#60db97}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-sokol{fill:#fff}.hd-IconMobileMenu_Path.hd-IconMobileMenu_Path-dai{fill:#333}.sw-IconPOA{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTwitter{margin-right:10px}.ld-Loading{align-items:center;background-color:rgba(92,52,162,0.5);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.ld-Loading.ld-Loading-core{background-color:rgba(92,52,162,0.5)}.ld-Loading.ld-Loading-sokol{background-color:rgba(106,201,185,0.5)}.ld-Loading.ld-Loading-dai{background-color:rgba(254,192,66,0.5)}.ld-Loading_Animation{display:flex;justify-content:space-between;width:206px}.ld-Loading_Image{margin-bottom:40px;width:120px}.ld-Loading_AnimationItem{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;background-color:#fff;border-radius:50%;height:9px;opacity:.2;width:9px}.ld-Loading_AnimationItem:nth-child(2){animation-delay:.1s}.ld-Loading_AnimationItem:nth-child(3){animation-delay:.2s}.ld-Loading_AnimationItem:nth-child(4){animation-delay:.3s}.ld-Loading_AnimationItem:nth-child(5){animation-delay:.4s}.ld-Loading_AnimationItem:nth-child(6){animation-delay:.5s}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.sw-LogoDai{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoDai{width:167px}.sw-Footer .sw-LogoDai{width:120px}.sw-LogoDai_Image{display:block;height:100%;width:100%}.sw-LogoPOA{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoPOA{width:167px}.sw-Footer .sw-LogoPOA{width:130px}.sw-LogoPOA_Image{display:block;height:100%;width:100%}.sw-LogoSokol{align-items:center;display:flex;justify-content:center}.sw-Header .sw-LogoSokol{width:178px}.sw-Footer .sw-LogoSokol{height:26px}.sw-LogoSokol_Image{display:block;height:100%;width:100%}.sw-MainTitle{display:flex;justify-content:center;max-width:100%;min-height:fit-content;padding:30px 0}.sw-MainTitle_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;min-height:fit-content}@media (min-width: 768px){.sw-MainTitle_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-MainTitle_Content{padding-left:20px;padding-right:20px}}.sw-MainTitle_Text{color:#333;font-size:24px;line-height:38px;min-height:fit-content}.hd-MobileMenuLinks{background-color:#45277a;padding-bottom:20px;width:100%}.hd-MobileMenuLinks.hd-MobileMenuLinks-core{background-color:#45277a}.hd-MobileMenuLinks.hd-MobileMenuLinks-sokol{background-color:#41b19e}.hd-MobileMenuLinks.hd-MobileMenuLinks-dai{background-color:#eaeef0}.nl-NavigationLinks{display:flex}.hd-MobileMenuLinks .nl-NavigationLinks{align-items:center;flex-direction:column;margin-bottom:10px}.nl-NavigationLinks_Link{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;height:18px;line-height:18px;margin-left:0;opacity:0.7;text-decoration:none;transition:opacity ease-in 0.15s, background-color ease-in 0.15s}.nl-NavigationLinks_Link:active,.nl-NavigationLinks_Link:hover,.nl-NavigationLinks_Link.active{opacity:1}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core{color:#fff}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core.active{background-color:#2f1b53}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-core.active{background-color:transparent}}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol{color:#fff}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol.active{background-color:#338c7d}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-sokol.active{background-color:transparent}}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai{color:#333}.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai.active{background-color:#ccd6db}@media (min-width: 768px){.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai:active,.nl-NavigationLinks_Link.nl-NavigationLinks_Link-dai.active{background-color:transparent}}.hd-MobileMenuLinks .nl-NavigationLinks_Link{display:flex;flex-grow:1;height:50px;justify-content:center;width:100%}@media (min-width: 768px){.nl-NavigationLinks_Link{margin-left:34px}}.nl-NavigationLinks_Text{margin-left:10px;text-decoration:none}.sw-SearchBar{background-color:#45277a;box-sizing:border-box;display:flex;flex-shrink:0;height:50px;justify-content:center;left:0;padding:10px 0 0 0;position:fixed;right:0;top:70px;z-index:123}.sw-SearchBar.sw-SearchBar-core{background-color:#45277a}.sw-SearchBar.sw-SearchBar-sokol{background-color:#41b19e}.sw-SearchBar.sw-SearchBar-dai{background-color:#eaeef0}.sw-SearchBar_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.sw-SearchBar_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-SearchBar_Content{padding-left:20px;padding-right:20px}}.sw-SearchBar_Input{background-color:transparent;background-position:0 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:0;border:none;box-sizing:border-box;display:block;font-size:14px;font-weight:400;height:30px;outline:none;padding-left:30px;width:100%}.sw-SearchBar_Input,.sw-SearchBar_Input:focus,.sw-SearchBar_Input:hover,.sw-SearchBar_Input:active{color:#fff}.sw-SearchBar_Input::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-core{background-image:url("../images/SearchBar/core.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-sokol{background-image:url("../images/SearchBar/sokol.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-dai{background-image:url("../images/SearchBar/dai.svg")}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;position:relative;width:100%}a{color:#5c34a2;text-decoration:none}a.sokol{color:#6ac9b9}hr{display:block;width:100%;height:1px;margin:10px 0 30px;border:0;background-color:#e4e4e4}.center{text-align:center}.left{float:left;width:48%}.right{float:right;width:48%}@media screen and (max-width: 767px){.left,.right{float:none;width:100%}}.hidden{overflow:hidden}.display-none{display:none}.container{width:1000px;margin:0 auto;box-sizing:border-box}@media screen and (max-width: 1000px){.container{width:100%;padding:0 10px}}.title{margin-top:30px;margin-bottom:30px;color:#38454f;font-size:30px;font-weight:normal}@media screen and (max-width: 768px){.title{font-size:28px}}@media screen and (max-width: 767px){.title{font-size:26px}}button,input,textarea{outline:none}.btn{background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;color:#fff;cursor:pointer;font-weight:bold;font-size:14px;line-height:42px;outline:none;padding:0 15px;text-decoration:none;text-transform:uppercase;transition:0.15s background-color}.btn.btn-primary{background-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3)}.btn.btn-primary:hover{background-color:#46287b}.btn.btn-success{background-color:#60db97;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.btn.btn-success:hover{background-color:#36d27c}.btn.btn-danger{background-color:#f21b57;box-shadow:0px 5px 10px 0 rgba(242,27,87,0.3)}.btn.btn-danger:hover{background-color:#ce0c42}.btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.btn.btn-freeze:hover{background-color:#2ba8cc}.sokol .btn.btn-primary{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.sokol .btn.btn-primary:hover{background-color:#45bba7}.sokol .btn.btn-success{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.sokol .btn.btn-success:hover{background-color:#45bba7}.sokol .btn.btn-danger{background-color:#f24c67;box-shadow:0px 5px 10px 0 rgba(242,76,103,0.33)}.sokol .btn.btn-danger:hover{background-color:#ef1c3f}.sokol .btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.sokol .btn.btn-freeze:hover{background-color:#2ba8cc}.btn.btn-new{background-image:url("../images/icons/icon-add.svg");background-size:14px 14px;padding-right:45px}.btn.btn-load-more{background-image:url("../images/icons/icon-load-more.svg");border-radius:5px;border:2px solid #5c34a2;font-size:17px;font-weight:400;background-size:14px 14px;padding-right:45px}.sokol .btn.btn-load-more{background-image:url("../images/icons/icon-load-more-sokol.svg");border-color:#6ac9b9}.btn.btn-transparent{color:#5c34a2;background-color:transparent}.btn.btn-transparent:hover{opacity:0.8}.sokol .btn.btn-transparent{color:#6ac9b9}.btn[disabled],.sokol .btn[disabled],.btn.disabled,.sokol .btn.disabled{color:#333333;cursor:default;background-color:#f0f0f0;box-shadow:none}.btn[disabled]:hover,.sokol .btn[disabled]:hover,.btn.disabled:hover,.sokol .btn.disabled:hover{background-color:#f0f0f0}.btn.btn-finalize{background-image:url("../images/icons/icon-finalize-white.svg");background-size:14px 14px;padding-right:45px}.btn.btn-finalize[disabled],.btn.btn-finalize.disabled{background-image:url("../images/icons/icon-finalize-black.svg")}.btn.no-shadow{box-shadow:none}.btn.text-lowercase{text-transform:lowercase}.btn.text-uppercase{text-transform:uppercase}.btn.text-capitalize{text-transform:capitalize}label{color:#333;display:inline-block;font-size:13px;line-height:1.2;margin-bottom:15px}input:focus,textarea:focus{border-color:#fff}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize:none}select{appearance:none;background-image:url("../images/select.png");background-position:right 13px center;background-repeat:no-repeat;padding-right:30px}@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){select{background-image:url("../images/select@2x.png");background-size:8px 4px}}button{background-color:rgba(92,52,162,0.1);color:#5c34a2}button.load-more{margin-bottom:50px}@media screen and (max-width: 1000px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.radio-button{position:relative}.radio-button-label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-radius:3px;border:1px solid #e4e4e4;color:#333;cursor:pointer;font-size:14px;font-weight:400;line-height:50px;margin:0;outline:none;padding:0 15px;text-decoration:none;text-transform:capitalize;text-align:center;transition:0.25s background-color;position:relative;z-index:1}.radio-button input[type='radio']{height:100%;position:absolute;visibility:hidden;width:100%;z-index:12}input[type='radio']:checked+.radio-button-label{background-color:#5c34a2;border-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3);color:#fff}.sokol input[type='radio']:checked+.radio-button-label{background-color:#6ac9b9;border-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.keys-radio-button-tr{display:flex;margin-bottom:30px}@media screen and (max-width: 768px){.keys-radio-button-tr{flex-direction:column}}.keys-radio-button-td{min-width:30%;margin-right:5%}.keys-radio-button-td:last-child{margin-right:0}.keys-radio-button-td .radio-button-label{display:flex;justify-content:center}@media screen and (max-width: 768px){.keys-radio-button-td{margin-bottom:15px;margin-right:0;min-width:100%}}.form-el{margin-bottom:30px}.hint{color:#777;font-size:13px;font-weight:400;line-height:1.38;padding-top:12px;margin:0;word-break:break-word}.hint a{color:#5c34a2}.sokol .hint a{color:#6ac9b9}.info{color:#000}.ballots .info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.ballots .info:last-child{margin-bottom:0}.ballots .info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.ballots .info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.ballots .info-details.collapsed{height:90px;overflow:hidden}.ballots .info-details .toggle-show{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .ballots .info-details .toggle-show{color:#6ac9b9}.new-form .info{padding:30px}.info-title{color:#333;font-size:16px;font-weight:400;margin-bottom:30px;padding-left:25px;position:relative}.info-title:before{background-image:url("../images/icons/icon-info.svg");background-position:50% 50%;background-repeat:no-repeat;background-size:10px 18px;content:'';height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.info-i{color:#777;font-size:14px;line-height:1.71;margin-bottom:20px;padding-left:25px;position:relative}.info-i:before{background-color:#333;border-radius:50%;content:'';height:6px;left:0;position:absolute;top:8px;width:6px}.new-form{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{box-sizing:border-box;padding-bottom:30px;padding-top:30px}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{background-color:#f8f8f8;padding-top:0;width:30%}@media screen and (max-width: 768px){.new-form-side_left{margin-bottom:30px;padding-bottom:0}}.new-form-side_right{border-left:1px solid #e4e4e4;padding-left:30px;padding-right:30px;width:70%}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.new .add-ballot{white-space:nowrap}@media screen and (max-width: 767px){.new .add-ballot{margin-top:20px}}.vote-scale{background-color:#f0f0f0;border-radius:5px;clear:left;height:10px;margin-top:34px;overflow:hidden}.vote-scale-not-finalized{background-color:#ffffff}.vote-scale--fill{height:100%;border-radius:3px}.vote-scale--fill_no{background-color:#f21b57}.sokol .vote-scale--fill_no{background-color:#f24c67}.vote-scale--fill_yes{background-color:#60db97}.sokol .vote-scale--fill_yes{background-color:#6ac9b9}.vote-scale--fill_send{background-color:#60db97}.sokol .vote-scale--fill_send{background-color:#6ac9b9}.vote-scale--fill_burn{background-color:#f21b57}.sokol .vote-scale--fill_burn{background-color:#f24c67}.vote-scale--fill_freeze{background-color:#50bbda}.sokol .vote-scale--fill_freeze{background-color:#50bbda}.vote-scale--container{width:100%}.vote-scale--value{float:left;font-size:12px}.vote-scale--votes,.vote-scale--percentage{float:right;font-size:13px}.vote-scale--votes{color:#333;margin-left:10px}.vote-scale--percentage{color:#000;font-weight:700}.ballot-types{background-color:#fff;border-bottom:1px solid #e4e4e4;padding:20px 30px 10px}.ballot-types-i{color:#333;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:10px;position:relative;line-height:30px}.ballot-types-i:before{background-color:#5c34a2;border-bottom-right-radius:5px;border-top-right-radius:5px;content:'';height:30px;left:-30px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sokol .ballot-types-i:before{background-color:#6ac9b9}.ballot-types-i_active{color:#5c34a2}.ballot-types-i_active:before{opacity:1}.sokol .ballot-types-i_active{color:#6ac9b9}.ballots-footer-finalize{border-radius:2px;padding:0 13px;font-size:13px;font-weight:bold}.ballots-footer{display:flex;align-items:center;justify-content:space-between}.ballots-footer-left{display:inline-flex;align-items:center}@media screen and (max-width: 767px){.ballots-footer-left{display:block}.ballots-footer-left .btn{display:block;margin:0 0 15px;width:100%}}@media screen and (max-width: 768px){.ballots-footer{padding-top:15px}}@media screen and (max-width: 767px){.ballots-footer{flex-direction:column-reverse;padding-top:0}}.ballots-footer p{color:#777;font-size:14px;font-stretch:normal;font-style:normal;font-weight:normal;line-height:18px;max-width:340px;padding-left:15px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 767px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:10px;text-align:center}} diff --git a/src/components/BallotCard/index.js b/src/components/BallotCard/index.js index 01802f1..1c634fb 100644 --- a/src/components/BallotCard/index.js +++ b/src/components/BallotCard/index.js @@ -1,11 +1,12 @@ import React from 'react' import moment from 'moment' -import { observable, action, computed } from 'mobx' +import swal from 'sweetalert2' +import { BallotDataPair } from '../BallotDataPair' +import { BallotInfoContainer } from '../BallotInfoContainer' import { inject, observer } from 'mobx-react' import { messages } from '../../utils/messages' -import { BallotDataPair } from '../BallotDataPair' +import { observable, action, computed } from 'mobx' import { sendTransactionByVotingKey } from '../../utils/helpers' -import swal from 'sweetalert2' const ACCEPT = 1 const REJECT = 2 @@ -13,8 +14,6 @@ const SEND = 1 const BURN = 2 const FREEZE = 3 const USDateTimeFormat = 'MM/DD/YYYY h:mm:ss A' -const maxDetailsLength = 500 - const zeroTimeTo = '00:00' @inject('commonStore', 'contractsStore', 'routing', 'ballotsStore') @@ -572,42 +571,41 @@ export class BallotCard extends React.Component { this.sendVotes = Number(votingState.sendVotes) this.totalVoters = this.burnVotes + this.freezeVotes + this.sendVotes } + // getProgress if (votingState.hasOwnProperty('progress')) { this.progress = Number(votingState.progress) } + // getIsFinalized this.isFinalized = votingState.isFinalized + // getIsCanceled if (votingState.hasOwnProperty('isCanceled')) { this.isCanceled = votingState.isCanceled } this.calcTimeTo() + // canBeFinalizedNow if (votingState.hasOwnProperty('canBeFinalizedNow')) { this.canBeFinalized = votingState.canBeFinalizedNow } else { this.canBeFinalizedNow() } + // getMemo this.memo = votingState.memo + // hasAlreadyVoted if (votingState.hasOwnProperty('alreadyVoted')) { this.hasAlreadyVoted = votingState.alreadyVoted } else { this.getHasAlreadyVoted() } + if (votingType === 'votingToManageEmissionFunds') { - // getQuorumState this.getQuorumState() } - this.state = { - detailsCollapsed: this.memo.length > maxDetailsLength - } - } - - toggleDetails = () => { - this.setState(prevState => ({ detailsCollapsed: !prevState.detailsCollapsed })) } componentDidMount() { @@ -657,14 +655,6 @@ export class BallotCard extends React.Component { ) let showHasAlreadyVotedLabel = this.hasAlreadyVoted ? hasAlreadyVotedLabel : '' const threshold = this.getThreshold(contractsStore, votingType) - let toggleShowMore = - this.memo.length > maxDetailsLength ? ( - - {this.state.detailsCollapsed ? 'More...' : 'Less'} - - ) : ( - '' - ) let votingScale if (votingType === 'votingToManageEmissionFunds') { @@ -787,21 +777,11 @@ export class BallotCard extends React.Component { /> {votingScale} -
-
- Minimum {threshold} from {contractsStore.validatorsLength} validators are required to pass the proposal -
-
- {this.state.detailsCollapsed - ? this.memo.substr(0, this.memo.lastIndexOf(' ', maxDetailsLength)) - : this.memo} - {toggleShowMore} -
-
+