:is(img,video,iframe,canvas,[data-media-surface])[data-media-state=loading]{background-color:color-mix(in srgb, currentColor 12%, transparent);background-image:linear-gradient(125deg, transparent 18%, color-mix(in srgb, currentColor 6%, transparent) 52%, transparent 85%)}:is(img,video,iframe,canvas,[data-media-surface])[data-media-state=degraded]{background-color:color-mix(in srgb, currentColor 10%, transparent)}[data-media-surface]{width:100%;display:block;overflow:clip}[data-grid-tile] [data-grid-media]:is([data-media-state=loading],[data-media-state=degraded]){background:0 0}@media (scripting:none){[data-media-deferred]{display:none}}.video-player{--video-rule:var(--portfolio-rule,var(--stroke-xs) solid currentColor);inline-size:100%;min-inline-size:0;color:var(--portfolio-foreground,var(--color-ink));background:var(--portfolio-surface,var(--color-field));border:var(--video-rule);font-family:var(--type-secondary-family,inherit);font-size:var(--font-size-xs);border-radius:0;flex-direction:column;display:flex;container-type:inline-size}.video-player>video{object-fit:contain;cursor:pointer;block-size:auto;min-block-size:0;inline-size:100%;display:block}.video-player-controls{border-block-start:var(--video-rule);flex-wrap:wrap;flex:none;display:flex}.video-player-timeline{box-sizing:border-box;min-block-size:var(--space-xl);padding-inline:var(--space-xs);border-block-end:var(--video-rule);flex:1 0 100%;align-items:center;display:flex;position:relative}.video-player-buffer{inset-inline:var(--space-xs);block-size:var(--space-xs);pointer-events:none;position:absolute}.video-player-buffer>span{opacity:.25;background:currentColor;block-size:100%;position:absolute}.video-player input[type=range]{appearance:none;inline-size:100%;min-inline-size:0;min-block-size:var(--space-xl);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:relative}.video-player input[type=range]::-webkit-slider-runnable-track{block-size:var(--stroke-xs);background:currentColor}.video-player input[type=range]::-moz-range-track{block-size:var(--stroke-xs);background:currentColor}.video-player input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:var(--space-xs);block-size:var(--space-md);background:currentColor;border:0;border-radius:0;margin-block-start:calc(-1 * var(--space-xs))}.video-player input[type=range]::-moz-range-thumb{inline-size:var(--space-xs);block-size:var(--space-md);background:currentColor;border:0;border-radius:0}.video-player-transport{flex-wrap:wrap;align-items:stretch;display:flex}.video-player-options{flex-wrap:wrap;min-inline-size:0;display:flex}.video-player-icon,.video-player .video-player-settings-toggle{display:none}.video-player-volume{align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);max-inline-size:var(--measure-xs);display:flex}.video-player :is(button,select){min-block-size:var(--size-target-coarse);padding:var(--space-xs) var(--space-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.video-player-transport>:not(:first-child),.video-player-options>:is(button,label){border-inline-start:var(--video-rule)}.video-player :is(button,select):hover{color:var(--portfolio-surface,var(--color-field));background:var(--portfolio-foreground,var(--color-ink))}.video-player :is(button,select,input):focus-visible,.video-player:focus-visible{outline:var(--stroke-sm) solid currentColor;outline-offset:calc(-1 * var(--stroke-md))}.video-player :disabled{cursor:default;opacity:.45}.video-player-time{padding-inline:var(--space-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:flex}.video-player-audio{align-items:center;gap:var(--space-xs);padding-inline-end:var(--space-sm);display:flex}.video-player-icon svg{inline-size:var(--size-icon);block-size:var(--size-icon);fill:currentColor}.video-player-choice{align-items:center;min-inline-size:0;max-inline-size:100%;display:flex}.video-player-choice select{min-inline-size:0;max-inline-size:100%}.video-player-choice>span{inline-size:var(--stroke-xs);block-size:var(--stroke-xs);clip-path:inset(50%);position:absolute;overflow:hidden}.video-player-footer{align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);border-block-start:var(--video-rule);font-size:var(--font-size-xxs);flex-wrap:wrap;display:flex}.video-player-footer>[role=status]{flex:auto}.video-player-footer>button{text-underline-offset:var(--stroke-md);padding-inline:0;text-decoration:underline}.video-player:fullscreen{background:var(--portfolio-surface,var(--color-field));block-size:100%;padding:calc(var(--safe-area-top) + var(--space-xs)) calc(var(--safe-area-right) + var(--space-xs)) calc(var(--safe-area-bottom) + var(--space-xs)) calc(var(--safe-area-left) + var(--space-xs));box-sizing:border-box;justify-content:center;overflow:auto}.video-player:fullscreen .video-player-controls{border-block-end:var(--video-rule)}.video-player .video-player-fullscreen-close{z-index:var(--layer-control);inline-size:var(--size-target-coarse);block-size:var(--size-target-coarse);border:var(--video-rule);background:var(--portfolio-surface,var(--color-field));font-size:var(--font-size-lg);place-items:center;padding:0;display:grid;position:fixed;inset-block-start:calc(var(--safe-area-top) + var(--space-sm));inset-inline-end:calc(var(--safe-area-right) + var(--space-sm))}@container (width<=40rem){.video-player-transport{flex-wrap:nowrap;flex:100%;min-inline-size:0}.video-player-transport button{min-inline-size:var(--size-target-coarse);padding-inline:var(--space-xs);flex:none}.video-player-time{padding-inline:var(--space-xxs);font-size:var(--font-size-xxs);flex:1;justify-content:center}.video-player-audio{padding:0}.video-player-icon,.video-player .video-player-settings-toggle{font-size:var(--font-size-lg);place-items:center;display:grid}.video-player-control-label{display:none}.video-player-options{border-block-start:var(--video-rule);flex:100%;display:none}.video-player-controls[data-settings=true] .video-player-options{display:flex}.video-player-options>:first-child{border-inline-start:0}.video-player-choice>span{clip-path:none;block-size:auto;inline-size:auto;padding-inline-start:var(--space-sm);position:static}}.video-player:fullscreen>video{object-fit:contain;flex:1 1 0}@media (pointer:coarse){.video-player-timeline,.video-player input[type=range]{min-block-size:var(--size-target-coarse)}}@media (width<=40rem){.video-player[data-silent-loop]:not(:fullscreen){background:0 0;border:0;position:relative}.video-player[data-silent-loop]:not(:fullscreen) .video-player-controls{border:0;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.video-player[data-silent-loop]:not(:fullscreen) :is(.video-player-timeline,.video-player-time,.video-player-audio,.video-player-settings-toggle,.video-player-options){display:none}.video-player[data-silent-loop]:not(:fullscreen) .video-player-transport{gap:var(--space-xs)}.video-player[data-silent-loop]:not(:fullscreen) .video-player-transport>:is(.video-player-play,.video-player-fullscreen){min-inline-size:var(--size-target-coarse);min-block-size:var(--size-target-coarse);padding:var(--space-xs);border:var(--stroke-xs) solid currentColor;color:#fff;background:#111c;border-radius:50%;place-items:center;display:grid}}