:root{color-scheme:light;--eth-prism-signal: #1688f5;--eth-prism-life: #2ad275;--eth-prism-energy: #ffb52d;--eth-prism-alert: #ff5b62;--eth-prism-identity: #a65cfa;--eth-prism-service: #f15ab0;--eth-prism-cyan: #55d9ff;--eth-prism-indigo: #6f63ff;--eth-color-primary: #090a0e;--eth-color-accent: #1688f5;--eth-color-accent-hover: #0875e9;--eth-color-accent-soft: #dcefff;--eth-color-accent-border: rgba(22, 136, 245, .34);--eth-color-focus-ring: rgba(22, 136, 245, .22);--eth-color-on-accent: #071b2f;--eth-color-aurora: #29c8e8;--eth-color-aurora-soft: rgba(208, 248, 255, .78);--eth-color-mint: #168856;--eth-color-gold: #a86000;--eth-color-danger: #cf4050;--eth-color-warning: #a86000;--eth-color-remote: #7a4bd8;--eth-color-remote-soft: rgba(233, 222, 255, .82);--eth-color-page-background: #f4f3f8;--eth-color-primary-surface: #ffffff;--eth-color-secondary-surface: #f0f1f9;--eth-color-group-surface: #ffffff;--eth-color-search-surface: #eaedf7;--eth-color-capsule-surface: #eeeff8;--eth-color-selected-surface: #daebff;--eth-color-soft-tint-surface: #eef0f8;--eth-color-accent-primary: #1688f5;--eth-color-background: #f4f3f8;--eth-color-surface: #f8f8fb;--eth-color-surface-elevated: #ffffff;--eth-color-surface-muted: #eaedf7;--eth-color-surface-sunken: #e4e6f1;--eth-color-surface-hover: rgba(246, 248, 255, .92);--eth-color-surface-pressed: rgba(224, 230, 244, .9);--eth-color-surface-disabled: rgba(235, 237, 246, .76);--eth-color-header-surface: #f8f9ff;--eth-color-navigation-surface: #ffffff;--eth-color-navigation-border: rgba(255, 255, 255, .78);--eth-color-navigation-selected: #daebff;--eth-color-navigation-glass: rgba(255, 255, 255, .78);--eth-color-navigation-glass-border: rgba(255, 255, 255, .9);--eth-color-navigation-glass-shadow: rgba(70, 66, 132, .16);--eth-color-chip-surface: #eeeff8;--eth-color-surface-selected: rgba(216, 235, 255, .88);--eth-color-ambient-primary: rgba(22, 136, 245, .13);--eth-color-ambient-secondary: rgba(166, 92, 250, .1);--eth-color-bubble-in: rgba(255, 255, 255, .9);--eth-color-bubble-out: #d9ebff;--eth-color-bubble-out-hi: #edf6ff;--eth-color-bubble-out-text: #101c31;--eth-color-bubble-out-muted: rgba(16, 28, 49, .64);--eth-color-bubble-out-read: var(--eth-prism-signal);--eth-color-text: #090a0e;--eth-color-text-secondary: #656672;--eth-color-text-muted: #747680;--eth-color-text-disabled: #aaabb4;--eth-color-on-danger: #ffffff;--eth-color-divider: #dedee2;--eth-color-shadow: rgba(59, 55, 108, .14);--eth-color-badge-background: #cf4050;--eth-color-badge-foreground: #ffffff;--eth-color-badge: var(--eth-color-badge-background);--eth-color-folder-badge-muted-background: #cfd6e6;--eth-color-folder-badge-muted-foreground: #51576a;--eth-color-folder-badge-active-background: #075fba;--eth-color-folder-badge-active-foreground: #ffffff;--eth-color-on-tile: #ffffff;--eth-color-on-avatar: #ffffff;--eth-icon-tile-blue-start: #38a3fa;--eth-icon-tile-blue-end: #087ff8;--eth-icon-tile-violet-start: #d374f8;--eth-icon-tile-violet-end: #bf65ef;--eth-icon-tile-coral-start: #fb6a5a;--eth-icon-tile-coral-end: #f0443b;--eth-icon-tile-green-start: #5be47a;--eth-icon-tile-green-end: #38c85d;--eth-icon-tile-cyan-start: #58ccfa;--eth-icon-tile-cyan-end: #35b2e9;--eth-icon-tile-indigo-start: #d374f8;--eth-icon-tile-indigo-end: #bf65ef;--eth-icon-tile-gold-start: #fbc23f;--eth-icon-tile-gold-end: #f8a013;--eth-icon-blue-a: var(--eth-icon-tile-blue-start);--eth-icon-blue-b: var(--eth-icon-tile-blue-end);--eth-icon-violet-a: var(--eth-icon-tile-violet-start);--eth-icon-violet-b: var(--eth-icon-tile-violet-end);--eth-icon-coral-a: var(--eth-icon-tile-coral-start);--eth-icon-coral-b: var(--eth-icon-tile-coral-end);--eth-icon-green-a: var(--eth-icon-tile-green-start);--eth-icon-green-b: var(--eth-icon-tile-green-end);--eth-icon-cyan-a: var(--eth-icon-tile-cyan-start);--eth-icon-cyan-b: var(--eth-icon-tile-cyan-end);--eth-icon-indigo-a: var(--eth-icon-tile-indigo-start);--eth-icon-indigo-b: var(--eth-icon-tile-indigo-end);--eth-icon-gold-a: var(--eth-icon-tile-gold-start);--eth-icon-gold-b: var(--eth-icon-tile-gold-end);--eth-avatar-red-start: #fb6a5a;--eth-avatar-red-end: #f0443b;--eth-avatar-blue-start: #38a3fa;--eth-avatar-blue-end: #087ff8;--eth-avatar-teal-start: #58ccfa;--eth-avatar-teal-end: #35b2e9;--eth-avatar-orange-start: #fbc23f;--eth-avatar-orange-end: #f8a013;--eth-avatar-purple-start: #d374f8;--eth-avatar-purple-end: #bf65ef;--eth-avatar-green-start: #5be47a;--eth-avatar-green-end: #38c85d;--eth-avatar-indigo-start: #38a3fa;--eth-avatar-indigo-end: #087ff8;--eth-color-media-scrim: rgba(17, 19, 26, .5);--eth-color-translation-rail: rgba(22, 136, 245, .54);--eth-color-wallpaper-tint: rgba(22, 136, 245, .07);--eth-color-wallpaper-dot: rgba(166, 92, 250, .055);--eth-chat-wallpaper: url(../../../chat-wallpaper-retro-light.jpg);--eth-wallpaper-veil: rgba(255, 252, 248, .06);--eth-avatar-1-bg: #e4f1f4;--eth-avatar-1-fg: #2a7080;--eth-avatar-2-bg: #e9ebf8;--eth-avatar-2-fg: #5864a5;--eth-avatar-3-bg: #e7f2ed;--eth-avatar-3-fg: #39765f;--eth-avatar-4-bg: #f4ece4;--eth-avatar-4-fg: #8b6847;--eth-avatar-tone-1-a: #fb6a5a;--eth-avatar-tone-1-b: #f0443b;--eth-avatar-tone-2-a: #38a3fa;--eth-avatar-tone-2-b: #087ff8;--eth-avatar-tone-3-a: #5be47a;--eth-avatar-tone-3-b: #38c85d;--eth-avatar-tone-4-a: #fbc23f;--eth-avatar-tone-4-b: #f8a013;--eth-avatar-tone-5-a: #d374f8;--eth-avatar-tone-5-b: #bf65ef;--eth-avatar-tone-6-a: #58ccfa;--eth-avatar-tone-6-b: #35b2e9;--eth-avatar-tone-7-a: #d374f8;--eth-avatar-tone-7-b: #bf65ef;--eth-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Roboto, "Segoe UI", Inter, sans-serif;--eth-font-size-display: 28px;--eth-font-size-heading: 20px;--eth-font-size-title: 17px;--eth-font-size-chat: 16px;--eth-font-size-list: 15px;--eth-font-size-secondary: 13px;--eth-font-size-caption: 12px;--eth-font-size-micro: 11px;--eth-line-display: 1.14;--eth-line-title: 1.24;--eth-line-list: 1.3;--eth-line-chat: 1.4;--eth-font-weight-regular: 400;--eth-font-weight-medium: 500;--eth-font-weight-semibold: 600;--eth-font-weight-bold: 700;--eth-space-1: 4px;--eth-space-2: 8px;--eth-space-3: 12px;--eth-space-4: 16px;--eth-space-6: 24px;--eth-screen-gutter: 14px;--eth-row-min-height: 54px;--eth-appbar-height: 56px;--eth-appbar-action-size: 44px;--eth-appbar-icon-size: 22px;--eth-story-ring-size: 66px;--eth-story-avatar-size: 60px;--eth-search-height: 46px;--eth-search-icon-size: 18px;--eth-folder-track-height: 48px;--eth-folder-item-height: 44px;--eth-chat-avatar-size: 54px;--eth-chat-row-min-height: 72px;--eth-chat-row-gap: 12px;--eth-chat-row-inline: 14px;--eth-chat-title-size: 17px;--eth-chat-preview-size: 14px;--eth-chat-meta-size: 12px;--eth-bottom-nav-height: 68px;--eth-bottom-tab-height: 60px;--eth-bottom-icon-size: 24px;--eth-icon-size-small: 18px;--eth-icon-size: 24px;--eth-icon-size-large: 28px;--eth-radius-chip: 999px;--eth-radius-input: 15px;--eth-radius-card: 18px;--eth-radius-panel: 22px;--eth-radius-bubble: 18px;--eth-radius-bubble-grouped: 10px;--eth-radius-bubble-tail: 6px;--eth-radius-composer: 20px;--eth-shadow-hairline: 0 1px 0 rgba(255, 255, 255, .72) inset;--eth-shadow-soft: 0 1px 2px var(--eth-color-shadow);--eth-shadow-bubble: 0 1px 1px rgba(7, 25, 38, .05);--eth-shadow-card: 0 1px 2px rgba(24, 32, 42, .06);--eth-shadow-floating: 0 8px 24px rgba(24, 32, 42, .12);--eth-shadow-panel: 0 14px 40px rgba(24, 32, 42, .12);--eth-tap-target: 44px}.interactive-longpress-target{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.interactive-longpress-target :where(img,a){-webkit-user-drag:none}.interactive-longpress-target :where(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-manual-selection]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:auto}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--eth-prism-signal: #43a7ff;--eth-prism-life: #42df88;--eth-prism-energy: #ffc04b;--eth-prism-alert: #ff6970;--eth-prism-identity: #b575ff;--eth-prism-service: #f56bc0;--eth-prism-cyan: #64ddff;--eth-prism-indigo: #8177ff;--eth-color-primary: #f4f4f6;--eth-color-accent: #43a7ff;--eth-color-accent-hover: #1688f5;--eth-color-accent-soft: #172b43;--eth-color-accent-border: #315b83;--eth-color-focus-ring: rgba(67, 167, 255, .26);--eth-color-on-accent: #0c0c13;--eth-color-aurora: #43a7ff;--eth-color-aurora-soft: #1b344a;--eth-color-mint: #168856;--eth-color-gold: #a86000;--eth-color-danger: #cf4050;--eth-color-warning: #a86000;--eth-color-remote: #7a4bd8;--eth-color-remote-soft: #302e47;--eth-color-page-background: #0c0c13;--eth-color-primary-surface: #1f1f2d;--eth-color-secondary-surface: #171822;--eth-color-group-surface: #1f1f2d;--eth-color-search-surface: #232638;--eth-color-capsule-surface: #242637;--eth-color-selected-surface: #162d45;--eth-color-soft-tint-surface: #171822;--eth-color-accent-primary: #43a7ff;--eth-color-background: #0c0c13;--eth-color-surface: #0c0c13;--eth-color-surface-elevated: #1f1f2d;--eth-color-surface-muted: #232638;--eth-color-surface-sunken: #171822;--eth-color-surface-hover: #27283a;--eth-color-surface-pressed: #2d2f43;--eth-color-surface-disabled: #20212f;--eth-color-header-surface: #0c0c13;--eth-color-navigation-surface: #191926;--eth-color-navigation-border: #333444;--eth-color-navigation-selected: #162d45;--eth-color-navigation-glass: rgba(17, 20, 26, .82);--eth-color-navigation-glass-border: rgba(255, 255, 255, .1);--eth-color-navigation-glass-shadow: rgba(0, 0, 0, .3);--eth-color-chip-surface: #242637;--eth-color-surface-selected: #162d45;--eth-color-ambient-primary: rgba(67, 167, 255, .06);--eth-color-ambient-secondary: rgba(181, 117, 255, .05);--eth-color-bubble-in: #1f1f2d;--eth-color-bubble-out: #24577f;--eth-color-bubble-out-hi: #2e6b9a;--eth-color-bubble-out-text: #f4f8fa;--eth-color-bubble-out-muted: rgba(244, 248, 250, .72);--eth-color-bubble-out-read: #9ed0ff;--eth-color-text: #f4f4f6;--eth-color-text-secondary: #a9a9b0;--eth-color-text-muted: #9a9ca5;--eth-color-text-disabled: #66666d;--eth-color-on-danger: #ffffff;--eth-color-divider: #333444;--eth-color-shadow: rgba(0, 0, 0, .45);--eth-color-badge-background: #cf4050;--eth-color-badge-foreground: #ffffff;--eth-color-badge: var(--eth-color-badge-background);--eth-color-folder-badge-muted-background: #3a4651;--eth-color-folder-badge-muted-foreground: #dce5ee;--eth-color-folder-badge-active-background: #0a62c0;--eth-color-folder-badge-active-foreground: #ffffff;--eth-color-on-tile: #ffffff;--eth-color-on-avatar: #ffffff;--eth-icon-tile-blue-start: #38a3fa;--eth-icon-tile-blue-end: #087ff8;--eth-icon-tile-violet-start: #d374f8;--eth-icon-tile-violet-end: #bf65ef;--eth-icon-tile-coral-start: #fb6a5a;--eth-icon-tile-coral-end: #f0443b;--eth-icon-tile-green-start: #5be47a;--eth-icon-tile-green-end: #38c85d;--eth-icon-tile-cyan-start: #58ccfa;--eth-icon-tile-cyan-end: #35b2e9;--eth-icon-tile-indigo-start: #d374f8;--eth-icon-tile-indigo-end: #bf65ef;--eth-icon-tile-gold-start: #fbc23f;--eth-icon-tile-gold-end: #f8a013;--eth-avatar-red-start: #fb6a5a;--eth-avatar-red-end: #f0443b;--eth-avatar-blue-start: #38a3fa;--eth-avatar-blue-end: #087ff8;--eth-avatar-teal-start: #58ccfa;--eth-avatar-teal-end: #35b2e9;--eth-avatar-orange-start: #fbc23f;--eth-avatar-orange-end: #f8a013;--eth-avatar-purple-start: #d374f8;--eth-avatar-purple-end: #bf65ef;--eth-avatar-green-start: #5be47a;--eth-avatar-green-end: #38c85d;--eth-avatar-indigo-start: #38a3fa;--eth-avatar-indigo-end: #087ff8;--eth-color-media-scrim: rgba(0, 0, 0, .5);--eth-color-translation-rail: rgba(76, 155, 255, .5);--eth-color-wallpaper-tint: rgba(76, 155, 255, .04);--eth-color-wallpaper-dot: rgba(67, 199, 186, .045);--eth-chat-wallpaper: url(../../../chat-wallpaper-retro-light.jpg);--eth-wallpaper-veil: rgba(6, 13, 22, .78);--eth-avatar-1-bg: #183943;--eth-avatar-1-fg: #9be1e8;--eth-avatar-2-bg: #292f52;--eth-avatar-2-fg: #c1c8ff;--eth-avatar-3-bg: #1d3a31;--eth-avatar-3-fg: #9bd8bf;--eth-avatar-4-bg: #3a3025;--eth-avatar-4-fg: #e4c49d;--eth-avatar-tone-1-a: #fb6a5a;--eth-avatar-tone-1-b: #f0443b;--eth-avatar-tone-2-a: #38a3fa;--eth-avatar-tone-2-b: #087ff8;--eth-avatar-tone-3-a: #5be47a;--eth-avatar-tone-3-b: #38c85d;--eth-avatar-tone-4-a: #fbc23f;--eth-avatar-tone-4-b: #f8a013;--eth-avatar-tone-5-a: #d374f8;--eth-avatar-tone-5-b: #bf65ef;--eth-avatar-tone-6-a: #58ccfa;--eth-avatar-tone-6-b: #35b2e9;--eth-avatar-tone-7-a: #d374f8;--eth-avatar-tone-7-b: #bf65ef;--eth-shadow-hairline: 0 1px 0 rgba(255, 255, 255, .055) inset;--eth-shadow-bubble: 0 1px 1px rgba(0, 0, 0, .25);--eth-shadow-card: 0 1px 2px rgba(0, 0, 0, .22);--eth-shadow-floating: 0 8px 24px rgba(0, 0, 0, .34);--eth-shadow-panel: 0 14px 40px rgba(0, 0, 0, .4)}}button,input,textarea,select,a,label,[role=button]{touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--eth-color-accent);outline-offset:2px}button:not(:disabled):active{filter:brightness(.94)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) button:not(:disabled):active{filter:brightness(1.06)}}:root[data-theme=dark] button:not(:disabled):active{filter:brightness(1.06)}:root[data-theme=dark]{color-scheme:dark;--eth-prism-signal: #43a7ff;--eth-prism-life: #42df88;--eth-prism-energy: #ffc04b;--eth-prism-alert: #ff6970;--eth-prism-identity: #b575ff;--eth-prism-service: #f56bc0;--eth-prism-cyan: #64ddff;--eth-prism-indigo: #8177ff;--eth-color-primary: #f4f4f6;--eth-color-accent: #43a7ff;--eth-color-accent-hover: #1688f5;--eth-color-accent-soft: #172b43;--eth-color-accent-border: #315b83;--eth-color-focus-ring: rgba(67, 167, 255, .26);--eth-color-on-accent: #0c0c13;--eth-color-aurora: #43a7ff;--eth-color-aurora-soft: #1b344a;--eth-color-mint: #168856;--eth-color-gold: #a86000;--eth-color-danger: #cf4050;--eth-color-warning: #a86000;--eth-color-remote: #7a4bd8;--eth-color-remote-soft: #302e47;--eth-color-page-background: #0c0c13;--eth-color-primary-surface: #1f1f2d;--eth-color-secondary-surface: #171822;--eth-color-group-surface: #1f1f2d;--eth-color-search-surface: #232638;--eth-color-capsule-surface: #242637;--eth-color-selected-surface: #162d45;--eth-color-soft-tint-surface: #171822;--eth-color-accent-primary: #43a7ff;--eth-color-background: #0c0c13;--eth-color-surface: #0c0c13;--eth-color-surface-elevated: #1f1f2d;--eth-color-surface-muted: #232638;--eth-color-surface-sunken: #171822;--eth-color-surface-hover: #27283a;--eth-color-surface-pressed: #2d2f43;--eth-color-surface-disabled: #20212f;--eth-color-header-surface: #0c0c13;--eth-color-navigation-surface: #191926;--eth-color-navigation-border: #333444;--eth-color-navigation-selected: #162d45;--eth-color-navigation-glass: rgba(17, 20, 26, .82);--eth-color-navigation-glass-border: rgba(255, 255, 255, .1);--eth-color-navigation-glass-shadow: rgba(0, 0, 0, .3);--eth-color-chip-surface: #242637;--eth-color-surface-selected: #162d45;--eth-color-ambient-primary: rgba(67, 167, 255, .06);--eth-color-ambient-secondary: rgba(181, 117, 255, .05);--eth-color-bubble-in: #1f1f2d;--eth-color-bubble-out: #24577f;--eth-color-bubble-out-hi: #2e6b9a;--eth-color-bubble-out-text: #f4f8fa;--eth-color-bubble-out-muted: rgba(244, 248, 250, .72);--eth-color-bubble-out-read: #9ed0ff;--eth-color-text: #f4f4f6;--eth-color-text-secondary: #a9a9b0;--eth-color-text-muted: #9a9ca5;--eth-color-text-disabled: #66666d;--eth-color-on-danger: #ffffff;--eth-color-divider: #333444;--eth-color-shadow: rgba(0, 0, 0, .45);--eth-color-badge-background: #cf4050;--eth-color-badge-foreground: #ffffff;--eth-color-badge: var(--eth-color-badge-background);--eth-color-folder-badge-muted-background: #3a4651;--eth-color-folder-badge-muted-foreground: #dce5ee;--eth-color-folder-badge-active-background: #0a62c0;--eth-color-folder-badge-active-foreground: #ffffff;--eth-color-on-tile: #ffffff;--eth-color-on-avatar: #ffffff;--eth-icon-tile-blue-start: #38a3fa;--eth-icon-tile-blue-end: #087ff8;--eth-icon-tile-violet-start: #d374f8;--eth-icon-tile-violet-end: #bf65ef;--eth-icon-tile-coral-start: #fb6a5a;--eth-icon-tile-coral-end: #f0443b;--eth-icon-tile-green-start: #5be47a;--eth-icon-tile-green-end: #38c85d;--eth-icon-tile-cyan-start: #58ccfa;--eth-icon-tile-cyan-end: #35b2e9;--eth-icon-tile-indigo-start: #d374f8;--eth-icon-tile-indigo-end: #bf65ef;--eth-icon-tile-gold-start: #fbc23f;--eth-icon-tile-gold-end: #f8a013;--eth-avatar-red-start: #fb6a5a;--eth-avatar-red-end: #f0443b;--eth-avatar-blue-start: #38a3fa;--eth-avatar-blue-end: #087ff8;--eth-avatar-teal-start: #58ccfa;--eth-avatar-teal-end: #35b2e9;--eth-avatar-orange-start: #fbc23f;--eth-avatar-orange-end: #f8a013;--eth-avatar-purple-start: #d374f8;--eth-avatar-purple-end: #bf65ef;--eth-avatar-green-start: #5be47a;--eth-avatar-green-end: #38c85d;--eth-avatar-indigo-start: #38a3fa;--eth-avatar-indigo-end: #087ff8;--eth-color-media-scrim: rgba(0, 0, 0, .5);--eth-color-translation-rail: rgba(76, 155, 255, .5);--eth-color-wallpaper-tint: rgba(76, 155, 255, .04);--eth-color-wallpaper-dot: rgba(67, 199, 186, .045);--eth-chat-wallpaper: url(../../../chat-wallpaper-retro-light.jpg);--eth-wallpaper-veil: rgba(6, 13, 22, .78);--eth-avatar-1-bg: #183943;--eth-avatar-1-fg: #9be1e8;--eth-avatar-2-bg: #292f52;--eth-avatar-2-fg: #c1c8ff;--eth-avatar-3-bg: #1d3a31;--eth-avatar-3-fg: #9bd8bf;--eth-avatar-4-bg: #3a3025;--eth-avatar-4-fg: #e4c49d;--eth-avatar-tone-1-a: #fb6a5a;--eth-avatar-tone-1-b: #f0443b;--eth-avatar-tone-2-a: #38a3fa;--eth-avatar-tone-2-b: #087ff8;--eth-avatar-tone-3-a: #5be47a;--eth-avatar-tone-3-b: #38c85d;--eth-avatar-tone-4-a: #fbc23f;--eth-avatar-tone-4-b: #f8a013;--eth-avatar-tone-5-a: #d374f8;--eth-avatar-tone-5-b: #bf65ef;--eth-avatar-tone-6-a: #58ccfa;--eth-avatar-tone-6-b: #35b2e9;--eth-avatar-tone-7-a: #d374f8;--eth-avatar-tone-7-b: #bf65ef;--eth-shadow-hairline: 0 1px 0 rgba(255, 255, 255, .055) inset;--eth-shadow-bubble: 0 1px 1px rgba(0, 0, 0, .25);--eth-shadow-card: 0 1px 2px rgba(0, 0, 0, .22);--eth-shadow-floating: 0 8px 24px rgba(0, 0, 0, .34);--eth-shadow-panel: 0 14px 40px rgba(0, 0, 0, .4)}.ethereal-brand-mark.svelte-7jbnsl{width:100%;height:100%;display:block;object-fit:contain;image-rendering:auto}