.TaskExampleMedia_backdrop__bQ5xW{position:fixed;z-index:60;inset:0;background-color:rgb(0 0 0/40%);backdrop-filter:blur(4px);transition:opacity .22s var(--ease-out)}.TaskExampleMedia_backdrop__bQ5xW[data-ending-style],.TaskExampleMedia_backdrop__bQ5xW[data-starting-style]{opacity:0}.TaskExampleMedia_popup__mQk1G{position:fixed;z-index:60;top:50%;left:50%;width:max-content;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);transform:translate(-50%,-50%);outline:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.TaskExampleMedia_videoPopup__7jh9q{width:min(80rem,calc(100vw - 2rem))}.TaskExampleMedia_popup__mQk1G[data-ending-style],.TaskExampleMedia_popup__mQk1G[data-starting-style]{transform:translate(-50%,calc(-50% + 8px)) scale(.98);opacity:0}.TaskExampleMedia_stage__aZdbd{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(100dvh - 2rem)}.TaskExampleMedia_image__0uLyb,.TaskExampleMedia_video__Voh6e{display:block;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);object-fit:contain}.TaskExampleMedia_image__0uLyb{width:min(70rem,calc(100vw - 2rem));height:auto}.TaskExampleMedia_video__Voh6e{width:100%;aspect-ratio:16/9}.TaskExampleMedia_videoPopup__7jh9q .TaskExampleMedia_stage__aZdbd{width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 2rem)}.TaskExampleMedia_thumbnailTrigger__oBiKu{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;outline:none;text-align:inherit}.TaskExampleMedia_thumbnail__ZrKob{display:block;position:relative;width:100%;clip-path:var(--clip-chamfer);background:var(--color-surface-muted)}.TaskExampleMedia_thumbnailImage__uMyi4,.TaskExampleMedia_thumbnailVideo__nlfWN{width:100%;height:auto;overflow:hidden;border-radius:0}.TaskExampleMedia_thumbnailImage__uMyi4{height:auto}.TaskExampleMedia_thumbnailVideo__nlfWN{aspect-ratio:16/9;background:var(--color-surface-muted);object-fit:contain}.TaskExampleMedia_youtubeThumbnail__fs7k9{display:flex;height:6rem;align-items:center;justify-content:center;background:var(--color-ink)}.TaskExampleMedia_close__7Yclq,.TaskExampleMedia_expandIcon__GT4s1{display:inline-flex;align-items:center;justify-content:center;outline:none;transition:background-color .15s var(--ease-out),transform .15s var(--ease-out)}.TaskExampleMedia_expandIcon__GT4s1{position:absolute;z-index:1;right:.25rem;bottom:.25rem;width:2rem;height:2rem;--button-stroke:var(--color-border);--button-fill:var(--color-surface-muted);color:var(--color-ink);pointer-events:none}.TaskExampleMedia_close__7Yclq{position:absolute;z-index:10;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;--button-stroke:rgb(255 255 255/40%);--button-fill:rgb(0 0 0/65%);color:#fff;cursor:pointer}.TaskExampleMedia_thumbnailTrigger__oBiKu:hover .TaskExampleMedia_expandIcon__GT4s1{--button-fill:#fff}.TaskExampleMedia_close__7Yclq:hover{--button-fill:rgb(0 0 0/85%)}.TaskExampleMedia_close__7Yclq:active,.TaskExampleMedia_thumbnailTrigger__oBiKu:active .TaskExampleMedia_expandIcon__GT4s1{transform:scale(.96)}.TaskExampleMedia_thumbnailTrigger__oBiKu:focus-visible .TaskExampleMedia_thumbnail__ZrKob{outline:2px solid var(--color-ink);outline-offset:2px}.TaskExampleMedia_close__7Yclq:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.TaskExampleMedia_backdrop__bQ5xW,.TaskExampleMedia_popup__mQk1G{transition:opacity .12s var(--ease-out)}.TaskExampleMedia_popup__mQk1G[data-ending-style],.TaskExampleMedia_popup__mQk1G[data-starting-style]{transform:translate(-50%,-50%)}.TaskExampleMedia_close__7Yclq,.TaskExampleMedia_expandIcon__GT4s1{transition:background-color .12s var(--ease-out)}}