.conta-drawer-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.5);

    opacity:0;

    pointer-events:none;

    transition:.3s;

    z-index:1999;

}

.conta-drawer-overlay.aberto{

    opacity:1;

    pointer-events:auto;

}

.conta-drawer{

    position:fixed;

    top:0;

    right:0;

    width:280px;

    max-width:82vw;

    height:100vh;

    background:var(--bg-chrome);

    z-index:2000;

    display:flex;

    flex-direction:column;

    transform:translateX(100%);

    transition:transform .3s ease;

    box-shadow:-10px 0 30px rgba(0,0,0,.25);

}

.conta-drawer.aberto{

    transform:translateX(0);

}

.conta-drawer-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:24px;

    border-bottom:1px solid var(--borda-chrome);

}

.conta-drawer-top img{

    height:30px;

}

.conta-drawer-fechar{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--texto-chrome-claro);

    font-size:1.2rem;

    border-radius:8px;

    transition:var(--transition);

}

.conta-drawer-fechar:hover{

    background:var(--chrome-hover-bg);

    color:var(--texto-chrome);

}

.conta-drawer nav{

    flex:1;

    padding:18px 14px;

    overflow-y:auto;

}

.conta-drawer ul{

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:4px;

}

.conta-drawer li a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 16px;

    border-radius:var(--radius-small);

    color:var(--texto-chrome-claro);

    font-weight:500;

    font-size:.92rem;

    transition:var(--transition);

}

.conta-drawer li a i{

    font-size:1.15rem;

}

.conta-drawer li a:hover{

    background:var(--chrome-hover-bg);

    color:var(--texto-chrome);

}

.conta-drawer-saudacao{

    padding:6px 16px 14px;

    color:var(--texto-chrome);

    font-weight:600;

    font-family:var(--titulo);

}

.conta-drawer-titulo{

    margin-top:14px;

    padding:14px 16px 4px;

    color:var(--texto-chrome-claro);

    font-size:.72rem;

    text-transform:uppercase;

    letter-spacing:.5px;

    border-top:1px solid var(--borda-chrome);

}

.conta-drawer-sair{

    margin-top:auto;

    padding-top:14px;

    border-top:1px solid var(--borda-chrome);

}

.conta-drawer-sair a{

    color:#ff8a8a;

}

.conta-drawer-sair a:hover{

    color:#ff5c5c;

    background:rgba(255,90,90,.08);

}