.qs-card{height:120px;width:80px}.qs-card-inner{align-items:center;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.qs-face{background:#fff}.qs-back{background:radial-gradient(circle at 50% 50%,#e74c6f 0,#8b1a3a 70px);border-color:#5a0f24;justify-content:center}.qs-value-corner{font-size:32px;font-weight:800;left:5px;line-height:1;position:absolute;top:3px}.qs-emoji{font-size:28px;line-height:1;margin-top:28px}.qs-name{font-size:20px;font-weight:700;line-height:1;margin-top:2px}.qs-desc{bottom:0;color:#333;font-size:10px;left:0;line-height:1.4;position:absolute;right:0;text-align:center}.qs-card-small{height:75px;width:50px}.qs-card-small .qs-card-inner{border-radius:5px;border-width:1.5px}.qs-card-small .qs-value-corner{font-size:24px;left:3px;top:2px}.qs-card-small .qs-emoji{font-size:18px;margin-top:20px}.qs-card-small .qs-name{font-size:16px;margin-top:1px}.qs-short-desc{bottom:0;color:#333;font-size:10px;left:0;line-height:1.4;position:absolute;right:0;text-align:center}.qs-selected .qs-card-inner{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b}@-webkit-keyframes qs-flip{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes qs-flip{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.qs-card-flip{-webkit-animation:qs-flip .6s ease-in-out;animation:qs-flip .6s ease-in-out}@-webkit-keyframes qs-fly-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes qs-fly-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.qs-card-fly-in{-webkit-animation:qs-fly-in .4s ease-out;animation:qs-fly-in .4s ease-out}@-webkit-keyframes qs-exchange-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes qs-exchange-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.qs-card-exchange-out{-webkit-animation:qs-exchange-out .4s ease-in forwards;animation:qs-exchange-out .4s ease-in forwards}@-webkit-keyframes qs-exchange-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes qs-exchange-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.qs-card-exchange-in{-webkit-animation:qs-exchange-in .4s ease-out;animation:qs-exchange-in .4s ease-out}