.web-ytf{margin:0}.web-ytf__frame{aspect-ratio:16/9;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.web-ytf__frame iframe,.web-ytf__button{border:0;width:100%;height:100%;position:absolute;inset:0}.web-ytf__button{cursor:pointer;background:0 0;padding:0;display:block}.web-ytf__button img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .4s}.web-ytf__button:after{content:"";pointer-events:none;background:linear-gradient(#00005000 45%,#0000508c 100%);position:absolute;inset:0}.web-ytf__play{z-index:1;background:var(--pecka-yellow);width:76px;height:76px;color:var(--pecka-blue);border-radius:999px;place-items:center;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.web-ytf__play svg{margin-left:4px}.web-ytf__button:hover .web-ytf__play,.web-ytf__button:focus-visible .web-ytf__play{transform:translate(-50%,-50%)scale(1.08)}.web-ytf__button:focus-visible{outline:3px solid var(--pecka-yellow);outline-offset:-3px}@media (prefers-reduced-motion:no-preference){.web-ytf__button:hover img{transform:scale(1.02)}}@media (max-width:480px){.web-ytf__play{width:60px;height:60px}}.web-ytf__notice{color:var(--web-steel-light,var(--pecka-text-muted));text-align:center;margin-top:10px;font-size:.8125rem;line-height:1.4}