.card-course[data-v-3f0cf921]{border:1px solid rgba(0,0,0,.08);border-radius:16px;height:100%;overflow:hidden;transition:transform .42s cubic-bezier(.165,.84,.44,1),box-shadow .42s cubic-bezier(.165,.84,.44,1)}.wrap-card:hover .card-course[data-v-3f0cf921]{cursor:pointer;transform:scale(1.04)}.wrap-card:hover .badge[data-v-3f0cf921]{transform:scale(1.06)}.wrap-card .badge[data-v-3f0cf921]{height:128px;overflow:hidden;pointer-events:none;position:absolute;right:-3px;top:-3px;transition:transform .42s cubic-bezier(.165,.84,.44,1);width:128px;z-index:5}.wrap-card .badge[data-v-3f0cf921]:before{border-color:#831843 transparent transparent;border-style:solid;border-width:8px 7px 0 0;content:"";height:0;position:absolute;right:-3px;top:100px;width:0;z-index:0}.wrap-card .badge__ribbon[data-v-3f0cf921]{background:#000;color:#fff;font-size:13px;font-weight:800;letter-spacing:.16em;line-height:1;padding:8px 0;position:absolute;right:-42px;text-align:center;text-transform:uppercase;top:22px;transform:rotate(45deg);width:178px}.wrap-card .badge__ribbon[data-v-3f0cf921]:before{background:linear-gradient(115deg,transparent 28%,hsla(0,0%,100%,.3) 44%,hsla(0,0%,100%,.12) 52%,transparent 68%);content:"";inset:0;pointer-events:none;position:absolute}.e-card[data-v-3f0cf921]{background:transparent;border-top-left-radius:16px;border-top-right-radius:16px;height:155px;overflow:hidden;position:relative;width:100%}.wave[data-v-3f0cf921]{height:700px;left:0;margin-left:-50%;margin-top:-70%;opacity:.6;position:absolute;top:0;width:540px}.infoleft[data-v-3f0cf921]{flex-direction:column;left:0;padding:0 1rem;width:70%}.infoleft[data-v-3f0cf921],.inforight[data-v-3f0cf921]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0}.inforight[data-v-3f0cf921]{right:0;width:30%}.course-name[data-v-3f0cf921]{display:-webkit-box;font-size:2rem;font-weight:700;-webkit-line-clamp:3;line-height:1.2;overflow:hidden;text-align:left;-webkit-box-orient:vertical;text-shadow:2px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}.playing .wave[data-v-3f0cf921]{animation:wave-3f0cf921 3s linear infinite;border-radius:40%}@keyframes wave-3f0cf921{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.card-code[data-v-3f0cf921]{border:1px solid #fff}