.player{max-width:1370px;margin:auto;container-type:inline-size;}.player__enabler{aspect-ratio:var(--ratio);position:relative;width:100%;cursor:pointer;font-weight:inherit;overflow:hidden;vertical-align:bottom;display:grid;grid-template-areas:'stack';border-radius:var(--curvynes);}.player__enabler > div,.player__enabler > img{opacity:0.5;width:100%;aspect-ratio:var(--ratio);vertical-align:bottom;}.player__enabler::after{align-items:center;aspect-ratio:1/1;background:var(--color-primary-bg);border-radius:50%;color:var(--color-primary-fg);content:'►';font-weight:800;font-family:var(--icons);display:flex;grid-area:stack;justify-content:center;margin:auto;text-align:center;width:5rem;text-decoration:none;}@media (min-width:551px){.player__enabler--titled:after{transform:translate(-50%,-75%);}}.player__enabler:hover:after{opacity:0.3;}.player__embed{aspect-ratio:var(--ratio);background:#000;border-radius:var(--curvynes);}.player__embed > iframe{width:100%;aspect-ratio:var(--ratio);vertical-align:bottom;border-radius:var(--curvynes);}.player__title{font-size:1.8rem;left:0;line-height:1.7;position:absolute;right:0;text-shadow:0 0 1em #004f9f;top:60%;transition:opacity 0.25s;padding-horizontal:1em;max-width:560px;margin-right:auto;margin-left:auto;}:hover > .player__title{opacity:0.5;}@media (max-width:550px){.player__title{display:none;}}.player__poster{display:block;grid-area:stack;}.player__poster img{width:100%;opacity:0.5;vertical-align:bottom;aspect-ratio:var(--ratio);object-fit:cover;}