html, body, div, span, h1, h2, p, main, header, nav, section, footer, ul, li, a {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

body {
  min-width: 20rem;
  min-height: 100vh;
  min-height: 100dvh;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  background: #008080;
  font-family: sans-serif, serif, monospace;
  font-size: 13px;
  line-height: 1;
}

.wrapper {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(76rem, calc(100vw - 3rem));
  min-width: min(38rem, calc(100vw - 3rem));
  height: min(52rem, calc(100vh - 3rem));
  height: min(52rem, calc(100dvh - 3rem));
  min-height: min(34rem, calc(100vh - 3rem));
  min-height: min(34rem, calc(100dvh - 3rem));
  margin: 0;
  padding: 2px 0;
  overflow: hidden;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  background: #c0c0c0;
}

.default_title {
  position: relative;
  min-height: 16px;
  padding: 2px 4px 3px;
  cursor: move;
  touch-action: none;
  background: #000080;
}

.default_title h1 {
  color: #c0c0c0;
  font-size: 14px;
  font-weight: bold;
}

.default_title .win-icon {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 3px 0 0;
}

ul {
  list-style: none;
}

ul.topbar {
  margin: 3px 0;
  padding: 0 10px;
}

ul.topbar li {
  display: inline-block;
  margin: 0 10px 0 0;
}

ul.topbar .menu_bar_item {
  position: relative;
  margin: 0;
}

.menu_bar_button {
  margin: -2px 0;
  padding: 2px 3px;
  border: 0;
  background: transparent;
  color: #000;
  font: inherit;
}

.menu_bar_button[aria-expanded="true"] {
  padding: 1px 2px;
  border: 1px solid;
  border-color: #808080 #fff #fff #808080;
}

ul.topbar .view_menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 2px);
  left: 0;
  width: 8.5rem;
  padding: 2px;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  background: #c0c0c0;
}

ul.topbar .view_menu[hidden] {
  display: none;
}

ul.topbar .view_menu li {
  display: block;
  margin: 0;
}

.view_menu button {
  position: relative;
  width: 100%;
  padding: 3px 6px 3px 22px;
  border: 0;
  background: transparent;
  color: #000;
  font: inherit;
  text-align: left;
}

.view_menu button[aria-checked="true"]::before {
  position: absolute;
  left: 7px;
  content: "\2713";
}

.view_menu button:hover,
.view_menu button:focus-visible {
  outline: 0;
  background: #000080;
  color: #fff;
}

.workspace {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: 0;
}

.post_list,
.tag_list {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  border-width: 2px;
  border-style: ridge groove groove ridge;
  border-color: #808080 #fff #fff #808080;
  background: #fff;
}

.post_list {
  min-width: 0;
}

.project_details_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.project_details_table th {
  box-sizing: border-box;
  height: 20px;
  padding: 1px 5px;
  border: 1px solid;
  border-color: #fff #808080 #808080 #fff;
  background: #c0c0c0;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

.project_details_table th:nth-child(1) {
  width: 46%;
}

.project_details_table th:nth-child(2) {
  width: 20%;
}

.project_details_table th:nth-child(3) {
  width: 34%;
}

.project_details_table td {
  height: 20px;
  padding: 1px 5px;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project_details_table a {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  color: #000;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post_list a:focus-visible,
.tag_list a:focus-visible {
  outline: 1px dotted #000;
  outline-offset: 2px;
}

.project_details_table .win-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 0;
}

.project_details_table.is-large-icons,
.project_details_table.is-large-icons tbody {
  display: block;
}

.project_details_table.is-large-icons thead {
  display: none;
}

.project_details_table.is-large-icons tbody {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: 12px 6px;
}

.project_details_table.is-large-icons tr,
.project_details_table.is-large-icons td:first-child {
  display: block;
}

.project_details_table.is-large-icons tr {
  min-width: 0;
}

.project_details_table.is-large-icons td:first-child {
  height: auto;
  padding: 4px;
  overflow: visible;
  white-space: normal;
}

.project_details_table.is-large-icons td:not(:first-child) {
  display: none;
}

.project_details_table.is-large-icons a {
  display: block;
  overflow: visible;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}

.project_details_table.is-large-icons .win-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 8px;
}

.tag_list {
  border-right-width: 0;
}

.tag_list .win-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: -4px;
}

.tag-tree {
  min-width: max-content;
  padding: 5px 8px 5px 4px;
}

.tag-tree ul {
  margin-left: 4px;
  padding-left: 14px;
  border-left: 1px dotted #808080;
}

.tag-tree li {
  position: relative;
}

.tag-tree ul > li::before {
  position: absolute;
  z-index: 0;
  top: 9px;
  left: -14px;
  width: 14px;
  border-top: 1px dotted #808080;
  content: "";
}

.tag-tree ul > li:last-child::after {
  position: absolute;
  z-index: 0;
  top: 10px;
  bottom: 0;
  left: -15px;
  border-left: 2px solid #fff;
  content: "";
}

.tree-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 19px;
  white-space: nowrap;
}

.tree-label,
.tag-tree a {
  display: block;
  flex: 0 0 auto;
  padding: 1px 2px;
  background: #fff;
}

.tag-tree a {
  overflow: hidden;
  color: #000;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tag-tree a.is-selected {
  background: #000080;
  color: #fff;
}

.tree-toggle,
.tree-toggle-spacer {
  box-sizing: border-box;
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-right: 3px;
}

.tree-toggle {
  position: relative;
  z-index: 2;
  padding: 0;
  border: 1px solid #808080;
  border-radius: 0;
  background: #fff;
  color: #000;
  font: 9px/7px monospace;
}

.tree-toggle::before,
.tree-toggle::after {
  position: absolute;
  background: #000;
  content: "";
}

.tree-toggle::before {
  top: 3px;
  left: 1px;
  width: 5px;
  height: 1px;
}

.tree-toggle[aria-expanded="false"]::after {
  top: 1px;
  left: 3px;
  width: 1px;
  height: 5px;
}

.tree-toggle:focus-visible {
  outline: 1px dotted #000;
  outline-offset: 2px;
}

.tree-branch:not(.is-expanded) > ul {
  display: none;
}

.about_panel,
.projects_panel {
  padding: 12px;
}

.about_panel {
  border-bottom: 1px solid #808080;
}

.about_panel h2,
.projects_panel h2 {
  margin-bottom: 8px;
  font-weight: bold;
}

.inset_panel {
  min-height: 3.25rem;
  padding: 10px;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  background: #fff;
  line-height: 1.35;
}

.project_workspace {
  grid-template-columns: 15rem minmax(0, 1fr);
}

.project_details {
  box-sizing: border-box;
  padding: 18px 14px;
}

.project_identity {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  min-height: 40px;
}

.project_identity .win-icon {
  width: 32px;
  height: 32px;
  margin: 0;
}

.project_identity h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
}

.project_identity_copy {
  min-width: 0;
}

.project_metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  margin-top: 4px;
  font-size: 11px;
  font-weight: normal;
}

.detail_rule {
  margin: 14px 0;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #fff;
}

.project_actions {
  display: grid;
  gap: 8px;
}

.win_button {
  display: block;
  padding: 5px 8px;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  background: #c0c0c0;
  color: #000;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

.win_button:active {
  border-color: #000 #fff #fff #000;
  padding: 6px 7px 4px 9px;
}

.project_about {
  box-sizing: border-box;
  padding: 12px;
}

.webview_panel {
  position: relative;
  isolation: isolate;
}

.webview_panel::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 182px;
  height: 237px;
  background:
    linear-gradient(90deg, transparent 0 72%, rgba(255, 255, 255, 0.76) 90%, #fff 100%),
    linear-gradient(180deg, transparent 0 70%, rgba(255, 255, 255, 0.76) 89%, #fff 100%),
    radial-gradient(ellipse at 25% 12%, rgba(255, 255, 255, 0.9) 0 8%, transparent 30%),
    repeating-conic-gradient(from 45deg, rgba(0, 128, 192, 0.34) 0 25%, transparent 0 50%) 0 0 / 2px 2px,
    linear-gradient(135deg, #63c9e8 0, #b9ebf7 45%, #fff 82%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 0 54%, rgba(0, 0, 0, 0.22) 67%, rgba(0, 0, 0, 0.72) 82%, #000 100%);
  mask-image: radial-gradient(circle at 100% 100%, transparent 0 54%, rgba(0, 0, 0, 0.22) 67%, rgba(0, 0, 0, 0.72) 82%, #000 100%);
  content: "";
}

.webview_panel > * {
  position: relative;
  z-index: 1;
}

.webview_panel > h2,
.webview_panel > .inset_panel {
  margin-left: 3rem;
}

.webview_panel > .inset_panel {
  padding: 8px 0;
  border: 0;
  background: transparent;
}

.project_view_header {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 5rem;
  margin: -12px -12px 0;
  padding: 12px;
}

.project_launch {
  min-width: 8.5rem;
}

.project_view_header + .detail_rule {
  width: min(182px, 100%);
  height: 2px;
  margin: 0 0 14px;
  border: 0;
  background: linear-gradient(90deg,
    #f06058 0 25%,
    #f0d850 25% 50%,
    #48b858 50% 75%,
    #4878d0 75% 100%);
}

.project_about h2 {
  margin-bottom: 8px;
  font-weight: bold;
}

.project_about .inset_panel {
  box-sizing: border-box;
}

.project_snapshot {
  width: min(30rem, calc(100% - 3rem));
  margin: 14px 0 14px 3rem;
}

.project_snapshot_frame {
  padding: 4px;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  background: #c0c0c0;
}

.project_snapshot img {
  display: block;
  width: 100%;
  max-height: 14rem;
  border: 1px solid #808080;
  background: #fff;
  object-fit: contain;
}

.project_snapshot figcaption {
  margin-top: 4px;
  color: #808080;
  font-size: 11px;
}

.project_total {
  grid-template-columns: 15rem minmax(0, 1fr);
}

.post_total .left,
.post_total .right {
  padding: 1px 3px;
  border: 1px solid;
  border-color: #888 #dadada #dadada #888;
}

.post_total {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 2px;
  padding: 2px 2px 0;
}

.post_total .left {
  width: auto;
  margin-left: 0;
}

.post_total .right {
  width: auto;
  margin-right: 0;
}

.post_total.project_total {
  grid-template-columns: 15rem minmax(0, 1fr);
}

.window_resize_grip {
  position: absolute;
  z-index: 30;
  right: 3px;
  bottom: 3px;
  width: 16px;
  height: 16px;
  cursor: nwse-resize;
  touch-action: none;
  background: repeating-linear-gradient(135deg,
    transparent 0 3px,
    #fff 3px 4px,
    #808080 4px 5px,
    transparent 5px 7px);
}

body.is-resizing-window {
  cursor: nwse-resize;
  user-select: none;
}

body.is-dragging-window {
  cursor: move;
  user-select: none;
}

.win-icon {
  display: inline-block;
  flex: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-computer {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAFVBMVEUAAACAgIDAwMAAAAD///8A//8AgIA+In3bAAAAAXRSTlMAQObYZgAAAAFiS0dEBI9o2VEAAAAHdElNRQfhCAkBMxC0qnmvAAAAVUlEQVQI103OwQ2AMAhAURonoLiAdAGQ6ACGWdx/BEE0+i99h0IA+IVRvo2ZFwnM7gfeMFsL29kL+wvFBzFFOU9mpqPWcKeAZgEamUDzLL5Mlsl3wgU2UAyo0M/FgwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wOC0wOVQwMTo1MToxNiswMjowMI0KkQIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDgtMDlUMDE6NTE6MTYrMDI6MDD8Vym+AAAAAElFTkSuQmCC");
}

.icon-disk {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAElBMVEUAAACAgIDAwMAAAAD///8AgADPISvXAAAAAXRSTlMAQObYZgAAAAFiS0dEBI9o2VEAAAAHdElNRQfhCAkBLwE4bQQAAAAAOElEQVQI12NgIAkIgoEAA6MSGAgziLiAgKMwgxCIr6oIZSiBGGC1IAZYDZAB0S1owMBsDAZYLAAAAIQJB1ZYdhoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDgtMDlUMDE6NDc6MDErMDI6MDBIlwCVAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA4LTA5VDAxOjQ3OjAxKzAyOjAwOcq4KQAAAABJRU5ErkJggg==");
}

.icon-folder {
  background-image: url("data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAwMDAAYCAgAEAAP8AAP8AAQD//wH/AAAA/wD/AP//AAH///8BAAAAAAAAAAAAAAAAAAAAAAj4iIiIiIgwCPe3t7e3tzAI+3t7e3t7MAj3t7e3t7cwCPt7e3t7ezAI97e3t7e3MAj7e3t7e3swCPe3t7e3tzAI////////MAh3d3d4iIiAAIu7u4AAAAAACIiIAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAAwAEAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIABAADAfwAA4P8AAP//AAD//wAA");
}

.icon-file {
  background-image: url("data:image/x-icon;base64,AAABAAIAICAQAAEABADoAgAAJgAAABAQEAABAAQAKAEAAA4DAAAoAAAAIAAAAEAAAAABAAQAAAAAAIACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvwAAvwAAAL+/AL8AAAC/AL8Av78AAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAAAAAAAAAAAAAACHd3d3d3d3d3d3dwcAAAAI//////////////9wcAAACP//////////////cHAAAAj/AAAA/////////3BwAAAI//////////////9wcAAACP8AAAD/////////cHAAAAj//////////////3BwAAAI//////////////9wcAAACP8AAAAAAAAAAAD/cHAAAAj//////////////3BwAAAI/wAAAAAAAAAAAP9wcAAACP//////////////cHAAAAj/AAAAAAAAAAAA/3BwAAAI//////////////9wcAAACP8AAAAAAAAAAAD/cHAAAAj//////////////3BwAAAI//////////////9wcAAACP8AAAD/////////cHAAAAj//////////////3BwAAAI//////////////9wcAAACP//////////////cHAAAAj/AAAA/////////3BwAAAI//////////////9wcAAACP8AAAD////w8AD/cHAAAAj//////////////3BwAAAI//////////////9wcAAACP//////////////cHAAAAjw/w/w/w/w/w/w/4BwAAAI8P8P8P8P8P8P8P+AcAAAAI+I+I+I+I+I+I+I+AAAAAAAAAAAAAAAAAAAAAAAAA8AAAH+AAAA/AAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAHwAAAB8AAAAfAAAAH4AAAD/JJJL8oAAAAEAAAACAAAAABAAQAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvwAAvwAAAL+/AL8AAAC/AL8Av78AAMDAwACAgIAAAAD/AAD/AAAA//8A/wAAAP8A/wD//wAA////AAAAAAAAAAAAh3d3d3d3AACP//////cAAI//////9wAAj/AAAA/3AACP//////cAAI/wAAAP9wAAj//////3AACP8AAAD/cAAI//////9wAAj/AA8A/3AACP//////cAAI//////9wAAjw8PDw8PAAAA+Pj4+PAAAAAAAAAAAAAAgA8AAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAACADwAA1V8AAA==");
}

/* Experimental project icons: @react95/icons 2.5.3. */

.icon-thrust {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABe0lEQVR4Ab3Bga2jQBBEwdcr8mIz2yaz2cjmsGT0EcIYbHNVYoft5Ea2xdPAhu2stXKHcRyZpolZAmJWWLGdtVbuMI4j0zSxNfBkO1tr3GWaJvYMzGxna43eO//bwEZE8EutNXrvvDKwYZtFZiKJdzITSaxlJpJorXGkcEASmck7ktiSxBmFNyRxVmZyVeGCiOCIJK4qXFBr5dcKH7DNIiL4RmFHZnLENotaK98o7JDEO7ZZs81aZnJG4QLbLGxjm4Vt1iRxRuGkiMA2a7b5VuGkWiuLiOBXCh+otbKWmXyq8EJmcpYkPlV4QRKfyEyuKFyQmbwjiSsGNjKTI5nJLw1s9N65k21m4mngaZom7mabmVgRf5L7iQ1xku1srdF7ZysisM1MXCQO2E5WWmv03tkTEazZFieIHbaTWa2VxTiO9N45IyJ4sM1MHBAbtrO1xlbvnSsiggfbzMQLA2/03rmT2JfMIoJxHDmj985DRPBgmydxQBxLPidO+AdcXaQPcPe5vgAAAABJRU5ErkJggg==");
}

.icon-calculator {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABoElEQVR4Ae3BwXUbBwwFwIEe+7I7w9/OhMoQrUxTKz8f7ByYQzTjy5f/vfJTsp4tqXJKdrsVFoVFYVFYFBaFRWFRWBQWhUVhUVgUFuVNHYhySlY3x+Fd4l9L/JF4Ezd3i/Lh9fXVv/H99dXfuLkrn3379s3fmhl/6+ZuUT7MjGe4uSsXie+vr57hxd36sN22m8Rpu203idN2224Sp+223SRO2227SZy223aT+NWLu/LZzLiaGVcz42pmXM2Mq5nxO+WU7Har4/Au8ZCQeEhIPCQkHhISDwmJh8S7eBPllKxujsPTxJt4cbc+bLftJnHabttN4rTdtpvEabttN4nTdttuEqfttt0kfvXirnw2M65mxtXMuJoZVzPjamb8Tjklu93qOLxLPCQkHhISDwmJh4TEQ0LiIfEu3kQ5Jaub4/A08SZu7hblh+12qioS2+1UVSS226mqSGy3U1WR2G6/U1Ukrm7uymcz42pmXM2Mq5lxNTP+xM3dovxQVa6qylVVuaoqV1XlT5VTsro5Dk8Tb+Lmp+Mgnq58WM9Xvnz5r/0DTSnU7cY52U4AAAAASUVORK5CYII=");
}

.icon-proof {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQUlEQVR4AcXBAWrjQBBE0V9iDjY3q+mbKSertbAXzG4HE1Ck92gECE8BwlOA8BQgPAUITwHCU4DwFL4h3qy1Ypuq4mCbquJgm6riYJuq4mCbquJgm6riYJuq4mCbqmKtxYN4s/Gy1optJGEb20jCNraRhG1sIwnb2EYStrGNJGxjG0nYxjZVxVqLfd95CG82biZe1lqxzW/4+vpizsm+78w5eRAvGzfbuNmgIYlOEr4jiSRI4q8kfDJoJOGnknBIwk8MGpLoJOFsg0YSrrJxs42bDRqS6CThbINGEq6ycbNBQxJnSMIng0YSrjJoSOIMSfhk0EjCVQYNSZwhCZ8MGkm4yqAhiTMk4ZNBIwlX2bjZoCGJThLONmgk4SqDhiQ6STjboJGEq2zcTLxZa2XOydnmnOz7zpyTB/FG/C/8HvGPP0b1nliEO4U5AAAAAElFTkSuQmCC");
}

.icon-database {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABuklEQVR4AcXBgVFbMQBEwXceFSZVdlJlEpVd+DYwnkTEJjF4l40A4SJAuAgQLgKEiwDhIkC4CBAuwifEld57bDPG4GCbMQYH24wxONhmjMHBNmMMDrYZY3CwzRiDg23GGPTeeSWunHjTe49tJGEb20jCNraRhG1sIwnb2EYStrGNJGxjG0nYxjZjDHrvrLV4Fa6ceDLxpvce23yHl5cXaq2stai18kq8OfFkJ56ssCGJnSR8RhJJkMS7JNxS2EjCVyXhkISvKGxIYicJj1bYSMJPOfFkJ56ssCGJnSQ8WmEjCT/lxJMVNiTxCEm4pbCRhJ9S2JDEIyThlsJGEr5iLXGt1nCvwoYk7jEnZ61BAhLMCZI4JOGWwkYS7rGWqBUSzhLO5oTWuEthQxK3zMmHtaA1mBNqhdY4k0QS/qawkYRb1hK1ctYa9N5prZNAAmtBa9xU+A9rQa0wJ7TWmZMzibsVNiSxk4R3tYa1xKFWSPgwJ7QGSbilsJGEe7QGc0JrkIAEc0Jr3K2wIYmdJFxLwoWQOGsNknCvwkYSviIJ/+rEk4krvffUWnm0WitrLWqtvBJXxJ/C9xG/+QXNf+BXu3QYfAAAAABJRU5ErkJggg==");
}

.icon-search {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAChklEQVR4Ab3BAW5bORBEwccP3avnZmzerOdk3K9IWTuCbMewkKrBJ2xvXsz24J0LH7C9q4pXkcRai9MGBncHT9jeVcWrSGKtxTMXHtjec05eaa3FRy68Y3vPOelu/pULH0jCT8056W4+c+GJJDyyzfeYOfnShQdrLTwnGxjABgZgwDY3m68t/sbBne1dVXhONjCAdDOAdOM5SQI2MHiVg5Pt7Tm52sAA0k1JpJuSSDclkSqwgcErHNxt3qSbkkg3JZFuSiLdlESqeJXD9vac/NbdlES6KYl0UxLppiTSTUlgA4OfOjht3pREuimJdFMS6aYk0k1JpJtXOTgN3qSbkkg3JZFuSiLdlES6KYlXOThtYHBTEummJNJNSaSbkkg3JZFuXuXgNIDNTbopiXRTEummJNJNSaSbkniVw/bwWgxuSiLdlES6KYl0UxLppiRYC2xg81MX7tLNVbopiXRTEummJNJNSbAWbxY/deFke9jeVUUlBCiJdFMS6aYkWItfbGxjm703PzH40+bK5imbqyQk4co2SfhMEq5sY5vfbI8L79jmyjbP2KaqkMRVEmBTNbDNZ2xjm6uqIgmnPfjT5gu2qSokMTgN7gafsc1VVZGEK9sMTrY332RP2NwM7ga2+UhVkYTfbDNs7zkn3zXGAiZsbgZ3g703z6y1eM82w/aec9LdfFdVgAmbm8HdIAmPkvCebQ5+wOa0YHCzudtUFUlIwmcOHpSKUvE3bAMGFgxuNncb29jmMwePFrD4K0lIQlLAgsHN5m7zlYMHqZAK35UUsGBws7nbVBWPbHMaBy+UFLBgcLN5yjanwenCaa3Fq9hgLxgTNv9LwpVtToO7wc3m3xm88x/qEHGZEDebigAAAABJRU5ErkJggg==");
}

.icon-game {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACPElEQVR4AdXB0ZHbMBBEwYcr5IXNDMPMZiODCRdRolWUdGfJH+4ufICkwR1JhW+ovEnSiAguDKDwQuUFSYMLkgqH1hpLZvITlQckDXa9dx4YnGQmk21+onJH0mDXe2fKTK703slMbPOOyomk0XtnykzOWgQbEDZTZmKbd1UOkkbvnSkzubdxE9GADYm3Ve5kJlfC5mbjUyo7SaP3zjPRAjZwGDuYbPOuL04yk8k2tvnDxj/xxR3bRASSsM3iMA6z2EYS7/qSNHrvZCa2iQhaa0hCEldsI4ld4U2Vk4jANpMkbHNmm0kSu8IHVO5EBLaxzWKbSRKHwodULkQEk20mSRwKH1a5YBtJnBQekFQkDe5IQhKvVO7YRhK7whOSBie9dzIT20hikjQ4SCpcqJIKMHrvZCavSBrsIoLJNlckYZtF0mAnqXBS+SZJg11EsNim9862bdyTRERgmykimCQNDpJK5QVJg11E8EjvnVIKiyTOHMEUNhHBZJvdKNwMbgo7SaP3TmbyiG1670yZyWQbSdjGEYRNi6AAtplsI4nKTeGB1hpLZnIWEWzbxiKJyTa/STgCA5KYbLMUnpA0IoKptcZZZvJTtjmTROWbMpOltUZrjSUzecY2j1T+QmaytNZorbFkJottXqm8YJspIriSmSytNVprbNvGK5LYlcJrg50klojgEds8I4lDYVf4vsFBEktEcGabK5I4FE4Kf2dwkMQSEdjmTBKHwoXC+wYHSSySOBSeKHzW4KbwP/gFhxBDsNpmY/UAAAAASUVORK5CYII=");
}

.icon-video {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACcklEQVR4AcXB0XXjWhZDwQ2tzosnNIQGRoZ3uSxbkq1Wi56PqeL/TfxUHonXynPiDRcedeHQljeUpS2HthzaspQ3iJsmYWb4RjzXBUk80xZJLOIF8aFJmBkOtjnYZhE/lSvb3JsZZoY74oULVzPDwTb/0IWDbWzzaWY4JOFdF6BJONjmH7ogCdvY5l4SzrqwzAy2sc0LZZFEEp6ZGQ4zQxLe8Ycr29jmL7ogiSQk4VNbJHGvLZJ4x4WlLQfbHGxzpwuSSEISZoZPkmjLoS0HSbxLtmubZ9oiiUMSPiXhYJu2SOJeEpJgm0W8cOGqLYe2HNoiiYNtPiVhZrjXQluSkIQzLixJkMRBEgdJ2Oa7mSEJjwqIbds46w9XLUvZ951PSfguCTNDEm4ElH3fOevClwJi2zZemRmSYJubAmLbNs668EVA2fedV5Jgm7bcCCj7vnPWhS8FxLZtvGKbtkjipoDYto2zLnwRUPZ9529mhrZIYhGLJEBA2fedw8xgG9v8i4AmYds2QEDZ951DEmxjG9u0RRKL+NAFSTwyz1l8c7HNzAACyr7vfGebtkhiETdaOLTl0Ja/SdIk5Y6ALkjimbZI4ko8Vx4YsJKUq5mQDIeZEd8U6AHoAegBKFBOcVmSlC8uS5JyRzwqP4mb8hYD5pEBcyV+qfzgsiQpX1yWJOWLy4cmaZImqTin/GDA3JgP5sZ8MFdiSdIL5wkQIEB8UBLA3FESwNwRS5ImKYs4p/xgwJwkliT9w3niUQEl6cyIJUm5mhmxJCnLzJCkXIlzygPzwZwkliQVv+ZylQy/9Yf/UTJ8mhlx0oVfs8DiambEL/wH8g6Ozxy51NEAAAAASUVORK5CYII=");
}

@media only screen and (max-width: 750px) {
  body {
    display: block;
    padding: 0.75rem;
  }

  .workspace {
    grid-template-columns: 1fr;
  }

  .wrapper {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
  }

  .default_title {
    cursor: default;
    touch-action: auto;
  }

  .project_workspace {
    grid-template-columns: 1fr;
  }

  .tag_list {
    height: auto;
    border-right-width: 2px;
    border-bottom-width: 0;
  }

  .post_list {
    height: 24rem;
  }

  .window_resize_grip {
    display: none;
  }

  .post_total {
    grid-template-columns: 1fr;
  }

  .post_total .right {
    display: none;
  }
}

@media only screen and (max-width: 460px) {
  .project_view_header {
    grid-template-columns: 1fr;
  }
}