.film-footer{gap:20px}.film-footer nav{gap:22px}.film-tools{display:flex;gap:10px;align-items:center}.icon-tool{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:1px solid #d1d9d5;background:#fff;color:#36574b;cursor:pointer}.icon-tool svg{width:14px;height:14px;stroke-width:1.7}.icon-tool:hover{background:#edf3ef}.icon-tool:focus-visible{outline:2px solid #3d6d59;outline-offset:3px}.film-language{width:66px;font-size:10px}.intro h1{font-size:36px;max-width:800px;margin:auto}.intro p{color:#59766b}.chapter .kicker{color:#527466}.chapter{opacity:0}.film-footer .progress{min-width:40px}.film-unavailable .film-tools{display:none}
@media(max-width:700px){.intro h1{font-size:25px;max-width:340px}.film-footer{gap:9px}.film-footer nav{width:100%;gap:8px;font-size:10px}.film-tools{gap:8px}.icon-tool{width:28px;height:28px;flex-basis:28px}#render{inset:178px 0 112px}.film-language{width:59px}.chapter{top:78px}.chapter h2{font-size:23px;line-height:1.2}.chapter .subline{font-size:11px}.film-footer small{font-size:8px}}
@media(max-width:700px) and (max-height:620px){#render{inset:159px 0 107px}.intro{top:73px}.intro h1{font-size:22px}.chapter{top:70px}.chapter h2{font-size:20px}.chapter .subline{font-size:10px}}
@media(min-width:701px) and (max-height:500px){.intro h1{font-size:26px}.film-footer{gap:12px}.film-footer nav{gap:14px}}