.CssBlock{width:100%;max-width:1340px;min-height:100vh;margin:40px auto 0;padding:20px;position:relative;overflow:hidden}@media screen and (max-width:500px){.CssBlock{margin-top:10px}}.CssBlock__toolbar{align-items:center;gap:12px;margin:12px 0 14px;display:flex}.CssBlock__search{flex:1;max-width:365px;position:relative}.CssBlock__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}.CssBlock__searchInput:focus{border-color:#0075ff80}.CssBlock__searchInput::placeholder{color:#050c2780;font-family:NunitoSans,sans-serif}.CssBlock__search svg{opacity:.5;pointer-events:none;border-radius:4px;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.CssBlock__viewToggle{gap:10px;display:inline-flex}.CssBlock__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}.CssBlock__toggleBtn.is-active{color:#0075ff;border-color:#0075ff80}.CssBlock__toggleBtn svg{opacity:.5}.CssBlock__toggleBtn.is-active svg path{stroke:#0075ff}.CssBlock__title{margin:35px 0 30px;font-size:28px;font-weight:800;line-height:1.1}.CssBlock__titleTag{color:#0075ff}.CssBlock__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.CssBlock__card{background:#fff;border:1px solid #ddd;border-radius:16px;min-height:190px;padding:18px 18px 16px}.CssBlock__cardTitle{margin:0 0 10px;font-size:18px;font-weight:800}.CssBlock__cardTitle.is-not-found{opacity:.5;color:#050c27;font-weight:600}.CssBlock__cardList>div{margin:3px 0}.CssBlock__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}.CssBlock__link:hover .CssBlock__kbd,.CssBlock__link:hover .CssBlock__kbdBracket{color:#0075ff}.CssBlock__linkDesc{color:#050c27}.CssBlock__kbd{color:#050c27;background:0 0;border:0;align-items:center;padding:0;font-weight:800;display:inline-flex}.CssBlock__kbdBracket{color:#050c27;font-weight:800}.CssBlock__dangerMark{color:#d12;margin-left:6px;font-weight:900}@media (max-width:1100px){.CssBlock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.CssBlock__toolbar{flex-direction:column;align-items:stretch}.CssBlock__search{max-width:100%}.CssBlock__viewToggle{justify-content:flex-start}.CssBlock__grid{grid-template-columns:1fr;gap:16px}.CssBlock__card{padding:16px 16px 14px}}