.card{cursor:pointer;width:220px;position:relative;transition:.2s;margin-right:20px}.card.virtual{border-radius:var(--radius)}.card.virtual .card-holder,.card.virtual .card-holder-company,.card.virtual .card-limit-label,.card.virtual .card-number,.card.virtual .exp-cvv,.card.virtual .per-day{color:var(--branding-primary)}.card__default{height:211px}.card .card-image{width:100%;height:100%}.card .logo{position:absolute;top:20px;right:20px;width:30px}.card:hover .card--activate{opacity:1}.card .exp-cvv{display:flex;padding-top:7px}.card .exp-cvv div{margin-right:53px}.card .exp-cvv div p{font-size:11px;padding-bottom:3px}.card .exp-cvv div span{font-size:14px;font-weight:700;color:var(--branding-primary)}.card__info{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 16px 32px 16px;display:flex;flex-direction:column;justify-content:space-between}.card .card-holder,.card .card-holder-company{color:var(--branding-primary);font-weight:700;font-size:10px;padding-top:24px;padding-bottom:4px;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.card .card-holder-company{padding:4px 0 0 0}.card .card-type{font-size:11px;padding:12px 0 2px 0;line-height:16px}.card .card-limit-use,.card .card-type{color:var(--branding-primary);font-weight:700}.card .card-limit-use{font-size:9px}.card .per-day{color:#fff;font-size:19px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.card .card-limit-label{color:#fff;font-size:12px;font-weight:500;line-height:16px;padding-bottom:24px}.card .active-wrapper{position:absolute;bottom:94px;right:16px}.card .active-wrapper .el-switch{margin-right:8px}.card .active-wrapper span{color:#a1a1a1;font-size:12px}.card .card-number{color:var(--branding-primary);font-size:12px}.card .card-logo{position:absolute;right:16px;bottom:32px}.card--activate{background-color:hsla(0,0%,100%,.4);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius);opacity:0;transition:.2s;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.card--activate{opacity:1}}.card iframe{height:16px;width:100%}.card .exp-cvv div{color:var(--branding-primary);min-width:70px}.skeleton-credit-card{margin-bottom:24px}.skeleton-credit-card .el-skeleton{display:flex;width:100%}.skeleton-credit-card .el-skeleton>div:not(:last-of-type){margin-right:24px}.skeleton-credit-card__wrapper{height:182px;background-color:#fff;border:1px solid #eee;border-radius:4px;flex:1;padding:32px 24px}.skeleton-credit-card__wrapper__part-1{display:flex}.skeleton-credit-card__wrapper__part-1 .el-skeleton__p{width:70px;margin-right:auto}.skeleton-credit-card__wrapper__part-1 .el-skeleton__h1{height:35px;width:80px}.skeleton-credit-card__wrapper__part-2{display:flex;flex-direction:column}.skeleton-credit-card__wrapper__part-2 .el-skeleton__p:first-child{width:100px;margin-bottom:4px}.skeleton-credit-card__wrapper__part-2 .el-skeleton__p:nth-child(2){width:50px;margin-bottom:4px}.skeleton-credit-card__wrapper__part-2 .el-skeleton__p:nth-child(3){width:80px;margin-bottom:4px}.skeleton-credit-card__wrapper__part-3{display:flex;align-items:flex-end}.skeleton-credit-card__wrapper__part-3 .el-skeleton__p{width:70px;margin-right:auto}.skeleton-credit-card__wrapper__part-3 .el-skeleton__h1{height:35px;width:80px}.cardList{overflow:hidden}.cardList__skeleton{padding-right:40px}.cardList .widgetContainer__body{overflow-x:hidden;padding:40px 36px 0 0}@media(max-width:576px){.cardList .widgetContainer__body{padding-right:16px}}@media(max-width:768px){.cardList .widgetContainer__body li{margin:0 auto 32px auto}}@media(max-width:768px){.cardList .cardList__skeleton{padding-right:16px}.cardList .cardList__skeleton .el-skeleton{flex-direction:column}.cardList .cardList__skeleton .el-skeleton .skeleton-credit-card__wrapper{margin:0 0 16px 0}}