.button-container{display:flex;justify-content:space-around;align-items:center;margin-top:20px}.button-container .MuiButton-root{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 5px #0003;transition:transform .2s,box-shadow .2s}.button-container .MuiButton-root:hover{transform:scale(1.1);box-shadow:0 5px 10px #0000004d}.button-container .MuiButton-root.no-button{background-color:#ff5a5f;color:#fff}.button-container .MuiButton-root.yes-button{background-color:#4caf50;color:#fff}.button-container .MuiButton-root .MuiSvgIcon-root{font-size:40px}.card-container{max-width:800px;width:33.33%;height:80vh;box-shadow:0 4px 6px #0000001a;border-radius:10px!important;overflow:hidden;transition:transform .2s,box-shadow .2s;margin-bottom:20px;cursor:grab}.card-container:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0003}.card-container:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,rgba(255,90,95,.7),rgba(255,90,95,0));opacity:0;z-index:1;transition:opacity .3s;pointer-events:none}.card-container:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(to left,rgba(76,175,80,.7),rgba(76,175,80,0));opacity:0;z-index:1;transition:opacity .3s;pointer-events:none}.icon-no{position:absolute;top:20px;left:20px;font-size:200px!important;color:#ff5a5f00;z-index:2;transition:color .3s}.icon-yes{position:absolute;top:20px;right:20px;font-size:200px!important;color:#4caf5000;z-index:2;transition:color .3s}@media (max-width: 768px){.card-container{width:85%;height:80vh}.button-container .MuiButton-root{width:60px;height:60px}.button-container .MuiButton-root .MuiSvgIcon-root{font-size:30px}}@media (max-width: 600px){.card-container{width:85%}.button-container .MuiButton-root .MuiSvgIcon-root{font-size:25px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center}.overlay-content{display:flex;flex-direction:column;align-items:center}.loader{color:#fff}.MuiTypography-root{font-family:Roboto,sans-serif}.MuiCard-root{background-color:#fff;padding:20px;margin-top:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.MuiCardContent-root{padding:16px}.MuiButton-containedPrimary{background-color:#1976d2;color:#fff}.MuiButton-containedPrimary:hover{background-color:#1565c0}.MuiAlert-root{margin:10px 0}.MuiTypography-h5{font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.MuiTypography-body1{color:#666;margin-bottom:10px}@keyframes swipe-right{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(100%) rotate(15deg);opacity:0}}@keyframes swipe-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-100%) rotate(-15deg);opacity:0}}.swipe-left{animation:swipe-left .5s forwards}.swipe-right{animation:swipe-right .5s forwards}body{margin:0}