body{background:#f4f5f4}.intro h1{font-size:38px}.intro-detail{font-size:12px;color:#77817f;margin-top:15px}.intro p{color:#58746e}.chapter{width:260px}.chapter h2{font-size:32px}.chapter .kicker{color:#387467}.chapter .subline{max-width:245px}.film-footer{gap:24px;bottom:17px}.film-footer nav{gap:27px}.film-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-tool{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #d5dcd9;border-radius:50%;background:#fff;color:#354c47;cursor:pointer}.icon-tool svg{width:14px;height:14px;stroke-width:1.7}.icon-tool:hover{background:#e9efec}.icon-tool:focus-visible,.swatch:focus-visible{outline:2px solid #2b7863;outline-offset:3px}.swatches{display:flex;gap:9px;margin-right:9px}.swatch{width:20px;height:20px;border:3px solid #f4f5f4;box-shadow:0 0 0 1px #c8cdcb;border-radius:50%;background:#363c43;cursor:pointer}.swatch.light{background:#aeb4b3}.swatch.selected{box-shadow:0 0 0 1.5px #356b5a}.film-footer .progress{min-width:80px}.film-footer small{font-size:9px}#render{inset:64px 0 85px}.reference h2{max-width:none}.reference .reference-note{max-width:430px}.chapter{opacity:0}.film-unavailable .film-tools{display:none}
@media(max-width:700px){.intro h1{font-size:27px}.intro-detail{font-size:10px;margin-top:10px}#render{inset:178px 0 115px}.film-footer{bottom:14px;gap:13px}.film-footer nav{width:100%;gap:10px;font-size:10px}.film-tools{margin-left:0;gap:8px}.film-footer .progress{min-width:50px}.film-footer small{font-size:8px}.chapter h2{font-size:24px}.chapter{width:auto;top:81px}.chapter .subline{max-width:none}.swatches{margin-right:3px}.icon-tool{width:28px;height:28px;flex-basis:28px}}
@media(max-width:700px) and (max-height:620px){.intro{top:73px}.intro h1{font-size:23px}.intro-detail{margin-top:7px}#render{inset:154px 0 108px}.chapter{top:70px}.chapter h2{font-size:21px}.chapter .subline{font-size:10px}.film-footer{gap:9px;bottom:10px}}
@media(min-width:701px) and (max-height:500px){.stage .intro h1{font-size:27px}.stage .intro{width:250px}.intro-detail{font-size:10px}.film-footer{gap:12px}.film-footer nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.film-tools .film-language{font-size:10px;width:66px;flex:0 0 66px}
@media(max-width:700px){.film-tools .film-language{width:59px;flex-basis:59px}}