.HtmlBlock{width:100%;max-width:1340px;min-height:100vh;margin:40px auto 0;padding:20px;position:relative;overflow:hidden}@media screen and (max-width:500px){.HtmlBlock{margin-top:10px}}.HtmlBlock__toolbar{align-items:center;gap:12px;margin:12px 0 14px;display:flex}.HtmlBlock__search{flex:1;max-width:365px;position:relative}.HtmlBlock__searchInput{background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;height:50px;padding:0 14px 0 44px;font-family:NunitoSans,sans-serif;font-size:15px}.HtmlBlock__searchInput:focus{border-color:#0075ff80}.HtmlBlock__searchInput::placeholder{color:#050c2780;font-family:NunitoSans,sans-serif}.HtmlBlock__search svg{opacity:.5;pointer-events:none;border-radius:4px;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.HtmlBlock__viewToggle{gap:10px;display:inline-flex}.HtmlBlock__toggleBtn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;border-radius:10px;place-items:center;width:50px;height:50px;font-weight:700;display:grid}.HtmlBlock__toggleBtn.is-active{color:#0075ff;border-color:#0075ff80}.HtmlBlock__toggleBtn svg{opacity:.5}.HtmlBlock__toggleBtn.is-active svg path{stroke:#0075ff}.HtmlBlock__title{margin:35px 0 30px;font-size:28px;font-weight:800;line-height:1.1}.HtmlBlock__titleTag{color:#0075ff}.HtmlBlock__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.HtmlBlock__card{background:#fff;border:1px solid #ddd;border-radius:16px;min-height:190px;padding:18px 18px 16px}.HtmlBlock__cardTitle{margin:0 0 10px;font-size:18px;font-weight:800}.HtmlBlock__cardTitle.is-not-found{opacity:.5;color:#050c27;font-weight:600}.HtmlBlock__cardList>div{margin:3px 0}.HtmlBlock__link{color:#050c27;-o-transition:color .15s ease-in-out;font-size:14.5px;line-height:1.35;text-decoration:none;transition:color .15s ease-in-out}.HtmlBlock__link:hover .HtmlBlock__kbd,.HtmlBlock__link:hover .HtmlBlock__kbdBracket{color:#0075ff}.HtmlBlock__linkDesc{color:#050c27}.HtmlBlock__kbd{color:#050c27;background:0 0;border:0;align-items:center;padding:0;font-weight:800;display:inline-flex}.HtmlBlock__kbdBracket{color:#050c27;font-weight:800}.HtmlBlock__dangerMark{color:#d12;margin-left:6px;font-weight:900}@media (max-width:1100px){.HtmlBlock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.HtmlBlock__toolbar{flex-direction:column;align-items:stretch}.HtmlBlock__search{max-width:100%}.HtmlBlock__viewToggle{justify-content:flex-start}.HtmlBlock__grid{grid-template-columns:1fr;gap:16px}.HtmlBlock__card{padding:16px 16px 14px}}