.card-container{position:relative!important;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-in-out}.card-container.flipped{transform:rotateX(180deg)!important}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.card-front{background:linear-gradient(180deg,#e5f3ff,#fffde4)}.card-back{background:linear-gradient(180deg,#fffde4,#e5f3ff);transform:rotateX(180deg)!important}.card-back.selected{background:linear-gradient(0deg,#fffde4,#e5f3ff);box-shadow:5px 5px}.card-front:hover{box-shadow:5px 5px}.dark .card-front:hover{box-shadow:none}.card-back.selected.selected-for-reward{background:#fff;border:4px solid #000;box-shadow:none!important}.selected-for-reward-amount-hidden{opacity:0;transform:translateY(100px);transition:opacity .5s ease,transform .5s ease;color:#00ac67}.selected-for-reward-amount{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;color:#00ac67}.dark .card-front{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364)}.dark .card-back,.dark .card-front:hover{background:linear-gradient(180deg,#2e3f46,#48626b,#688fa0)}.dark .card-back{transform:rotateX(180deg)!important}.dark .card-back.selected,.dark .card-back:hover{background:linear-gradient(180deg,#2e3f46,#48626b,#688fa0)}.dark .card-back.selected{box-shadow:none!important}.dark .card-back.selected.selected-for-reward{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);border:4px solid #fff;box-shadow:none!important}.dark .selected-for-reward-amount-hidden{opacity:0;transform:translateY(100px);transition:opacity .5s ease,transform .5s ease;color:#00c576}.dark .selected-for-reward-amount{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;color:#00ac67}