/*! Copyright TheWebSuite. All rights reserved. Licensed, not sold: https://thewebsuite.co/license */
.ttl{min-width:0;display:flex;flex-direction:column}.eyebrow{font:500 11.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut2);margin-bottom:2px}.app:has(.sh){height:100vh;height:100dvh;min-height:0}.app:has(.sh) .main{height:100%;min-height:0;overflow:hidden}.app:has(.sh) .srch{display:none}.app:has(.sh) .top{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:max(18px,2vh) max(24px,calc((100% - 960px)/2)) 4px}.app:has(.sh) #main{flex:1;min-height:0;padding:14px max(24px,calc((100% - 960px)/2)) 28px}.app:has(.sh) #main>div{flex:1;min-height:0}.sh{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.sh-box{flex:none;display:flex;align-items:center;gap:12px;height:62px;padding:0 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 30px -16px #10182838;color:var(--mut2);cursor:text}.sh-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft),0 10px 30px -16px #10182838}.sh-ico{display:grid;flex:none}.sh-box input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:17px;color:var(--ink)}.sh-box input::placeholder{color:var(--mut2)}.sh-box input::-webkit-search-cancel-button{display:none}.sh-kbd{flex:none;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--mut);padding:5px 7px;border-radius:7px;background:var(--tint);box-shadow:inset 0 0 0 1px var(--line)}.sh-card{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;padding:16px 10px 10px}.sh-ct{padding:0 10px;margin-bottom:8px}.sh-sw{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}.sh-scroll{min-height:0;overflow:auto}.sh-gh{font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut2);padding:14px 10px 6px}.sh-gh:first-child{padding-top:0}.sh-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--ink)}.sh-row:hover,.sh-row.on{background:var(--soft)}.sh-tile{width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--ink2);display:grid;place-items:center;flex:none}.sh-row:hover .sh-tile,.sh-row.on .sh-tile{background:var(--card)}.sh-t{flex:1;min-width:0;display:flex;flex-direction:column}.sh-t b,.sh-t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-t b{font-weight:600}.sh-t small{font-size:12.5px;color:var(--mut)}.sh-kind{flex:none;font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mut2)}.sh-card .empty{padding:20px 8px}@media(max-width:860px){.app:has(.sh) .top{padding:10px 16px 2px}.app:has(.sh) #main{padding:12px 16px 20px}.sh-kbd{display:none}.sh-box{height:54px;padding:0 14px}}@media(max-width:1370px){.has-wsdd .app:has(.sh) #main{padding-bottom:132px}}@media(max-width:860px){.has-wsdd .app:has(.sh) .top{padding-left:68px}.has-wsdd .app:has(.sh) #main{padding-bottom:124px}}@media(max-width:640px){.has-wsdd .app:has(.sh) #main{padding-bottom:116px}}