._stage_16ssv_1{container:example-stage/inline-size}._comparison_16ssv_5{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}._comparison_16ssv_5>[data-active=false]{display:none}._compareSwitch_16ssv_16{border-bottom:1px solid hsl(var(--border)/.5);flex-wrap:wrap;flex-shrink:0;gap:.25rem;padding:.5rem;display:flex}._compareSwitch_16ssv_16 button{border-radius:calc(var(--radius) - 2px);overflow-wrap:anywhere;flex:1;min-width:0;min-height:2.75rem;padding:.5rem .75rem;font-size:.875rem}._compareSwitch_16ssv_16 button[aria-pressed=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}@container example-stage (width>=44rem){._compareSwitch_16ssv_16{display:none}._comparison_16ssv_5{grid-template-columns:repeat(2,minmax(0,1fr))}._comparison_16ssv_5>[data-active=false]{display:block}}._player_16ssv_55{container:example-player/inline-size}._naturalCanvas_16ssv_59{background:hsl(var(--muted)/.2);container:example-natural-media/size}._naturalMediaFrame_16ssv_64{width:min(100cqw,calc(100cqh*var(--example-media-ratio)));max-width:100%;height:auto;aspect-ratio:var(--example-media-ratio);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._naturalPane_16ssv_75{width:100%;height:100%;position:relative;container:example-natural-pane/size}._naturalPlayer_16ssv_82{background:0 0;width:100%;height:auto}._naturalPlayer_16ssv_82:fullscreen{background:hsl(var(--background));place-items:center;width:100%;height:100%;display:grid}._naturalPlayer_16ssv_82:fullscreen video{width:min(100vw,calc(100dvh*var(--example-media-ratio)));height:auto}@container example-player (width<=26rem){._player_16ssv_55 ._playerControls_16ssv_103{gap:.25rem;margin-inline:0;padding-inline:.25rem;bottom:.5rem;left:.5rem;right:.5rem}._playerControls_16ssv_103 ._playerTime_16ssv_112{display:none}}._playerControls_16ssv_103 button{min-width:2.75rem;min-height:2.75rem}