body,html{overflow-y:hidden;background-color:#f0f0f0}.card{width:3rem;height:5rem;border-radius:.5rem;font-size:19px;margin:.4rem .4rem;display:inline-block;position:relative;vertical-align:top;white-space:nowrap;transition:all .1s linear;outline:0;cursor:pointer}.card-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:2.7rem;height:5rem}.card-btn-inactive:hover{margin-top:-.005rem;box-shadow:0 3px 5px #888;transition:all .1s linear}.card-btn-inactive{border:2px solid #a0a0a0}.card-btn-active{border:2px solid #13c29a;margin-top:-.5rem}.card-btn-active:hover{box-shadow:0 3px 5px #888;transition:all .1s linear}.card-btn-active-label{height:20px;border-top-left-radius:.3rem;border-top-right-radius:.3rem;font-size:13px;font-weight:700}.card-btn-active-label,.tcard-label{position:absolute;top:0;left:0;width:100%;background:#13c29a;color:#fff;text-align:center}.tcard-label{height:25px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-size:17px}.tcard{display:flex;align-items:center;justify-content:space-between;flex-direction:column;perspective:10rem;perspective-origin:bottom;max-width:100%;margin:.5rem .5rem}.tcard-body-placeholder{background:#e8e9ea}.tcard-body-back,.tcard-body-placeholder{width:4rem;height:7rem;border-radius:.8rem}.tcard-body-back{background:linear-gradient(-135deg,#23d2aa 10%,transparent),repeating-linear-gradient(45deg,#23d2aa,rgba(35,150,100,.6) 5%,transparent 0,transparent 10%),repeating-linear-gradient(-45deg,rgba(35,210,170,.4),rgba(35,150,100,.5) 5%,transparent 0,transparent 10%);background-color:rgba(35,210,170,.25)}.tcard-body{font-size:19px;width:4rem;height:7rem;border-radius:.8rem;border:2px solid #23d2aa;white-space:nowrap;display:flex;position:relative}.tcard-body,.tcard-name{justify-content:center;align-items:center;font-weight:700}.tcard-name{font-size:1rem;padding-top:.8rem;width:auto;display:flex;text-align:center;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}