.CodeAnimationMedia_film__srTF2,.CodeAnimationMedia_library__jyajX{max-width:800px;margin:24px 0}.CodeAnimationMedia_film__srTF2 video{aspect-ratio:16/9}.CodeAnimationMedia_chapters__oF7My{margin:8px 0 28px}.CodeAnimationMedia_chapters__oF7My button{display:grid;grid-template-columns:58px 1fr;gap:12px;width:100%;padding:13px 0;border:0;border-bottom:1px solid #e8e8e8;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.CodeAnimationMedia_chapters__oF7My button:hover{background:#f7f7f5}.CodeAnimationMedia_chapters__oF7My time{font-variant-numeric:tabular-nums;color:#797979;font-size:13px}.CodeAnimationMedia_chapters__oF7My strong{display:block;font-weight:600}.CodeAnimationMedia_chapters__oF7My small{display:block;color:#808080;margin-top:3px;font-size:13px}.CodeAnimationMedia_filters__ott8I{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}.CodeAnimationMedia_filters__ott8I button{border:1px solid #e8e8e8;background:#fff;border-radius:5px;color:#666;padding:6px 11px;font:inherit;font-size:13px;cursor:pointer}.CodeAnimationMedia_filters__ott8I button[aria-pressed=true]{color:#fff;background:#242424;border-color:#242424}.CodeAnimationMedia_filters__ott8I output{font-size:12px;color:#777;margin-left:auto}.CodeAnimationMedia_grid___qWdI{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.CodeAnimationMedia_reference__LjCPe{min-width:0}.CodeAnimationMedia_poster__1FW8A{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;background:#f3f3f1;aspect-ratio:16/9;overflow:hidden;border-radius:5px}.CodeAnimationMedia_poster__1FW8A img{display:block;width:100%;height:100%;object-fit:cover}.CodeAnimationMedia_poster__1FW8A span{position:absolute;bottom:7px;right:7px;background:#222c;color:white;padding:1px 6px;border-radius:3px;font-size:12px;font-variant-numeric:tabular-nums}.CodeAnimationMedia_library__jyajX .CodeAnimationMedia_title__0AeZ2{font-size:15px;font-weight:600;margin:10px 0 3px;line-height:1.5}.CodeAnimationMedia_library__jyajX .CodeAnimationMedia_author__aUEYX{font-size:12px;color:#808080;margin:0 0 7px}.CodeAnimationMedia_links__LoGBB{display:flex;flex-wrap:wrap;gap:4px 13px;font-size:12.5px}.CodeAnimationMedia_links__LoGBB a{text-decoration:underline;text-underline-offset:3px;color:#555}.CodeAnimationMedia_dialog__iPF1B{position:fixed;inset:0;width:min(900px,calc(100vw - 32px));max-height:90dvh;margin:auto;border:1px solid #ddd;border-radius:10px;padding:0;background:#fff;color:#242424;overscroll-behavior:contain;font:inherit;line-height:1.75}.CodeAnimationMedia_dialog__iPF1B::backdrop{background:#0009}.CodeAnimationMedia_dialog__iPF1B header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;background:#fff}.CodeAnimationMedia_dialog__iPF1B header button{border:0;padding:8px;background:transparent;font:inherit;font-size:13px;cursor:pointer;flex-shrink:0}.CodeAnimationMedia_embed__OWfkc{position:relative;aspect-ratio:16/9;background:#111}.CodeAnimationMedia_embed__OWfkc iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.CodeAnimationMedia_preview__Gw9gy{display:block;width:100%;max-height:48vh;object-fit:contain;background:#f7f7f5}.CodeAnimationMedia_detail__QiZor{padding:10px 24px 24px}.CodeAnimationMedia_detail__QiZor p{margin:12px 0}.CodeAnimationMedia_note__JeKWz{color:#777;font-size:13px}.CodeAnimationMedia_observation__WWNRU{padding:14px 0;border-top:1px solid #e8e8e8}.CodeAnimationMedia_observation__WWNRU time{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.CodeAnimationMedia_observation__WWNRU p{margin:4px 0 0}@media (max-width:560px){.CodeAnimationMedia_grid___qWdI{grid-template-columns:1fr}.CodeAnimationMedia_chapters__oF7My button{grid-template-columns:48px 1fr;gap:8px}.CodeAnimationMedia_dialog__iPF1B{max-height:92dvh}.CodeAnimationMedia_detail__QiZor{padding:10px 18px 18px}}