/* XYZ Homework lesson-player typography and transport, scoped to the support tutorials. */
@font-face{font-family:'XYZ Graphing Open Sans';src:url('/fonts/support/graphing/open-sans-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'XYZ Graphing Open Sans';src:url('/fonts/support/graphing/open-sans-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'XYZ Graphing Open Sans';src:url('/fonts/support/graphing/open-sans-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'XYZ Graphing Roboto Serif';src:url('/fonts/support/graphing/roboto-serif-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
.graphing-video-figure{font-family:'XYZ Graphing Open Sans','Open Sans',Arial,sans-serif;font-synthesis:none;margin:0;color:#24364b;max-width:100%}
.graphing-video-player{background:#fff;border:1px solid #d6e0ec;border-top:5px solid #ff6e2d;border-radius:10px;overflow:hidden;container-type:inline-size}
.graphing-video-player [hidden],.graphing-video-figure>[hidden]{display:none!important}
.graphing-video-player video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;background:#eeeceb;object-fit:contain}
.graphing-video-controls{display:flex;align-items:center;gap:8px;padding:8px;margin:0;border-top:1px solid #d6e0ec;background:#fff;color:#154984;min-width:0;max-width:100%}
.graphing-video-controls button,.graphing-video-controls input,.graphing-video-controls select{font:inherit;touch-action:manipulation}
.graphing-video-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;background:#fff;color:#154984;border:1px solid #bbc6d1;border-radius:6px;cursor:pointer}
.graphing-video-controls svg{display:block;flex:none}
.graphing-video-controls button:hover:not(:disabled),.graphing-video-native:hover{background:#f1f4f8}
.graphing-video-controls button:disabled,.graphing-video-controls input:disabled{opacity:.5;cursor:default}
.graphing-video-controls button[aria-pressed=true]{background:#154984;border-color:#154984;color:#fff}
.graphing-video-controls :is(button,input,select):focus-visible,.graphing-video-caption:focus-visible,.graphing-video-native:focus-visible{outline:3px solid #154984;outline-offset:3px}
.graphing-video-controls label{margin:0;min-width:0;display:flex;align-items:center}
.graphing-video-controls input{display:block;min-width:0;width:100%;min-height:44px;margin:0;accent-color:#154984}
.graphing-video-seek{flex:1 1 120px;min-width:88px!important}
.graphing-video-time{flex:none;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#24364b}
.graphing-video-volume{flex:none;width:72px}
.graphing-video-speed{flex:none;width:76px}
.graphing-video-speed select{width:100%;min-width:0;max-width:100%;min-height:44px;padding:5px 6px;background:#fff;color:#154984;border:1px solid #64778a;border-radius:4px;font-size:14px}
.graphing-video-caption{padding:12px 20px;background:#154984;color:#fff;font-size:16px;line-height:1.45;min-height:4.2em;max-height:9em;overflow:auto;white-space:pre-line}
.graphing-video-caption i,.graphing-video-transcript var{font-family:'XYZ Graphing Open Sans',Arial,sans-serif;font-weight:400;font-style:italic;font-synthesis:none}
.graphing-video-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:12px}
.graphing-video-title{font-family:'XYZ Graphing Roboto Serif','Roboto Serif',Georgia,serif;font-weight:600;color:#154984;font-size:22px;line-height:1.3}
.graphing-video-length{font-size:14px;color:#596d7e}
.graphing-video-native{font:inherit;font-size:13px;margin-top:8px;padding:4px 0;min-height:44px;background:transparent;border:0;color:#154984;text-decoration:underline;cursor:pointer}
.graphing-video-error:empty{display:none}
.graphing-video-error:not(:empty){margin:0;padding:12px 16px;background:#fff2e9;border-left:4px solid #b74913;color:#24364b;font-size:15px;line-height:1.5}
.graphing-video-retry{align-self:flex-start;font:inherit;font-size:14px;font-weight:700;min-height:44px;margin:8px 12px;padding:9px 16px;border:1px solid #154984;border-radius:6px;background:#154984;color:#fff;cursor:pointer}
.graphing-video-retry:disabled{opacity:.6;cursor:default}
.graphing-video-retry:focus-visible,.graphing-video-fallback a:focus-visible{outline:3px solid #154984;outline-offset:3px}
.graphing-video-fallback{font-size:14px}.graphing-video-fallback a{color:#154984;text-decoration:underline}
.graphing-video-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.graphing-video-player:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;background:#f5f7fb;padding:12px;overflow:auto}
.graphing-video-player:fullscreen video{flex:1;min-height:120px;height:0;object-fit:contain}
.graphing-video-player:fullscreen .graphing-video-controls,.graphing-video-player:fullscreen .graphing-video-caption,.graphing-video-player:fullscreen .graphing-video-error,.graphing-video-player:fullscreen .graphing-video-retry{flex:none}
@container(max-width:680px){.graphing-video-controls{flex-wrap:wrap}.graphing-video-seek{flex:1 1 144px;min-width:0!important}.graphing-video-volume{flex:1 1 56px;max-width:96px}.graphing-video-caption{font-size:14px;padding:10px 14px}}
@media(max-width:680px){.graphing-video-controls{flex-wrap:wrap}.graphing-video-seek{flex:1 1 144px;min-width:0!important}.graphing-video-volume{flex:1 1 56px;max-width:96px}.graphing-video-caption{font-size:14px;padding:10px 14px}}