.material[data-v-99056d5a]{background-color:#fff;display:block;cursor:pointer;border:1px solid #d2d2d2;height:100%}.material:hover .material__title[data-v-99056d5a]{color:#830051}.material__image-container[data-v-99056d5a]{position:relative;width:100%;height:150px}@media screen and (max-width:1220px){.material__image-container[data-v-99056d5a]{height:150px}}@media screen and (max-width:767px){.material__image-container[data-v-99056d5a]{height:150px}}.material__image[data-v-99056d5a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.material__play[data-v-99056d5a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.material__category[data-v-99056d5a]{padding:8px 24px;position:absolute;bottom:0;left:0;width:100%;display:block;font-family:Roboto Slab,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1f1f1f;background-color:#ebefee;display:flex;justify-content:flex-start;align-items:center}.material__text-container[data-v-99056d5a]{padding:16px 24px 24px}@media screen and (max-width:1220px){.material__text-container[data-v-99056d5a]{padding:16px}}.material__tags[data-v-99056d5a]{margin-bottom:8px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.material__tag[data-v-99056d5a]{padding-left:10px;position:relative;margin-right:8px;margin-bottom:8px;display:inline-block;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:13px;color:#3c4242;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.material__tag[data-v-99056d5a]:before{position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:2px;background-color:#3c4242;border-radius:50%;display:block;content:""}.material__tag[data-v-99056d5a]:last-child{margin-right:0}.material__tag_new[data-v-99056d5a]{position:absolute;top:8px;left:8px;z-index:4;display:inline-block;padding:4px 8px;background:hsla(0,0%,100%,.8);border:1px solid #d8dada;border-radius:4px;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:13px;color:#1f1f1f}.material__title[data-v-99056d5a]{font-family:Roboto Slab,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#3c4242;transition:.3s}@media screen and (max-width:1220px){.material__title[data-v-99056d5a]{font-size:16px;line-height:20px}}@media screen and (max-width:767px){.material__title[data-v-99056d5a]{font-size:16px;line-height:20px}}.material__description[data-v-99056d5a]{margin-top:8px;font-family:Roboto,sans-serif;font-style:normal;font-weight:300;font-size:14px;line-height:20px;color:#656969;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;display:none}