.atori-drawer{top:0;height:100vh;overflow:hidden}.atori-drawer-header{margin-bottom:24px}.atori-drawer-content{position:absolute;top:0;padding:16px;height:100%;transition:all .3s;background-color:var(--atori-c-bg-second);box-shadow:0 0 20px rgba(0,0,0,.2)}.atori-drawer-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--atori-c-mask)}.atori-drawer-closeIcon{position:absolute;top:10px;right:10px;padding:5px;color:var(--atori-c-text-1);font-size:1.4rem;cursor:pointer;transition:transform .1s ease-in;border-radius:4px;&:hover{background-color:var(--atori-c-bg-normal)}}.atori-nav{display:flex;align-items:center;padding:3.2rem;gap:2.4rem;height:var(--atori-nav-height)}.atori-nav-favicon{flex:1;font-size:2.4rem;position:fixed;top:2rem;left:2.4rem;z-index:10}.atori-nav-favicon path{stroke-dashoffset:1px;stroke-dasharray:350px 0;animation:grow 10s ease infinite forwards;transform-origin:center;stroke:#a26769;animation-delay:0s}.nav-setting-form-field{margin-bottom:12px;display:flex;gap:6px}.nav-setting-form-field .field-label{width:6rem;display:inline-block;text-align:right}.nav-setting-form-field .field-value{min-width:10rem;border:1px solid var(--atori-c-border-tweet);padding-inline:8px}@keyframes grow{0%{stroke-dashoffset:1px;stroke-dasharray:0 350px;opacity:0}10%{opacity:1}40%{stroke-dasharray:350px 0}85%{stroke-dasharray:350px 0}95%,to{stroke-dasharray:0 350px}}.atori-nav-menu{display:flex;gap:2.4rem}.atori-nav-menu .menu-item{opacity:var(--atori-c-text-opac-1ight);transition:opacity .2s ease;font-size:1.8rem;&:hover{opacity:var(--atori-c-text-opac-full)}}.atori-nav-extra{display:flex;align-items:center;gap:2.4rem}.atroi-nav-icon{display:inline-block;font-size:1.8rem;opacity:var(--atori-c-text-opac-1ight);cursor:pointer;transition:opacity .2s ease;&:active,&:hover{opacity:var(--atori-c-text-opac-full)}}.atroi-nav-icon.moon{color:inherit;display:inline-block;display:none}html.dark .atroi-nav-icon.light{display:none}html.dark .atroi-nav-icon.moon{display:inline-block;&:hover{opacity:var(--atori-c-text-opac-full)}}.nav-setting-save{color:var(--atori-c-text-1);opacity:.7;display:flex;justify-content:center;cursor:pointer;&:hover{opacity:1}}.nav-setting-save .btn-save{width:5rem;text-align:center;padding:3px;background-color:var(--atori-c-bg-deep)}