.os-stage{container-type:inline-size;position:relative}.os-film--narrow{display:none}@container (max-width: 519.98px){.os-film--wide{display:none}.os-film--narrow{display:block}}.os-window{display:block;height:auto;border-radius:12px;background:#F3F4F6;box-shadow:0 0 0 1px rgba(20,17,13,.1),0 2px 4px rgba(20,17,13,.05),0 22px 48px -18px rgba(20,17,13,.3)}.os-window--narrow{border-radius:10px}.os-desk{display:block;height:auto;overflow:visible}.os-desk text,.os-window text{font-feature-settings:"kern" 1,"liga" 1,"lnum" 1,"tnum" 1}.ff-display{font-family:var(--font-display)}.ff-body{font-family:var(--font-body)}.ff-sans{font-family:var(--font-sans)}.ff-mono{font-family:var(--font-mono)}.os-controls{display:flex;align-items:center;gap:16px;margin-top:20px;font-family:var(--font-body);font-style:italic;font-size:15px}.os-controls input[type=range]{flex:1;min-width:80px;accent-color:var(--bordeaux)}.os-controls__time{font-family:var(--font-mono);font-style:normal;font-size:12px;color:var(--ink-3);min-width:3.5em;text-align:right}.os-controls button{color:var(--bordeaux);border-bottom:1px solid rgba(90,26,31,.4);transition:border-color var(--dur-fast) var(--ease-out)}.os-controls button:hover{border-bottom-color:var(--bordeaux)}