.media-card-duration[data-v-876e3a35]{background-color:#00000080;border-radius:5px;color:var(--white);display:grid;font-size:12px;font-weight:500;height:26px;padding:0 8px;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (min-width:1024px){.media-card-duration[data-v-876e3a35]{font-size:14px}}@media screen and (min-width:1920px){.media-card-duration[data-v-876e3a35]{font-size:16px}}.media-card-button[data-v-b56dec5f]{--media-card-button_content__color:var(--white);background-color:#00000080;border-radius:var(--border-radius);display:block;height:100%;transition:background-color .14s ease;width:100%}.media-card-button[data-v-b56dec5f]:focus-visible,.media-card-button[data-v-b56dec5f]:hover{background-color:var(--pink);background-color:color-mix(in sRGB,var(--pink),transparent 50%)}.media-card-button__content[data-v-b56dec5f]{align-items:center;color:var(--media-card-button_content__color);display:flex;flex-wrap:wrap;gap:15px;height:100%;justify-content:center}.media-card-button__icon[data-v-b56dec5f]{font-size:28px}.media-card-button__text[data-v-b56dec5f]{font-size:16px;font-weight:500}@media screen and (min-width:1024px){.media-card-button__text[data-v-b56dec5f]{font-size:18px}}@media screen and (min-width:1920px){.media-card-button__text[data-v-b56dec5f]{font-size:20px}}.icon[data-v-65eeafa8]{height:1em;width:1em;fill:currentColor}.icon[data-v-8932cf16]{height:1em;width:.875em;fill:currentColor}.media-card-dropdown[data-v-c2b7fb19]{--dropdown__content-width:max-content;--dropdown-content__content-offset:5px}.media-card-dropdown__option[data-v-c2b7fb19]{--dropdown-option-padding:6px 15px}.media-card[data-v-3937501e]{--media-card_button__opacity:0;--media-card_duration__opacity:1;--media-card_badge__opacity:1;border-radius:var(--border-radius);display:block;padding:var(--card-offset);position:relative;transition:box-shadow .14s ease}.media-card[data-v-3937501e]:focus-visible,.media-card[data-v-3937501e]:hover{--media-card_button__opacity:1;--media-card_duration__opacity:0;--media-card_badge__opacity:0;box-shadow:0 4px 8px var(--project-card-shadow)}.media-card__header[data-v-3937501e]{border-radius:var(--border-radius);margin-bottom:4px;position:relative}.media-card__badge[data-v-3937501e]{align-items:flex-start;display:flex;flex-direction:column;left:-10px;opacity:var(--media-card_badge__opacity);pointer-events:none;position:absolute;row-gap:8px;top:8px;transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}@media screen and (min-width:1024px){.media-card__badge[data-v-3937501e]{left:-14px}}.media-card__button[data-v-3937501e]{inset:0;opacity:var(--media-card_button__opacity)}.media-card__button[data-v-3937501e],.media-card__duration[data-v-3937501e]{position:absolute;transition:opacity .14s ease}.media-card__duration[data-v-3937501e]{bottom:6px;opacity:var(--media-card_duration__opacity);right:6px}.media-card__cover[data-v-3937501e]{aspect-ratio:16/9;background-color:var(--t-img__background);border-radius:var(--border-radius)}.media-card__cover[data-v-3937501e] img{border-radius:var(--border-radius);height:100%;width:100%}.media-card__progress[data-v-3937501e]{bottom:0;left:0;position:absolute;right:0}.media-card__main[data-v-3937501e]{display:flex;gap:10px}.media-card__main-wrapper[data-v-3937501e]{display:flex;flex-direction:column;flex-grow:1}.media-card__title[data-v-3937501e]{font-size:16px;font-weight:600}@media screen and (min-width:1024px){.media-card__title[data-v-3937501e]{font-size:18px}}@media screen and (min-width:1920px){.media-card__title[data-v-3937501e]{font-size:20px}}@media screen and (min-width:576px){.media-card__title[data-v-3937501e]{font-weight:500}}.media-card__subtitle[data-v-3937501e]{font-size:14px}@media screen and (min-width:1024px){.media-card__subtitle[data-v-3937501e]{font-size:16px}}@media screen and (min-width:1920px){.media-card__subtitle[data-v-3937501e]{font-size:18px}}.media-card__info[data-v-3937501e]{align-items:center;color:var(--text-grey);display:flex;font-size:12px;gap:5px}@media screen and (min-width:1024px){.media-card__info[data-v-3937501e]{font-size:14px}}@media screen and (min-width:1920px){.media-card__info[data-v-3937501e]{font-size:16px}}.media-card__menu[data-v-3937501e]{align-self:flex-end;flex-shrink:0}
