.layout{background-color:#f9fafb;width:100%;height:100%;font-family:sans-serif;position:relative;overflow:hidden}.layout__content{width:100%;height:100%;position:relative;overflow-y:auto}.layout__nav{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:24px;justify-content:space-around;align-items:center;width:300px;height:48px;padding:0 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000000f}.layout__nav-button{cursor:pointer;opacity:.6;filter:grayscale(20%);background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s ease-in-out;display:flex}.layout__nav-button:hover{opacity:.9;background-color:#e5e7eb}.layout__nav-button:active{opacity:1!important;filter:none!important;background-color:#1f2937!important}.layout__nav-button--active{opacity:1;filter:none;background-color:#111827;box-shadow:0 2px 6px #00000026}@media (width<=600px){.layout__nav{border-bottom:none;border-left:none;border-right:none;border-radius:0;width:100%;height:56px;padding:0;bottom:0;left:0;transform:none;box-shadow:0 -4px 16px #0000000f}.layout__nav-button{background-color:#0000;border-radius:0;width:100%;height:100%;font-size:22px}.layout__nav-button:hover{background-color:#0000}.layout__nav-button:active{background-color:#f3f4f6!important}.layout__nav-button--active{box-shadow:none;background-color:#0000}.layout__nav-button--active:after{content:"";background-color:#111827;border-radius:2px;width:16px;height:3px;position:absolute;bottom:6px}}.loading-backdrop{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#7c3aed;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;box-shadow:0 4px 15px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.auth-loading-spinner{color:#7c3aed;background-color:#f8fafc;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;font-weight:700;display:flex}.layout__nav-button{text-decoration:none}