diff --git a/src/assets/stylesheets/components/_Validator.scss b/src/assets/stylesheets/components/_Validator.scss new file mode 100644 index 0000000..9c6dec6 --- /dev/null +++ b/src/assets/stylesheets/components/_Validator.scss @@ -0,0 +1,188 @@ + +.vl-Validator { + border-radius: 5px; + border: 1px solid $base-border-color; + margin-bottom: 20px; + padding: 15px; + text-align: left; + + @media (min-width: $breakpoint-md) { + margin-bottom: 30px; + padding: 20px 30px; + } +} + +.vl-Validator_Header { + border-bottom: 1px solid $base-border-color; + color: #333333; + display: block; + font-size: 18px; + font-stretch: normal; + font-style: normal; + font-weight: 700; + letter-spacing: normal; + line-height: 1.2; + margin: 0 0 20px; + padding: 0 0 15px; + text-align: left; + + @media (min-width: $breakpoint-md) { + display: flex; + justify-content: space-between; + } +} + +.vl-Validator_HeaderAddress { + word-break: break-all; + margin-bottom: 10px; +} + +.vl-Validator_HeaderHint { + color: #777; + font-size: 13px; + font-weight: 400; + line-height: 1.2; +} + +.vl-Validator_HeaderConfirmations { + font-size: 15px; + font-weight: 500; + line-height: 1.2; + padding-top: 15px; + + @media (min-width: $breakpoint-md) { + padding-top: 0; + } +} + +.vl-Validator_Body { + display: flex; + flex-direction: column; + flex-wrap: wrap; + + @media (min-width: $breakpoint-md) { + flex-direction: row; + } +} + +.vl-Validator_Column { + float: none; + width: 100%; + font-size: 12px; + + @media (min-width: $breakpoint-md) { + width: 50%; + + &:first-child { + padding-right: 10px; + } + + &:nth-child(2) { + padding-left: 10px; + } + } +} + +.vl-Validator_Footer { + display: flex; + flex-grow: 1; + justify-content: center; + padding-top: 20px; + width: 100%; +} + +.vl-Validator_Title { + background-position: 0 50%; + background-repeat: no-repeat; + background-size: contain; + color: #333; + font-size: 16px; + font-weight: 700; + height: 24px; + line-height: 24px; + margin: 15px 0; + padding: 0 0 0 35px; + text-align: left; + + @media (min-width: $breakpoint-md) { + margin: 0 0 20px 0; + } + + &#{ & }-notary { + background-image: url('#{ $base-images-path }/icons/icon-notary.svg'); + } + + &#{ & }-company { + background-image: url('#{ $base-images-path }/icons/icon-company.svg'); + } + + &#{ & }-notary-license { + background-image: url('#{ $base-images-path }/icons/icon-notary-license.svg'); + } +} + +.vl-Validator_Table { + +} + +.vl-Validator_TableRow { + color: #333; + display: flex; + font-size: 14px; + font-weight: 500; + justify-content: space-between; + line-height: 1.2; + padding: 20px; + + &:nth-child(odd) { + background-color: #f7f7f7; + } +} + +.vl-Validator_TableCol { + color: #333; + font-size: 14px; + font-weight: 400; + line-height: 1.2; + margin: 0 15px 0 0; + + &:last-child { + margin: 0; + } +} + +// .validators-count { +// color: #333; +// font-size: 14px; +// line-height: 38px; +// margin-bottom: 0; + +// &-val { +// font-weight: 700; +// } +// } + +// Icon that represents unconfirmed/confirmed validator's data +%data-icon { + background-position: center; + background-repeat: no-repeat; + border-radius: 50%; + display: inline-block; + height: 24px; + vertical-align: middle; + width: 24px; +} + +.data-icon { + &--unconfirmed { + @extend %data-icon; + background-color: #e5e5e5; + background-image: url('/images/unconfirmed.svg'); + } + + &--confirmed { + @extend %data-icon; + background-color: #60db97; + background-image: url('/images/confirmed.svg'); + } +} \ No newline at end of file diff --git a/src/assets/stylesheets/components/_index.scss b/src/assets/stylesheets/components/_index.scss index 2dd4bee..a4c9599 100644 --- a/src/assets/stylesheets/components/_index.scss +++ b/src/assets/stylesheets/components/_index.scss @@ -20,4 +20,5 @@ @import "MobileMenuLinks"; @import "NavigationLinks"; @import "SearchBar"; -@import "SocialIcons"; \ No newline at end of file +@import "SocialIcons"; +@import "Validator"; \ No newline at end of file diff --git a/src/assets/stylesheets/index.css b/src/assets/stylesheets/index.css index 99815b2..2987de0 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}@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}.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:#cbcbcb #d7d7d7 #d7d7d7;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:#f1f1f1;color:#000}.Select-option.is-focused{background-color:#e4e4e4;color:#333}.Select-option.is-disabled{color:#fff;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:#000;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:#000;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:#cbcbcb;color:#cbcbcb}.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:#999}.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}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}.vl-AllValidators{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.vl-AllValidators{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.vl-AllValidators{padding-left:20px;padding-right:20px}}.lo-App{align-items:center;display:flex;flex-direction:column;height:100%;padding-top:120px;width:100%}.lo-App.lo-App-no-search-bar{padding-top:70px}.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)}.vld-App{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.vld-App{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.vld-App{padding-left:20px;padding-right:20px}}.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-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-IconSet_Path.nl-IconSet_Path-core{fill:#60db97}.nl-IconSet_Path.nl-IconSet_Path-sokol{fill:#fff}.nl-IconSet_Path.nl-IconSet_Path-dai{fill:#333}.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-IconFinalize_Path.sw-IconFinalize_Path-core{fill:#fff}.sw-IconFinalize_Path.sw-IconFinalize_Path-sokol{fill:#fff}.sw-IconFinalize_Path.sw-IconFinalize_Path-dai{fill:#fff}.sw-ButtonFinalize-danger .sw-IconFinalize_Path{fill:#fff !important}.sw-ButtonFinalize-disabled .sw-IconFinalize_Path{fill:#333 !important}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconGithub:active,.sw-IconGithub:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.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:box-shadow 0.15s ease-out}.sw-IconPOA:active,.sw-IconPOA:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconTelegram:active,.sw-IconTelegram:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.nl-IconPending_Path.nl-IconPending_Path-core{fill:#60db97}.nl-IconPending_Path.nl-IconPending_Path-sokol{fill:#fff}.nl-IconPending_Path.nl-IconPending_Path-dai{fill:#333}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconTwitter:active,.sw-IconTwitter:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.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{display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.sw-MainTitle_Content{flex-direction:row;justify-content:space-between}}.sw-MainTitle_Text{color:#333;font-size:24px;line-height:38px;margin:0}.sw-MainTitle_ExtraText{color:#333;font-size:14px;font-weight:400;line-height:38px;margin:0}.sw-MainTitle_ExtraText strong{font-weight:700}.hd-MobileMenuLinks{background-color:#45277a;padding:10px;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-core{background-image:url("../images/SearchBar/core.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-core,.sw-SearchBar_Input.sw-SearchBar_Input-core:focus,.sw-SearchBar_Input.sw-SearchBar_Input-core:hover,.sw-SearchBar_Input.sw-SearchBar_Input-core:active{color:#fff}.sw-SearchBar_Input.sw-SearchBar_Input-core::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-core:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-core::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-core:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-sokol{background-image:url("../images/SearchBar/sokol.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-sokol,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:focus,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:hover,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:active{color:#fff}.sw-SearchBar_Input.sw-SearchBar_Input-sokol::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-sokol:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-sokol::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-sokol:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-dai{background-image:url("../images/SearchBar/dai.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-dai,.sw-SearchBar_Input.sw-SearchBar_Input-dai:focus,.sw-SearchBar_Input.sw-SearchBar_Input-dai:hover,.sw-SearchBar_Input.sw-SearchBar_Input-dai:active{color:#333}.sw-SearchBar_Input.sw-SearchBar_Input-dai::-webkit-input-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-dai:-moz-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-dai::-moz-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-dai:-ms-input-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}.create-keys-button{background-color:#5c34a2;background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;box-shadow:0px 5px 10px 0 rgba(92,92,92,0.2);color:#fff;cursor:pointer;font-size:16px;font-weight:bold;line-height:44px;outline:none;padding:0 45px 0 15px;text-decoration:none;text-transform:capitalize;transition:0.15s background-color}.create-keys-button:hover{background-color:#7346c3}.create-keys-button{background-image:url("../images/icons/icon-arrow-right.svg");background-size:18px 14px}.hidden{display:none}button:focus{outline:none}.key-content{display:table-cell;vertical-align:middle;background-color:#fbfbfb;text-align:center}.left{float:left}.right{float:right}.text-capitalized{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.text-align-right{text-align:right}.text-whitespace-nowrap{white-space:nowrap}.display-none{display:none}.create-keys-button-container{display:flex;align-items:center;justify-content:center}.create-keys{padding-bottom:20px}.create-keys h1{margin-bottom:20px}.create-keys h2{margin-bottom:20px}.create-keys-form{display:flex;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}@media (max-width: 768px){.create-keys-form{flex-direction:column}}.create-keys-form-is-company{width:100%;margin-bottom:20px}.create-keys-form-is-company input[type="radio"]{display:inline !important;width:auto;height:auto}.create-keys-form-is-company label{display:inline-block !important;vertical-align:top;margin-right:16px}@media (max-width: 768px){.create-keys-form-is-company label{vertical-align:middle}}.create-keys-form-i{width:48%;flex-shrink:0}@media (max-width: 768px){.create-keys-form-i{width:100%}}.create-keys label:not(.radio){color:#333;display:block;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:6px}.create-keys button,.create-keys input,.create-keys textarea{outline:none;font-family:'Open Sans', sans-serif}.create-keys input,.create-keys textarea{background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#333;font-size:16px;height:38px;outline:none;padding:0 15px;transition:0.15s border-color;margin-bottom:20px;width:100%}.create-keys input:hover,.create-keys textarea:hover{border-color:#8e959d;color:#202d3c}.create-keys input:focus,.create-keys textarea:focus{border-color:#5c34a2;color:#202d3c}.create-keys #PlacesAutocomplete__root{margin-bottom:20px}.create-keys #PlacesAutocomplete__root input{margin-bottom:0}.create-keys textarea{height:110px;padding:15px;resize:none}.create-keys input[type="radio"]{display:none}.create-keys input[type="radio"]:checked+.radio:after{opacity:1}.create-keys-button[disabled]{cursor:default;opacity:0.7}.create-keys-button:focus,.create-keys-button:active{box-shadow:none}.create-keys-button.finalize{margin-right:10px}.sokol .create-keys-button{background-color:#6ac9b9}.sokol .create-keys-button:hover{background-color:#8fd7cb}.create-keys-address-note{color:#5c34a2;border:solid 1px #5c34a2;border-radius:5px;font-size:14px;line-height:24px;margin:50px 0 40px 0;padding:30px 47px 28px 62px;position:relative}.create-keys-address-note__icon-info{background-image:url("../images/icons/icon-info.svg");background-repeat:no-repeat;height:18px;left:34px;position:absolute;top:30px;width:10px}.create-keys-address-note a{color:#5c34a2}.validators{text-align:left}.validators-i{border-radius:5px;border:1px solid #e4e4e4;margin-bottom:30px;padding:20px 30px}@media (max-width: 414px){.validators-i{margin-bottom:20px}}.validators-header{border-bottom:1px solid #e4e4e4;color:#333333;display:flex;font-size:18px;font-stretch:normal;font-style:normal;font-weight:700;justify-content:space-between;letter-spacing:normal;line-height:1.2;margin:0 0 20px;padding:0 0 15px;text-align:left}@media (max-width: 414px){.validators-header{display:block}}.validators-header--address{word-break:break-all;margin-bottom:10px}.validators-header--hint{color:#777;font-size:13px;font-weight:400;line-height:1.2}.validators-header--confirmations{font-size:15px;font-weight:500;line-height:1.2}@media (max-width: 414px){.validators-header--confirmations{padding-top:15px}}.validators-body{overflow:hidden}.validators-footer{display:flex;justify-content:center;padding-top:20px}.validators-notary,.validators-company,.validators-license{width:48%;font-size:12px}@media (max-width: 768px){.validators-notary,.validators-company,.validators-license{float:none;width:100%}}@media (max-width: 768px){.validators-company.right .validators-title{display:none}}.validators-title{background-position:0 50%;background-repeat:no-repeat;background-size:contain;color:#333;font-size:16px;font-weight:700;height:24px;line-height:24px;margin:0 0 20px 0;padding:0 0 0 35px;text-align:left}@media (max-width: 414px){.validators-title{margin:15px 0}}.validators-title--notary{background-image:url("../images/icons/icon-notary.svg")}.validators-title--company{background-image:url("../images/icons/icon-company.svg")}.validators-title--notary-license{background-image:url("../images/icons/icon-notary-license.svg")}.validators-table-i{color:#333;display:flex;font-size:14px;font-weight:500;justify-content:space-between;line-height:1.2;padding:20px}.validators-table-i:nth-child(odd){background-color:#f7f7f7}.validators-count{color:#333;font-size:14px;line-height:38px;margin-bottom:0}.validators-count-val{font-weight:700}.data-icon--unconfirmed,.data-icon--confirmed{background-position:center;background-repeat:no-repeat;border-radius:50%;display:inline-block;height:24px;vertical-align:middle;width:24px}.data-icon--unconfirmed{background-color:#e5e5e5;background-image:url("/images/unconfirmed.svg")}.data-icon--confirmed{background-color:#60db97;background-image:url("/images/confirmed.svg")}.validator-physical-address{display:flex}.validator-physical-address__title{flex-shrink:0;padding-right:10px}.validator-physical-address__value{display:flex;height:19px;line-height:19px;margin-bottom:21px;text-align:right;text-transform:capitalize}.validator-physical-address__value span{flex-grow:1}.validator-physical-address__value .data-icon--confirmed,.validator-physical-address__value .data-icon--unconfirmed{flex-shrink:0;line-height:1em;margin-left:10px;margin-top:-2px}.validator-physical-address--multiple{display:block}.validator-physical-address--multiple .validator-physical-address__title{margin-bottom:15px;width:100%}.validator-physical-address--multiple .validator-physical-address__value{text-align:left} +@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}@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}.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:#cbcbcb #d7d7d7 #d7d7d7;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:#f1f1f1;color:#000}.Select-option.is-focused{background-color:#e4e4e4;color:#333}.Select-option.is-disabled{color:#fff;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:#000;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:#000;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:#cbcbcb;color:#cbcbcb}.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:#999}.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}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}.vl-AllValidators{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.vl-AllValidators{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.vl-AllValidators{padding-left:20px;padding-right:20px}}.lo-App{align-items:center;display:flex;flex-direction:column;height:100%;padding-top:120px;width:100%}.lo-App.lo-App-no-search-bar{padding-top:70px}.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)}.vld-App{max-width:100%;padding-left:10px;padding-right:10px;width:1000px}@media (min-width: 768px){.vld-App{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.vld-App{padding-left:20px;padding-right:20px}}.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-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-IconSet_Path.nl-IconSet_Path-core{fill:#60db97}.nl-IconSet_Path.nl-IconSet_Path-sokol{fill:#fff}.nl-IconSet_Path.nl-IconSet_Path-dai{fill:#333}.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-IconFinalize_Path.sw-IconFinalize_Path-core{fill:#fff}.sw-IconFinalize_Path.sw-IconFinalize_Path-sokol{fill:#fff}.sw-IconFinalize_Path.sw-IconFinalize_Path-dai{fill:#fff}.sw-ButtonFinalize-danger .sw-IconFinalize_Path{fill:#fff !important}.sw-ButtonFinalize-disabled .sw-IconFinalize_Path{fill:#333 !important}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconGithub:active,.sw-IconGithub:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.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:box-shadow 0.15s ease-out}.sw-IconPOA:active,.sw-IconPOA:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconTelegram:active,.sw-IconTelegram:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.nl-IconPending_Path.nl-IconPending_Path-core{fill:#60db97}.nl-IconPending_Path.nl-IconPending_Path-sokol{fill:#fff}.nl-IconPending_Path.nl-IconPending_Path-dai{fill:#333}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:box-shadow 0.15s ease-out}.sw-IconTwitter:active,.sw-IconTwitter:hover{box-shadow:0 0 15px 0 rgba(102,102,102,0.3)}.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{display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.sw-MainTitle_Content{flex-direction:row;justify-content:space-between}}.sw-MainTitle_Text{color:#333;font-size:24px;line-height:38px;margin:0}.sw-MainTitle_ExtraText{color:#333;font-size:14px;font-weight:400;line-height:38px;margin:0}.sw-MainTitle_ExtraText strong{font-weight:700}.hd-MobileMenuLinks{background-color:#45277a;padding:10px;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-core{background-image:url("../images/SearchBar/core.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-core,.sw-SearchBar_Input.sw-SearchBar_Input-core:focus,.sw-SearchBar_Input.sw-SearchBar_Input-core:hover,.sw-SearchBar_Input.sw-SearchBar_Input-core:active{color:#fff}.sw-SearchBar_Input.sw-SearchBar_Input-core::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-core:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-core::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-core:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-sokol{background-image:url("../images/SearchBar/sokol.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-sokol,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:focus,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:hover,.sw-SearchBar_Input.sw-SearchBar_Input-sokol:active{color:#fff}.sw-SearchBar_Input.sw-SearchBar_Input-sokol::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-sokol:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-sokol::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-sokol:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-dai{background-image:url("../images/SearchBar/dai.svg")}.sw-SearchBar_Input.sw-SearchBar_Input-dai,.sw-SearchBar_Input.sw-SearchBar_Input-dai:focus,.sw-SearchBar_Input.sw-SearchBar_Input-dai:hover,.sw-SearchBar_Input.sw-SearchBar_Input-dai:active{color:#333}.sw-SearchBar_Input.sw-SearchBar_Input-dai::-webkit-input-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important}.sw-SearchBar_Input.sw-SearchBar_Input-dai:-moz-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-dai::-moz-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important;opacity:1}.sw-SearchBar_Input.sw-SearchBar_Input-dai:-ms-input-placeholder{color:rgba(51,51,51,0.5) !important;font-size:14px !important}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}.vl-Validator{border-radius:5px;border:1px solid #e4e4e4;margin-bottom:20px;padding:15px;text-align:left}@media (min-width: 768px){.vl-Validator{margin-bottom:30px;padding:20px 30px}}.vl-Validator_Header{border-bottom:1px solid #e4e4e4;color:#333333;display:block;font-size:18px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.2;margin:0 0 20px;padding:0 0 15px;text-align:left}@media (min-width: 768px){.vl-Validator_Header{display:flex;justify-content:space-between}}.vl-Validator_HeaderAddress{word-break:break-all;margin-bottom:10px}.vl-Validator_HeaderHint{color:#777;font-size:13px;font-weight:400;line-height:1.2}.vl-Validator_HeaderConfirmations{font-size:15px;font-weight:500;line-height:1.2;padding-top:15px}@media (min-width: 768px){.vl-Validator_HeaderConfirmations{padding-top:0}}.vl-Validator_Body{display:flex;flex-direction:column;flex-wrap:wrap}@media (min-width: 768px){.vl-Validator_Body{flex-direction:row}}.vl-Validator_Column{float:none;width:100%;font-size:12px}@media (min-width: 768px){.vl-Validator_Column{width:50%}.vl-Validator_Column:first-child{padding-right:10px}.vl-Validator_Column:nth-child(2){padding-left:10px}}.vl-Validator_Footer{display:flex;flex-grow:1;justify-content:center;padding-top:20px;width:100%}.vl-Validator_Title{background-position:0 50%;background-repeat:no-repeat;background-size:contain;color:#333;font-size:16px;font-weight:700;height:24px;line-height:24px;margin:15px 0;padding:0 0 0 35px;text-align:left}@media (min-width: 768px){.vl-Validator_Title{margin:0 0 20px 0}}.vl-Validator_Title.vl-Validator_Title-notary{background-image:url("../images/icons/icon-notary.svg")}.vl-Validator_Title.vl-Validator_Title-company{background-image:url("../images/icons/icon-company.svg")}.vl-Validator_Title.vl-Validator_Title-notary-license{background-image:url("../images/icons/icon-notary-license.svg")}.vl-Validator_TableRow{color:#333;display:flex;font-size:14px;font-weight:500;justify-content:space-between;line-height:1.2;padding:20px}.vl-Validator_TableRow:nth-child(odd){background-color:#f7f7f7}.vl-Validator_TableCol{color:#333;font-size:14px;font-weight:400;line-height:1.2;margin:0 15px 0 0}.vl-Validator_TableCol:last-child{margin:0}.data-icon--unconfirmed,.data-icon--confirmed{background-position:center;background-repeat:no-repeat;border-radius:50%;display:inline-block;height:24px;vertical-align:middle;width:24px}.data-icon--unconfirmed{background-color:#e5e5e5;background-image:url("/images/unconfirmed.svg")}.data-icon--confirmed{background-color:#60db97;background-image:url("/images/confirmed.svg")}.create-keys-button{background-color:#5c34a2;background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;box-shadow:0px 5px 10px 0 rgba(92,92,92,0.2);color:#fff;cursor:pointer;font-size:16px;font-weight:bold;line-height:44px;outline:none;padding:0 45px 0 15px;text-decoration:none;text-transform:capitalize;transition:0.15s background-color}.create-keys-button:hover{background-color:#7346c3}.create-keys-button{background-image:url("../images/icons/icon-arrow-right.svg");background-size:18px 14px}.hidden{display:none}button:focus{outline:none}.key-content{display:table-cell;vertical-align:middle;background-color:#fbfbfb;text-align:center}.left{float:left}.right{float:right}.text-capitalized{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.text-align-right{text-align:right}.text-whitespace-nowrap{white-space:nowrap}.display-none{display:none}.create-keys-button-container{display:flex;align-items:center;justify-content:center}.create-keys{padding-bottom:20px}.create-keys h1{margin-bottom:20px}.create-keys h2{margin-bottom:20px}.create-keys-form{display:flex;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}@media (max-width: 768px){.create-keys-form{flex-direction:column}}.create-keys-form-is-company{width:100%;margin-bottom:20px}.create-keys-form-is-company input[type="radio"]{display:inline !important;width:auto;height:auto}.create-keys-form-is-company label{display:inline-block !important;vertical-align:top;margin-right:16px}@media (max-width: 768px){.create-keys-form-is-company label{vertical-align:middle}}.create-keys-form-i{width:48%;flex-shrink:0}@media (max-width: 768px){.create-keys-form-i{width:100%}}.create-keys label:not(.radio){color:#333;display:block;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:6px}.create-keys button,.create-keys input,.create-keys textarea{outline:none;font-family:'Open Sans', sans-serif}.create-keys input,.create-keys textarea{background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#333;font-size:16px;height:38px;outline:none;padding:0 15px;transition:0.15s border-color;margin-bottom:20px;width:100%}.create-keys input:hover,.create-keys textarea:hover{border-color:#8e959d;color:#202d3c}.create-keys input:focus,.create-keys textarea:focus{border-color:#5c34a2;color:#202d3c}.create-keys #PlacesAutocomplete__root{margin-bottom:20px}.create-keys #PlacesAutocomplete__root input{margin-bottom:0}.create-keys textarea{height:110px;padding:15px;resize:none}.create-keys input[type="radio"]{display:none}.create-keys input[type="radio"]:checked+.radio:after{opacity:1}.create-keys-button[disabled]{cursor:default;opacity:0.7}.create-keys-button:focus,.create-keys-button:active{box-shadow:none}.create-keys-button.finalize{margin-right:10px}.sokol .create-keys-button{background-color:#6ac9b9}.sokol .create-keys-button:hover{background-color:#8fd7cb}.create-keys-address-note{color:#5c34a2;border:solid 1px #5c34a2;border-radius:5px;font-size:14px;line-height:24px;margin:50px 0 40px 0;padding:30px 47px 28px 62px;position:relative}.create-keys-address-note__icon-info{background-image:url("../images/icons/icon-info.svg");background-repeat:no-repeat;height:18px;left:34px;position:absolute;top:30px;width:10px}.create-keys-address-note a{color:#5c34a2}.validator-physical-address{display:flex}.validator-physical-address__title{flex-shrink:0;padding-right:10px}.validator-physical-address__value{display:flex;height:19px;line-height:19px;margin-bottom:21px;text-align:right;text-transform:capitalize}.validator-physical-address__value span{flex-grow:1}.validator-physical-address__value .data-icon--confirmed,.validator-physical-address__value .data-icon--unconfirmed{flex-shrink:0;line-height:1em;margin-left:10px;margin-top:-2px}.validator-physical-address--multiple{display:block}.validator-physical-address--multiple .validator-physical-address__title{margin-bottom:15px;width:100%}.validator-physical-address--multiple .validator-physical-address__value{text-align:left} diff --git a/src/assets/stylesheets/old/application/_validators.scss b/src/assets/stylesheets/old/application/_validators.scss deleted file mode 100644 index c739960..0000000 --- a/src/assets/stylesheets/old/application/_validators.scss +++ /dev/null @@ -1,172 +0,0 @@ -.validators { - text-align: left; - - &-i { - - border-radius: 5px; - border: 1px solid $base-border-color; - margin-bottom: 30px; - padding: 20px 30px; - - @media (max-width: $mobile-width) { - margin-bottom: 20px; - } - - } - - &-header { - - border-bottom: 1px solid $base-border-color; - color: #333333; - display: flex; - font-size: 18px; - font-stretch: normal; - font-style: normal; - font-weight: 700; - justify-content: space-between; - letter-spacing: normal; - line-height: 1.2; - margin: 0 0 20px; - padding: 0 0 15px; - text-align: left; - - @media (max-width: $mobile-width) { - display: block; - } - - &--address { - word-break: break-all; - margin-bottom: 10px; - } - - &--hint { - color: #777; - font-size: 13px; - font-weight: 400; - line-height: 1.2; - } - - &--confirmations { - font-size: 15px; - font-weight: 500; - line-height: 1.2; - @media (max-width: $mobile-width) { - padding-top: 15px; - } - } - - } - - &-body { - overflow: hidden; - } - &-footer { - display: flex; - justify-content: center; - padding-top: 20px; - } - - &-notary, - &-company, - &-license { - width: 48%; - font-size: 12px; - - @media (max-width: $tablet-width) { - float: none; - width: 100%; - } - } - - &-company { - &.right { - .validators-title { - @media (max-width: $tablet-width) { - display: none; - } - } - } - } - - &-title { - background-position: 0 50%; - background-repeat: no-repeat; - background-size: contain; - color: #333; - font-size: 16px; - font-weight: 700; - height: 24px; - line-height: 24px; - margin: 0 0 20px 0; - padding: 0 0 0 35px; - text-align: left; - - @media (max-width: $mobile-width) { - margin: 15px 0; - } - - &--notary { - background-image: url('#{ $base-images-path }/icons/icon-notary.svg'); - } - &--company { - background-image: url('#{ $base-images-path }/icons/icon-company.svg'); - } - &--notary-license { - background-image: url('#{ $base-images-path }/icons/icon-notary-license.svg'); - } - } - - &-table { - - &-i { - color: #333; - display: flex; - font-size: 14px; - font-weight: 500; - justify-content: space-between; - line-height: 1.2; - padding: 20px; - - &:nth-child(odd) { - background-color: #f7f7f7; - } - - } - } -} - -.validators-count { - color: #333; - font-size: 14px; - line-height: 38px; - margin-bottom: 0; - - &-val { - font-weight: 700; - } -} - -// Icon that represents unconfirmed/confirmed validator's data -%data-icon { - background-position: center; - background-repeat: no-repeat; - border-radius: 50%; - display: inline-block; - height: 24px; - vertical-align: middle; - width: 24px; -} - -.data-icon { - &--unconfirmed { - @extend %data-icon; - background-color: #e5e5e5; - background-image: url('/images/unconfirmed.svg'); - } - - &--confirmed { - @extend %data-icon; - background-color: #60db97; - background-image: url('/images/confirmed.svg'); - } -} diff --git a/src/assets/stylesheets/old/index.scss b/src/assets/stylesheets/old/index.scss index d7fae9b..2e35de3 100644 --- a/src/assets/stylesheets/old/index.scss +++ b/src/assets/stylesheets/old/index.scss @@ -5,5 +5,4 @@ @import 'application/addition'; @import 'application/base'; @import 'application/create-keys'; -@import 'application/validators'; @import 'application/validatorPhysicalAddresses'; diff --git a/src/components/Validator/index.js b/src/components/Validator/index.js index 62f23e1..fe4082c 100644 --- a/src/components/Validator/index.js +++ b/src/components/Validator/index.js @@ -34,96 +34,85 @@ class Validator extends Component { isCompany = true } - const validatorsLeftClass = isCompany ? 'validators-company' : 'validators-notary' - const validatorsRightClass = isCompany ? 'validators-company' : 'validators-license' - const iconLeftClass = isCompany ? 'validators-title--company' : 'validators-title--notary' - const iconRightClass = !isCompany ? 'validators-title--notary-license' : '' - + const iconLeftClass = isCompany ? 'vl-Validator_Title-company' : 'vl-Validator_Title-notary' + const iconRightClass = !isCompany ? 'vl-Validator_Title-notary-license' : '' const showAllValidators = this.props.methodToCall === 'getAllValidatorsData' - const indexAndAddress = showAllValidators ? `#${index}. ${address}` : address - const confirmationsDiv = !showAllValidators ? (
{this.state.confirmation} confirmations
) : ( '' ) - const fullName = isCompany ? firstName : `${firstName} ${lastName}` - const physicalAddressesDiv = !isCompany ? : '' - const contactEmailDiv = isCompany ? ( -
-

Contact E-mail

-

{contactEmail}

+
+

Contact E-mail

+

{contactEmail}

) : ( '' ) - const licenseIdDiv = !isCompany ? ( -
-

License ID

-

{licenseId}

+
+

License ID

+

{licenseId}

) : ( '' ) - const licenseExpirationDiv = !isCompany ? ( -
-

License Expiration

-

{expirationDate}

+
+

License Expiration

+

{expirationDate}

) : ( '' ) - const pendingChangeDateDiv = updatedDate ? ( -
-

Pending Change Date

-

{updatedDate}

+
+

Pending Change Date

+

{updatedDate}

) : ( '' ) return ( -
-
+
+
-
{indexAndAddress}
-
Wallet Address
+
{indexAndAddress}
+
Wallet Address
{confirmationsDiv}
-
-
-

{isCompany ? 'Company' : 'Notary'}

-
-
-

Full Name

-

{fullName}

+
+
+

{isCompany ? 'Company' : 'Notary'}

+
+
+

Full Name

+

{fullName}

{physicalAddressesDiv} {contactEmailDiv}
-
-

{!isCompany ? 'Notary license' : ''}

-
+
+

{!isCompany ? 'Notary license' : ''}

+
{licenseIdDiv} {licenseExpirationDiv} -
-

Miner Creation Date

-

{createdDate}

+
+

Miner Creation Date

+

{createdDate}

{pendingChangeDateDiv}
-
{children}
+ {children ?
{children}
: null}
) }