:root{--h1:48px;--h2:38px;--h3:28px;--h4:20px;--h5:16px;--h6:13px;--small_text:12px;--base-text:13px;--smallest:9px;--width-base:1700;--width-current:100vw;--width-multiplier:var(--width-current) /var(--width-base);--black:#000;--dark-black:#101010;--white:#fff;--dark-gray:#323232;--dark-blue:#262f4b;--blue:#344066;--light-blue:#475276;--gray:#9ba0b2;--gray-300:#ebecf0;--light-gray:#fbfbfb;--red:#e31e25;--green:#5cb585;--green-100:#d1e9e8;--orange:#ef5f31;--orange-100:#faebe7;--blue-100:#ecefff;--blue-150:#8ed5ff;--blue-200:#61a8eb;--blue-600:#2977bd;--blue-700:#1c3f94;--blue-800:#344066;--blue-logo:#1c3f94;--link-color:#61a8eb;--text-primary:#101010;--text-secondary:#fff;--text-descr:#b3b3b3;--text-dark-descr:#9ba0b2;--text-green:#347854;--text-orange:#ef5f31;--text-blue:#262f4b;--border-black:#101010;--border-color:#e8e8e8;--border-dark-gray:#878a94;--border-light-gray:#c8c8c8;--border-orange:#ef5f31;--line-blue:#475273;--line:#f2f2f2;--border-footer:#3a3a3a;--error:#e31e25;--success:#5cb585;--green-default:#4fb07c;--green-hover:#459a6c;--green-pressed:#347854;--white-default:#fff;--white-hover:#fbfbfb;--white-pressed:#e8e8e8;--orange-default:#ef5f31;--orange-hover:#e63c06;--orange-pressed:#c23103;--red-default:#e31e25;--red-hover:#c8191f;--blue-default:#344066;--blue-hover:#262f4b;--blue-pressed:#121b38;--light-green-hover:#dcefe5;--light-green-pressed:#aecec2;--light-blue-hover:#d3d7e7;--light-blue-pressed:#949ec5;--light-orange-hover:#ffdfd5;--light-orange-pressed:#f2aa93;--active-filter:#fef7f3;--disabled:#e8e8e8}@media screen and (max-width:1024px){:root{--width-base:1024;--h1:calc(var(--width-multiplier)*48);--h2:calc(var(--width-multiplier)*38);--h3:calc(var(--width-multiplier)*28);--h4:calc(var(--width-multiplier)*20);--h5:calc(var(--width-multiplier)*16)}}@media screen and (max-width:860px){:root{--width-base:860}}@media screen and (max-width:680px){:root{--width-base:680;--h4:16px;--h5:14px;--h6:14px;--base-text:14px}}@media screen and (max-width:480px){:root{--width-base:580}}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:300;src:url(/fonts/montserrat/Montserrat-Light_300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/fonts/montserrat/Montserrat-Regular_400.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/fonts/montserrat/Montserrat-SemiBold_600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/fonts/montserrat/Montserrat-Bold_700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/fonts/roboto/Roboto-Light_300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/roboto/Roboto-Regular_400.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/fonts/roboto/Roboto-Bold_700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:400;src:url(/fonts/caveat/Caveat-Regular_400.ttf) format("truetype")}.box_shadow{box-shadow:0 0 4px 0 rgba(0,0,0,.08)}.box_shadow_clear{box-shadow:none}.border_radius{border-radius:2px}.border_radius_4{border-radius:4px}.border_radius_8{border-radius:8px}.border_radius_12{border-radius:12px}.border_radius_20{border-radius:20px}.border_radius_clear{border-radius:0}.circle{border-radius:50%}.box{background-color:var(--white);border:1px solid var(--border-color);border-radius:2px;padding:8px}.flex_direction_column{flex-direction:column}.transition{transition:.2s ease-in-out}.transition_directive_animate{transition:.5s linear}.default_translate{transform:translateY(-5px)}.default_box_shadow{box-shadow:3px 4px 9px 0 rgba(34,60,80,.2)}.border_radius_32{border-radius:32px}@media screen and (max-width:1024px){.wrapper_content{padding-left:10px;padding-right:10px}}@media screen and (max-width:680px){.wrapper_content{padding:0}}.formatWebTtl{font-size:var(--h2);margin-top:20px}.formatWrpr{align-items:stretch;display:flex;flex-wrap:wrap}.formatLeft{background:var(--white);padding:20px;width:45%}.formatLeft .info,.formatLeft .ttl{font-size:var(--h3)}.formatLeft .info{margin-top:40px}.formatLeft .btn{padding:12px 0;width:40%}.formatRight{background:var(--black);padding:20px;width:55%}.formatRight .ttl{font-weight:700}.formatRight .info,.formatRight .ttl{color:var(--text-secondary);font-size:var(--h3)}.formatRight .info{margin-top:40px}.formatRight .testTemplate{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-top:0}.formatRight .testTemplate .testTemplateItem{background:var(--white);border:none;margin-bottom:0;margin-top:40px;padding:10px;width:30%}.formatRight .testTemplate .testTemplateItem .select .switch{border-color:var(--border-dark-gray);font-weight:700}.formatRight .testTemplate .testTemplateItem .select .item{padding:5px}.formatRight .testTemplate .testTemplateItem .select .select_wrapper{box-shadow:0 0 4px 0 rgba(0,0,0,.08)}.formatRight .testTemplate .testTemplateItem .name{border:none;font-size:var(--h6);font-weight:400;height:38px;padding:0;text-align:left;text-transform:none}.formatRight .testTemplate .testTemplateItem .select_dflt_width{margin:0 0 10px;width:100%}.formatRight .testTemplate .testTemplateItem .loadList{display:flex;flex-wrap:wrap;justify-content:space-between}.formatRight .testTemplate .testTemplateItem .loadList .itemLnk{background:var(--light-gray);border-radius:2px;color:var(--text-primary);display:block;margin:5px 0;padding:5px 5px 5px 28px;position:relative;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;width:45%}.formatRight .testTemplate .testTemplateItem .loadList .itemLnk:before{background-color:var(--blue);content:"";height:16px;left:4px;-webkit-mask:url(/img/icons/stack.svg#download) no-repeat;mask:url(/img/icons/stack.svg#download) no-repeat;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease-in-out;width:16px}.formatRight .testTemplate .testTemplateItem .loadList .itemLnk:hover{background:var(--green);color:var(--text-secondary)}.formatRight .testTemplate .testTemplateItem .loadList .itemLnk:hover:before{background-color:var(--white)}.formatRight .testTemplate .testTemplateItem .btn{width:100%}@media screen and (max-width:860px){.formatLeft,.formatRight{width:100%}}@media screen and (max-width:680px){.formatWebTtl{padding:0 20px}}@media screen and (max-width:500px){.formatLeft .btn,.formatRight .testTemplate .testTemplateItem{width:46%}}
