/* Attached rail: the small reverse curves join the left edge without painting
   over the wallpaper. The entire hit area remains owned by the real rail. */
.call-workspace {overflow-x:clip;overflow-y:visible}
.call-rail {
  --rail-edge-fill:rgba(var(--theme-surface-card-rgb,12,12,14),.96);
  --rail-edge-radius:24px;
  border-left:0;border-radius:0 24px 24px 0;
  background:var(--rail-edge-fill);box-shadow:inset -1px 0 rgba(var(--theme-text-primary-rgb,244,244,246),.06),6px 8px 24px rgba(0,0,0,.08);
}
:root[data-theme] .call-rail {background:var(--rail-edge-fill)}
.call-rail::before,.call-rail::after {
  content:'';position:absolute;left:0;width:var(--rail-edge-radius);height:var(--rail-edge-radius);
  pointer-events:none;background:var(--rail-edge-fill);
  mask-image:radial-gradient(circle at 100% 0,transparent calc(var(--rail-edge-radius) - .5px),#000 var(--rail-edge-radius));
}
.call-rail::before {top:calc(-1 * var(--rail-edge-radius))}
.call-rail::after {bottom:calc(-1 * var(--rail-edge-radius));transform:scaleY(-1)}
.call-rail-item.is-active::before {left:0}
.call-shell .call-rail-primary {overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.call-shell .call-rail-primary::-webkit-scrollbar {display:none}
.call-shell .call-rail-primary .call-rail-item {flex-shrink:0;min-height:48px}
.call-shell .call-rail-utility .call-rail-item {min-height:48px;height:max(48px,var(--rail-item-height))}
/* The media column can be narrower than the window when a panel is open. */
.streams-hub .streams-hub-heading {flex-wrap:wrap}
.streams-hub-heading>div:first-child {min-width:0;flex:1 1 220px;overflow-wrap:anywhere}
.streams-hub .streams-surface-actions,.streams-hub .streams-surface-actions>div {min-width:0;max-width:100%;flex-wrap:wrap}
.streams-hub .streams-surface-actions {flex:0 1 auto}
.streams-hub .streams-surface-actions button {min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.streams-hub .streams-surface-main {grid-template-columns:minmax(0,1fr)}
.streams-surface-main:has(>.streams-grid[data-grid-flow=scroll]) {grid-template-rows:max-content max-content;align-content:start}
.streams-grid[data-grid-flow=scroll][class] {grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:12px}
.streams-grid[data-grid-flow=scroll][class]>.stream-grid-card[data-stream-grid-card] {grid-column:auto;grid-row:auto;width:100%;justify-self:stretch;grid-template-rows:auto auto auto}
.streams-grid[data-grid-flow=scroll][class]>.stream-grid-card>:is(.stream-card-top,footer) {position:relative;inset:auto;height:auto;min-height:32px;padding:3px 7px;transform:none;opacity:1;pointer-events:auto}
.streams-grid[data-grid-flow=scroll][class] .stream-card-top>.stream-grid-owner {position:static;padding:0;background:none}
.streams-grid[data-grid-flow=scroll][class] .stream-grid-card footer>* {min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.streams-grid[data-grid-flow=scroll][class] .stream-watch-button {min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.stream-viewer:not(:fullscreen) .stream-viewer-main {position:relative;container:stream-player / size}
@container stream-player (max-width:360px){
  .stream-viewer-surface {position:static}
}
@container stream-player (max-width:240px){
  .stream-viewer-controls :is(.viewer-floating-control,.viewer-volume,.viewer-exit) {width:28px;height:28px;min-width:28px;min-height:28px;padding:0}
  .stream-viewer-controls .viewer-volume-icon {width:28px;height:28px;min-width:28px;flex-basis:28px}
  .stream-viewer-controls :is(.viewer-floating-control,.viewer-volume-icon,.viewer-exit) svg {width:16px;height:16px}
  .stream-viewer-controls .viewer-exit:is(:hover,:focus-visible) {width:28px;gap:0}
  .stream-viewer-controls .viewer-exit span {display:none}
}
@media(min-width:761px){
  #app>.call-shell>.call-workspace {grid-template-columns:0 var(--app-rail-width) minmax(0,1fr) 20px}
  #app>.call-shell>.call-workspace.panel-open {grid-template-columns:0 var(--app-rail-width) 14px 374px 14px minmax(0,1fr) 20px}
  #app>.call-shell>.call-workspace.panel-open:has(>.chat-hub) {grid-template-columns:0 var(--app-rail-width) 14px var(--windowed-chat-width,clamp(430px,31vw,500px)) 14px minmax(0,1fr) 20px}
  #app>.call-shell>.call-workspace.panel-open:has(>.voice-settings),#app>.call-shell>.call-workspace.panel-open:has(>.video-settings) {grid-template-columns:0 var(--app-rail-width) 16px minmax(0,1fr) 20px}
}
.reference-home:has(>.home-conversations) {padding-left:0}
.reference-home:has(>.home-conversations)>.entry-header {padding-left:40px}
.home-conversations {margin-left:0}
@media(max-width:760px){
  :root {--app-rail-width:64px}
  #app>.call-shell>.call-workspace {grid-template-columns:0 var(--app-rail-width) minmax(0,1fr);gap:0;padding:0}
  #app>.call-shell>.call-workspace>.call-rail {grid-column:2;grid-row:1}
  #app>.call-shell>.call-workspace>.call-main {grid-column:3;grid-row:1}
  #app>.call-shell>.call-workspace.panel-open>:is(.context-panel,.settings-popover,.chat-hub)[class] {position:fixed;left:calc(var(--app-rail-width) + 12px);right:12px;width:auto;max-width:none;grid-column:auto}
  .reference-home:has(>.home-conversations)>.entry-header {padding-left:16px}
}
:is(.appearance-full-black,.appearance-hover-option) {margin-top:16px;padding-top:16px;border-top:1px solid var(--theme-border-subtle)}
:is(.appearance-full-black,.appearance-hover-option) .setting-check {margin:0;padding:0;border:0;align-items:center;justify-content:space-between;gap:16px;background:none}
:is(.appearance-full-black,.appearance-hover-option) .setting-check>span {min-width:0;flex:1}
:is(.appearance-full-black,.appearance-hover-option) strong {display:block;color:var(--theme-text-primary);font-size:13px}
:is(.appearance-full-black,.appearance-hover-option) small,:is(.appearance-full-black,.appearance-hover-option) p {display:block;color:var(--theme-text-secondary);font-size:11px;font-weight:400;line-height:1.5}
:is(.appearance-full-black,.appearance-hover-option) small {margin-top:4px}
:is(.appearance-full-black,.appearance-hover-option) p {margin:8px 0 0}
:is(.appearance-full-black,.appearance-hover-option) input {appearance:none;flex:none;width:40px!important;min-height:22px!important;height:22px;margin:0;border:0;border-radius:999px;background:radial-gradient(circle at 11px 50%,#fff 0 8px,transparent 8.5px),#9999a3;cursor:pointer;transition:background .18s ease,opacity .18s ease}
:is(.appearance-full-black,.appearance-hover-option) input:checked {background:radial-gradient(circle at calc(100% - 11px) 50%,#fff 0 8px,transparent 8.5px),#3498ff}
:is(.appearance-full-black,.appearance-hover-option) input:disabled {opacity:.4;cursor:not-allowed}
:is(.appearance-full-black,.appearance-hover-option) input:focus-visible {outline:2px solid var(--theme-focus);outline-offset:3px}

@media(prefers-reduced-motion:reduce){:is(.appearance-full-black,.appearance-hover-option) * {transition:none!important}}

/* Hover navigation: a compact icon rail and a dock with a stable full width. */
:root[data-sidebar-hover=true] .call-shell .sidebar-toggle {display:none!important}
@media(hover:hover) and (pointer:fine){
  :root[data-sidebar-hover=true] .call-shell .call-workspace {--app-rail-width:64px;--hover-rail-width:clamp(96px,8vw,114px)}
  /* Reserve the expanded gutter for panels and media; only panels pin the rail. */
  :root[data-sidebar-hover=true] .call-shell .call-workspace:is(.panel-open,:has(>.call-main>:is(.streams-hub,.stream-viewer,.camera-viewer))) {--app-rail-width:var(--hover-rail-width);transition:none}
  :root[data-sidebar-hover=true] .call-shell .call-rail {
    width:64px;z-index:20;transform:none;
    transition:width .24s cubic-bezier(.22,.8,.25,1);
  }
  :root[data-sidebar-hover=true] .call-shell .call-rail-item {padding-left:4px;padding-right:4px}
  :root[data-sidebar-hover=true] .call-shell .call-rail-item>span {display:none!important}
  :root[data-sidebar-hover=true] .call-shell .call-rail-item>svg {width:25px;height:25px;flex:none}
  :root[data-sidebar-hover=true] .call-shell .call-rail-item b.rail-signal {right:7px;top:11px}
  :root[data-sidebar-hover=true] .call-shell .call-rail:is(:hover,:has(:focus-visible)),
  :root[data-sidebar-hover=true][data-sidebar-peek=true] .call-shell .call-rail,
  :root[data-sidebar-hover=true] .call-shell .call-workspace.panel-open>.call-rail {width:var(--hover-rail-width)}
  :root[data-sidebar-hover=true] .call-shell .call-rail:is(:hover,:has(:focus-visible)) .call-rail-item>span,
  :root[data-sidebar-hover=true][data-sidebar-peek=true] .call-shell .call-rail-item>span,
  :root[data-sidebar-hover=true] .call-shell .call-workspace.panel-open .call-rail-item>span {display:block!important}
  :root[data-sidebar-hover=true] .call-shell .call-rail:is(:hover,:has(:focus-visible)) b.rail-signal,
  :root[data-sidebar-hover=true][data-sidebar-peek=true] .call-shell .call-rail-item b.rail-signal,
  :root[data-sidebar-hover=true] .call-shell .call-workspace.panel-open .call-rail-item b.rail-signal {right:18px;top:12px}
  :root[data-dock-hover=true] .call-shell>.call-controls {
    /* Keep the expanded dock in the grid so cards never gain its reserved space. */
    --hover-dock-gap:12px;
    position:relative;inset:auto;align-self:end;margin:0 auto var(--hover-dock-gap);z-index:20;width:max-content;
    transform:translateY(calc(100% + var(--hover-dock-gap) - 16px));
    transition:transform .24s cubic-bezier(.22,.8,.25,1);
  }
  :root[data-dock-hover=true] .call-shell>.call-controls::before {content:'';position:absolute;top:6px;left:calc(50% - 20px);width:40px;height:3px;border-radius:3px;background:rgba(var(--theme-text-primary-rgb,244,244,246),.35);pointer-events:none}
  :root[data-dock-hover=true] .call-shell>.call-controls::after {content:'';position:absolute;bottom:-12px;left:0;right:0;height:12px}
  :root[data-dock-hover=true] .call-shell>.call-controls>* {opacity:0;pointer-events:none;transition:opacity .16s ease}
  :root[data-dock-hover=true] .call-shell>.call-controls:is(:hover,:has(:focus-visible),:has([aria-expanded=true])) {transform:none}
  :root[data-dock-hover=true] .call-shell>.call-controls:is(:hover,:has(:focus-visible),:has([aria-expanded=true]))>* {opacity:1;pointer-events:auto}
  :root[data-dock-hover=true] .call-shell>.call-controls:is(:hover,:has(:focus-visible),:has([aria-expanded=true]))::before {opacity:0}
  :root[data-dock-hover=true][data-dock-peek=true] .call-shell>.call-controls {transform:none}
  :root[data-dock-hover=true][data-dock-peek=true] .call-shell>.call-controls>* {opacity:1;pointer-events:auto}
  :root[data-dock-hover=true][data-dock-peek=true] .call-shell>.call-controls::before {opacity:0}
}
@media(hover:hover) and (pointer:fine) and (max-width:1000px){
  :root[data-dock-hover=true] .call-shell>.call-controls {--hover-dock-gap:8px}
}
@media(hover:hover) and (pointer:fine) and (max-width:760px){
  :root[data-sidebar-hover=true] .call-shell .call-workspace {--hover-rail-width:96px}
}
@media(hover:hover) and (pointer:fine) and (max-height:650px){
  :root[data-sidebar-hover=true] .call-shell .call-rail-item>svg {width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  :root[data-sidebar-hover=true] .call-shell .call-rail,
  :root[data-sidebar-hover=true] .call-shell .call-rail>*,
  :root[data-dock-hover=true] .call-shell>.call-controls,
  :root[data-dock-hover=true] .call-shell>.call-controls>* {transition:none!important}
}

/* Audio and Video are compact panels, independent of the Desktop window size. */
.settings-popover:is(.voice-settings,.video-settings) {
  --media-settings-width:780px;
  container:media-settings / inline-size;
  display:flex;flex-direction:column;min-width:0;
}
.settings-popover.video-settings {--media-settings-width:820px}
#app>.call-shell>.call-workspace.panel-open>.settings-popover:is(.voice-settings,.video-settings)[class] {
  width:min(100%,var(--media-settings-width));max-width:var(--media-settings-width);
  height:min(100%,680px);max-height:100%;align-self:start;justify-self:start;
}
#app>.call-shell>.call-workspace.panel-open>.settings-popover.video-settings[class] {height:auto}
.home-settings-overlay>.settings-popover:is(.voice-settings,.video-settings) {
  /* The Home overlay centers this panel; call-workspace offsets do not apply. */
  position:relative;inset:auto;
  width:min(var(--media-settings-width),calc(100vw - 40px));height:min(680px,calc(100dvh - 40px));
}
.home-settings-overlay>.settings-popover.video-settings {height:auto;max-height:calc(100dvh - 40px)}
.settings-popover:is(.voice-settings,.video-settings)>.panel-header {min-height:56px;padding:12px 16px;gap:10px}
.settings-popover:is(.voice-settings,.video-settings)>.panel-header>h2 {font-size:20px}
.settings-popover:is(.voice-settings,.video-settings)>.settings-tabs {
  grid-template-columns:repeat(4,minmax(0,1fr));min-height:40px;padding:0 10px;
}
.settings-popover:is(.voice-settings,.video-settings)>.settings-tabs button {min-height:40px;font-size:12px}
.settings-popover:is(.voice-settings,.video-settings)>:is(.voice-fields,.video-fields) {
  flex:0 1 auto;min-height:0;min-width:0;padding:12px;gap:12px;overflow:auto;
}
.settings-popover.voice-settings .voice-card,.settings-popover.video-settings .video-camera-card {padding:12px 14px}
.settings-popover.voice-settings .voice-card h3,.settings-popover.video-settings .video-camera-card h3 {font-size:15px}
.settings-popover.voice-settings .voice-devices {gap:14px}
.settings-popover.voice-settings .voice-test-layout {gap:16px;padding-top:12px;margin-top:12px}
.settings-popover.voice-settings .voice-test-symbol {width:42px;height:42px}
.settings-popover.voice-settings .voice-levels {padding-left:16px}
.settings-popover.voice-settings .voice-bars {height:28px;gap:3px;margin:8px 0}
.settings-popover.voice-settings .voice-profiles {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.settings-popover.voice-settings .voice-profile {min-height:64px;padding:10px;gap:8px}
.settings-popover.voice-settings .voice-profile>svg {width:20px;height:20px}
.settings-popover.voice-settings .voice-processing-row {grid-template-columns:minmax(0,1fr) minmax(180px,40%);gap:16px}
.settings-popover.voice-settings .voice-processing>.voice-control {padding:8px 0;min-height:54px}
.settings-popover.voice-settings .voice-processing .voice-toggle {padding-right:0}
.settings-popover.voice-settings .voice-sliders {gap:16px;margin-top:12px}
.settings-popover.voice-settings .voice-sliders>.voice-control+div {padding-left:16px}
.settings-popover.voice-settings .voice-disclosures {gap:8px}
.settings-popover.voice-settings .voice-advanced summary {padding:10px 12px;gap:8px}
.settings-popover.voice-settings .voice-advanced summary>span {min-width:0}
.settings-popover.voice-settings .voice-advanced-grid {padding:0 12px 12px}
.settings-popover.video-settings .video-camera-layout {grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:18px;align-items:start}
.settings-popover.video-settings .video-preview {height:auto;min-height:0;aspect-ratio:16/9}
.settings-popover.video-settings .video-preview:has(.video-preview-empty:not([hidden])) {aspect-ratio:auto}
.settings-popover.video-settings .video-preview-empty {position:relative;gap:8px;padding:38px 12px 16px;min-width:0}
.settings-popover.video-settings .video-empty-symbol {width:40px;height:40px;border-radius:11px}
.settings-popover.video-settings .video-empty-symbol svg {width:24px;height:24px}
.settings-popover.video-settings .video-preview-badge {left:10px;top:10px}
.settings-popover.video-settings .video-camera-controls {display:flex;align-self:start;gap:0}
.settings-popover.video-settings .video-mirror {margin:8px 0;padding:12px 0;min-height:54px;gap:10px}
.settings-popover.video-settings .video-preview-fit .settings-caption {margin-bottom:0}
@container media-settings (max-width:700px) {
  .settings-popover.video-settings .video-camera-layout {grid-template-columns:minmax(0,1fr);gap:14px}
  .settings-popover.video-settings .video-preview {max-width:440px;justify-self:center}
  .settings-popover.video-settings .video-camera-controls {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px}
  .settings-popover.video-settings .video-camera-controls>label:first-child,.settings-popover.video-settings .video-camera-controls>select {grid-column:1}
  .settings-popover.video-settings .video-mirror {grid-column:2;grid-row:1/3;margin:0;padding:0;border:0}
  .settings-popover.video-settings .video-preview-fit {grid-column:1/-1}
}
@container media-settings (max-width:620px) {
  .settings-popover.voice-settings .voice-devices,.settings-popover.voice-settings .voice-test-layout,.settings-popover.voice-settings .voice-disclosures {grid-template-columns:minmax(0,1fr)}
  .settings-popover.voice-settings .voice-levels {border-left:0;padding:12px 0 0;border-top:1px solid var(--settings-line);min-height:0}
  .settings-popover.voice-settings .voice-test-symbol {display:none}
}
@container media-settings (max-width:520px) {
  .settings-popover.voice-settings .voice-processing-row,.settings-popover.voice-settings .voice-sliders,.settings-popover.voice-settings .voice-advanced-grid {grid-template-columns:minmax(0,1fr)}
  .settings-popover.voice-settings .voice-sliders>.voice-control+div {border-left:0;padding:12px 0 0;border-top:1px solid var(--settings-line)}
}
@container media-settings (max-width:420px) {
  .settings-popover:is(.voice-settings,.video-settings)>.panel-header>small {display:none}
  .settings-popover.voice-settings .voice-profiles {grid-template-columns:minmax(0,1fr)}
  .settings-popover.voice-settings .voice-profile>svg {display:none}
  .settings-popover.video-settings .video-camera-controls {display:flex}
  .settings-popover.video-settings .video-mirror {margin:8px 0;padding:12px 0;border-bottom:1px solid var(--settings-line)}
  .settings-popover.video-settings .video-preview-empty>small {display:block}
  .settings-popover.video-settings #stop-camera-preview {right:8px;bottom:32px;min-height:30px;padding:4px 8px;font-size:11px}
  .settings-popover.video-settings #camera-preview-facts {left:8px;bottom:8px;font-size:10px}
}
@media(max-width:760px) {
  #app>.call-shell>.call-workspace.panel-open>.settings-popover:is(.voice-settings,.video-settings)[class] {
    --media-settings-top:82px;
    height:auto;bottom:auto;max-height:min(680px,calc(100dvh - var(--media-settings-top) - 96px));
    width:calc(100vw - var(--app-rail-width) - 24px);max-width:var(--media-settings-width);justify-self:stretch;
  }
}
@media(max-width:680px) {
  #app>.call-shell>.call-workspace.panel-open>.settings-popover:is(.voice-settings,.video-settings)[class] {--media-settings-top:120px}
}
@container media-settings (max-width:300px) {
  .settings-popover:is(.voice-settings,.video-settings)>.panel-header {padding:10px;align-items:start}
  .settings-popover:is(.voice-settings,.video-settings)>.panel-header>h2 {min-width:0;overflow-wrap:anywhere;font-size:17px}
  .settings-popover:is(.voice-settings,.video-settings)>.settings-tabs {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 4px}
  .settings-popover:is(.voice-settings,.video-settings)>.settings-tabs button {font-size:11px;min-height:36px}
  .settings-popover:is(.voice-settings,.video-settings)>:is(.voice-fields,.video-fields) {padding:8px}
  .settings-popover.voice-settings .voice-card,.settings-popover.video-settings .video-camera-card {padding:10px}
  .settings-popover:is(.voice-settings,.video-settings) :is(p,strong,small,label,legend) {overflow-wrap:anywhere}
  .settings-popover.voice-settings .voice-device-row {grid-template-columns:minmax(0,1fr) 24px;gap:4px}
  .settings-popover.voice-settings .voice-output-device {grid-template-columns:minmax(0,1fr)}
  .settings-popover.voice-settings .settings-symbol,.settings-popover.video-settings .video-mirror-symbol {display:none}
  .settings-popover.voice-settings .voice-level-title {flex-wrap:wrap;gap:4px}
  .settings-popover.voice-settings .voice-toggle {flex-wrap:wrap;gap:8px}
  .settings-popover.voice-settings .voice-toggle>span {min-width:0;flex:1 1 70px}
  .settings-popover.voice-settings .voice-inline {flex-wrap:wrap}
  .settings-popover.voice-settings .voice-field>span {flex-wrap:wrap}
  .settings-popover:is(.voice-settings,.video-settings) .button {white-space:normal;padding:8px;gap:5px;max-width:100%}
  .settings-popover.voice-settings .voice-test-card>div {min-width:0}
  .settings-popover.voice-settings .voice-advanced summary {padding:10px;gap:6px;flex-wrap:wrap}
  .settings-popover.voice-settings .voice-meter-row {grid-template-columns:minmax(0,1fr) auto}
  .settings-popover.voice-settings .voice-meter-row meter {grid-column:1/-1;grid-row:2}
  .settings-popover.voice-settings .voice-output-meters {grid-template-columns:minmax(0,1fr)}
  .settings-popover.video-settings .video-preview-fit>div {flex-direction:column}
  .settings-popover.video-settings .video-preview-fit button {flex:auto;white-space:normal}
  .settings-popover.video-settings .video-mirror {flex-wrap:wrap}
  .settings-popover.video-settings .video-preview-empty {padding-left:8px;padding-right:8px}
}
/* When a scaled window cannot fit both rail and settings, give the settings
   their own viewport. Closing restores the unchanged call layout. */
@media(max-width:420px),(max-width:760px) and (max-height:440px) {
  #app>.call-shell>.call-workspace.panel-open>.settings-popover:is(.voice-settings,.video-settings)[class] {
    position:fixed;inset:12px;transform:none;width:calc(100vw - 24px);
    height:min(680px,calc(100dvh - 24px));max-height:min(680px,calc(100dvh - 24px));
    max-width:none;z-index:30;justify-self:stretch;
  }
  #app>.call-shell>.call-workspace.panel-open>.settings-popover.video-settings[class] {height:auto}
  #app>.call-shell:has(.voice-settings,.video-settings)>.call-header,
  #app>.call-shell:has(.voice-settings,.video-settings)>.call-controls,
  #app>.call-shell>.call-workspace:has(>.voice-settings,>.video-settings)>.call-rail {visibility:hidden;pointer-events:none}
}
.settings-popover.video-settings #camera-preview-facts {max-width:calc(100% - 16px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-popover.video-settings #stop-camera-preview {max-width:calc(100% - 16px);box-sizing:border-box;white-space:normal}

/* Hidden participant/stream canvases must not change the settings height. */
#app > .call-shell:has(> .call-workspace > .settings-popover:is(.voice-settings,.video-settings)) { grid-template-rows:112px minmax(0,1fr) auto; }
#app > .call-shell:has(> .call-workspace > .settings-popover:is(.voice-settings,.video-settings)) > .call-controls { grid-row:3; }
