/* legacy.css — СГЕНЕРИРОВАНО tools/build-legacy.py, руками не править.
   Источник: 3f394a14-attachment.txt, 17ea2e24-attachment.txt, 788cbf8d-survey.css, 39a2c0f0-overlay.css, icons-legacy.css
   Действует только внутри острова .legacy. */
@layer legacy {
  /* ---- 3f394a14-attachment.txt ---- */
  :root{--color-primary:#ff6600;
--color-primary-brown:#A02900;
--color-primary-dark:#e55a00;
--color-orange-feedback:#e56719;
--color-accent:#ff3300;
--color-text-primary:#333;--color-text-secondary:#666;
--color-background:#fff;--color-background-alt:#f8f8f8;--color-border:#ddd;
--color-primary2:#104BA9;--color-accent2:#052D6E;--color-primary3:#00A287;--color-accent3:#006957;
--color-header-bg:#F45A23;--color-link:#2c70a2;--color-link-hover:#133e5e;
--color-note-border:#CA3A09;--color-note-bg:#FFFAF6;--border-gray:#ddd;--table-gray:#f7f9fb;
--color-panton26:#f0efeb;
--font-main:"Segoe UI Variable Text","Segoe UI","Open Sans",Tahoma,Arial,sans-serif,-apple-system,BlinkMacSystemFont,Roboto,Helvetica;
--font-display:"Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
--font-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,Menlo,Monaco,monospace;
--font-content:"Open Sans",Calibri,Verdana,Geneva,Arial,Helvetica,sans-serif;
--weight-light:300;--weight-normal:400;--weight-semibold:600;--weight-bold:700;
--radius:7px;--shadow:0 8px 24px rgba(0,0,0,0.08);--transition:all 0.2s ease;
--transition-time-pri:50ms;--transition-time-sec:150ms;
--text-color:hsl(0,0%,93.33%);--text-shadow:0 0 2px rgba(0,0,0,0.5);
--text-tertiary:#888780;}
  :where(.legacy) *, :where(.legacy) ::after, :where(.legacy) ::before{-webkit-box-sizing: border-box;
	box-sizing: border-box}
  :where(.legacy) *{margin: 0;
	padding: 0}
  :where(.legacy){font-family:Segoe UI, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
  :where(.legacy) h1, :where(.legacy) h2, :where(.legacy) h3{font-family: Segoe UI, "Open Sans", sans-serif !important;
	margin: 1rem 0 1rem;
	font-weight: 200;
	line-height: 1.3;
	color: inherit;
	text-align: center}
  :where(.legacy) h1{font-size: 2rem}
  :where(.legacy) h2{font-size: 1.8rem}
  :where(.legacy) h3{font-size: 1.6rem}
  :where(.legacy) .subtitle{font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.3;
	text-align: left;
	margin: 1rem 0 1rem !important;
	color: inherit}
  :where(.legacy) p, :where(.legacy) ul{font-size: 1rem;
	margin-top: 0;
	margin-bottom: 2rem}
  :where(.legacy) article ul{line-height: 2.5rem}
  :where(.legacy) .menulabel, :where(.legacy) a{color: #000;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000}
  :where(.legacy) .lvlbody{display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%}
  :where(.legacy) .content-row{-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-top: 55px}
  :where(.legacy) .lvl0{width: 100%;
	padding: 0 5%;
	max-width: 1900px;
	margin: 0 auto;
	background-color: #fff}
  :where(.legacy) #site-header{position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	background-color: #fff}
  :where(.legacy) .header-grid{display: -ms-grid;
	display: grid;
	font-size: .9rem;
	-ms-grid-columns: auto auto;
	grid-template-columns: auto auto;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-template-areas: "logopic navi";
	transition: all 0.2s ease}
  :where(.legacy) #site-header .header-grid{grid-template-columns: auto 1fr auto;
	grid-template-areas: "logopic navi cta"}
  :where(.legacy) .hg-logopic{-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row-align: center;
	-ms-grid-column-align: start;
	place-self: center start;
	grid-area: logopic}
  :where(.legacy) .hg-navi{-ms-grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row-align: center;
	-ms-grid-column-align: end;
	place-self: center end;
	grid-area: navi}
  :where(.legacy) .hg-cta{grid-area: cta;
	align-self: center;
	justify-self: end;
	display: none}
  :where(.legacy) .header-grid a, :where(.legacy) .menulabel{border-bottom: 0}
  :where(.legacy) .header-grid .logopic{font-size: 2rem;
	position: relative;
	top: -.6rem;
	color: #d83b01;
	transition: all 0.2s ease}
  :where(.legacy) .hg-logopic a{font-size: 1.2rem;
	line-height: 1.4rem;
	transition: all 0.2s ease}
  :where(.legacy) .productmenu-grid{display: -ms-grid;
	-ms-grid-columns: 5% auto;
	-ms-grid-rows: 1fr 1fr;
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-rows: 1.2rem auto;
	gap: 1px 1px;
	padding: 22px;
	grid-template-areas: "pmg-ico pmg-name""pmg-ico pmg-desc"}
  :where(.legacy) .pmg-ico{grid-area: pmg-ico;
	place-self: center center;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1}
  :where(.legacy) .pmg-name{grid-area: pmg-name;
	place-self: end start;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1}
  :where(.legacy) .pmg-desc{grid-area: pmg-desc;
	place-self: start start;
	font-size: .9rem;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1}
  :where(.legacy) .header-grid ul{display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0}
  :where(.legacy) .header-grid li{padding: 0 10px;
	margin: 1rem 0;
	max-height: 1.5rem;
	transition: all 0.2s ease}
  :where(.legacy) .navi-toggler{padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem;
	background: #d83b01;
	background-clip: padding-box;
	border: 0;
	border-radius: 4px;
	color: #fff !important;
	margin-right: 0}
  :where(.legacy) .menua{display: none}
  :where(.legacy) .flex-submenu{display: none;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 70px;
	width: 100%;
	position: absolute;
	top: 60px;
	background-color: #fff !important;
	border-radius: 0;
	left: 0;
	text-align: left;
	box-sizing: border-box;
	padding: 40px 50px;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	z-index: 2}
  :where(.legacy) .flex-submenu .max30{flex: 0 1 33%}
  :where(.legacy) #hider{position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden}
  :where(.legacy) #site-header.header-compact{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	padding: 0.4rem 5%}
  :where(.legacy) #site-header.header-compact .hg-navi{display: none}
  :where(.legacy) #site-header.header-compact .hg-cta{display: flex; align-items: center}
  :where(.legacy) #site-header.header-compact .displaynone{display: inline; font-size: .95rem; color: var(--color-text-secondary)}
  :where(.legacy) .promo{display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	position: relative;
	min-height: 500px;
	color: #fff;
	background: none}
  :where(.legacy) .promo-bg{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	z-index: 0}
  :where(.legacy) .promo-text, :where(.legacy) .promo-screen{position: relative;
	z-index: 1}
  :where(.legacy) .promo-text{-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: promo-text;
	padding: 0 10px;
	flex-grow: 1;
	width: 60%}
  :where(.legacy) ul.header{line-height: 2rem;
	margin: 0 2rem 2rem}
  :where(.legacy) .promo-screen{-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: promo-screen;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	width: 40%}
  :where(.legacy) .promo-footer{-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: promo-footer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 2;
	width: 100%;
	max-height: 60px}
  :where(.legacy) .promo p{margin: 40px 0 30px}
  :where(.legacy) .promo .promo-text h1, :where(.legacy) .promo .promo-text h2{text-align: left}
  :where(.legacy) ul.list-flex.box-left{align-items: flex-start;}
  :where(.legacy) li.promo-btn-wrap{display: flex;
    flex-direction: column;
    width: 60%;
    min-width: 200px;
    max-width: 400px;
    margin: 0 15px;}
  :where(.legacy) li.promo-btn-wrap .btn-red{display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;   
    line-height: 1.3;
    white-space: normal;}
  :where(.legacy) .promo-btn-sub{display: block;
    font-size: 0.7em;
    margin-top: 0.5em;
    line-height: 1.4;
    text-align: center;}
  :where(.legacy) ul.list-flex.box-left li:not(.promo-btn-wrap){display: flex;
    align-items: flex-start;
    margin: 0 15px;}
  :where(.legacy) ul.list-flex.box-left li:not(.promo-btn-wrap) .btn-red{display: flex;
    align-items: center;
    padding: 8px 20px;   
    line-height: 1.3;
    white-space: nowrap;}
  :where(.legacy) .promo-screen img{max-width: 100%;
	height: auto;
	text-align: center}
  :where(.legacy) .flex-100proc{display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0 70px;
	width: 100%}
  :where(.legacy) .flex-100proc .max40{flex: 0 1 40%; text-align: center}
  :where(.legacy) .flex-100proc .max60{flex: 1 1 auto; max-width: 60%; min-width: 500px}
  :where(.legacy) .flex-100proc .max100{flex: 0 1 90%; margin-bottom: 77px}
  :where(.legacy) .flex-100proc .max40 img{max-width: 90%}
  :where(.legacy) .flex-100proc .flex-cell, :where(.legacy) .flex-100proc .flex-cell-prod{flex: 0 1 30%;
	padding: 17px;
	margin: 15px}
  :where(.legacy) .btnurl{font-size: 1rem;
	background-color: transparent;
	border: 0;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000;
	margin: 0 2px;
    cursor: pointer;}
  :where(.legacy) section.news{background-color: #f5f5f5 !important}
  :where(.legacy) section.news .flex-100proc{margin: 0}
  :where(.legacy) section.news p{margin: 0; padding-bottom: .7rem}
  :where(.legacy) .black-font{color: #000}
  :where(.legacy) .sidewall5{padding: 0 5% !important}
  :where(.legacy) .font400 h1{font-weight: 400}
  :where(.legacy) .fg-main{-ms-grid-row: 1; -ms-grid-column: 1; grid-area: fg-main}
  :where(.legacy) .fg-usage{-ms-grid-row: 1; -ms-grid-column: 3; grid-area: fg-usage}
  :where(.legacy) .fg-solutions{-ms-grid-row: 1; -ms-grid-column: 2; grid-area: fg-solutions}
  :where(.legacy) .fg-products{-ms-grid-row: 1; -ms-grid-column: 4; grid-area: fg-products}
  :where(.legacy) .fg-purchase{-ms-grid-row: 1; -ms-grid-column: 5; grid-area: fg-purchase}
  :where(.legacy) .fg-support{-ms-grid-row: 1; -ms-grid-column: 6; grid-area: fg-support}
  :where(.legacy) .fg-legal{-ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5; padding: 10px 0; grid-area: fg-legal}
  :where(.legacy) .fg-langs{-ms-grid-row: 2; -ms-grid-column: 6; -ms-grid-row-align: center; -ms-grid-column-align: end; place-self: center end; grid-area: fg-langs}
  :where(.legacy) .dg-icon{place-self: center center; font-size: 5rem; padding-bottom: 2rem; grid-area: dg-icon}
  :where(.legacy) .dg-x64{grid-area: dg-x64; place-self: center center}
  :where(.legacy) .dg-x86{grid-area: dg-x86; place-self: center center}
  :where(.legacy) .fdg-ico{place-self: center center; line-height: 1rem; grid-area: fdg-ico}
  :where(.legacy) .fdg-name{place-self: center start; grid-area: fdg-name}
  :where(.legacy) .fdg-x64{grid-area: fdg-x64}
  :where(.legacy) .fdg-x86{grid-area: fdg-x86}
  :where(.legacy) .og-legend{text-align: left; place-self: center start; grid-area: og-legend}
  :where(.legacy) .og-bsc{place-self: center center; grid-area: og-bsc}
  :where(.legacy) .og-std{place-self: center center; grid-area: og-std}
  :where(.legacy) .og-pro{place-self: center center; grid-area: og-pro}
  :where(.legacy) .og-ult{place-self: center center; grid-area: og-ult}
  :where(.legacy) .fog-ico{line-height: 1rem; place-self: center center; grid-area: fog-ico}
  :where(.legacy) .fog-name{font-size: 1.5rem; place-self: center start; grid-area: fog-name}
  :where(.legacy) .btn-red{background: #d83b01;
	border: 2px solid #d83b01;
	color: #fff;
	padding: 3px 20px 5px;
	font-size: 1rem}
  :where(.legacy) .ico-on-btn{margin-right: 10px; position: relative; top: 3px}
  :where(.legacy) .btn-frame{border: 1px solid #000; color: #d83b01; padding: 6px 12px}
  :where(.legacy) .list-unstyled{padding-left: 0; list-style: none}
  :where(.legacy) ul.list-flex{padding-left: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center}
  :where(.legacy) ul.box-left{justify-content: flex-start}
  :where(.legacy) ul.list-flex li{margin: 0 15px}
  :where(.legacy) .margin0{margin: 0}
  :where(.legacy) .top-space60{padding-top: 60px}
  :where(.legacy) .bottom-space15{padding-bottom: 15px}
  :where(.legacy) .bottom-space60{padding-bottom: 60px}
  :where(.legacy) .cookieblock{background: #bcbcbc;
	bottom: 0;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: .8rem;
	left: 0;
	padding: 15px 100px;
	position: fixed;
	right: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	z-index: 700}
  :where(.legacy) .cookieOK{background: #d83b01;
	color: #fff;
	font-size: 1.1rem;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	padding: 3px 10px}
  :where(.legacy) .sidewall25{padding: 0 25%}
  @media (max-width:1200px){
    :where(.legacy) .displaynone{display: none}
    :where(.legacy) .hg-logopic a{font-size: 1rem}
    :where(.legacy) .hg-navi a, :where(.legacy) .menulabel{font-size: .8rem}
    :where(.legacy) .hg-navi .pmg-desc{font-size: .7rem}
    :where(.legacy) .promo-text{flex: 0 1 60%; min-width: 560px; margin: auto 3rem}
    :where(.legacy) .promo-text ul{flex-direction: column}
  }
  @media (max-width:767px){
    :where(.legacy) .menulabel{display: none}
    :where(.legacy) .menua{display: inline-block}
    :where(.legacy) .header-grid{-ms-grid-columns: auto 100px;
		grid-template-columns: auto 100px;
		grid-template-rows: auto;
		grid-template-areas: "logopic toggle""navi navi"}
    :where(.legacy) #site-header .header-grid{grid-template-columns: auto 100px;
		grid-template-areas: "logopic toggle""navi navi"}
    :where(.legacy) #site-header.header-compact .hg-navi{display: block}
    :where(.legacy) #site-header.header-compact .hg-cta{display: none}
    :where(.legacy) .hg-toggle{-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-align: center;
		-ms-grid-column-align: end;
		place-self: center end;
		grid-area: toggle}
    :where(.legacy) .hg-logopic a{font-size: 1.2rem}
    :where(.legacy) .hg-navi{-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row-align: center;
		-ms-grid-column-align: start;
		place-self: center start;
		grid-area: navi}
    :where(.legacy) .header-grid .navibar ul{-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column}
    :where(.legacy) .hidden:not(.show){display: none}
    :where(.legacy) .btn-frame{border: 0; padding: 0}
    :where(.legacy) article.promo{background-size: cover !important}
    :where(.legacy) .promo{flex-wrap: wrap}
    :where(.legacy) .promo-text{min-width: 100%}
    :where(.legacy) ul.list-flex{flex-direction: column; text-align: center}
    :where(.legacy) .flex-100proc .max60{min-width: 100%}
    :where(.legacy) .btn-red{font-size: .7rem}
  }
  @media (min-width:768px){
    :where(.legacy) .navi-toggler{display: none}
  }
  /* ---- 17ea2e24-attachment.txt ---- */
  :where(.legacy) h4, :where(.legacy) h5, :where(.legacy) h6{font-family: Segoe UI, "Open Sans", sans-serif !important;
	margin: 1rem 0 1rem;
	font-weight: 200;
	line-height: 1.3;
	color: inherit;
	text-align: center}
  :where(.legacy) .h1, :where(.legacy) h1{font-size: 2rem}
  :where(.legacy) .h2, :where(.legacy) h2{font-size: 1.8rem}
  :where(.legacy) .h3, :where(.legacy) h3{font-size: 1.6rem}
  :where(.legacy) .h4, :where(.legacy) h4{font-size: 1.3rem}
  :where(.legacy) p.firstcap::first-letter{font-weight: bold;
	font-size: 1.1rem;}
  :where(.legacy) .small{font-size: .8rem}
  :where(.legacy) .smallest{font-size: .7rem}
  :where(.legacy) ul.header{line-height: 2rem;
	margin: 0 2rem 2rem}
  :where(.legacy) hr{margin: 2rem 0 3rem;
	border: 0;
	border-top: 1px solid #eee}
  :where(.legacy) .menulabel, :where(.legacy) a{color: #000;
	cursor: pointer;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #000}
  :where(.legacy) .menulabel:hover, :where(.legacy) a:focus, :where(.legacy) a:hover{padding-bottom: 2px;
	border-bottom: 1px solid #000;
	outline: 0}
  :where(.legacy) a.white{color: #fff;
	border-bottom: 1px dashed #fff}
  :where(.legacy) a.white:focus, :where(.legacy) a.white:hover{color: #fff;
	border-bottom: 1px solid #fff}
  :where(.legacy) .social-row{background-color: #fff;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	border-top: 1px solid #ccc;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto}
  :where(.legacy) .footer-row{background-color: #e4e4e4 !important;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 40px 5% 0;}
  :where(.legacy) .lvl1{padding: 0 15%}
  :where(.legacy) .altcatalogs{background-color: #e4e4e4;
	height: 5rem}
  :where(.legacy) .footer-grid a, :where(.legacy) .header-grid a, :where(.legacy) .menulabel, :where(.legacy) .social-row a{border-bottom: 0}
  :where(.legacy) .footer-grid a:focus, :where(.legacy) .footer-grid a:hover, :where(.legacy) .header-grid a:focus, :where(.legacy) .header-grid a:hover, :where(.legacy) .social-row a:focus, :where(.legacy) .social-row a:hover{padding-bottom: 2px;
	border-bottom: 1px solid #000;
	outline: 0}
  :where(.legacy) .flex-row ul, :where(.legacy) .header-grid ul{display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0}
  :where(.legacy) .flex-row ul{margin: 0;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start}
  :where(.legacy) .flex-row li, :where(.legacy) .header-grid li{padding: 0 10px;
	margin: 1rem 0;
	max-height: 1.5rem}
  :where(.legacy) .flex-row li{-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1}
  :where(.legacy) .navi-toggler:hover{background: #a50900}
  :where(.legacy) .flex-submenu .max30{flex: 0 1 33%}
  :where(.legacy) #hider:checked+.flex-submenu{display: flex}
  :where(.legacy) .break4flex{flex-basis: 100%;
	height: 0;}
  :where(.legacy) .promo-footer .flex-100proc .flex-cell-prod{flex: auto;}
  :where(.legacy) .flex-100proc .piclft{justify-content: flex-start}
  :where(.legacy) .flex-100proc .flex-cell-shadow{padding: 17px;
	margin: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)}
  :where(.legacy) .flex-100proc ul{padding-left: 3rem}
  :where(.legacy) .flex-100proc li{line-height: 2rem}
  :where(.legacy) .flex-cell p.ico{font-size: 3rem;
	line-height: 1;
	margin: 7px 0}
  :where(.legacy) .flex-cell h3{font-size: 1.2rem;
	margin: 0 0 1rem}
  :where(.legacy) ul.flex-100proc li{flex: 0 1 32%;
	padding: 5px 0;
	border-bottom: 1px solid #000}
  :where(.legacy) ul.flex-100proc2x50 li{flex: 0 1 48%}
  :where(.legacy) ul.flex-100proc11 li{flex: 0 1 8.5%}
  :where(.legacy) ul.flex-100proc11 li.ttl{flex: 0 1 15%}
  :where(.legacy) li.flex-100proc{margin: 0;
	padding: 7px 0;
	border-bottom: 1px solid #000}
  :where(.legacy) li.flex-100proc.list-head, :where(.legacy) li.flex-100proc.list-head:hover{padding: 30px 0 20px;
	background-color: #f2f2f2}
  :where(.legacy) li.flex-100proc:hover{background-color: #e9e9e9}
  :where(.legacy) li.flex-100proc.bst:hover{background-color: #a9d16b}
  :where(.legacy) li.flex-100proc.bstamd:hover{background-color: #ff7c68}
  :where(.legacy) li.flex-100proc.bstarc:hover{background-color: #9470b6}
  :where(.legacy) li.flex-100proc11 span{flex: 0 1 8.5%;
	font-size: .9rem}
  :where(.legacy) li.flex-100proc11 span.ttl{flex: 0 1 15%;
	font-size: 1rem}
  :where(.legacy) li.flex-100proc11.bst{background-color: #d6e8b5;
	font-weight: 600}
  :where(.legacy) li.flex-100proc11.bstamd{background-color: #ffbfb1;
	font-weight: 600}
  :where(.legacy) li.flex-100proc11.bstarc{background-color: #e4daed;
	font-weight: 600}
  :where(.legacy) li.flex-100proc11.list-head span{font-size: .8rem;
	padding: 0 0 1rem}
  :where(.legacy) ul.flex-100proc li.h3{font-size: 1.2rem;
	padding: 0 0 1rem}
  :where(.legacy) ul.flex-100proc li.hidden{background-color: #f4f4f4}
  :where(.legacy) ul.flex-100proc li.hidden p{margin-left: 20px}
  :where(.legacy) ul.flex-100proc li p{margin: 5px 0;
	text-align: left}
  :where(.legacy) ul.flex-100proc li.links{margin: 25px 0;
	border-bottom: 0}
  :where(.legacy) .btnurl:focus{outline: 0}
  :where(.legacy) .btnurl:hover{padding-bottom: 2px;
	border-bottom: 1px solid #000;
	outline: 0}
  :where(.legacy) .plus-btn{position: relative;
	font-size: 1.5rem;
	top: .5rem;
	cursor: pointer}
  :where(.legacy) .font22{font-size: 2.2rem;
	text-align: center}
  :where(.legacy) .font08rem, :where(.legacy) .font08rem p{font-size: .8rem}
  :where(.legacy) .white-font{color: #fff}
  :where(.legacy) .sidewall25{padding: 0 25%}
  :where(.legacy) .sidewall15{padding: 0 15%}
  :where(.legacy) .intro-block{margin: auto;
	text-align: center}
  :where(.legacy) .intro-block p{padding-top: 3rem}
  :where(.legacy) .social-row p{font-size: 1.2rem;
	vertical-align: middle}
  :where(.legacy) .socials{font-size: 1.6rem;
	vertical-align: middle}
  :where(.legacy) .socials a{margin: 0 7px}
  :where(.legacy) .footer-grid{display: -ms-grid;
	display: grid;
	font-size: .8rem !important;
	-ms-grid-columns: 15% 18% 18% 18% 15% 16%;
	grid-template-columns: 15% 18% 18% 18% 15% 16%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-template-areas: "fg-main fg-solutions fg-usage fg-products fg-purchase fg-support""fg-legal fg-legal fg-legal fg-legal fg-legal fg-langs"}
  :where(.legacy) .footer-grid ul{padding: 10px 0;
	font-size: .8rem !important}
  :where(.legacy) .footer-grid li{margin: 3px 0}
  :where(.legacy) .footer-grid .title{font-weight: 500}
  :where(.legacy) .download-grid{display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto;
	grid-template-areas: "dg-icon dg-icon""dg-x64 dg-x86";
	padding: 1rem 10% 2rem;
	text-align: center}
  :where(.legacy) .download-grid p{font-size: .8rem;
	padding: 10px 0;
	margin: 0}
  :where(.legacy) .fulldownload-grid{display: grid;
	grid-template-columns: 10% auto 23% 23%;
	grid-template-rows: auto;
	grid-template-areas: "fdg-ico fdg-name fdg-x64 fdg-x86";
	padding: 1rem 5%;
	text-align: center;
	border-bottom: 1px solid #000;
	font-size: 1.5rem}
  :where(.legacy) .fdg-x64 p.sidewall5, :where(.legacy) .fdg-x86 p.sidewall5{height: 100%;
	margin: 0 5%;
	padding: .5rem 0 !important;
	line-height: 1.5rem;
	color: #000}
  :where(.legacy) .order-grid{display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows: auto auto;
	grid-template-areas: "og-legend og-bsc og-std og-pro og-ult";
	padding: 1rem 5%;
	text-align: center;
	border-bottom: 1px solid #000}
  :where(.legacy) li.final-row{border-bottom: 0}
  :where(.legacy) .order-grid4 li{line-height: 1rem}
  :where(.legacy) .order-grid p.sidewall5{margin: 0 5%;
	margin-top: 1rem !important}
  :where(.legacy) .fullorder-grid{display: grid;
	grid-template-columns: 7% auto 25% 25%;
	grid-template-rows: 1auto 1auto 1auto 1auto 1auto 1auto 1auto;
	grid-template-areas: "fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .""fog-ico fog-name . .";
	padding: 1rem 5%;
	text-align: left;
	border-bottom: 1px solid #000}
  :where(.legacy) .fullorder-grid div{place-self: center start}
  :where(.legacy) .fullorder-grid div.line{place-self: stretch stretch;
	border-bottom: 1px solid #000}
  :where(.legacy) .green-red-grid{display: grid;
	grid-template-columns: 20% 12% 9% 8% 2% 20% 12% 9% 8%;
	grid-template-rows: auto auto;
	grid-template-areas: "gg-name gg-spec gg-perf gg-price grg-vs rg-name rg-srec rg-perf rg-price";
	text-align: center;
	line-height: 6rem;
	border-bottom: 1px solid #000;
	font-size: .95rem;}
  :where(.legacy) .grg-legend{background-color: #F1F1F1 !important;
	font-size: .8rem;
	padding: 1rem 0;
	line-height: 1.5rem;}
  :where(.legacy) .gg-name, :where(.legacy) .gg-spec, :where(.legacy) .gg-perf, :where(.legacy) .gg-price{background-color: #D2F794;
	margin: 0 1px 5px 0;}
  :where(.legacy) .rg-name, :where(.legacy) .rg-spec, :where(.legacy) .rg-perf, :where(.legacy) .rg-price{background-color: #FF746D;
	margin: 0 0 5px 1px;}
  :where(.legacy) .fog-name span.solu4{font-size: .8rem}
  :where(.legacy) .schema-hide{display: none}
  :where(.legacy) .testi p{font-size: 1.2rem}
  :where(.legacy) .testi p.user{font-size: .9rem;
	text-align: right}
  :where(.legacy) .slct{background: #fff;
	border: 2px solid #000;
	color: #212529;
	font-size: 1.3rem;
	height: 2.5rem;
	width: 20rem}
  :where(.legacy) .slct:focus{outline: 0}
  :where(.legacy) .currency{font-size: 1.2rem;
	position: relative;
	top: -1rem;
	padding-right: 3px}
  :where(.legacy) .unit{font-size: 1.2rem;
	text-transform: uppercase}
  :where(.legacy) .btn-red:focus{background: #d83b01;
	border: 2px solid #d83b01;
	color: #fff;
	padding: 3px 20px 5px;
	font-size: 1rem}
  :where(.legacy) .btn-red:hover{background: #a50900;
	border: 2px solid #a50900;
	padding: 7px 20px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5)}
  :where(.legacy) .ico-on-sshot{font-size: 16rem;
	color: #f45b24}
  :where(.legacy) .upto-btn{border: 1px solid var(--color-primary-dark);
	bottom: 1%;
	right: 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: var(--color-primary-dark);
	cursor: pointer;
	font-size: 2rem;
	height: 38px;
	line-height: 34px;
	opacity: .7;
	position: fixed;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 38px;
	display: none;}
  :where(.legacy) .upto-btn:hover{border: 1px solid var(--color-accent);
	color: var(--color-accent);
	opacity: 1;}
  :where(.legacy) .showblock{display: block;}
  :where(.legacy) ul.check li{line-height: 2.5rem}
  :where(.legacy) ul.check li:before{position: relative;
	top: .2rem;
	content: "D";
	font-family: code812;
	display: block;
	float: left;
	width: 1.3rem;
	color: #000}
  :where(.legacy) .text-center{text-align: center}
  :where(.legacy) .text-right{text-align: right}
  :where(.legacy) .text-left{text-align: left}
  :where(.legacy) .text07{font-size: .7rem}
  :where(.legacy) .left-space20{margin-left: 20px}
  :where(.legacy) .top-space40{padding-top: 40px}
  :where(.legacy) .top-space25{padding-top: 25px}
  :where(.legacy) .top-space80{padding-top: 80px}
  :where(.legacy) .bottom-space0{padding-bottom: 0;
	margin-bottom: 0 !important}
  :where(.legacy) .bottom-space25{padding-bottom: 25px}
  :where(.legacy) .bottom-space40{padding-bottom: 40px}
  :where(.legacy) .cookieblock{-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
  :where(.legacy) .cookieOK{cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
  :where(.legacy) .example{display: -ms-grid;
	display: grid;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
	background: -o-linear-gradient(top, #fff, #000);
	background: linear-gradient(to bottom, #fff, #000)}
  :where(.legacy) .note{border-left: solid #ca3a09 5px;
	margin: 2rem;
	padding: 1rem 0 1rem 2rem;
	font-size: .95rem}
  :where(.legacy) .note *{font-size: inherit;}
  @media (max-width:767px){
    :where(.legacy) .btn-frame{border: 0;
		padding: 0}
    :where(.legacy) .fulldownload-grid, :where(.legacy) .fulldownload-grid .fdg-name, :where(.legacy) .fulldownload-grid a, :where(.legacy) .fullorder-grid, :where(.legacy) .fullorder-grid .fog-name, :where(.legacy) .order-grid, :where(.legacy) ul li .font22, :where(.legacy) ul li .font22 p{font-size: .7rem}
    :where(.legacy) .currency, :where(.legacy) .flex-100proc li p{font-size: .7rem}
    :where(.legacy) .fulldownload-grid .fdg-ico img, :where(.legacy) .fullorder-grid .fog-ico img{width: 16px;
		height: 16px}
    :where(.legacy) .footer-grid{font-size: .6rem !important;
		-ms-grid-columns: 33% auto 33%;
		grid-template-columns: 33% auto 33%;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		grid-template-areas: "fg-solutions fg-solutions fg-solutions""fg-support fg-support fg-support""fg-langs fg-langs fg-langs""fg-legal fg-legal fg-legal"}
    :where(.legacy) .fg-legal{margin-bottom: 100px}
    :where(.legacy) .fg-legal ul{flex-direction: column}
    :where(.legacy) .flex-100proc .flex-cell-prod{flex: 0 1 100%}
    :where(.legacy) .flex-cell{min-width: 100%}
    :where(.legacy) .sidewall25{padding: 0 5%}
  }
  :where(.legacy) figure.pic{text-align: center}
  :where(.legacy) figure.pic figcaption{text-align: left;
	margin: 10px 13% 30px;
	font-size: .8rem}
  :where(.legacy) .tblmn{border-collapse: collapse;
  width: 90%;
  max-width: 1200px;
  margin: 10px auto;
  font-size: 14px;
  color: #333;}
  :where(.legacy) .tblmn th, :where(.legacy) .tblmn td{border: 1px solid var(--color-text-secondary);
  padding: 8px 12px;}
  :where(.legacy) .tblmn th{background: var(--color-border);
  text-align: center;
  font-weight: 600;}
  :where(.legacy) .tblmn td{background: #f4f6f8;
  vertical-align: top;}
  :where(.legacy) .tblmn td:first-child{background: #eef2f5;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;}
  :where(.legacy) .tblmn td.yes{text-align: center;
  color: var(--color-accent2);
	vertical-align: middle;}
  :where(.legacy) .tblmn td.no{text-align: center;
  color: var(--color-accent);}
  :where(.legacy) .tblmn .note{font-size: 0.85em;
  color: #666;}
  :where(.legacy) .tblmn details{display: inline;
  margin-left: 0.3em;}
  :where(.legacy) .tblmn details summary{display: inline;
  cursor: pointer;
  list-style: none;
  font-size: 1em;
  vertical-align: middle;}
  :where(.legacy) .tblmn details summary::-webkit-details-marker{display: none;}
  :where(.legacy) .tblmn details summary::marker{content: "";}
  :where(.legacy) .tblmn .tech-details{display: block;
  margin-top: 0.5em;
  padding: 0.6em 0.8em;
  background: var(--color-border);
  border-radius: var(--radius);
  border-left: 2px solid var(--color-accent2);
  text-align: left;}
  :where(.legacy) .tblmn .tech-details, :where(.legacy) .tblmn .tech-details p, :where(.legacy) .tblmn .tech-details ul, :where(.legacy) .tblmn .tech-details li, :where(.legacy) .tblmn .tech-details strong, :where(.legacy) .tblmn .tech-details a{font-size: 1em;
  line-height: 1.35;}
  :where(.legacy) .tblmn .tech-details p{margin: 0.5em 0 0.2em;}
  :where(.legacy) .tblmn .tech-details p:first-child{margin-top: 0;}
  :where(.legacy) .tblmn .tech-details ul{margin: 0.2em 0 0.4em;
  padding-left: 1.2em;}
  :where(.legacy) .tblmn .tech-details li{margin-bottom: 0.15em;}
  :where(.legacy) .tblmn .tech-details a{color: #2f6fb3;}
  :where(.legacy) .rar-chart-container{max-width: 900px;
            margin: 0 auto;
            background: white;
            padding: 30px;
            border: 1px solid var(--border-gray);
            box-shadow: 0 1px 10px rgba(0,0,0,0.1);
            --rar-max-value: 150000;}
  :where(.legacy) .rar-chart-title{text-align: center;
            font-size: 1.4em;
            margin-bottom: 5px;}
  :where(.legacy) .rar-chart-subtitle{text-align: center;
            font-size: 0.9em;
            color: var(--border-gray);
            margin-bottom: 30px;}
  :where(.legacy) .rar-chart{position: relative;
            padding-left: 250px;
            padding-right: 80px;}
  :where(.legacy) .rar-chart-row{display: flex;
            align-items: center;
            margin-bottom: 8px;
            position: relative;}
  :where(.legacy) .rar-label{position: absolute;
            left: -250px;
            width: 240px;
            text-align: right;
            font-size: 13px;
            padding-right: 10px;}
  :where(.legacy) .rar-label.rar-cpu{color: #000;}
  :where(.legacy) .rar-label.rar-gpu{color: #000;}
  :where(.legacy) .rar-bar-container{flex: 1;
            height: 22px;
            position: relative;}
  :where(.legacy) .rar-bar{height: 100%;
            background: linear-gradient(to right, #4db8e8, #2196F3);
            border-radius: 2px;
            position: relative;
            transition: width 0.3s ease;}
  :where(.legacy) .rar-bar.rar-amd{background: linear-gradient(to right, #ff7c68, #dc3545);}
  :where(.legacy) .rar-bar.rar-amd-ryzen{background: linear-gradient(to right, #F26522, #ED1C24);}
  :where(.legacy) .rar-bar.rar-nvidia{background: linear-gradient(to right, #a9d16b, #3f8500);}
  :where(.legacy) .rar-bar.rar-intel{background: linear-gradient(to right, #9470b6, #6610f2);}
  :where(.legacy) .rar-bar.rar-intel-core{background: linear-gradient(to right, #0F7DC2, #0068B5);}
  :where(.legacy) .rar-bar-value{position: absolute;
            right: -75px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 13px;
            font-weight: bold;
            white-space: nowrap;}
  :where(.legacy) .rar-grid{position: absolute;
            top: 0;
            left: 250px;
            right: 0px;
            height: 100%;
            display: flex;
            pointer-events: none;}
  :where(.legacy) .rar-grid-line{flex: 1;
            border-left: 1px solid #ddd;
            position: relative;}
  :where(.legacy) .rar-grid-label{position: absolute;
            bottom: -25px;
            left: 0;
            transform: translateX(-50%);
            font-size: 12px;
            color: #666;}
  :where(.legacy) .rar-separator{font-size: 1.2em;
    color: #333;
    margin: 20px 0 12px 0;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    background: white;
    position: relative;
    z-index: 1;}
  :where(.legacy) img.shot{cursor: zoom-in;
    max-width: 400px !important;
    width: auto !important;}
  :where(.legacy) .news h3{font-size: 1.3rem;}
  :where(.legacy) .modal-details summary{cursor: pointer;
  list-style: none;
display: inline-block;}
  :where(.legacy) .modal-details summary::-webkit-details-marker{display: none;}
  :where(.legacy) .modal-details .modal-content{margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  position: relative;}
  :where(.legacy) .modal-details .modal-overlay{display: none;}
  .js :where(.legacy) .modal-details[open] .modal-overlay{display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1000;}
  .js :where(.legacy) .modal-details[open] .modal-content{position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
	  margin: 0;
  overflow: auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);}
  :where(.legacy) .modal-close{position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
    background: var(--color-accent);
    color: #fff;
    border: none;
    font-size: 2.5rem;
    line-height: 1;
    border-radius: var(--radius);
    padding: 8px 12px;}
  :where(.legacy) .chart-table{width: 100%;
  border-collapse: collapse;}
  :where(.legacy) .chart-table thead{position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);}
  :where(.legacy) .chart-table td, :where(.legacy) .chart-table th{padding: 4px 0;
  border: none;
  vertical-align: middle;}
  :where(.legacy) .chart-table .cpu-name{width: 240px;
  text-align: right;
  padding-right: 10px;
  font-size: 13px;}
  :where(.legacy) .chart-table .bar-cell{padding-right: 85px;}
  :where(.legacy) .chart-table .section-header th{padding-top: 20px;}
  :where(.legacy) .chart-table .rar-bar{width: calc(var(--val) / var(--max) * 100%);}
  :where(.legacy) a.external-link::after{content: "";
  display: inline-block;
  width: 10px; height: 10px;
  margin-left: 4px;
  vertical-align: middle;
  background-color: var(--color-primary, currentColor);
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgPHBhdGggZD0iTTMgMyBMNyAzIEw3IDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0zIDcgTDcgMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgPHBhdGggZD0iTTMgMyBMNyAzIEw3IDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0zIDcgTDcgMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}
  :where(.legacy) .rep-label{font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--color-text-primary);
	margin: 1.2rem 0 0.4rem;}
  :where(.legacy) .rep-media{display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-bottom: 0.4rem;}
  :where(.legacy) .rep-media a{display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	border: 1px solid var(--color-border);
	border-radius: 4px;
	padding: 0.35rem 0.75rem;
	transition: border-color 0.2s;}
  :where(.legacy) .rep-media a:hover{border-color: var(--color-text-secondary);}
  :where(.legacy) .rep-badge{font-weight: 700;
	font-size: 0.85rem;
	color: var(--color-text-primary);
	line-height: 1.2;}
  :where(.legacy) .rep-badge-sub{font-size: 0.7rem;
	color: var(--color-text-secondary);
	line-height: 1.2;}
  :where(.legacy) .rep-trust{display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0.4rem;}
  :where(.legacy) .rep-trust a{display: flex;
	align-items: center;
	gap: 0.6rem;
	text-decoration: none;
	color: inherit;}
  :where(.legacy) .rep-trust a:hover .rep-trust-text{text-decoration: underline;}
  :where(.legacy) .rep-trust-ico{font-size: 1.1rem;
	flex-shrink: 0;}
  :where(.legacy) .rep-trust-text{display: flex;
	flex-direction: column;
	font-size: 0.9rem;
	color: var(--color-text-primary);
	line-height: 1.3;}
  :where(.legacy) .rep-trust-sub{font-size: 0.72rem;
	color: var(--color-text-secondary);}
  :where(.legacy) #legal-modal{display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 1000;
  overflow-y: auto;}
  :where(.legacy) #legal-modal.is-active{display: block;}
  :where(.legacy) #legal-modal .modal-content{background: #fff;
  max-width: 1100px;
  margin: 40px auto;
  padding: 32px;
  position: relative;}
  :where(.legacy) .fmt-wrap{--fmt-scale: 1;
  --fmt-fluid: clamp(0.8rem, 0.75rem + 0.5vw, 0.95rem);
  --fmt-base: calc(var(--fmt-fluid) * var(--fmt-scale));

  font-size: var(--fmt-base);
  font-family: var(--font-main);
  line-height: 1.5;
  max-width: 960px;
  margin: 0.625rem auto;
  color: var(--color-text-primary);}
  :where(.legacy) .fmt-table{width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--fmt-base) * 0.928);}
  :where(.legacy) .fmt-table thead th{font-size: calc(var(--fmt-base) * 0.857);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--color-text-secondary);
  padding: 0.571em 0.714em;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  white-space: nowrap;}
  :where(.legacy) .fmt-table thead th.center{text-align: center;}
  :where(.legacy) .fmt-table tbody tr{border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
  transition: background-color var(--transition-time-sec);}
  :where(.legacy) .fmt-table tbody tr:hover{background: var(--color-background-alt);}
  :where(.legacy) .fmt-table td{padding: 0.714em; vertical-align: top;}
  :where(.legacy) .sep-row td{background: var(--color-panton26);
  padding: 0.85em 0.75em;
  font-weight: var(--weight-semibold);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  border-top: 3px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);}
  :where(.legacy) .sep-row.sep-instant td{border-top-color: var(--color-primary3);}
  :where(.legacy) .sep-row.sep-fast td{border-top-color: var(--color-primary);}
  :where(.legacy) .sep-row.sep-slow td{border-top-color: var(--color-note-border);}
  :where(.legacy) .sep-note{font-weight: var(--weight-normal);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-text-tertiary);
  margin-left: 0.6em;}
  :where(.legacy) .td-ver{min-width: 7.85em; white-space: normal;}
  :where(.legacy) .ver-name{font-weight: 500;}
  :where(.legacy) .ver-range{font-size: calc(var(--fmt-base) * 0.785);
  color: var(--color-text-secondary);
  margin-top: 0.071em;}
  :where(.legacy) .td-fmt{min-width: 9.28em;}
  :where(.legacy) .fmt-tags{display: flex; flex-wrap: wrap; gap: 0.285em;}
  :where(.legacy) .fmt-tag{font-size: calc(var(--fmt-base) * 0.785);
  font-weight: 500;
  padding: 0.142em 0.428em;
  border-radius: 0.285em;
  background: var(--color-panton26);
  color: var(--color-text-secondary);
  border: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
  font-family: var(--font-mono);
  letter-spacing: .02em;}
  :where(.legacy) .fmt-tag075 .fmt-tag{font-size:75%;}
  :where(.legacy) .td-algo{min-width: 7.85em;}
  :where(.legacy) .algo-name{font-size: calc(var(--fmt-base) * 0.857); font-weight: 500;}
  :where(.legacy) .algo-detail{font-size: calc(var(--fmt-base) * 0.785);
  color: var(--color-text-tertiary);
  margin-top: 0.142em;
  line-height: 1.4;}
  :where(.legacy) .td-method{text-align: center; min-width: 7.85em;}
  :where(.legacy) .badge{display: inline-flex;
  align-items: center;
  gap: 0.285em;
  font-size: calc(var(--fmt-base) * 0.785);
  font-weight: 500;
  padding: 0.214em 0.571em;
  border-radius: 1.428em;
  white-space: nowrap;
  border: 1px solid transparent;}
  :where(.legacy) .badge-sm{font-size: calc(var(--fmt-base) * 0.714); padding: 0.142em 0.428em;}
  :where(.legacy) .badge-instant{--_dot: var(--color-primary3);
  background: color-mix(in srgb, var(--color-primary3) 12%, transparent);
  color: var(--color-accent3);
  border-color: color-mix(in srgb, var(--color-primary3) 40%, transparent);}
  :where(.legacy) .badge-fast{--_dot: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  color: var(--color-primary-brown);
  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);}
  :where(.legacy) .badge-slow{--_dot: var(--color-note-border);
  background: color-mix(in srgb, var(--color-accent) 8%, transparent);
  color: var(--color-note-border);
  border-color: color-mix(in srgb, var(--color-accent) 25%, transparent);}
  :where(.legacy) .badge-instant::before, :where(.legacy) .badge-fast::before, :where(.legacy) .badge-slow::before{content: "";
  width: 0.357em;
  height: 0.357em;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--_dot);}
  :where(.legacy) .badge-no{background: var(--color-panton26);
  color: var(--color-text-secondary);
  font-weight: 400;
  letter-spacing: .03em;}
  :where(.legacy) .method-sub{font-size: calc(var(--fmt-base) * 0.714);
  color: var(--color-text-tertiary);
  margin-top: 0.214em;
  line-height: 1.3;}
  :where(.legacy) .outcome-row td{padding: 0 0.714em 0.857em;}
  :where(.legacy) .outcome-box{display: flex;
  gap: 0.571em;
  align-items: flex-start;
  background: var(--color-background-alt);
  border-left: 0.214em solid var(--color-border);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 0.571em 0.857em;
  color: var(--color-text-secondary);
  line-height: 1.5;}
  :where(.legacy) .outcome-box::before{content: "→"; flex-shrink: 0;}
  :where(.legacy) .oc-instant{border-left-color: var(--color-primary3);}
  :where(.legacy) .oc-fast{border-left-color: var(--color-primary);}
  :where(.legacy) .oc-slow{border-left-color: var(--color-note-border);}
  :where(.legacy) .outcome-box strong{font-weight: var(--weight-semibold);}
  :where(.legacy) .outcome-box a{color: var(--color-link); text-decoration: none;}
  :where(.legacy) .outcome-box a:hover{color: var(--color-link-hover); text-decoration: underline;}
  :where(.legacy) .fmt-legend{display: flex;
  flex-wrap: wrap;
  gap: 0.714em;
  padding: 1em 0.714em 0;
  border-top: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
  margin-top: 0.285em;}
  :where(.legacy) .legend-item{display: flex;
  align-items: center;
  gap: 0.428em;
  font-size: calc(var(--fmt-base) * 0.785);
  color: var(--color-text-secondary);}
  :where(.legacy) .badge-gpu{--_dot: var(--color-primary2);
  background: color-mix(in srgb, var(--color-primary2) 10%, transparent);
  color: var(--color-accent2);
  border-color: color-mix(in srgb, var(--color-primary2) 30%, transparent);}
  :where(.legacy) .badge-gpu::before{content: "";
  width: 0.357em;
  height: 0.357em;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--_dot);}
  :where(.legacy) .sep-row.sep-gpu td{border-top-color: var(--color-primary2);}
  :where(.legacy) .sep-row.sep-mixed td{border-top-color: var(--color-text-secondary);}
  :where(.legacy) .oc-gpu{border-left-color: var(--color-primary2);}
  :where(.legacy) .oc-mixed{border-left-color: var(--color-text-secondary);}
  :where(.legacy) .td-method .badge + .badge{margin-top: 0.4em;}
  :where(.legacy) .legend-footnote{flex-basis: 100%;
  font-style: italic;
  padding-top: 0.3em;
  border-top: 1px solid color-mix(in srgb, var(--color-border) 35%, transparent);}
  @media (max-width: 760px){
    :where(.legacy) .fmt-table thead{display: none;}
    :where(.legacy) .fmt-table, :where(.legacy) .fmt-table tbody, :where(.legacy) .fmt-table tr, :where(.legacy) .fmt-table td{display: block; width: 100%;}
    :where(.legacy) .fmt-table tbody tr{border: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
    border-radius: var(--radius);
    margin-bottom: 8px;
    padding: 12px;
    background: var(--color-background-alt);}
    :where(.legacy) .fmt-table td{padding: 4px 0;
    text-align: left !important;
    min-width: 0 !important;}
    :where(.legacy) .fmt-table td[data-label]::before{content: attr(data-label);
    display: block;
    font-size: calc(var(--fmt-base) * 0.714);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-tertiary);
    margin-bottom: 2px;}
    :where(.legacy) .td-ver::before{display: none !important;}
    :where(.legacy) .ver-name{font-size: calc(var(--fmt-base) * 1.07);}
    :where(.legacy) .td-method{display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;}
    :where(.legacy) .td-method::before{flex-basis: 100%;}
    :where(.legacy) .method-sub{margin-top: 0;}
    :where(.legacy) .sep-row{margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;}
    :where(.legacy) tbody > .sep-row:first-child{margin-top: 0 !important;}
    :where(.legacy) .sep-row td{border: none;
    border-left: 5px solid;
    border-top: none;
    border-radius: var(--radius);
    padding: 1rem 1.2rem;
    background: var(--color-panton26);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    font-size: calc(var(--fmt-base) * 1.02);}
    :where(.legacy) .sep-row.sep-instant td{border-left-color: var(--color-primary3);}
    :where(.legacy) .sep-row.sep-fast td{border-left-color: var(--color-primary);}
    :where(.legacy) .sep-row.sep-slow td{border-left-color: var(--color-note-border);}
    :where(.legacy) .sep-note{display: block;
    margin: 0.4em 0 0;
    font-size: 0.92em;
    opacity: 0.85;}
    :where(.legacy) .outcome-row{border: none !important;
    padding: 0;
    margin-bottom: 12px;
    background: transparent !important;}
    :where(.legacy) .outcome-row td{padding: 0 0 4px;}
    :where(.legacy) .outcome-row td::before{display: none !important;}
    :where(.legacy) .outcome-box{border-radius: var(--radius); border-left-width: 3px;}
    :where(.legacy) .fmt-legend{flex-direction: column; gap: 6px;}
  }
  :where(.legacy) .review-stars{color: #f5a623; letter-spacing: 2px; font-size: 1.3rem; margin-bottom: .3rem;}
  :where(.legacy) .review-stars-sm{color: #f5a623; letter-spacing: 1px;}
  :where(.legacy) .rev-blockquote{border-left: 4px solid var(--color-primary3); margin: 1rem 0; padding: 1rem 0 1rem 2rem; font-style: italic;}
  :where(.legacy) .rev-blockquote footer{font-style: normal; font-size: .9rem; text-align: right; color: var(--color-text-secondary); margin-top: .5rem;}
  :where(.legacy) .FAQPage{max-width: 860px;
    margin: 0 auto;}
  :where(.legacy) .dropout{border-bottom: 1px solid #eee;}
  :where(.legacy) .dropout[open]{border-left: 3px solid #ca3a09;
    padding-left: 1rem;
    border-bottom: 1px solid #eee;}
  :where(.legacy) .dropout-title{cursor: pointer;
    list-style: none;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;}
  :where(.legacy) .dropout-title::-webkit-details-marker{display: none;}
  :where(.legacy) .dropout-title::marker{content: "";}
  :where(.legacy) .dropout-title h3{margin: 0;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 400;}
  :where(.legacy) .dropout-title::after{content: "+";
    font-size: 1.5rem;
    color: #ca3a09;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.2s ease;}
  :where(.legacy) .dropout[open] > .dropout-title::after{content: "−";}
  :where(.legacy) .dropout-content{padding: 0 0 1.5rem;}
  :where(.legacy) .dropout-content p{margin-bottom: 1rem;}
  :where(.legacy) .visually-hidden{position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;}
  /* ---- 788cbf8d-survey.css ---- */
  :where(.legacy) form{max-width:800px;margin-left:auto;margin-right:auto;font-size:1rem;}
  :where(.legacy) label{margin:0 1.3rem;}
  :where(.legacy) .checkbox{position:relative;padding-left:1.5rem;margin:1.3rem 0;}
  :where(.legacy) .checkbox input[type=checkbox]{display:none;}
  :where(.legacy) .checkbox label:after{content:"q";font-family:code812;font-size:1.5rem;cursor:pointer;display:block;position:absolute;top:-.2rem;left:0;}
  :where(.legacy) .checkbox input[type="checkbox"]:checked + label:after{content:"p";font-family:code812;}
  :where(.legacy) form .note{border:1 dashed #777777;margin:2rem 0;padding:15px;background-color:#eee;}
  :where(.legacy) .comment{height:200px;width:100%;resize:none;}
  :where(.legacy) input[type=text]{padding:.5rem;}
  :where(.legacy) input[type=email]{padding:.5rem;}
  :where(.legacy) .btn-form{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem 2rem;color:#fff;text-transform:uppercase;background-color:#000;border:1px solid #000;cursor:pointer;}
  :where(.legacy) .btn-form:hover{border:1px solid #000;text-decoration:underline;}
  /* ---- 39a2c0f0-overlay.css ---- */
  :where(.legacy) .modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);padding-top:72px;overflow-y:auto}
  :where(.legacy) .modal-content{position:relative;background:#fefefe;margin:auto;margin-top:40px;width:90%;max-width:1000px;max-height:calc(100vh - 210px);box-shadow:0 4px 8px rgba(0,0,0,0.2),0 6px 20px rgba(0,0,0,0.19);animation:animatetop .4s ease-out;border-radius:8px;overflow:auto}
  :where(.legacy) .modal-content p, :where(.legacy) .modal-content ul{text-align:left;max-width:1200px;margin:auto}
  @keyframes animatetop{from{transform:translateY(-300px);opacity:0}to{transform:translateY(0);opacity:1}}
  :where(.legacy) .close-btn{position:absolute;top:8px;right:8px;background:#d83b01;color:#fff;border:0;font-size:2.5rem;line-height:1;padding:8px 12px;cursor:pointer;border-radius:4px}
  :where(.legacy) .close-btn:hover, :where(.legacy) .close-btn:focus{background:#a50900;text-decoration:none}
  :where(.legacy) .modal-body{padding:20px 16px;text-align:center}
  :where(.legacy) #allformats .modal-body{text-align:left}
  :where(.legacy) .formats, :where(.legacy) .formats th{font-size:1rem;font-weight:normal}
  :where(.legacy) .formats2{border-right:1px solid #59727f;border-top:1px solid #59727f}
  :where(.legacy) .formats2 td{border-bottom:1px solid #59727f;padding-top:2px;padding-bottom:2px}
  :where(.legacy) .program1{text-align:left;background:#efeff7;border-left:1px solid #59727f;border-bottom:1px solid #59727f;height:46px;padding-left:7px}
  :where(.legacy) .version2{color:#325364;background:#efeff7;border-left:1px solid #59727f;padding-left:7px;height:30px}
  :where(.legacy) .yes{color:#004586;text-align:center;line-height:12px;height:30px}
  :where(.legacy) .yes1{color:#004586;text-align:center;line-height:12px;background:#efeff7;height:30px}
  :where(.legacy) .no{color:#c30;text-align:center;line-height:12px;height:30px}
  :where(.legacy) .no1{color:#c30;text-align:center;line-height:12px;background:#efeff7;height:30px}
  :where(.legacy) .rem{color:#ff7f00;text-align:center}
  :where(.legacy) .rem1{color:#ff7f00;text-align:center;background:#efeff7}
  :where(.legacy) .legend{text-align:center;color:#325364;border-bottom:1px solid #59727f;padding-top:2px;padding-bottom:2px;border-left:1px solid #59727f;font-size:.8rem}
  :where(.legacy) figure{display:block;margin:0 auto !important;padding:13px 0 33px 0;text-align:center !important;width:100%;max-width:100%;float:none}
  :where(.legacy) figure img{display:block;margin:0 auto !important;padding:10px 0 5px 0;max-width:90%}
  :where(.legacy) figure h3, :where(.legacy) figure figcaption{display:block;margin:1 auto !important;text-align:center !important;max-width:90%}
  :where(.legacy) figure figcaption{font-size:.75rem !important}
  :where(.legacy) figure .yt-video{display:block;margin:0 auto;width:100%;max-width:720px;height:405px;border:0}
  @media (max-width:768px){
    :where(.legacy) figure .yt-video{height:300px}
  }
  :where(.legacy) figure.shot{display:block;margin:0 auto 25px auto}
  :where(.legacy) figure.shot figcaption{font-size:80%}
  :where(.legacy) figure.shot img{display:block;margin:2px auto 0 auto !important;max-width:500px;height:auto;cursor:zoom-in}
  :where(.legacy) .modal .modal-content .modal-body .modal-image{display:block;max-width:99%;max-height:99%;margin:0 auto}
  :where(.legacy) figure img.lazy{background:url("/img/placeholder.webp") no-repeat center;min-height:100px;opacity:0;transition:opacity .3s ease-in}
  :where(.legacy) figure img.lazy[src]{opacity:1}
  /* ---- icons-legacy.css ---- */
  :where(.legacy) [class*="fa-"]::before{display:inline-block;width:1em;height:1em;background-color:currentColor;
-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;}
  :where(.legacy) .fa-support::before{content:"";-webkit-mask-image:url(/tpl/26/icons/support.svg);mask-image:url(/tpl/26/icons/support.svg);}
  :where(.legacy) .fa-upto::before{content:"";-webkit-mask-image:url(/tpl/26/icons/upto.svg);mask-image:url(/tpl/26/icons/upto.svg);}
  :where(.legacy) .fa-down::before{content:"";-webkit-mask-image:url(/tpl/26/icons/down.svg);mask-image:url(/tpl/26/icons/down.svg);}
  :where(.legacy) .fa-checkbox::before{content:"";-webkit-mask-image:url(/tpl/26/icons/checkbox.svg);mask-image:url(/tpl/26/icons/checkbox.svg);}
  :where(.legacy) .fa-email::before{content:"";-webkit-mask-image:url(/tpl/26/icons/email.svg);mask-image:url(/tpl/26/icons/email.svg);}
  :where(.legacy) .fa-facebook::before{content:"";-webkit-mask-image:url(/tpl/26/icons/facebook.svg);mask-image:url(/tpl/26/icons/facebook.svg);}
  :where(.legacy) .fa-linked::before{content:"";-webkit-mask-image:url(/tpl/26/icons/linked.svg);mask-image:url(/tpl/26/icons/linked.svg);}
  :where(.legacy) .fa-youtube::before{content:"";-webkit-mask-image:url(/tpl/26/icons/youtube.svg);mask-image:url(/tpl/26/icons/youtube.svg);}
  :where(.legacy) .fa-rss::before{content:"";-webkit-mask-image:url(/tpl/26/icons/rss.svg);mask-image:url(/tpl/26/icons/rss.svg);}
  :where(.legacy) .fa-twitter::before{content:"";-webkit-mask-image:url(/tpl/26/icons/twitter.svg);mask-image:url(/tpl/26/icons/twitter.svg);}
  :where(.legacy) .fa-vk::before{content:"";-webkit-mask-image:url(/tpl/26/icons/vk.svg);mask-image:url(/tpl/26/icons/vk.svg);}
  :where(.legacy) .fa-toggle::before{content:"";-webkit-mask-image:url(/tpl/26/icons/toggle.svg);mask-image:url(/tpl/26/icons/toggle.svg);}
  :where(.legacy) .fa-lang::before{content:"";-webkit-mask-image:url(/tpl/26/icons/lang.svg);mask-image:url(/tpl/26/icons/lang.svg);}
  :where(.legacy) .fa-buy::before{content:"";-webkit-mask-image:url(/tpl/26/icons/buy.svg);mask-image:url(/tpl/26/icons/buy.svg);}
  :where(.legacy) .fa-helpdesk::before{content:"";-webkit-mask-image:url(/tpl/26/icons/helpdesk.svg);mask-image:url(/tpl/26/icons/helpdesk.svg);}
  :where(.legacy) .fa-windows::before{content:"";-webkit-mask-image:url(/tpl/26/icons/windows.svg);mask-image:url(/tpl/26/icons/windows.svg);}
  :where(.legacy) .fa-passcovery::before{content:"";-webkit-mask-image:url(/tpl/26/icons/passcovery.svg);mask-image:url(/tpl/26/icons/passcovery.svg);}
  :where(.legacy) .fa-play::before{content:"";-webkit-mask-image:url(/tpl/26/icons/play.svg);mask-image:url(/tpl/26/icons/play.svg);}
  :where(.legacy) .fa-toright::before{content:"";-webkit-mask-image:url(/tpl/26/icons/toright.svg);mask-image:url(/tpl/26/icons/toright.svg);}
  :where(.legacy) .fa-check::before{content:"";-webkit-mask-image:url(/tpl/26/icons/check.svg);mask-image:url(/tpl/26/icons/check.svg);}
  :where(.legacy) .fa-gpu::before{content:"";-webkit-mask-image:url(/tpl/26/icons/gpu.svg);mask-image:url(/tpl/26/icons/gpu.svg);}
  :where(.legacy) .fa-crop::before{content:"";-webkit-mask-image:url(/tpl/26/icons/crop.svg);mask-image:url(/tpl/26/icons/crop.svg);}
  :where(.legacy) .fa-formats::before{content:"";-webkit-mask-image:url(/tpl/26/icons/formats.svg);mask-image:url(/tpl/26/icons/formats.svg);}
  :where(.legacy) .fa-magic::before{content:"";-webkit-mask-image:url(/tpl/26/icons/magic.svg);mask-image:url(/tpl/26/icons/magic.svg);}
  :where(.legacy) .fa-speed::before{content:"";-webkit-mask-image:url(/tpl/26/icons/speed.svg);mask-image:url(/tpl/26/icons/speed.svg);}
  :where(.legacy) .fa-accelerate::before{content:"";-webkit-mask-image:url(/tpl/26/icons/accelerate.svg);mask-image:url(/tpl/26/icons/accelerate.svg);}
  :where(.legacy) .fa-onetwothree::before{content:"";-webkit-mask-image:url(/tpl/26/icons/onetwothree.svg);mask-image:url(/tpl/26/icons/onetwothree.svg);}
  :where(.legacy) .fa-scenario::before{content:"";-webkit-mask-image:url(/tpl/26/icons/scenario.svg);mask-image:url(/tpl/26/icons/scenario.svg);}
  :where(.legacy) .fa-mutation::before{content:"";-webkit-mask-image:url(/tpl/26/icons/mutation.svg);mask-image:url(/tpl/26/icons/mutation.svg);}
  :where(.legacy) .fa-macro::before{content:"";-webkit-mask-image:url(/tpl/26/icons/macro.svg);mask-image:url(/tpl/26/icons/macro.svg);}
  :where(.legacy) .fa-autosave::before{content:"";-webkit-mask-image:url(/tpl/26/icons/autosave.svg);mask-image:url(/tpl/26/icons/autosave.svg);}
  :where(.legacy) .fa-laconic::before{content:"";-webkit-mask-image:url(/tpl/26/icons/laconic.svg);mask-image:url(/tpl/26/icons/laconic.svg);}
  :where(.legacy) .fa-pi::before{content:"";-webkit-mask-image:url(/tpl/26/icons/pi.svg);mask-image:url(/tpl/26/icons/pi.svg);}
  :where(.legacy) .fa-book::before{content:"";-webkit-mask-image:url(/tpl/26/icons/book.svg);mask-image:url(/tpl/26/icons/book.svg);}
  :where(.legacy) .fa-spock::before{content:"";-webkit-mask-image:url(/tpl/26/icons/spock.svg);mask-image:url(/tpl/26/icons/spock.svg);}
  :where(.legacy) .fa-bulb::before{content:"";-webkit-mask-image:url(/tpl/26/icons/bulb.svg);mask-image:url(/tpl/26/icons/bulb.svg);}
  :where(.legacy) .fa-rar::before{content:"";-webkit-mask-image:url(/tpl/26/icons/rar.svg);mask-image:url(/tpl/26/icons/rar.svg);}
  :where(.legacy) .fa-zip::before{content:"";-webkit-mask-image:url(/tpl/26/icons/zip.svg);mask-image:url(/tpl/26/icons/zip.svg);}
  :where(.legacy) .fa-excel::before{content:"";-webkit-mask-image:url(/tpl/26/icons/excel.svg);mask-image:url(/tpl/26/icons/excel.svg);}
  :where(.legacy) .fa-word::before{content:"";-webkit-mask-image:url(/tpl/26/icons/word.svg);mask-image:url(/tpl/26/icons/word.svg);}
  :where(.legacy) .fa-404::before{content:"";-webkit-mask-image:url(/tpl/26/icons/404.svg);mask-image:url(/tpl/26/icons/404.svg);}
  :where(.legacy) .fa-checked::before{content:"";-webkit-mask-image:url(/tpl/26/icons/checked.svg);mask-image:url(/tpl/26/icons/checked.svg);}
  :where(.legacy) .fa-unchecked::before{content:"";-webkit-mask-image:url(/tpl/26/icons/unchecked.svg);mask-image:url(/tpl/26/icons/unchecked.svg);}
  :where(.legacy) .fa-plus::before{content:"";-webkit-mask-image:url(/tpl/26/icons/plus.svg);mask-image:url(/tpl/26/icons/plus.svg);}
  :where(.legacy) .fa-secure::before{content:"";-webkit-mask-image:url(/tpl/26/icons/secure.svg);mask-image:url(/tpl/26/icons/secure.svg);}
  :where(.legacy) ul.check li::before{content:"";height:2.5rem;background-color:currentColor;
  -webkit-mask:url(/tpl/26/icons/checkbox.svg) no-repeat left center/1em 1em;mask:url(/tpl/26/icons/checkbox.svg) no-repeat left center/1em 1em;}
  :where(.legacy) .checkbox label::after{content:"";width:1em;height:1.5em;background-color:currentColor;
  -webkit-mask:url(/tpl/26/icons/unchecked.svg) no-repeat left center/1em 1em;mask:url(/tpl/26/icons/unchecked.svg) no-repeat left center/1em 1em;}
  :where(.legacy) .checkbox input[type="checkbox"]:checked + label::after{content:"";
  -webkit-mask-image:url(/tpl/26/icons/checked.svg);mask-image:url(/tpl/26/icons/checked.svg);}
}