#account{background-color:var(--primary);cursor:pointer;padding:20px 5px;text-align:center;width:100%;z-index:99}#account:hover{background-color:#ffffff16}#account>div{gap:8px;position:relative}#account>div,#account>div>div:first-of-type{align-items:center;display:flex;justify-content:center}#account>div>div:first-of-type{background-color:var(--light);border-radius:50%;color:var(--primary);font-weight:700;height:30px;width:30px}#account p{font-size:12px;margin:0}#account-dropdown{background-color:var(--light);border-radius:5px 5px 0;box-shadow:0 5px 5px #22222249;color:var(--dark);font-size:13px;padding:8px;position:absolute;right:30px;text-align:center;top:-30px;width:120px;z-index:10}#open-account-btn{background-color:var(--light);border:none;border-radius:10px;color:var(--primary);cursor:pointer;font-size:14px;padding:8px 12px;width:85%}#open-account-btn:hover{scale:1.01}#open-account-btn:active{scale:.99}@media(max-width:888px){#account{padding-bottom:80px}}#aside-trigger{background-color:var(--primary);display:none;padding:8px;position:fixed;top:0;width:100vw}#aside-trigger svg{height:30px;width:30px}#aside-trigger button{background:none;border:none}#aside-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#22222279;display:none;inset:0;position:fixed}aside{align-items:center;background-color:var(--primary);color:var(--secondary);display:flex;flex-direction:column;justify-content:space-between;max-width:300px;padding:15px 20px;position:relative}aside>div:first-of-type{flex:1 1;max-height:500px;overflow-y:auto!important;padding-bottom:20px}aside header{font-family:var(--lobster);text-align:center}aside header h1{cursor:pointer}#quizes-header{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:20px}#quizes-header a{align-items:center;background-color:var(--light);border:none;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}#quizes-header svg{transform:translate(-1px)}#quizes-header button:hover{scale:1.02}#quizes-header button:active{scale:.95}#quizes-list{list-style:none;margin:0;padding:0}#quizes-list li{border-bottom:1px solid var(--secondary);justify-content:space-between;padding:8px;transition:all .3s}#quizes-list li:hover{background-color:#f38bac}#quizes-list li{align-items:center;display:flex;gap:10px}#quizes-list li a{flex:1 1}#quizes-list li>div button{background:none;border:none;margin:0;padding:0}#quizes-list .active-li{background-color:#f38bac}#quizes-list .active-li>div button svg{opacity:1!important}@media(max-width:888px){#aside-trigger{display:block}aside{box-shadow:4px 0 4px #22222287;justify-content:start;position:fixed;transform:translate(-100vw);transition:all .3s;z-index:999}aside header{margin-bottom:30px}#aside-overlay:has(+.aside-show){display:block}.aside-show{transform:translate(0)}}main{padding:20px}@media(max-width:888px){main{padding-top:100px}}#confirm-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#222222a0;display:flex;inset:0;padding-inline:10px;position:fixed;z-index:1000}#confirm-modal>div{background-color:var(--primary-light);border:2px solid var(--primary);border-radius:10px;color:var(--dark);font-size:19px;margin:auto;padding:20px;text-align:center}#confirm-modal>div>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;margin-top:20px}#confirm-modal>div>div button{background-color:var(--secondary);border:none;border-radius:10px;box-shadow:0 3px 3px #2222223d;padding:8px;width:130px}#confirm-modal>div>div button:hover{scale:1.01}#confirm-modal>div>div button:active{scale:.99}#confirm-modal>div>div button:first-of-type{background-color:var(--primary);color:var(--secondary)}#layout-wrapper{background-color:var(--secondary);display:flex!important}aside,main{flex:1 1;height:100vh;overflow-y:auto}aside{overflow-y:hidden}