.mdl-project-film{position:relative;width:100%;isolation:isolate}
.mdl-project-film__toggle{position:absolute;right:16px;bottom:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:100px;min-height:44px;padding:10px 16px;border:1px solid rgba(249,247,244,.65);border-radius:999px;color:#f9f7f4;background:rgba(26,26,24,.88);font:500 10px/1.4 var(--cs-sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}
.mdl-project-film__toggle:hover{background:#1a1a18}
.mdl-project-film__toggle:focus-visible{outline:3px solid #f9f7f4;outline-offset:4px;box-shadow:0 0 0 6px #1a1a18}
.mdl-project-film__toggle[hidden]{display:none}
.mdl-project-film__toggle svg{display:block;width:18px;height:18px;fill:currentColor}
.mdl-project-film__toggle[data-state="playing"] .mdl-project-film__play,.mdl-project-film__toggle[data-state="paused"] .mdl-project-film__pause{display:none}
@media(max-width:620px){.mdl-project-film__toggle{right:12px;bottom:12px}}