.account-card{display:block;padding:0;overflow:visible;background:rgba(18,34,31,.64);border:1px solid rgba(223,233,226,.11)}
.account-content{display:flex;align-items:center;gap:15px;min-height:91px;padding:14px 18px;position:relative;z-index:2;background:rgba(18,34,31,.64);transition:transform .26s cubic-bezier(.16,1,.3,1)}
.account-card.menu-open{z-index:30}
.account-info[data-action="account"]{cursor:pointer;border-radius:8px;outline:none}
.account-info[data-action="account"]:hover strong,.account-info[data-action="account"]:focus-visible strong{color:var(--cyan)}
.account-info[data-action="account"]:focus-visible{box-shadow:0 0 0 2px rgba(143,255,225,.35)}
.swipe-delete-button{position:absolute;right:8px;top:50%;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#ff9a9a;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:1;opacity:0;pointer-events:none;transform:translate(12px,-50%) scale(.9);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}
.swipe-delete-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
@media(max-width:700px){
  .account-card{touch-action:pan-y;overflow:hidden}
  .account-content{gap:10px;padding:13px 11px;min-height:67px}
  .swipe-delete-button{display:flex}
  .account-card.revealing-delete .swipe-delete-button,.account-card.swiped .swipe-delete-button{opacity:1;pointer-events:auto;transform:translate(0,-50%) scale(1)}
  .account-card.swiped .account-content{transform:translateX(-64px)}
  .account-card:hover{transform:none}
  .account-card:active .account-content{background:rgba(24,44,40,.85)}
}
@media(min-width:701px){.account-card{position:relative}.account-content{border-radius:15px}.swipe-delete-button{display:none!important}}