.media-card{background-color:#fff;border-radius:2.5rem;flex-direction:column;height:20.875rem;transition:box-shadow .3s cubic-bezier(.6,0,.4,1);display:flex;overflow:hidden}.media-card__image{object-fit:cover;object-position:center;width:100%;height:10.625rem}.media-card__formats{display:inline-flex;position:absolute;top:1rem;left:1rem}.media-card__format-icon{aspect-ratio:1;width:2.5rem;display:block}.media-card__format-icon:not(:first-child){margin-left:-.5rem}.media-card__duration{color:#fff;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);letter-spacing:0;background-color:#00929b7a;border-radius:5.625rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;font-weight:400;line-height:1rem;display:inline-block;position:absolute;bottom:.625rem;right:1rem}.media-card__top-wrapper{position:relative}.media-card__bottom-wrapper{flex-direction:column;flex:1;padding:1rem 1.5rem 1.25rem;display:flex}.media-card__date{color:#69bfc2;letter-spacing:0;margin-bottom:.25rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.media-card__title{-webkit-line-clamp:3;color:#003b3f;text-overflow:ellipsis;letter-spacing:0;-webkit-box-orient:vertical;font-size:1rem;font-weight:400;line-height:1.375rem;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.media-card:hover{box-shadow:0 4px 20px #00000014}.media-card:hover .media-card__button{color:#49b8be}.media-card:active .media-card__button{color:#87ccce}}.media-card__button._large{height:fit-content;margin-top:auto;padding-block:0}.media-card__button._large .button__label{font-weight:400}