.twnnFrame {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--twnn-frame-width, 1100px);
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
    margin-bottom: var(--twnn-frame-gap, 3rem);
}

.twnnFrame .titleContainer {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.twnnFrame .fileShortName {
  display: flex;
  justify-content: center;
  border-top: 0.5px solid white;
  border-left: 0.5px solid white;
  border-right: 0.5px solid white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: green;
}

.twnnFrame .fileName {
  display: flex;
  justify-content: center;
  border: 0.5px solid white;
  background-color: black;
  font-size: 10px;
}

.twnnFrame .fileDescription {
  display: flex;
  justify-content: center;
  border-left: 0.5px solid white;
  border-right: 0.5px solid white;
  background-color: black;
  font-size: 12px;
}

.twnnFrame .fileLoading {
  display: flex;
  justify-content: center;
}

.twnnFrame .toolbar {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.twnnFrame .content {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.twnnFrame .twnnFileToolbar {
  border-bottom: 0.5px solid white;
  border-left: 0.5px solid white;
  border-right: 0.5px solid white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.twnnFrame .fileShortName,
.twnnFrame .fileName,
.twnnFrame .fileDescription {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: center;
}


/* ============================================================
   VIEW FLAGS
   site.views is the canonical source.
   Blank / 0 = hidden, 1 = shown.
============================================================ */

.twnnFrame[data-show-title-container="0"] > .titleContainer {
  display: none;
}

.twnnFrame[data-show-file-short-name="0"] .fileShortName {
  display: none;
}

.twnnFrame[data-show-file-description="0"] .fileDescription {
  display: none;
}

.twnnFrame[data-show-file-type="0"] .fileType {
  display: none;
}

.twnnFrame[data-show-toolbar="0"] > .toolbar {
  display: none;
}