@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.text-right{text-align:right}.text-center{text-align:center}.text-primary{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.68)}.text-small{font-size:14px;line-height:24px}.pos-rel{position:relative}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section,main,summary{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted;cursor:help}b,strong{font-weight:bold}dfn,i,em{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:inherit}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:bold}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}*,*::before,*::after{box-sizing:border-box}[role=button]{cursor:pointer}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none !important}*{outline:none !important}body{font-family:"IBM Plex Sans",Helvetica,sans-serif;font-style:normal;font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;color:rgba(0,0,0,.87)}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}h1{font-size:24px;line-height:30px;font-weight:700}h2{font-size:20px;line-height:30px}h3{font-size:18px;line-height:28px;margin-bottom:14px;margin-top:38px}h4{font-size:16px;line-height:26px}h5{font-size:14px;line-height:24px}h6{font-size:12px;line-height:22px}nav ul,nav ol{margin:0;padding:0;list-style:none}nav ul li,nav ol li{padding-left:0}table{width:100%}table caption{text-align:left;color:#888;padding:0 0 5px 0}table thead th,table thead td{padding-top:0}table tbody tr:last-child th,table tbody tr:last-child td{padding-bottom:0}table th,table td{padding:8px 0;text-align:left}table th+th,table th+td,table td+th,table td+td{padding-left:10px}table th{font-weight:700;font-size:15px}table td{border-bottom:1px solid rgba(255,255,255,.1)}table td[colspan]{border-bottom:none}table tr+tr th{padding-top:40px}table tr.disabled td,table tr.disabled th{opacity:.2}p{margin:0}blockquote{text-align:center;display:block;margin:20px 0}hr{display:block;height:1px;border:none;margin:24px 0 38px;padding:0;background:#e3ebef}b,strong{font-weight:500}img{vertical-align:middle}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ul:first-child,ol:first-child,table:first-child,p:first-child,blockquote:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ul:last-child,ol:last-child,table:last-child,p:last-child,blockquote:last-child{margin-bottom:0}p+ul,p+ol{margin-top:10px}svg:not(:root){overflow:hidden}svg{fill:currentColor}input,textarea{display:block;width:100%;background:#f1f4f6;font-size:16px;line-height:26px;padding:10px 14px;color:rgba(0,0,0,.87);border-radius:4px;border:2px solid #f1f4f6;resize:none}input ::-webkit-input-placeholder,textarea ::-webkit-input-placeholder{color:rgba(0,0,0,.68)}input :-moz-placeholder,textarea :-moz-placeholder{color:rgba(0,0,0,.68)}input ::-moz-placeholder,textarea ::-moz-placeholder{color:rgba(0,0,0,.68)}input :-ms-input-placeholder,textarea :-ms-input-placeholder{color:rgba(0,0,0,.68)}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f1f4f6 inset}input:focus,textarea:focus{border-color:#e3ebef}button,.button{color:#67cb8b;letter-spacing:.4px;text-transform:uppercase;border:none;border-radius:8px;font-weight:400;margin:0;font-size:14px;line-height:24px;background:transparent;transition:background-color .2s;padding:8px 16px}button:hover,.button:hover{color:#36b579}button .loader,.button .loader{display:none;width:24px;height:24px;border-width:3px}button[disabled],.button[disabled]{opacity:.5;pointer-events:none;cursor:default}button.button-block,.button.button-block{display:block;text-align:center;width:100%}button.button-green,.button.button-green{background:#67cb8b;box-shadow:0 1px 2px rgba(45,151,101,.08);color:#fff !important}button.button-green:hover,.button.button-green:hover{background:#36b579}button.button-gray-light,.button.button-gray-light{background:#f1f4f6;color:#1c2734}button.button-gray-light:hover,.button.button-gray-light:hover{background:#d2dce2}button.loading,.button.loading{pointer-events:none;position:relative}button.loading.button-green,.button.loading.button-green{color:#67cb8b !important}button.loading .loader,.button.loading .loader{display:block}button.button-with-icon svg,.button.button-with-icon svg{width:24px;height:24px;display:inline-block;margin-right:8px;vertical-align:middle;position:relative;top:-1px}label{font-size:14px;line-height:24px;margin-bottom:8px;display:block}fieldset+fieldset{margin-top:24px}html{position:relative;min-height:100%}body{background:#f1f4f6;min-width:1280px}.row{margin:0 -12px;display:flex}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding:0 12px;vertical-align:top}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 500ms}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 500ms}@-webkit-keyframes fadeInOverlay{0%{opacity:0}100%{opacity:1}}@keyframes fadeInOverlay{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInContent{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes fadeInContent{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.react-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;padding:40px;display:flex;justify-content:center;flex-direction:column;background:rgba(0,0,0,.5);-webkit-animation:.2s ease-out 0s 1 fadeInOverlay;animation:.2s ease-out 0s 1 fadeInOverlay}.react-modal-content{background:#fff;margin:0 auto;box-shadow:0 10px 10px -5px rgba(0,0,0,.2);-webkit-animation:.2s ease-out 0s 1 fadeInContent;animation:.2s ease-out 0s 1 fadeInContent}.notification-container{box-sizing:border-box;position:fixed;bottom:0;right:0;z-index:999999;width:320px;padding:0 15px 20px 0;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.notification{box-sizing:border-box;padding:20px 20px 20px 20px;border-radius:2px;color:#fff;background-color:#1b282f;box-shadow:0 10px 10px -5px rgba(0,0,0,.2);cursor:pointer;font-size:1em;line-height:1.2em;position:relative;opacity:1;margin-top:10px}.notification .title{font-size:1em;line-height:1.2em;font-weight:700;margin:0 0 5px 0}.notification:hover,.notification:focus{opacity:1}.notification-enter{visibility:hidden;transform:translate3d(100%, 0, 0)}.notification-enter.notification-enter-active{visibility:visible;transform:translate3d(0, 0, 0);transition:all .4s}.notification-leave{visibility:visible;transform:translate3d(0, 0, 0)}.notification-leave.notification-leave-active{visibility:hidden;transform:translate3d(100%, 0, 0);transition:all .4s}.notification:before{position:absolute;top:50%;left:10px;margin-top:-14px;display:block;width:28px;height:28px;font-size:28px;text-align:center;line-height:28px}.notification-info{border-left:6px solid #1b282f}.notification-success{border-left:6px solid #67cb8b}.notification-warning{border-left:6px solid #f89406}.notification-error{border-left:6px solid #f93537}@-webkit-keyframes load{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes load{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader,.loader:after{border-radius:50%;width:24px;height:24px;display:block}.loader{position:absolute;top:50%;right:50%;margin:-12px -12px 0 0;font-size:10px;text-indent:-9999em;border-top:4px solid rgba(255,255,255,.2);border-right:4px solid rgba(255,255,255,.2);border-bottom:4px solid rgba(255,255,255,.2);border-left:4px solid #fff;transform:translateZ(0);-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.react-hint{padding:10px;position:absolute;z-index:9999;cursor:default;-webkit-animation:.2s fadeIn;animation:.2s fadeIn}.react-hint .react-hint__content{padding:16px;font-size:14px;line-height:24px;z-index:255;background:#fff;box-shadow:0 2px 8px rgba(27,40,47,.16);border-radius:8px}.react-hint:after{content:"";width:0;height:0;margin:auto;display:block;position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:5px solid transparent}.react-hint.react-hint--top:after{top:auto;border-bottom:none;border-top-color:#fff}.react-hint.react-hint--left:after{left:auto;border-right:none;border-left-color:#fff}.react-hint.react-hint--right:after{right:auto;border-left:none;border-right-color:#fff}.react-hint.react-hint--bottom:after{bottom:auto;border-top:none;border-bottom-color:#fff}
.content{max-width:1072px;margin:0 auto;padding:124px 24px 64px}
.header{padding:10px 24px;color:#fff;background:#1c2734;position:absolute;top:0;right:0;left:0;display:flex;justify-content:space-between}.header .logo{padding:8px;font-size:18px;line-height:0;letter-spacing:.01em}.header .logo svg{width:25px;height:25px;vertical-align:top}.header .logo b{display:inline-block;vertical-align:top;margin-left:10px;line-height:25px;font-weight:600}.header .logo span{display:inline-block;vertical-align:top;margin-left:8px;line-height:25px}.header .header-controls{white-space:nowrap}.header .header-controls button{margin-left:12px;background-color:#363f46;color:#fff !important}.header .header-controls button:hover{background:#4c5963}.header .header-controls button.loading{color:#363f46 !important}
.survey{display:inline-block}
.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease-out;background:rgba(0,0,0,.68)}.custom-modal-overlay.ReactModal__Overlay--after-open{opacity:1}.custom-modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:708px;border-radius:4px;background:#fff;box-shadow:0 0 8px 0 rgba(21,28,33,.1);text-align:left;overflow:hidden}.custom-modal .custom-modal-header{position:relative;padding:16px 24px;margin:-16px -24px}.custom-modal .custom-modal-header h3{margin:0}.custom-modal .custom-modal-header .custom-modal-close{color:rgba(0,0,0,.87);padding:23px;line-height:0;position:absolute;top:0;right:0}.custom-modal .custom-modal-header .custom-modal-close:hover{color:#f93537}.custom-modal .custom-modal-header .custom-modal-close svg{width:14px;height:14px}.custom-modal .card__content{overflow:auto;max-height:calc(100vh - 122px)}
.card{background:#fff;box-shadow:0 2px 4px rgba(27,40,47,.08);border-radius:4px}.card .card__header,.card .card__footer{padding:16px 24px}.card .card__header{border-bottom:1px solid #e3ebef}.card .card__footer{border-top:1px solid #e3ebef}.card .card__content{padding:24px}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader{width:40px;height:40px;border-radius:50%;border:solid 5px rgba(255,255,255,.2);border-top-color:#fff;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}
.intro .intro-content{padding:24px;background:#1c2734;border-radius:12px;color:#fff;margin-bottom:24px;background-position:center right;background-repeat:no-repeat;background-color:#1c2734;background-image:url(/images/visual.png?[fullhash]);background-size:cover}.intro .ReactCollapse--collapse{transition:height .25s}.intro .intro-text{padding-left:56px;max-width:278px}.intro .intro-text h1{margin-bottom:30px}.intro button{margin-top:20px}
.switch-field{border-radius:12px;padding:4px;background:#f1f4f6;display:flex}.switch-field .switch-field-option{margin-left:4px;flex:1;white-space:nowrap}.switch-field .switch-field-option.active{background:#1c2734;color:#fff;cursor:default}.switch-field .switch-field-option:first-child{margin-left:0}.switch-field .switch-field-option.disabled{cursor:default;opacity:.4}.switch-field-hint-content{background:#fff;width:308px;padding:16px;border-radius:16px;box-shadow:0 2px 8px rgba(27,40,47,.16)}.switch-field-hint-content .button-green{margin:8px -8px -8px;width:calc(100% + 16px)}
.step{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(27,40,47,.08);padding:0 24px}.step+.step{margin-top:24px}.step .step-header{padding:16px 0;display:flex}.step .step-header .step-title{cursor:pointer;white-space:nowrap}.step .step-header .step-title .step-number{font-weight:700;font-size:24px;color:#1c2734;width:40px;height:40px;line-height:40px;text-align:center;background:#e4ebef;border-radius:50%;display:inline-block;position:relative}.step .step-header .step-title .step-number .step-checked{color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;background:#67cb8b;border-radius:50%}.step .step-header .step-title .step-number .step-checked svg{vertical-align:top;width:24px;height:24px;position:relative;top:8px}.step .step-header .step-title .step-name{font-size:24px;line-height:40px;display:inline-block;font-weight:700;margin-left:16px}.step .step-header .step-title.disabled{cursor:default;pointer-events:none;opacity:.5}.step .step-tags{margin-left:16px}.step .step-tags .step-tag{line-height:32px;background:#f1f4f6;border-radius:4px;display:inline-block;white-space:nowrap;margin:4px;font-size:14px;padding:0 8px}.step .step-tags .step-tag .step-tag-icon{display:inline-block;vertical-align:top;position:relative;top:4px;margin-right:8px;line-height:0;width:24px;height:24px}.step .step-tags .step-tag .step-team-logo{width:20px;height:20px;background-size:contain;background-position:center center;background-repeat:no-repeat;display:inline-block;vertical-align:top;position:relative;top:6px;margin-right:8px}.step .step-tags .step-tag .step-tag-delete{display:inline-block;vertical-align:top;position:relative;top:4px;margin-left:8px;margin-right:-4px;line-height:0;color:#1c2734;padding:0}.step .step-tags .step-tag .step-tag-delete:hover{color:#f93537}.step .step-tags .step-tag .step-tag-delete svg{width:24px;height:24px}.step .ReactCollapse--collapse{transition:height .25s}.step .step-content{padding:24px 0;border-top:1px solid #e4ebef}.step .step-footer{padding-bottom:24px;text-align:right}
.players-field .players-field-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;overflow:auto visible;padding:12px 0;margin:-12px}.players-field .players-field-list .col-4{min-width:33.33333%}.players-field .players-field-item{box-shadow:0 2px 8px rgba(27,40,47,.08);border-radius:12px;padding:24px 16px;position:relative}.players-field .players-field-item .player-field{margin-top:24px}.players-field .players-field-item .players-field-remove{color:#000;position:absolute;top:26px;right:16px}.players-field .players-field-item .players-field-remove:hover{color:#f93537}.players-field .players-field-item .players-field-remove svg{width:24px;height:24px}.players-field .players-field-add{display:flex;justify-content:center;height:100%;flex-direction:column}.players-field .players-field-add button{margin:8px 0}
.player-option{position:relative;padding-left:28px}.player-option .team-logo{position:absolute;top:50%;left:0;width:18px;height:20px;margin-top:-10px;background-size:contain;background-position:center center;background-repeat:no-repeat}
.custom-select .custom-select__control{background:#f1f4f6;border:2px solid #f1f4f6;outline:none;box-shadow:none;border-radius:4px;min-height:50px}.custom-select .custom-select__control:hover{border-color:#f1f4f6}.custom-select .custom-select__control.custom-select__control--menu-is-open{border-color:#e3ebef;border-radius:4px 4px 0 0}.custom-select .custom-select__control .custom-select__value-container{padding:0 14px}.custom-select .custom-select__control .custom-select__indicator-separator{display:none}body .custom-select__menu{margin-top:0;border-radius:0 0 4px 4px;box-shadow:none;border:2px solid #e3ebef;border-top:none;background:#f1f4f6}body .custom-select__menu .custom-select__menu-list{padding:0}body .custom-select__menu .custom-select__menu-list .custom-select__option{padding:8px 14px}body .custom-select__menu .custom-select__menu-list .custom-select__option.custom-select__option--is-focused{background:#e3ebef}body .custom-select__menu .custom-select__menu-list .custom-select__option.custom-select__option--is-selected{background:#1b282f}
.mean-field{box-shadow:0 2px 8px rgba(27,40,47,.08);border-radius:12px;padding:24px 16px;position:relative}.mean-field fieldset{margin-top:24px}.mean-field .mean-field-remove{color:#000;position:absolute;top:26px;right:16px}.mean-field .mean-field-remove:hover{color:#f93537}.mean-field .mean-field-remove svg{width:24px;height:24px}
.teams-field .teams-field-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;overflow:auto visible;padding:12px 0;margin:-12px}.teams-field .teams-field-list .col-4{min-width:33.33333%}.teams-field .teams-field-item{box-shadow:0 2px 8px rgba(27,40,47,.08);border-radius:12px;padding:24px 16px;position:relative}.teams-field .teams-field-item .team-field{margin-top:24px}.teams-field .teams-field-item .teams-field-remove{color:#000;position:absolute;top:26px;right:16px}.teams-field .teams-field-item .teams-field-remove:hover{color:#f93537}.teams-field .teams-field-item .teams-field-remove svg{width:24px;height:24px}.teams-field .teams-field-add{display:flex;justify-content:center;height:100%;flex-direction:column}.teams-field .teams-field-add button{margin:8px 0}
.team-option{position:relative;padding-left:28px}.team-option .team-logo{position:absolute;top:50%;left:0;width:18px;height:20px;margin-top:-10px;background-size:contain;background-position:center center;background-repeat:no-repeat}
.indicators-field .indicator-options{border-radius:12px;padding:24px 16px;font-size:14px}.indicators-field .indicator-options.indicator-options--choose .indicator-search{margin:24px 0 0}.indicators-field .indicator-options.indicator-options--selected{box-shadow:0 2px 8px rgba(27,40,47,.08)}.indicators-field .indicator-options .options-list,.indicators-field .indicator-options .values-list{margin:24px 0 0;overflow:auto;max-height:416px}.indicators-field .indicator-options .options-list{height:416px}.indicators-field .indicator-options .options-list li{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 48px 7px 0;margin:4px 0;position:relative}.indicators-field .indicator-options .options-list li svg{width:24px;height:24px}.indicators-field .indicator-options .options-list .add-to-value{position:absolute;top:0;right:0;color:#ccc;line-height:0;padding:8px 12px}.indicators-field .indicator-options .options-list .add-to-value:hover{color:#1c2734}.indicators-field .indicator-options .indicators-limit{margin-top:10px}
.indicator-value-option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 76px 7px 44px;margin:4px 0;position:relative;list-style:none;font-size:14px;line-height:26px}.indicator-value-option svg{width:24px;height:24px}.indicator-value-option .indicator-value-highlight,.indicator-value-option .sort-handler,.indicator-value-option .indicator-value-delete{position:absolute;top:0;color:#1c2734;line-height:0;padding:8px 12px}.indicator-value-option .indicator-value-highlight{right:32px}.indicator-value-option .indicator-value-highlight:hover{color:#67cb8b}.indicator-value-option .sort-handler{right:0;cursor:-webkit-grab;cursor:grab}.indicator-value-option .indicator-value-delete{left:0}.indicator-value-option .indicator-value-delete:hover{color:#f93537}.indicator-value-option.drag{background:#f1f4f6}
.indicators-hint{float:right;margin-top:3px}.indicators-hint .indicators-hint-trigger{color:#ccc;line-height:0;padding:0}.indicators-hint .indicators-hint-trigger:hover{color:gray}.indicators-hint .indicators-hint-trigger svg{width:24px;height:24px}.indicators-hint-content{background:#fff;width:308px;padding:16px;border-radius:16px;box-shadow:0 2px 8px rgba(27,40,47,.16)}.indicators-hint-content .hint-text{padding-left:32px;position:relative}.indicators-hint-content .hint-text+.hint-text{margin-top:16px}.indicators-hint-content .hint-text svg{position:absolute;top:0;left:0;width:24px;height:24px;color:gray}
.step-3 .row+.row{margin-top:24px}.step-3 .example{padding-top:56.25%;position:relative}.step-3 .example img{max-width:100%;position:absolute;top:0;right:0;bottom:0;left:0}
.color-option{position:relative;padding-left:32px}.color-option .color-legend{width:15px;height:15px;position:absolute;top:6px;left:4px;border-radius:50%}.color-option .color-legend:before{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:"";border:2px solid;border-color:inherit;border-radius:50%}
.bar-chart-colors-field{background:#f1f4f6;outline:none;box-shadow:none;border-radius:4px;position:relative;padding:12px 5px 12px 50px;color:gray;cursor:default}.bar-chart-colors-field .color-legend{width:22px;height:22px;position:absolute;top:14px;left:18px;border-radius:50%;border-color:red;background-color:#80c58e;background-image:linear-gradient(135deg,#80C58E 0%, #559560 50%, #D43C66 50%, #8E2F53 100%)}.bar-chart-colors-field .color-legend:before{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";border:1px solid #f1f4f6;border-radius:50%}.bar-chart-colors-field .color-hint{width:24px;height:24px;position:absolute;top:12px;right:12px;color:#ccc}.bar-chart-colors-field .color-hint:hover{color:gray}
.step-4 .row+.row{margin-top:24px}.step-4 .buttons-col{display:flex;flex-direction:column;justify-content:space-between}.format-option{position:relative;padding-left:32px}.format-option svg{width:24px;height:24px;position:absolute;top:1px;left:-2px}
.preview{padding-top:56.25%;background:#f1f4f6;position:relative}.preview.preview--square{padding-top:100%}.preview img{max-width:100%;position:absolute;top:0;left:0}.preview .loader{border-top-color:#1b282f}
.download{position:relative}
.code-textarea{height:176px;font-family:"IBM Plex Mono",monospace;font-size:16px;line-height:24px;flex:auto;margin-bottom:24px}
.privacy-policy{max-width:480px}.privacy-policy a{color:#67cb8b}.privacy-policy a:hover{color:#247951}
.custom-checkbox{position:relative;padding-left:36px;padding-bottom:0;min-height:20px}.custom-checkbox .checkbox-fake{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid #e3ebef;border-radius:4px;background:#f1f4f6}.custom-checkbox .checkbox-fake svg{position:absolute;top:50%;left:50%;width:24px;height:24px;color:rgba(0,0,0,.87);display:none;margin:-12px 0 0 -12px}.custom-checkbox:hover .checkbox-fake{transition:border-color .2s ease-out}.custom-checkbox input{width:0;height:0;opacity:0;position:absolute}.custom-checkbox input:checked+.checkbox-fake svg{display:block}.custom-checkbox input:indeterminate+.checkbox-fake:before{content:"";width:10px;height:1px;background:#fff;position:absolute;top:50%;left:3px}
.login .login-background{position:fixed;top:0;right:0;bottom:0;left:0;background-position:top right;background-repeat:no-repeat;background-color:#1c2734;background-image:url(/images/visual.png?[fullhash]);background-size:cover}.login .header{background:transparent}.login .login-form{position:absolute;top:196px;left:170px;background:#fff;border-radius:4px;padding:24px 32px;width:376px}.login .login-form .login-title{margin-bottom:24px}.login .login-form button{margin-top:32px}.login .error-message{margin-top:20px;font-weight:400;text-align:center;color:#c60608}