html,body,#root{color:#242424;background:#f5f5f5;height:100%;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}a{color:#0f6cbd}input::placeholder{color:#8a8886}input[type=search]::placeholder,.hdr input::placeholder{color:#ffffffbf}.nav-rail{background:#faf9f8;border-right:1px solid #e1dfdd;flex-direction:column;transition:width .28s cubic-bezier(.4,0,.2,1),flex-basis .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.nav-rail--open{flex:0 0 248px;width:248px}.nav-rail--closed{flex:0 0 56px;width:56px}.nav-rail-header{border-bottom:1px solid #edebe9;align-items:center;gap:10px;height:48px;transition:padding .28s cubic-bezier(.4,0,.2,1);display:flex}.nav-rail--open .nav-rail-header{padding:0 16px}.nav-rail--closed .nav-rail-header{justify-content:center;padding:0 14px}.nav-rail-brand{white-space:nowrap;align-items:center;gap:10px;transition:opacity .18s,max-width .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.nav-rail--open .nav-rail-brand{opacity:1;max-width:180px}.nav-rail--closed .nav-rail-brand{opacity:0;pointer-events:none;max-width:0}.nav-rail-toggle{cursor:pointer;color:#424242;border-radius:4px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:background .15s;display:flex}.nav-rail--closed .nav-rail-toggle{margin-left:0}.nav-rail-toggle:hover{background:#edebe9}.nav-rail-chevron{transition:transform .28s cubic-bezier(.4,0,.2,1)}.nav-rail--closed .nav-rail-chevron{transform:rotate(180deg)}.nav-rail-link{cursor:pointer;color:#424242;border-radius:4px;align-items:center;gap:12px;height:36px;padding:0 12px;font-weight:400;text-decoration:none;transition:background .15s,color .15s,justify-content .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-rail--open .nav-rail-link{justify-content:flex-start}.nav-rail--closed .nav-rail-link{justify-content:center}.nav-rail-link--active{color:#242424;background:#ebebeb;font-weight:600}.nav-rail-label{white-space:nowrap;flex:1;font-size:14px;transition:opacity .18s,max-width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-rail--open .nav-rail-label{opacity:1;max-width:160px;transition-delay:60ms}.nav-rail--closed .nav-rail-label{opacity:0;flex:0;max-width:0}.nav-rail-badge{color:#fff;background:#0f6cbd;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:600;transition:opacity .18s,min-width .2s,height .2s,padding .2s;display:flex}.nav-rail-badge--dot{border-radius:50%;width:8px;min-width:8px;height:8px;padding:0;font-size:0;position:absolute;top:6px;right:10px}.nav-rail-footer{color:#0f6cbd;cursor:pointer;border-top:1px solid #edebe9;align-items:center;gap:8px;margin-top:auto;font-size:13px;transition:padding .28s cubic-bezier(.4,0,.2,1);display:flex}.nav-rail--open .nav-rail-footer{justify-content:flex-start;padding:12px 16px}.nav-rail--closed .nav-rail-footer{justify-content:center;padding:12px 0}.nav-rail-footer-label{white-space:nowrap;transition:opacity .18s,max-width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-rail--open .nav-rail-footer-label{opacity:1;max-width:160px;transition-delay:60ms}.nav-rail--closed .nav-rail-footer-label{opacity:0;max-width:0}