[data-public-root] .media{box-sizing:border-box;border-radius:var(--radius-md);width:100%;box-shadow:none;background-color:#0000;display:block;position:relative;overflow:visible}[data-public-root] .media[data-shadow=true][data-shell=none],[data-public-root] .media[data-shadow=true][data-shell=light]{box-shadow:var(--shadow-media-raised)}[data-public-root] .media[data-shadow=true][data-shell=dark]{box-shadow:var(--shadow-media-inverse)}[data-public-root] .media[data-content-elev=light]{--media-content-shadow:var(--shadow-media)}[data-public-root] .media[data-content-elev=dark]{--media-content-shadow:var(--shadow-media-inverse)}[data-public-root] .media:not([data-variant=browser])[data-aspect="16/9"]{aspect-ratio:16/9}[data-public-root] .media:not([data-variant=browser])[data-aspect="4/3"]{aspect-ratio:4/3}[data-public-root] .media:not([data-variant=browser])[data-aspect="3/2"]{aspect-ratio:3/2}[data-public-root] .media:not([data-variant=browser])[data-aspect="2/1"]{aspect-ratio:2}[data-public-root] .media:not([data-variant=browser])[data-aspect="1/1"]{aspect-ratio:1}[data-public-root] .media:not([data-variant=browser])[data-aspect=source]{aspect-ratio:auto;height:auto}[data-public-root] .media[data-aspect=source][data-variant=stage]>.media__stage,[data-public-root] .media[data-aspect=source] .media__frame{flex:none;height:auto;min-height:0}[data-public-root] .media[data-aspect=source] .media__stage>*,[data-public-root] .media[data-aspect=source] .media__frame>*{width:100%;height:auto;display:block}[data-public-root] .media:not([data-variant=browser])[data-aspect=fill]:not([data-height=card]){aspect-ratio:auto;height:100%;min-height:0}[data-public-root] .media[data-variant=browser][data-aspect="16/9"] .media__window{aspect-ratio:16/9}[data-public-root] .media[data-variant=browser][data-aspect="4/3"] .media__window{aspect-ratio:4/3}[data-public-root] .media[data-variant=browser][data-aspect="3/2"] .media__window{aspect-ratio:3/2}[data-public-root] .media[data-variant=browser][data-aspect="2/1"] .media__window{aspect-ratio:2}[data-public-root] .media[data-variant=browser][data-aspect="1/1"] .media__window{aspect-ratio:1}[data-public-root] .media[data-variant=browser][data-aspect=fill] .media__window{aspect-ratio:auto;flex:auto;height:100%;min-height:0}[data-public-root] .media[data-height=card]{aspect-ratio:auto;height:var(--size-media-height);max-height:var(--size-media-height);flex:0 0 var(--size-media-height)}[data-public-root] .media[data-surface=white]{background-color:var(--color-surface-default)}[data-public-root] .media[data-surface=gray]{background-color:var(--color-surface-muted)}[data-public-root] .media[data-surface=pastel]{background-color:var(--color-surface-pastel);position:relative}[data-public-root] .media[data-surface=pastel]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 130% 130% at 81% 81%, color-mix(in srgb, var(--prv-palette-amber) 18%, white) 0%, color-mix(in srgb, var(--prv-palette-coral) 55%, white) 50%, color-mix(in srgb, var(--prv-palette-coral) 72%, white) 75%, var(--prv-palette-coral) 100%);position:absolute;inset:0}[data-public-root] .media[data-surface=pastel]>.media__frame{z-index:1;position:relative}[data-public-root] .media[data-surface=none]{background-color:#0000}[data-public-root] .media[data-radius=none]{--media-radius:0px;border-radius:0}[data-public-root] .media[data-radius=xs]{--media-radius:var(--radius-xs);border-radius:var(--radius-xs)}[data-public-root] .media[data-radius=sm]{--media-radius:var(--radius-sm);border-radius:var(--radius-sm)}[data-public-root] .media[data-radius=md]{--media-radius:var(--radius-md);border-radius:var(--radius-md)}[data-public-root] .media[data-radius=lg]{--media-radius:var(--radius-lg);border-radius:var(--radius-lg)}[data-public-root] .media[data-radius=xl]{--media-radius:var(--radius-xl);border-radius:var(--radius-xl)}[data-public-root] .media[data-variant=well][data-empty]:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background-color:color-mix(in srgb, var(--prv-palette-ink) 3%, transparent);background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-ink) 7%, transparent) 5px, color-mix(in srgb, var(--prv-palette-ink) 7%, transparent) 6px);position:absolute;inset:0}[data-public-root] .media[data-variant=well][data-empty][data-tone=inverse]:before{background-color:color-mix(in srgb, var(--prv-palette-white) 4%, transparent);background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-white) 10%, transparent) 5px, color-mix(in srgb, var(--prv-palette-white) 10%, transparent) 6px)}[data-public-root] .media__frame{z-index:1;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}[data-public-root] .media[data-variant=plain][data-empty]{background-color:var(--color-surface-muted)}[data-public-root] .media__frame>img,[data-public-root] .media__frame>picture,[data-public-root] .media__frame>video,[data-public-root] .media__frame>.media-playback,[data-public-root] .media__stage>img,[data-public-root] .media__stage>picture,[data-public-root] .media__stage>video,[data-public-root] .media__stage>.media-playback,[data-public-root] .media__window>img,[data-public-root] .media__window>picture,[data-public-root] .media__window>video,[data-public-root] .media__window>.media-playback{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}[data-public-root] .media[data-fit=contain] .media__frame>img,[data-public-root] .media[data-fit=contain] .media__frame>picture,[data-public-root] .media[data-fit=contain] .media__stage>img,[data-public-root] .media[data-fit=contain] .media__stage>picture,[data-public-root] .media[data-fit=contain] .media__window>img,[data-public-root] .media[data-fit=contain] .media__window>picture{object-fit:contain;object-position:center bottom}[data-public-root] .media__label{box-sizing:border-box;width:100%;height:100%;padding:var(--prv-space-24);text-align:center;color:color-mix(in srgb, var(--prv-palette-ink) 40%, transparent);justify-content:center;align-items:center;display:flex}[data-public-root] .media[data-tone=inverse] .media__label{color:color-mix(in srgb, var(--prv-palette-white) 50%, transparent)}[data-public-root] .media[data-variant=stage]{padding:var(--prv-space-48);border-radius:var(--radius-xl);flex-direction:column;display:flex}[data-public-root] .media__backdrop{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}[data-public-root] .media__backdrop>img,[data-public-root] .media__backdrop>picture,[data-public-root] .media__backdrop>video{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}[data-public-root] .media__backdrop>*{width:100%;height:100%}[data-public-root] .media[data-variant=stage]>.media__stage{z-index:1;box-sizing:border-box;border-radius:var(--radius-sm);background-color:var(--color-surface-default);width:100%;height:100%;min-height:0;box-shadow:var(--media-content-shadow);flex:auto;position:relative;overflow:hidden}[data-public-root] .media[data-variant=stage][data-empty]>.media__stage{background-color:var(--color-surface-default);background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 6px)}[data-public-root] .media[data-variant=browser]{padding:var(--space-content-y) var(--space-gap-xs) var(--space-gap-xs);border-radius:var(--radius-md);background-color:#0000;flex-direction:column;display:flex}[data-public-root] .media__chrome{z-index:1;top:var(--space-inset-sm);left:var(--space-inset-sm);align-items:center;gap:var(--space-gap-tight);pointer-events:none;display:flex;position:absolute}[data-public-root] .media__chrome-dot{width:var(--space-gap-sm);height:var(--space-gap-sm);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface-default));flex-shrink:0}[data-public-root] .media__window{z-index:1;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--prv-palette-ink) 12%, transparent);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--prv-radius-16);border-bottom-right-radius:var(--prv-radius-16);background-color:var(--color-surface-default);width:100%;position:relative;overflow:hidden}[data-public-root] .media[data-variant=browser][data-surface=white] .media__window{background-color:var(--color-surface-default)}[data-public-root] .media[data-variant=browser][data-surface=gray] .media__window{background-color:var(--color-surface-muted)}[data-public-root] .media[data-variant=browser][data-surface=pastel] .media__window{background-color:var(--color-surface-soft)}[data-public-root] .media[data-variant=browser][data-surface=none] .media__window{background-color:#0000;border:none}[data-public-root] .media[data-variant=browser][data-empty] .media__window{background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 6px)}[data-public-root] .media[data-variant=browser][data-empty][data-surface=none] .media__window{background-image:none}