@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme,base;@layer components{:where(.ex-browser-frame){border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);color:var(--text);outline-style:var(--tw-outline-style);outline-width:0;outline-color:var(--outline)}:where(.ex-browser-frame):where(.dark,.dark *){border-color:var(--border-dark);background-color:var(--background-dark);color:var(--text-dark);outline-color:var(--outline-dark)}:where(.ex-browser-frame){--shade-color:var(--palette-100);--shade-color-dark:var(--palette-900);--shade-soft:var(--palette-50);--shade-soft-dark:var(--palette-950);--shade-raised:var(--palette-200);--shade-raised-dark:var(--palette-800);--shade-deep:var(--palette-300);--shade-deep-dark:var(--palette-700);--shade-strong:var(--palette-400);--shade-strong-dark:var(--palette-600);--shade-bold:var(--palette-500);--shade-bold-dark:var(--palette-500)}.ex-browser-frame{--background:transparent;--background-dark:transparent;--hover-background:var(--shade-soft);--hover-background-dark:var(--shade-soft-dark);--active-background:var(--shade-color);--active-background-dark:var(--shade-color-dark);--border:var(--shade-raised);--border-dark:var(--shade-raised-dark);--hover-border:var(--shade-deep);--hover-border-dark:var(--shade-deep-dark);--active-border:var(--shade-strong);--active-border-dark:var(--shade-strong-dark);--text:currentColor;--text-dark:currentColor;--hover-text:contrast-color(var(--shade-color));--hover-text-dark:contrast-color(var(--shade-color-dark));--active-text:contrast-color(var(--shade-raised));--active-text-dark:contrast-color(var(--shade-raised-dark));--outline:var(--shade-bold);--outline-dark:var(--shade-bold-dark);--palette-50:var(--color-neutral-50);--palette-100:var(--color-neutral-100);--palette-200:var(--color-neutral-200);--palette-300:var(--color-neutral-300);--palette-400:var(--color-neutral-400);--palette-500:var(--color-neutral-500);--palette-600:var(--color-neutral-600);--palette-700:var(--color-neutral-700);--palette-800:var(--color-neutral-800);--palette-900:var(--color-neutral-900);--palette-950:var(--color-neutral-950);--ex-radius:var(--ex-browser-frame-radius,var(--radius-sm));border-radius:var(--ex-radius);flex-direction:column;min-width:100%;display:flex;overflow:hidden}:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-description],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-icon],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-indicator],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-item],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-label],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-svg],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-title],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-][class*=-trigger],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-body],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-close-button],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-icon],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-label],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-link],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-loader],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-text],:where(.ex-browser-frame:where(.variant-solid)) [class*=ex-title]{color:inherit}.ex-browser-frame-toolbar{--ex-px:var(--ex-browser-frame-toolbar-px,calc(var(--spacing)*5));--ex-min-height:var(--ex-browser-frame-toolbar-height,calc(var(--spacing)*16))}:where(.ex-browser-frame-toolbar){border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);color:var(--text);outline-style:var(--tw-outline-style);outline-width:0;outline-color:var(--outline)}:where(.ex-browser-frame-toolbar):where(.dark,.dark *){border-color:var(--border-dark);background-color:var(--background-dark);color:var(--text-dark);outline-color:var(--outline-dark)}:where(.ex-browser-frame-toolbar){--shade-color:var(--palette-100);--shade-color-dark:var(--palette-900);--shade-soft:var(--palette-50);--shade-soft-dark:var(--palette-950);--shade-raised:var(--palette-200);--shade-raised-dark:var(--palette-800);--shade-deep:var(--palette-300);--shade-deep-dark:var(--palette-700);--shade-strong:var(--palette-400);--shade-strong-dark:var(--palette-600);--shade-bold:var(--palette-500);--shade-bold-dark:var(--palette-500)}.ex-browser-frame-toolbar{--background:var(--shade-soft);--background-dark:var(--shade-soft-dark);--hover-background:var(--shade-color);--hover-background-dark:var(--shade-color-dark);--active-background:var(--shade-raised);--active-background-dark:var(--shade-raised-dark);--border:var(--shade-raised);--border-dark:var(--shade-raised-dark);--hover-border:var(--shade-deep);--hover-border-dark:var(--shade-deep-dark);--active-border:var(--shade-strong);--active-border-dark:var(--shade-strong-dark);--text:contrast-color(var(--shade-color));--text-dark:contrast-color(var(--shade-color-dark));--hover-text:contrast-color(var(--shade-raised));--hover-text-dark:contrast-color(var(--shade-raised-dark));--active-text:contrast-color(var(--shade-deep));--active-text-dark:contrast-color(var(--shade-deep-dark));--outline:var(--shade-bold);--outline-dark:var(--shade-bold-dark);align-items:center;gap:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-bottom-style:var(--tw-border-style);min-height:var(--ex-min-height);padding-inline:var(--ex-px);border-width:0 0 1px;display:flex}.ex-browser-frame-controls{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-shrink:0;display:flex}.ex-browser-frame-controls :where(svg){width:1em;height:1em;position:relative}.ex-browser-frame-controls-svg{fill:none;stroke:currentColor;stroke-width:2px;opacity:var(--ex-options-opacity-muted);stroke-linecap:round;stroke-linejoin:round}.ex-browser-frame-actions{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-shrink:0;display:flex}.ex-browser-frame-actions :where(svg){width:1em;height:1em;position:relative}.ex-browser-frame-actions-svg{fill:none;stroke:currentColor;stroke-width:2px;opacity:var(--ex-options-opacity-muted);stroke-linecap:round;stroke-linejoin:round}.ex-browser-frame-address{--ex-font-size:var(--ex-browser-frame-address-font-size,var(--text-sm));--ex-font-weight:var(--ex-browser-frame-address-font-weight,var(--font-weight-normal));--ex-px:var(--ex-browser-frame-address-px,calc(var(--spacing)*3));--ex-radius:var(--ex-browser-frame-address-radius,9999px);--ex-min-height:var(--ex-browser-frame-address-height,calc(var(--spacing)*8))}:where(.ex-browser-frame-address){border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);color:var(--text);outline-style:var(--tw-outline-style);outline-width:0;outline-color:var(--outline)}:where(.ex-browser-frame-address):where(.dark,.dark *){border-color:var(--border-dark);background-color:var(--background-dark);color:var(--text-dark);outline-color:var(--outline-dark)}:where(.ex-browser-frame-address){--shade-color:var(--palette-500);--shade-color-dark:var(--palette-500);--shade-soft:var(--palette-400);--shade-soft-dark:var(--palette-400);--shade-raised:var(--palette-600);--shade-raised-dark:var(--palette-600);--shade-deep:var(--palette-700);--shade-deep-dark:var(--palette-700);--shade-strong:var(--palette-800);--shade-strong-dark:var(--palette-800);--shade-bold:var(--palette-900);--shade-bold-dark:var(--palette-900)}.ex-browser-frame-address{--background:var(--color-white);--background-dark:var(--color-black);--hover-background:var(--shade-raised);--hover-background-dark:var(--shade-raised-dark);--active-background:var(--shade-deep);--active-background-dark:var(--shade-deep-dark);--border:transparent;--border-dark:transparent;--hover-border:transparent;--hover-border-dark:transparent;--active-border:transparent;--active-border-dark:transparent;--text:var(--color-black);--text-dark:var(--color-white);--hover-text:contrast-color(var(--shade-raised));--hover-text-dark:contrast-color(var(--shade-raised-dark));--active-text:contrast-color(var(--shade-deep));--active-text-dark:contrast-color(var(--shade-deep-dark));--outline:var(--shade-raised);--outline-dark:var(--shade-raised-dark)}.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--hover-background:#f2f2f2}@supports (color:color-mix(in lab,red,red)){.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--hover-background:color-mix(in oklch,var(--color-white) 95%,#000)}}.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--hover-background-dark:#333}@supports (color:color-mix(in lab,red,red)){.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--hover-background-dark:color-mix(in oklch,var(--color-black) 80%,#fff)}}.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--active-background:#e6e6e6}@supports (color:color-mix(in lab,red,red)){.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--active-background:color-mix(in oklch,var(--color-white) 90%,#000)}}.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--active-background-dark:#4d4d4d}@supports (color:color-mix(in lab,red,red)){.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--active-background-dark:color-mix(in oklch,var(--color-black) 70%,#fff)}}.ex-browser-frame-address:where(:not(.disabled,:disabled,[disabled],[data-disabled],[aria-disabled=true],[data-loading])):where(:not([class*=hover\:shade-])){--hover-text:var(--color-black);--hover-text-dark:var(--color-white);--active-text:var(--color-black);--active-text-dark:var(--color-white)}.ex-browser-frame-address{opacity:var(--ex-options-opacity-muted);min-height:var(--ex-min-height);border-radius:var(--ex-radius);padding-inline:var(--ex-px);font-size:var(--ex-font-size);font-weight:var(--ex-font-weight);flex:1;align-items:center;display:flex}.ex-browser-frame-content{--ex-px:var(--ex-browser-frame-content-px,calc(var(--spacing)*5));--ex-py:var(--ex-browser-frame-content-py,calc(var(--spacing)*5));min-height:0;padding-inline:var(--ex-px);padding-block:var(--ex-py);flex:1;display:flex;overflow:hidden}}@layer utilities{.ex-browser-frame:where(:not([class*=variant-])),.ex-browser-frame:where([class*=variant-outline]){--background:var(--ex-options-panel-body-color);--background-dark:var(--ex-options-panel-body-color-dark)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}