body{padding:2rem 0 0}.card{align-items:center;background-color:#fff;display:flex;height:113px;justify-content:center;max-width:80px;min-width:60px;overflow:hidden;position:relative;text-align:center;transform:translateZ(0);transform-style:preserve-3d;transition:transform .3s ease,opacity .3s ease;width:100%}.card.flipped{transform:rotateY(180deg) translateZ(0)}.card.flipped,.card.unflipped{transition:transform .6s cubic-bezier(.4,2,.3,1)}.card.unflipped{background-image:url(bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--pico-primary);transform:rotateY(0deg) translateZ(0)}.card.wrong{border-color:var(--pico-form-element-invalid-border-color)}.card.correct{border-color:var(--pico-form-element-valid-border-color)}.card .icon{height:15px;left:5px;position:absolute;top:5px;transform:scaleX(-1)}#react-target,#react-target>.grid,#react-target>.grid>div,body,html{height:100%}.card-container{align-items:center;display:flex;height:100vh;justify-content:center;transform:translateZ(0)}.card img{position:absolute}.blur,.card img{transition:opacity .3s ease}.blur{filter:blur(.8px);opacity:.5}.selected{box-shadow:0 0 0 2px var(--pico-primary);transform:scale(1.1)}.card-sender .icon{display:none;position:absolute;right:5px;top:5px}.selected-sender .icon{display:block}.opacity{opacity:.3;transition:opacity .3s ease}.hero{align-items:center;border:3px solid var(--pico-primary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:64px;padding:1rem;transform:translateZ(0)}.small-btn{font-size:.8rem;padding:.2rem .3rem;transition:transform .2s ease}[data-theme=dark] .avatar,[data-theme=dark] .me .avatar{filter:invert(1)}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media (max-width:900px){width:42px}}