body, html {
  
}

#superbody,
#superheader {
  display: flex;
  justify-content: center;
  /* width: calc(100% - 32px); /* Adjust based on padding or margin */
  /*align-items: strtokenoketch;*/
}

#superheader {
  width: 100%;
  height: 100%;
  margin: auto;
}

/*
main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}*/

#nav-left, #nav-right {
  flex: 1; /* Both sides take equal space */
  display: flex;
}

#nav-left {
  /*justify-content: center;*/
  margin-left: 22px;
}

#nav-left > div, #nav-right > div {
  /*flex: 1;*/ /* Divs inside nav-left and nav-right take equal space */
}

.ovalghost {
  position: absolute; /* Absolute positioning */
  top: 58%; /* Centers vertically */
  left: 50%; /* Centers horizontally */
  transform: translate(-50%, -50%); /* Adjusts the position to be truly centered */
  width: 45px;
  height: 45px;
  flex: none; /* Does not grow or shrink */
  /*background: url('http://localhost:443/static/ovalghost.svg') no-repeat;
  background-size: cover;
  background-size: 81%;*/
  cursor: pointer;
}

#nav-right {
  text-align: right; /* Aligns content to the right */
}

#paintbrush {
  background: var(--paintbrush-ic);
  background-position: center center;
  transform: scale(0.54);
}

.media-container {
  margin-top: 10px;
  /*max-width: 517px;  */
  /*max-width: 500px;*/
  border: var(--line-border-1);
  border-radius: 13px;
  overflow: hidden;
  /*max-height: 280px;
  max-height: 380px;*/
  max-height: 537px;
  /*margin-right: 57px;*/
  margin-right: 0 /* replaced 7-1-2023 */
}

.ear.off * {
  display:none !important;
}

body.reddit #rightear {
  display: none;
}

body.reddit #leftear {
  display: none;
}

body.reddit #root {
  max-width: unset;
} 

body.reddit main {
  padding-left: 10px;
  padding-right: 10px;
}

body.reddit #reddit-title {
  font-size: 25px;
}

#opened-post-container div,
#opened-post-container span {
  color: var(--text-color);
}


.ear {
  width: 16px;
  background: transparent;
  /*border: 1px solid var(--fg);*/
  border-radius: 2px;
  /*transition: width 0.3s ease-in-out;*/
  cursor: pointer;
  margin-top: 10px;
}

/* webapp only, NOT DM view or iphone/android */
body:not(.phone) .ear.left {
  margin-right: 12px;
}

.ear.right {
  margin-left: 12px;
}

body.reddit .ear.left {
  margin-left: unset !important;
}

body.reddit .ear.right {
  margin-right: unset !important;
}

.ear {
  width: 311px;
  /*width: 225px;*/
  max-width: 500px;
  position: relative;
}

.ear.off {
  /*max-width: 16px;*/
  display:none !important;
}

#leftear {
  width: 225px;
}