:root {
  --padding-default: 2px;
  --padding-small: 0.7px;
  --borderRadius-default: 5px;

  --color-white: #f1faee;
  --color-green: #a1c181;
  --color-red: #bc3908;
  --color-orange: #f6aa1c;
  --color-dark: #0d1321;

  --color-background: #233d4d;
  --color-background-1: #619b8a;
  --color-background-2: #3e5c76;
  --color-background-3: #38a3a5;
  --color-background-popout: #1d2d44;
  --color-background-chat-user: #2e8588;
  --color-background-chat-timestamp: #4ad7db;
  --color-background-chat-message: #174445;
  --color-background-chat-message-input: #345b73;
  --color-background-chat-message-input-outline: #467a9a;
  --color-background-chat-users-add-input: #345b73;
  --color-background-chat-users-add-outline: #467a9a;
  --color-background-chat-chats-active: #5d8ab1;

  --color-border-light: #f1faee75;
  --color-border-dark: #0d132185;
  --color-border-chat-messages-user: #45c8cc;
  --color-border-chat-messages-timestamp: #2e8588;

  --color-background-process: #a8dadc;

  --font-size-default-big: 23px;
  --font-size-default-big-2: 30px;
  --font-size-default-small: 15px;

  padding: var(--padding-default);
  border-radius: var(--borderRadius-default);
}

* {
  scrollbar-width: thin;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  border-radius: 5px;
  overflow-wrap: break-word;
  text-align: center;
  user-select: none;
  /* padding: inherit; */
  /* border-radius: inherit; */
}

script {
  display: none !important;
}

html {
  padding: 0 !important;
  margin: 0 !important;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  /* transition: ease-in 1s; */
  color: var(--color-white);
  background-color: var(--color-background);
  margin: 0;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}

body > *:not(jtopbar) {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.jTitle {
  font-weight: bold;
  text-decoration: underline;
}

jFooter {
  max-width: 90%;
}

button,
.jButton,
input,
select {
  border: 1.5px solid;
  background-color: var(--color-white);
  color: var(--color-dark);
}

button,
.ja,
.jButton {
  cursor: pointer;
  width: max-content;
  color: var(--color-dark);
  padding-left: 5px;
  padding-right: 5px;
}

input {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

a,
ja,
.ja {
  color: currentColor;
  text-decoration: none;
}

jh,
.jh {
  padding: 2px;
  margin: 3px;
}

jspacerx {
  width: 10px;
}

jspacery {
  display: block;
  height: 10px;
}

jspacery_3 {
  display: block;
  height: 3px;
}

.dp-hidden {
  display: none !important;
}

.dp-contents {
  display: contents;
}

.dp-fl_ce {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-red {
  background-color: var(--color-red) !important;
}

.bg-orange {
  background-color: var(--color-orange) !important;
}

.bg-green {
  background-color: var(--color-green) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.fg-red {
  color: var(--color-red) !important;
}

.fg-green {
  color: var(--color-green) !important;
}

.fg-black {
  color: var(--color-dark) !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-sort {
  cursor: pointer;
}

.copy {
  cursor: copy;
}

.copied {
  background-color: red !important;
  cursor: wait;
}

jbody {
  /* place-items: center; */
  height: 100%;
  /* min-height: 90vh; */
  justify-content: flex-start !important;
  align-items: center;
  width: 99%;
}

jdynamic {
  /* display: contents; */
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
}

jtitle {
  font-weight: bold;
  font-size: large;
  text-decoration: underline;
}

.userContainer div {
  position: absolute;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.userContainer div * {
  width: 100%;
}

.userIconContainer {
  top: 15px;
  right: 15px;
  border-radius: 100%;
  padding: var(--padding-small);
  border: 1px solid var(--color-border-dark);
  background-color: var(--color-background-1);
  cursor: pointer;
}

.userIconImg {
  height: 42px;
}

@keyframes authMenuAnimationOpen {
  0% {
    transform-origin: top right;
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes authMenuAnimationClose {
  0% {
    transform: scale(1);
  }

  100% {
    transform-origin: top right;
    transform: scale(0);
  }
}

.userDropdownContainer {
  flex-wrap: wrap;
  animation: authMenuAnimationOpen 250ms;
  width: clamp(5vw, 10vw, 15vw);
  background-color: #3e5c76;

  top: calc(15px + 42px + 3 * (var(--padding-default)));
  right: 15px;
}

.userDropdownContainer-close {
  animation: authMenuAnimationClose 250ms;
}

@keyframes animationScaleOpen {
  0% {
    transform-origin: right top;
    transform: scale(0);
  }

  100% {
    transform-origin: right top;
    transform: scale(1);
  }
}

.animationScaleOpen {
  animation: animationScaleOpen 250ms;
}

@keyframes animationScaleClose {
  0% {
    transform-origin: right top;
    transform: scale(1);
  }

  100% {
    transform-origin: right top;
    transform: scale(0);
  }
}

.animationScaleClose {
  animation: animationScaleClose 125ms;
}

.popoutContainer {
  animation: animationScaleOpen 250ms;
  position: absolute;
  display: flex;
  border: 1px solid var(--color-border-light);
  background-color: var(--color-background-popout);
  /* top: 0.25vw;
  left: 0.25vw; */
  top: 1.5px;
  left: 1.5px;
  margin: 0;
  z-index: 100;
  width: 99%;
  align-self: center;
  height: 99%;
  justify-content: center;
  flex-wrap: wrap;
  /* align-items: center; */
}

.popoutContainer-close {
  animation: animationScaleClose 125ms;
}

.popout-titleContainer {
  width: 99%;
  height: 5%;
  /* height: 10vh; */
}

.popout-closeContainer {
  position: absolute;
  cursor: pointer;
  border: 1px solid var(--color-border-dark);
  background-color: var(--color-background-1);
  right: 5px;
  border-radius: 100%;
  aspect-ratio: 1/1;
  text-shadow: 1.5px 1.5px 1.5px black;
}

.popout-innerContainer {
  display: flex;
  width: 99%;
  height: 94%;
  min-height: 10vmax;
  top: 30px;
  /* justify-content: center; */
  align-items: flex-start;
  flex-direction: column;
}
/* 
.loginContainer,
.registerContainer {
  width: 80%;
} */

.popout-innerContainer > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
}

.createShortPopoutContainer input {
  width: 90%;
  /* height: 5px; */
}

.createPasteInput,
.paste-pasteOutput {
  justify-self: center;
  width: 99%;
  /* height: 50%; */
  height: 75vh;
  text-align: left;
  background-color: var(--color-background-2);
  color: var(--color-white);
  border: 1px solid;
  resize: vertical;
}

.createFileZone input {
  background-color: var(--color-background-chat-chats-active);
}

@keyframes jProgressOpen {
  0% {
    height: 0;
  }

  100% {
    height: 5px;
  }
}

@keyframes jProgressClose {
  0% {
    height: 5px;
  }

  100% {
    height: 0;
  }
}

jProgress {
  padding: 0;
  /* display: block; */

  height: 5px;
  width: 100%;
}

.jProgress {
  display: flex;
  height: 5px;
  animation: jProgressOpen 250ms;

  width: 100%;
  z-index: 200;
  margin: 0;
  background-color: var(--color-background-process);
  color: var(--color-green);
  border: 1px transparent;
  border-radius: 5px;

  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.jProgressClose {
  animation: jProgressClose 250ms;
}

.progress-orange::-moz-progress-bar,
.progress-orange::-webkit-progress-value {
  background-color: var(--color-orange);
}

.progress-green::-moz-progress-bar,
.progress-green::-webkit-progress-value {
  background-color: var(--color-green);
}

.progress-red::-moz-progress-bar,
.progress-red::-webkit-progress-value {
  background-color: var(--color-red);
}

@keyframes jNotificationOpen {
  0% {
    height: 0;
    display: none;
    background-color: transparent;
  }

  100% {
    height: auto;
    height: var(--font-size-default-big);
  }
}

@keyframes jNotificationClose {
  0% {
    height: auto;
    height: var(--font-size-default-big);
  }

  100% {
    height: 0;
    display: none;
    background-color: transparent;
    border: none;
    font-size: 0;
  }
}

jtopbar {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  min-height: 65px;
  width: 100%;
  /* height: 55px; */
}

jnotification {
  display: flex;
  justify-content: center;
  /* display: inline; */
  /* height: inherit; */
  /* min-height: 50px; */

  z-index: 200;
  margin-top: 2px;
  height: max-content;
  background-color: var(--color-green);

  position: -webkit-sticky;
  position: sticky;
  /* top: 6px; */
  top: 12px;
  width: 100%;
  padding: 4px;
}

.jNotificationOpen {
  animation: jNotificationOpen 500ms;
}

.jNotificationClose {
  animation: jNotificationClose 500ms;
}

.notificationCloseButton {
  background-color: transparent;
  border: transparent;
  position: absolute;
  right: 15px;
}

.notification-error {
  background-color: #ff0000 !important;
  color: black;
}

.accountDangerZone {
  display: flex;
  flex-direction: column;
  border: solid var(--color-red);
  padding: 5px;
}

.accountDangerZoneInnerContainer {
  display: flex;
  justify-content: center;
}

.changePasswordContainer,
.updateUserLoginContainer,
.revokeAllAccessTokensContainer,
.edituserPopoutSetPasswordContainer,
.edituserPopoutSetUsernameContainer {
  border: 1px solid;
  width: 60%;
  padding: 4px;
}

.edituserPopoutContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.image-imageOutput {
  border: 1px solid var(--color-border-light);
  /* background: var(--color-background-1); */
  /* width: 100%;
    height: 100%; */
}

.adminConsoleInput,
.adminConsoleOutput {
  text-align: left;
}

.adminConsoleOutput {
  width: 100%;
  height: 80vh;
  /* height: 100%; */
  /* min-height: 80vh; */
  background-color: grey;
}

.adminConsoleInputContainer {
  display: flex;
  width: 100%;
}

.adminConsoleInput {
  width: 100%;
}

.adminErrorContainer {
  width: 99%;
  border: 1px solid;
  background-color: var(--color-background-2);
}

.adminErrorTopContainer,
.adminErrorBottomContainer {
  display: flex;
  justify-content: center;
}

.adminErrorTopContainer {
  border: 1px solid;
  background-color: var(--color-background-1);
  justify-content: flex-start;
  cursor: pointer;
}

.adminErrorTopDate {
  font-size: small;
}

.adminErrorBottomText {
  text-align: left;
  user-select: text;
}

.adminErrorBottomContainer {
  justify-content: flex-start;
}

.adminErrorTopDelete {
  position: absolute;
  right: 20px;
}

.button-toggleshowpassword {
  width: 25px !important;
  background-color: var(--color-border-dark);
  border: 1px solid var(--color-border-light);
}

.fontSmol {
  font-size: var(--font-size-default-small);
}

.fontBig {
  font-size: var(--font-size-default-big);
}

.underline {
  text-decoration: underline;
}

.mainEndpointContainer {
  display: flex;
  flex-wrap: wrap;
}

.twitchManagementPopoutAccountContainer {
  border: 1px solid var(--color-border-light);
}

.twitchOauthlinkScopes {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-around; */
  /* justify-content: space-between; */
  justify-content: center;
}

.twitchOauthlinkScopeContainer {
  border: 1px solid var(--color-border-dark);
  background-color: var(--color-background-2);
}

.twitchOauthlinkScope-active {
  background-color: var(--color-green) !important;
  color: var(--color-dark) !important;
}

.twitchOauthlinkOther input {
  width: 300px;
}

.twitchOauthlinkOutput {
  word-break: break-all;
}

.twitchOauthlinkOtherTitle {
  display: flex;
  justify-content: center;
  width: 100%;
}

.userDropdownName {
  background-color: var(--color-background-3);
}

@keyframes highlightshort {
  0% {
    background-color: var(--color-orange);
    color: black;
  }

  100% {
    background-color: initial;
    color: initial;
  }
}

.highlightShort {
  animation: highlightshort 5s;
}

.file-textOutput {
  height: 100%;
  text-align: left;
  background-color: #3e5c76;
  color: var(--color-white);
}

.file-textOutput,
.file-videoOutput {
  width: 100%;
}

.chat-chatContainer {
  display: flex;
  width: 100%;
  height: 90vh;
  justify-content: space-between;
}

.chat-chatUsersContainer,
.chat-chatChatsContainer {
  border: 1px solid var(--color-border-light);
}

.chat-chatUsersTopContainer,
.chat-chatUsersBottomContainer {
  display: flex;
  flex-direction: column;
  width: 99%;
}

.chat-chatUsersContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
}

.chat-chatUsersAddInput {
  width: 97%;
  color: var(--color-white);
  background-color: var(--color-background-chat-users-add-input);
  border: transparent;
  outline: groove var(--color-background-chat-users-add-outline);
  text-align: left;
}

.chat-chatUsersUserContainer {
  display: flex;
  flex-direction: column;
  padding: 4px;
  overflow: auto;
  scroll-behavior: smooth;
}

.chat-chatChatsContainer {
  display: flex;
  flex-direction: column;
  width: 73.5%;
  justify-content: space-between;
}

.chat-chatUsersTitleContainer {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.chat-chatUsersTitle {
  background-color: var(--color-background-3);
  width: 100%;
}

.chat-chatUsersUser {
  background-color: var(--color-background-2);
  cursor: pointer;
  text-align: left;
  margin: 2px;
  border: 1px solid var(--border-color);
}

.chat-chatChatsChatContainer {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-light);
  background-color: var(--color-background-2);
  overflow: auto;
  scroll-behavior: smooth;
}

.chat-chatChatsChatTopContainer,
.chat-chatChatsChatBottomContainer {
  display: flex;
  flex-direction: column;
}

.chat-chatChatsChatTopContainer {
  max-height: 95%;
}

.chat-chatChatsMessageContainer {
  border: 1px solid var(--color-border-light);
  background-color: var(--color-background-3);
  margin: 2px;
  padding: 2.5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}

.chat-chatChatsMessageTextContainer {
  display: flex;
  text-align: left;
  width: max-content;
}

.chat-chatChatsMessageTopContainer {
  display: flex;
  justify-content: space-between;
  width: 99%;
}

.chat-chatChatsMessageUserContainer {
  background-color: var(--color-background-chat-user);
  border: 1px solid var(--color-border-chat-messages-user);
}

.chat-chatChatsMessageTimestampContainer {
  background-color: var(--color-background-chat-timestamp);
  color: var(--color-dark);
  border: 1px solid var(--color-border-chat-messages-timestamp);
}

.chat-chatChatsMessageBottomContainer {
  display: flex;
  width: 99%;
  flex-direction: column;
  align-items: center;
}

.chat-chatChatsMessageTextContainer {
  display: flex;
  background-color: var(--color-background-chat-message);
  width: 99%;
}

.chat-chatChatsMessageTextContainer jh {
  width: 100%;
  text-align: left;
  user-select: text;
}

.chat-chatChatsMessageTextContainer-active {
  background-color: var(--color-background-chat-chats-active) !important;
}

.chats-chatChatsTitleContainer {
  background-color: var(--color-background-chat-chats-active);
  margin: 3px;
  border: 1px solid var(--border-color);
}

.chat-chatChatsInputContainer {
  display: flex;
  width: 99%;
}

.chat-chatChatsInput {
  resize: none;
  text-align: left;
  height: 19px;
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-background-chat-message-input);
  border: transparent;
  outline: groove var(--color-background-chat-message-input-outline);
}

.chat-chatChatsInputButton {
  background-color: var(--color-background-chat-message-input);
  color: var(--color-white);
  border: transparent;
  outline: groove var(--color-background-chat-message-input-outline);
}

.dilara-redirects-textarea {
  width: 95%;
  height: 90%;
  background-color: var(--color-background-3);
  border: 1px transparent;
  text-align: left;
}

.jTable_shortlink-td_1 {
  word-break: break-word;
}

.jTable_shortlink-td_2 {
  width: 20%;
}

.twitchManagementAccountButtons > * {
  height: 25px;
}

.jTable-accessUsers-td_5 > jh {
  display: block;
}

.twitchManagementAccountButtons > * {
  margin: 1.5px;
}

.createFileStatus {
  display: block;
}

.createGiveawayPopoutContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.createGiveawayPopoutContainer > div {
  width: 100%;
  display: flex;
  justify-content: center;
}

.createGiveawayPopoutContainer > div > jh {
  width: 30%;
}

.createGiveawayPopoutContainer > div > :last-child {
  width: 90%;
}

.createGiveawayPopoutAuth {
  border: 1px solid;
  padding: 3px;
}

.createGiveawayPopoutAuth > div {
  width: 100%;
  display: flex;
  background-color: var(--color-background-6);
  border: 1px solid;
  margin: 2px;
}

.createGiveawayPopoutAuth > div > jh {
  width: 25%;
  text-align: left;
  align-self: center;
}

/* .createGiveawayPopoutAuth > div :last-child {
  width: 100%;
} */

.createGiveawayPopoutContainer input,
.createGiveawayPopoutContainer textarea {
  text-align: left;
}

.giveawayTitle {
  font-size: 30px;
}

.giveawayNameContainer,
.giveawayDescriptionContainer {
  display: flex;
  flex-direction: column;
  background-color: var(--color-background-4);
  width: 50%;
}

@media only screen and (max-width: 1500px) {
  .giveawayNameContainer,
  .giveawayDescriptionContainer {
    width: 90%;
  }
  .giveawayAuthContainer {
    width: 70% !important;
  }
}

.giveawayNameContainer .giveawayName,
.giveawayDescriptionContainer .giveawayDescription {
  background-color: var(--color-background-3);
}

jbody > div > * {
  /* margin: 5px; */
}

.editGiveawayPopoutContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.editGiveawayUptimeContainer {
  display: flex;
  width: 100%;
  justify-content: center;
}

.editGiveawayUptime {
  width: 50%;
}

.editGiveawayTable-tr_1-td_1 {
  width: 70%;
}

.giveawayAuthContainer {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
  background-color: var(--color-background-4);
  padding: 5px;
  gap: 5px;
  width: 40%;
  max-width: 90%;
}

.giveawayAuthEntryContainer {
  background-color: var(--color-background-3);
  padding: 5px;
  width: 90%;
  border: 1px solid #ffffff80;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.giveawayAuthEntryContainerTop,
.giveawayAuthEntryContainerBottom {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
  justify-content: center;
}

.giveawayAuthEntryContainerBottom {
  flex-direction: column;
  align-items: center;
}

.giveawayAuthEntryContainerBottom > jh {
  background-color: var(--color-background-5);
  width: 96%;
  border: 1px solid gray;
}

.giveawayAuthEntryTitle {
  width: 50%;
  text-align: left;
  margin-left: 20px;
  margin-right: 10px;
  min-width: 40px;
}

.giveawayAuthEntryIcon {
  height: 26px;
  margin: 0;
  padding: 0;
  /* position: absolute; */
  left: 8px;
}

.giveawayAuthEntryUsername {
  margin-right: 10px;
}

.outcomeUserContainer {
  display: flex;
  flex-direction: column;
  background-color: var(--color-background-3);
  padding: 5px;
}

.outcomeAuthMethodContainer {
  display: flex;
  justify-content: center;
  background-color: var(--color-background-4);
}

.outcomeUsername {
  font-size: large;
  user-select: text;
}

.outcomePlatformIcon {
  height: 30px;
}

.outcomeIDContainer {
  background-color: var(--color-background-3);
}

.giveawayAuthSubmitButton {
  font-size: large;
  margin-top: 30px;
}

.jChose-input {
  width: 90%;
}

.jChoose-container {
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}

.jChoose-select {
  background-color: var(--color-background-3);
}

.giveawayFooter {
  display: block;
  /* color: #ffffff80; */
  /* bottom: 10px;
  position: absolute; */
}

.giveawayAuthTopContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 50%;
  justify-content: center;
}

.editShortPopoutContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.editShortPopoutContainer input {
  width: 90%;
  /* height: 5px; */
}

.editHotwordsRegexInput {
  width: 60%;
}

.hotwordEmbedHTMLInput,
.hotwordEmbedCSSInput,
.hotwordEmbedReplacementInput {
  width: 99%;
  text-align: left;
  resize: vertical;
  height: 150px;
}

.editHotwordsEditWordPopoutContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.filePasteZone {
  background-color: var(--color-green);
  border: 1px solid;
  width: 80%;
  height: 40px;
  border-radius: 20px;
  padding: 5px;
}

.JBtoolsReplacerContainer {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}

.JBtoolsReplacerContainer > textarea {
  text-align: left;
  width: 90%;
  height: 20%;
  background-color: var(--color-background-3);
  color: var(--color-white);
}

.JBtoolsReplacerContainer > input {
  width: 50%;
}

.JBtoolsReplacerContainer div {
  display: flex;
  flex-direction: column;
}

.twitchRandomClipPlayerContainer {
	/* width: 100%; */
	/* height: 100%; */
	display: flex;
	flex-direction: column;
	gap: 5px;
  position: relative;
  align-items: center;
  width: 100vw;
  aspect-ratio: 16/9;
}

.twitchRandomClipCreatorContainer {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 5px;
  left: 5px;
  background-color: #ff000063;
  gap: 3px;
}

.twitchRandomClipViewsContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.twitchRandomClipCreatorIcon,
.twitchRandomClipViewsIcon {
  width: 40px;
}

.twitchRandomClipViewsIcon {
  margin-left: 3px;
}

.twitchRandomClipCreator,
.twitchRandomClipViews {
	font-size: 25px;
  margin-left: 5px;
  margin-right: 10px;
}

.twitchRandomClipVideoContainer {
	/* width: 100%; */
	aspect-ratio: 16/9;
	height: 100%;
	max-width: 100vw;
	max-height: 100vh;
  width: 100vw;
}

.twitchRandomClipPlayer {
  width: 100%;
  transition: fade-in 1s;
}

.twitchRandomClipPlayerPreload {
	display: none;
}

.twitchRandomClipTitleContainer {
	background-color: #ff000060;
	padding: 5px;
	font-size: x-large;
	/* margin-right: 5px; */
  /* margin-left: 5px; */
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
}

.twitchRandomClipInfo {
	display: flex;
	justify-content: space-between;
  color: black;
}

.twitchRandomClipLoadingContainer {
	position: absolute;
	backdrop-filter: blur(3px);
	width: 100%;
	height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.twitchRandomClipLoadingIcon {
  
}

.jTableStates {
	border: 1px solid;
	margin: 5px;
	width: 75%;
	aspect-ratio: 1/1;
}

.jTableStatesTD {
  cursor: pointer;
	border: 1px solid;
	aspect-ratio: 1/1;
}