.stb{text-align:left;flex-direction:column;gap:28px;display:flex}.stb-search{width:min(560px,100%);height:50px;color:var(--muted);background:#f5f5f5;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 10px 0 18px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.stb-search:hover{background:#f0f0f0}.stb-search:focus-within{background:#fff;border-color:#11111329;box-shadow:0 0 0 4px #1111130a}.stb-search input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15.5px}.stb-search input::-webkit-search-cancel-button{display:none}.stb-search button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.stb-search button:hover{color:var(--ink);background:#1111130f}.stb-search button:focus-visible{box-shadow:inset 0 0 0 2px var(--ink);outline:0}.stb .tb{background:0 0}.stb .tb-body{min-height:0}.stb .tb-page .tb-side{max-height:calc(100dvh - 108px);top:92px}.stb .tb-heading{font-size:15px}.stb .tb-grid{gap:16px}.stb .tcard-open{background:#f5f5f5;border-radius:12px;padding:8px;transition:background-color .2s}.stb .tcard-open:hover:not(:disabled){background:#ededed}.stb .tcard-open:hover:not(:disabled) .tcard-cover{box-shadow:none;transform:none}.stb .tcard-open:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}.stb .tcard-open:focus-visible .tcard-cover{box-shadow:none}.stb .tcard-cover,.stb .tcard-cover .tpg-cover{border-radius:8px}.stb .tcard-cover .tpg-cover{background:#e6e6e6}.stb .tcard-cover .tpg-cover:after{box-shadow:none}.stb .tcard-name{margin-top:0;padding:12px 6px 6px;font-size:14px}@container tb (max-width:640px){.stb .tb-main{padding:14px 0 0}.stb .tb-grid{gap:10px}.stb .tcard-open{padding:6px}.stb .tcard-name{padding:10px 4px 4px;font-size:13px}}