.film-cover-player{position:relative;isolation:isolate;width:min(100%,360px);aspect-ratio:3/4;margin-inline:auto;overflow:hidden;border-radius:20px;background:#fff;align-self:center;min-width:0}
.film-cover-player>video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:inherit!important;object-fit:contain!important;background:#fff!important;box-shadow:none!important}
.film-cover-player>.film-cover-play{position:absolute;inset:0;z-index:2;display:none;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:#fff;color:#193e33;cursor:pointer;overflow:hidden;appearance:none}
.film-cover-player.is-ready>.film-cover-play{display:flex}
.film-cover-player>.film-cover-play[hidden]{display:none!important}
.film-cover-player>.film-cover-play>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:inherit!important;margin:0!important;mask-image:none!important;filter:none!important}
.film-cover-player>.film-cover-play>.film-play-symbol{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 3px 20px #173c2924;transition:transform .2s ease;color:#193e33}
.film-play-symbol svg{width:22px;height:22px;margin-left:3px;fill:currentColor}
.film-cover-play:hover>.film-play-symbol{transform:scale(1.08)}
.film-cover-play:focus-visible{outline:3px solid #193e33;outline-offset:-5px}
.film-cover-player.is-ready.is-covered>video{visibility:hidden}
.film-cover-player.cover-in-view>.film-cover-play>img{animation:film-cover-drift 4.5s ease-out both}
@keyframes film-cover-drift{from{transform:scale(1.045) translateY(3px)}to{transform:scale(1) translateY(0)}}
@media(prefers-reduced-motion:reduce){.film-cover-player.cover-in-view>.film-cover-play>img{animation:none}.film-play-symbol{transition:none!important}}
@media(max-width:700px){.film-cover-player{width:min(100%,320px);border-radius:16px}}