.media-player{width:100%;min-width:0;position:relative;overflow:hidden;isolation:isolate;min-height:220px;background:#e9f1eb;border-radius:14px;aspect-ratio:16/10}
.media-player video{display:block;width:100%;height:100%;min-height:220px;max-height:75vh;object-fit:contain;background:#101c18}
.media-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;border:0;border-radius:inherit;background:linear-gradient(140deg,#e3eee5,#f8f7ee);color:#0b5d3b;font:inherit;cursor:pointer}
.media-play:hover{background:linear-gradient(140deg,#d5e7db,#f4f1df)}
.media-play-icon{display:grid;place-items:center;width:54px;height:54px;padding-left:4px;border-radius:50%;color:#fff;background:#0b5d3b;font-size:21px;box-shadow:0 5px 16px #0b5d3b20}
.media-play strong{font-size:16px}.media-play small{font-size:12px;color:#5e7467}
.media-play:focus-visible{outline:3px solid #d6ab4c;outline-offset:-5px}
.media-message{position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0;padding:8px 14px;background:#fff5dc;color:#775419;font-size:12px;text-align:center;pointer-events:none}
.media-player [hidden]{display:none!important}
.gallery-item .media-player{min-height:200px}.gallery-item .media-player video{height:100%;min-height:200px}
@media(max-width:600px){.media-player,.media-player video{min-height:190px}.media-player{aspect-ratio:4/3}}