.lettore{--rapporto:9 / 16;--proporzione:.5625;width:100%;position:relative}.lettore-tasto{aspect-ratio:1;background:var(--inchiostro);width:100%;color:inherit;cursor:pointer;border:0;border-radius:24px;padding:0;display:block;position:relative;overflow:hidden}.lettore--aperto .lettore-tasto,.lettore--in-corsa .lettore-tasto{aspect-ratio:var(--rapporto);max-width:calc(84svh * var(--proporzione));margin-inline:auto}.lettore-video{object-fit:contain;background:var(--inchiostro);opacity:0;width:100%;height:100%;position:absolute;inset:0}.lettore--aperto .lettore-video,.lettore--in-corsa .lettore-video{opacity:1}.lettore-fermo{position:absolute;inset:0}.lettore-fermo .foto{object-fit:cover;width:100%;height:100%}.lettore--aperto .lettore-fermo,.lettore--in-corsa .lettore-fermo{aspect-ratio:1;height:auto;inset:50% 0 auto;transform:translateY(-50%)}.lettore--aperto:not(.lettore--attesa) .lettore-fermo,.lettore--in-corsa:not(.lettore--attesa) .lettore-fermo{display:none}.lettore-play{background:var(--giallo);width:58px;height:58px;color:var(--inchiostro);transition:transform .2s var(--uscita);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 6px 18px -6px #17181c80}.lettore-play .icona{width:26px;height:26px;margin-left:3px}.lettore--aperto .lettore-play{margin:-29px 0 0 -29px;top:50%;bottom:auto;left:50%}.lettore--in-corsa .lettore-play,.lettore--in-corsa .lettore-durata{display:none}.lettore--attesa .lettore-play{animation:1.1s ease-in-out infinite lettore-attesa;display:grid}@keyframes lettore-attesa{50%{transform:scale(.88)}}.lettore-durata{color:var(--bianco);font:600 14px/1.2 var(--testo);font-variant-numeric:tabular-nums;background:#17181cc7;border-radius:8px;padding:4px 9px;position:absolute;bottom:18px;right:14px}.lettore-filo{background:var(--giallo);transform-origin:0;height:3px;transition:transform .25s linear;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lettore--fermo .lettore-filo{display:none}.lettore-senza{align-items:center;min-height:44px;margin-top:8px;display:inline-flex}@media (hover:hover) and (pointer:fine){.lettore-tasto:hover .lettore-play{transform:scale(1.08)}}.lettore-tasto:active .lettore-play{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.lettore-play,.lettore-filo{transition:none}.lettore--attesa .lettore-play{animation:none}}