:root{--c-text-primary:#282a32;--c-text-secondary:#686b87;--c-text-action:#404089;--c-accent-primary:#434ce8;--c-border-primary:#eff1f6;--c-background-primary:#fff;--c-background-secondary:#fdfcff;--c-background-tertiary:#ecf3fe;--c-background-quaternary:#e9ecf4}@font-face{font-family:Source Han Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://sourish.github.io/Source-Han-Sans-Downloads/fonts/SourceHanSansSC-Bold.woff2)format("woff2");unicode-range:U+4E00-9FFF}body{background-color:var(--c-background-secondary);min-height:100vh;color:var(--c-text-primary);font-family:Source Han Sans,sans-serif;line-height:1.5}img{max-width:100%;display:block}:focus{outline:0}.responsive-wrapper{width:90%;max-width:1280px;margin-left:auto;margin-right:auto}.main{padding-top:3rem}.main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.main-header h1{font-size:1.75rem;font-weight:600;line-height:1.25}@media (max-width:550px){.main-header h1{margin-bottom:1rem}}.search{align-items:center;width:100%;max-width:340px;display:flex;position:relative}.search input{font:inherit;color:var(--c-text-action);border:2px solid var(--c-border-primary);height:40px;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:0 1em 0 36px;font-size:.875rem;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.search input::placeholder{color:var(--c-text-action)}.search input:focus,.search input:hover{border-color:var(--c-accent-primary)}.search button{color:var(--c-text-action);background-color:transparent;border:0;justify-content:center;align-items:center;height:40px;padding:0;font-size:1.25em;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.horizontal-tabs{align-items:center;margin-top:1.5rem;display:flex;overflow-x:auto}@media (max-width:1000px){.horizontal-tabs{scrollbar-width:none;position:relative}.horizontal-tabs::-webkit-scrollbar{display:none}}.horizontal-tabs a{height:48px;color:inherit;border-bottom:3px solid transparent;flex-shrink:0;align-items:center;padding:0 .25rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.horizontal-tabs a:hover,.horizontal-tabs a:focus,.horizontal-tabs a.active{color:var(--c-accent-primary);border-bottom-color:var(--c-accent-primary)}.horizontal-tabs a+*{margin-left:1rem}.content-header{border-top:1px solid var(--c-border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:-1px;padding-top:3rem;display:flex}.content-header-intro h2{font-size:1.25rem;font-weight:600}.content-header-intro p{color:var(--c-text-secondary);margin-top:.25rem;margin-bottom:1rem;font-size:.875rem}@media (min-width:800px){.content-header-actions a:first-child{display:none}}.content{align-items:flex-start;display:flex}.content-panel{background:#fff;width:25%;max-width:280px;margin-top:1.8rem;margin-right:3rem;padding:2rem 1rem 2rem 0;display:none}@media (min-width:800px){.content-panel{display:block}}.vertical-tabs{flex-direction:column;display:flex}.vertical-tabs a{color:var(--c-text-action);cursor:pointer;background-color:transparent;border-radius:8px;align-items:center;padding:.75em 1em;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.vertical-tabs a:hover,.vertical-tabs a:focus,.vertical-tabs a.active{background-color:var(--c-background-tertiary);color:var(--c-accent-primary)}.vertical-tabs a+*{margin-top:.25rem}.content-main{flex-grow:1;padding-top:2rem;padding-bottom:6rem}.card-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--c-background-primary);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 3px 3px rgba(0,0,0,.05),0 5px 15px rgba(0,0,0,.05)}.card-header{justify-content:space-between;align-items:flex-start;padding:1.5rem 1.25rem 1rem;display:flex}.card-header div{align-items:center;display:flex}.card-header div span{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.card-header div span img{max-height:100%}.card-header div h3{margin-left:.75rem;font-weight:500}.toggle span{background-color:var(--c-background-quaternary);border-radius:99em;width:40px;height:24px;transition:all .15s;display:block;position:relative;box-shadow:inset 1px 1px 1px rgba(0,0,0,.05)}.toggle span:before{content:"";background-color:var(--c-background-primary);border-radius:50%;width:18px;height:18px;transition:all .15s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toggle input:checked+span{background-color:var(--c-accent-primary)}.toggle input:checked+span:before{transform:translate(calc(100% - 2px))}.toggle input:focus+span{box-shadow:0 0 0 4px var(--c-background-tertiary)}.card-body{padding:1rem 1.25rem;font-size:.875rem}.card-footer{border-top:1px solid var(--c-border-primary);justify-content:flex-end;align-items:center;margin-top:auto;padding:1rem 1.25rem;display:flex}.card-footer a{color:var(--c-text-action);font-size:.875rem;font-weight:500;text-decoration:none}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-thumb{background-color:var(--c-text-primary);border:4px solid var(--c-background-primary);border-radius:99em}
