.tagContainer {
    width: 960px;
}
.tagsWindow {
  background: url("/theme/images/arches.png");
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  scrollbar-gutter: stable;
  overflow-y: scroll;
  max-height: calc(100dvh - 5rem);
  align-items: flex-start;
}
.tagsWindowContent {
  box-sizing: border-box;
  width: 100%;
}
.tagWindow {
  background: var(--background);
  border: outset 2px var(--border-color);
  min-height: 12.75rem;
  width: 308px;
}
.tagSubWindowHeader {
  background: var(--titlebar-background);
  display: flex;
  flex-direction: row;
  color: var(--titlebar-color);
  font-weight: bold;
  gap: 0.25rem;
  padding: 4px;
}
.tagSubWindowContent {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  color: var(--foreground);
  height: 240px;
  overflow: auto;
  padding-bottom: 0.5rem
}
.tagTconsIconContainer {
  margin: 14px 10px;
}
.tagTconsIconContainer > small {
  color: var(--foreground);
}
.tagTconsIconContainer:hover > small {
  color: var(--tags-icon-label-hover);
}
@media (max-width: 960px) {
  .tagContainer {
    width: 648px;
  }
}
@media (max-width: 640px) {
  .tagContainer {
    width: 486px;
  }
  .tagWindow {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .tagContainer {
    width: 100vw;
    height: calc(100dvh - 40px);
    top: 40px;
  }
  .tagWindow {
    width: 100%;
  }
  .tagsWindow {
    height: calc(100dvh - 76px);
    max-height: unset;
  }
  .tagsWindowContent {
    height: calc(100dvh - 40px);
    max-height: unset;
  }
}

.singleTagWindow {
  background: url("/theme/images/arches.png");
  background-attachment: local;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.singleTagWindow a, .singleTagWindow a:visited {
  color: var(--titlebar-color);
}
.singleTagWindow a:hover {
    color: var(--tag-subwindow-anchor-hover);
}
.singleTagIconContainer {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 4.75rem;
  width: 7.45rem;
}
.singleTagIcon {
  height: 2rem;
  width: 2rem;
}
.singleTagIconLabel {
  border: 1px solid #ffffff00;
  color: var(--singe-tag-icon-label);
  background: var(--desktop-label-background);
  font-size: 0.8rem;
  padding: 0.125rem
}
.singleTagIconContainer:hover .singleTagIconLabel {
  border: dotted 1px var(--background);
}
.singleTagSubWindow {
  box-sizing: border-box;
  margin: 2rem;
  width: calc(100% - 4rem);
  max-height: unset;
  min-height: unset;
}
.singleTagClosedWindows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 1rem;
  width: 100%;
}
@media (max-width: 640px) {
  .singleTagSubWindow {
    margin: 0;
    width: 100%;
  }
}
.tagAnchor, .tagAnchor:visited {
  color: var(--background);
}
.tagAnchor:hover {
  color: var(--titlebar-color);
  cursor: pointer;
}
.tagWindowAnchor, .tagWindowAnchor:visited {
  color: var(--titlebar-color) !important;
}
.tagWindowAnchor:hover {
  color: var(--tag-subwindow-anchor-hover) !important;
  cursor: pointer;
}
.sinlgeTagWindowAnchor, .sinlgeTagWindowAnchor:visited {
  color: var(--titlebar-color);
}
.sinlgeTagWindowAnchor:hover {
  color: var(--tag-subwindow-anchor-hover);
  cursor: pointer;
}