.cards{padding-bottom:3.125rem}@media (min-width: 768px){.cards{padding-bottom:5.625rem}}@media (min-width: 992px){.cards{padding-bottom:1.875rem}}@media (min-width: 768px){.home .cards{padding-bottom:3.125rem}}.home .cards:before{content:none}.cards.trending .cards__head-title::before{background:url("../../../img/ico_trending.svg")}.cards.quick-learning .cards__head-title::before{background:url("../../../img/ico_quick-learning.svg")}.cards__head{margin-bottom:1.875rem}@media (min-width: 768px){.cards__head{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between}}.cards__head-content{margin-bottom:1.5625rem}@media (min-width: 768px){.cards__head-content{flex:0 0 auto;margin-bottom:0}}.cards__head-title{position:relative;margin-bottom:1.5625rem;padding-left:3.4375rem;color:var(--color-blue-dark);font-size:var(--font-size-28);font-family:var(--font-family-base-300)}@media (min-width: 768px){.cards__head-title{font-size:var(--font-size-36)}}.cards__head-title::before{position:absolute;top:50%;left:0;width:2.5rem;height:2.5rem;transform:translateY(-50%);content:'';background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important}.cards__head-text{color:var(--color-blue-dark);font-size:var(--font-size-20);font-family:var(--font-family-base-300);line-height:1.875rem}@media (min-width: 768px){.cards__head>.btn{margin-top:0.46875rem}}.cards__item{position:relative;margin-bottom:0.9375rem}@media (min-width: 768px){.cards__item{margin-bottom:1.875rem}}.cards__wrap{border-radius:0.625rem;background:transparent;transition:opacity 0.25s ease-out}.cards__wrap:hover,.cards__wrap:focus,.cards__wrap:focus-within{background:transparent;box-shadow:0 0 0.9375rem rgba(0,0,0,0.35)}.cards__wrap:hover .cards__wrap-img>.btn,.cards__wrap:hover .cards__wrap-img::after,.cards__wrap:focus .cards__wrap-img>.btn,.cards__wrap:focus .cards__wrap-img::after,.cards__wrap:focus-within .cards__wrap-img>.btn,.cards__wrap:focus-within .cards__wrap-img::after{opacity:1}@media (min-width: 768px){.cards__wrap{height:100%}}.cards__wrap-img{position:relative;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;position:relative;height:10.3125rem;overflow:hidden;border-top-right-radius:0.625rem;border-top-left-radius:0.625rem;z-index:3}.cards__wrap-img picture,.cards__wrap-img img{position:absolute;width:0;height:0;visibility:hidden;opacity:0}.cards__wrap-img.no-image{background:var(--color-green)}.cards__wrap-img.no-image::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../../img/pattern_shapes-green.svg");content:'';background-size:cover;background-position:center center;background-repeat:repeat-y;z-index:1}.cards__wrap-img::after{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3));content:'';z-index:2;opacity:0;transition:all 0.25s ease-out}.cards__wrap-img>.btn{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%, -50%);opacity:0;transition:all 0.25s ease-out}.cards__wrap-strip{display:flex;flex-flow:row wrap;position:relative;padding:0.78125rem 1.875rem;background-color:var(--color-blue-dark);z-index:3;align-items:center;justify-content:space-between}.cards__wrap-time{display:block;color:var(--color-orange);font-size:var(--font-size-16);font-family:var(--font-family-base-500);flex:0 0 auto}.cards__wrap-ico{flex:0 0 auto;display:flex;flex-flow:row wrap;justify-content:flex-end}.cards__wrap-ico span{margin-left:0.625rem;color:var(--color-white);font-size:var(--font-size-16)}.cards__wrap-ico span:first-child{margin-left:0}.cards__wrap-content{position:relative;padding:1.25rem 1.875rem;background-color:var(--color-gray-light);border-bottom-right-radius:0.625rem;border-bottom-left-radius:0.625rem;z-index:3}@media (min-width: 768px){.cards__wrap-content{height:calc(100% - 13.375rem);min-height:16.25rem !important}}.cards__wrap-title{margin-bottom:1.25rem;color:var(--color-blue-dark);font-size:var(--font-size-28);font-family:var(--font-family-base-700);line-height:2.375rem}.cards__wrap-excerpt,.cards__wrap-content p{margin-bottom:1.25rem;color:var(--color-blue-dark);font-size:var(--font-size-16);font-family:var(--font-family-base-300);line-height:1.625rem}.cards__wrap-favorite{position:relative;display:inline-block;width:2.625rem;height:2.625rem;margin-left:0.625rem;border-radius:50%;background-color:var(--color-blue-dark);text-align:center;line-height:2.625rem;transition:all 0.25s ease-out}.cards__wrap-favorite span{color:var(--color-white);font-size:var(--font-size-16)}.cards__wrap-favorite .tooltip{position:absolute;top:-2.5rem;left:50%;width:7.1875rem;padding:0.5rem 0.5rem;border-radius:0.25rem;background-color:var(--color-black);color:var(--color-white);font-size:var(--font-size-14);font-family:var(--font-family-base-500);text-align:center;transform:translateX(-50%);line-height:1;opacity:0;z-index:-1;transition:all 0.5s ease-out}.cards__wrap-favorite .tooltip::before{position:absolute;top:100%;left:50%;border-top:0.3125rem solid var(--color-black);border-right:0.3125rem solid transparent;border-bottom:0.3125rem solid transparent;border-left:0.3125rem solid transparent;transform:translateX(-50%);content:''}.cards__wrap-favorite:hover,.cards__wrap-favorite:focus,.cards__wrap-favorite:focus-within{background-color:var(--color-blue)}.cards__wrap-favorite:hover span,.cards__wrap-favorite:focus span,.cards__wrap-favorite:focus-within span{font-weight:700}.cards__wrap-favorite:hover .tooltip,.cards__wrap-favorite:focus .tooltip,.cards__wrap-favorite:focus-within .tooltip{z-index:2;opacity:1}.cards__detail{position:relative;height:100%;padding:1.25rem 1.875rem;border-radius:0.625rem;background-color:var(--color-gray-light)}.cards__detail .btn{z-index:2}.cards__detail-text,.cards__detail p{position:relative;margin-bottom:1.25rem;color:var(--color-blue-dark);font-size:var(--font-size-16);font-family:var(--font-family-base-300);line-height:1.625rem;z-index:2}.cards__detail-close{position:relative;display:inline-block;margin-left:0.9375rem;padding-left:0.75rem;color:var(--color-blue-dark);font-size:var(--font-size-16);font-family:var(--font-family-base-700);z-index:2}.cards__detail-close::before{position:absolute;top:40%;left:0;color:var(--color-blue-dark);font-size:var(--font-size-18);font-family:var(--font-family-base-500);transform:translateY(-50%);content:'x'}.cards__detail-close:hover,.cards__detail-close:focus,.cards__detail-close:focus-within{color:inherit;text-decoration:underline}.cards__item{transition:transform 1s;transform-style:preserve-3d}.cards__item.flipped{transform:rotateY(180deg)}.cards__item.flipped .cards__wrap{position:absolute;top:0;left:50%;z-index:3;width:calc(100% - 1.875rem);opacity:0;transform:translateX(-50%) rotateY(180deg)}.cards__item.flipped .cards__detail{position:relative;top:auto;left:auto;width:100%;z-index:4;transform:translateX(0) rotateY(180deg)}.cards__wrap{position:relative;backface-visibility:hidden;opacity:1;z-index:4}.cards__detail{position:absolute;top:0;left:50%;width:calc(100% - 1.875rem);z-index:3;transform:translateX(-50%) rotateY(0deg)}