/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

 #aboutDialog {
  border-bottom: #00acff 2px solid;
}

#grid {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: 250px;
  min-width: 400px;
  transform: translateY(calc(50vh - 50%));
}

#left {
  width: 150px;
  flex-shrink: 0.5;
  height: 150px;
  margin: 25px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTQ3LjI1IDU0Ny4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxZDE1Mjg7fS5jbHMtMntmaWxsOnVybCgjTmV3X0dyYWRpZW50X1N3YXRjaF8xKTt9LmNscy0ze2ZpbGw6dXJsKCNOZXdfR3JhZGllbnRfU3dhdGNoXzEtMik7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJOZXdfR3JhZGllbnRfU3dhdGNoXzEiIHgxPSIxMDkuNDkiIHkxPSI1MS42NCIgeDI9IjQ5Mi4yMyIgeTI9IjQzNC4zOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2FiZmZjNiIvPjxzdG9wIG9mZnNldD0iLjE0IiBzdG9wLWNvbG9yPSIjOWJmOWNhIi8+PHN0b3Agb2Zmc2V0PSIuNDEiIHN0b3AtY29sb3I9IiM3MmU5ZDciLz48c3RvcCBvZmZzZXQ9Ii43NyIgc3RvcC1jb2xvcj0iIzMxZDBlYiIvPjxzdG9wIG9mZnNldD0iLjk5IiBzdG9wLWNvbG9yPSIjMDdjMGY5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9Ik5ld19HcmFkaWVudF9Td2F0Y2hfMS0yIiB4MT0iODAuMTQiIHkxPSI4MC4xNCIgeDI9IjQ2Ny4xIiB5Mj0iNDY3LjEiIHhsaW5rOmhyZWY9IiNOZXdfR3JhZGllbnRfU3dhdGNoXzEiLz48L2RlZnM+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIyNzMuNjIiIGN5PSIyNzMuNjIiIHI9IjI2MS44OSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTI4Ni44MiwyMDQuOTNjLTEtNS45NS01LjI2LTkuMzQtMTEuMS04LjYyLTExLjQ2LDEuNDEtMTkuMjMsOC4zNC0yNC45NCwxNy43Mi0uOTMsMS41My0uMjcsNS4wMS45Miw2LjY5LDQuNzUsNi42NywxMy41Myw4Ljk3LDIxLjc3LDYuMzUsNi4zLTIsMTQuMTctOS40NiwxMy42NS0xNy43My0uMDktMS40Ny0uMDUtMi45Ny0uMy00LjQxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ2Ny4xLDgwLjE0QzQxNS40MiwyOC40NiwzNDYuNzEsMCwyNzMuNjIsMFMxMzEuODIsMjguNDYsODAuMTQsODAuMTRDMjguNDYsMTMxLjgyLDAsMjAwLjU0LDAsMjczLjYyczI4LjQ2LDE0MS44LDgwLjE0LDE5My40OGM1MS42OCw1MS42OCwxMjAuMzksODAuMTQsMTkzLjQ4LDgwLjE0czE0MS44LTI4LjQ2LDE5My40OC04MC4xNGM1MS42OC01MS42OCw4MC4xNC0xMjAuMzksODAuMTQtMTkzLjQ4cy0yOC40Ni0xNDEuOC04MC4xNC0xOTMuNDhabTQ0LjgzLDI1NC45Yy0yLjYzLTQuNzMtNC44Ni05Ljc2LTYuNjMtMTQuODgtNS43My0xNi41Ni0xMC43NC0zMy4zOC0xNi45MS00OS43Ni0yLjU0LTYuNzUtNy4yOC0xMi42Ny0xMS4xLTE4LjkyLTIuODktNC43Mi01LjkxLTkuMzUtOS4yNS0xNC42LDMuNDgtMS41NSw2LjA4LTIuODcsOC43OS0zLjg4LDcuNTQtMi43OSw3Ljk2LTQuMzQsMi42MS0xMC41NC0uNjgtLjc4LTEuNDYtMS40Ny0yLjE0LTIuMjUtNS41Ni02LjI4LTEzLjIyLTkuMjItMjAuMzgtMTMuMDQtNC4zNC0yLjMyLTguNC01LjM4LTEyLjA4LTguNjgtMy4wNi0yLjc0LTIuMzMtNC45NiwxLjQ3LTYuNywxLjUyLS42OSwzLjExLTEuMjIsNS4zMi0yLjA3LTIuNDgtLjg0LTQuMy0xLjQyLTYuMDktMi4wNi00LjE2LTEuNDktOC40OC0yLjY2LTEyLjQxLTQuNjEtNS42Ny0yLjgyLTYuMDItNS45NS0xLjgzLTEwLjYzLDEuNzQtMS45NCwzLjQyLTMuOTEsNS42LTYuNDEtMi43NC0xLjMzLTQuNzEtMi44Ni02Ljg4LTMuMjYtOS4xMS0xLjY1LTE4LjMtMi44Mi0yNy40MS00LjQ1LTcuMzYtMS4zMS0xNC44Ny0yLjM4LTIxLjkyLTQuNzUtNy4yNC0yLjQzLTcuNjEtNC45NS0zLjU5LTExLjI3LjI0LS4zNy41MS0uNzMuNzEtMS4xMiwxLjQxLTIuNzYsMS45OS00LjYxLTIuNC01LjMxLTkuOTktMS41OS0xOS42NS4zMy0yOS40NiwxLjU0LTcuOTkuOTktMTYuMTIsMS41OC0yNC4xNiwxLjM0LTYuNzUtLjItNy44OS0yLjk3LTUuMDktOC45OC45NS0yLjA0LDEuNjUtNC4xOSwzLjA0LTcuNzYtNi41OC44NS0xMS45My45MS0xNi45MSwyLjMtMTUuODYsNC40My0zMS42LDkuMjctNDcuMzQsMTQuMS0xOC4xNiw1LjU3LTM2LjI1LDExLjM1LTU0LjQxLDE2LjkxLTMuMzQsMS4wMi03LjExLDIuNi0xMC4yNSwxLjkyLTEyLjI0LTIuNjUtMjQuNDgtMy40MS0zNi45NC0yLjUxLTE1LjQ3LDEuMTItMjguMTYsMTEuMDctMzIuMTcsMjUuNDUtMi4yLDcuOTItNC42LDE1Ljc5LTcuMjQsMjMuNTgtLjYzLDEuODctMi4zMywzLjU2LTMuOSw0LjktNS45MSw1LjAyLTEyLjIxLDkuNi0xNy45MywxNC44My02LjQ5LDUuOTQtMTIuNDQsMTIuNDgtMTguNzcsMTguNjItNi40MSw2LjIxLTEwLjkzLDEzLjEyLTkuNywyMi41Ni4yNSwxLjkxLjQ2LDMuODIuNjEsNS43My45MSwxMS40NCw0LjY5LDE2Ljk1LDE1LjkxLDE5LjI0LDEzLjY3LDIuOCwyNy41Niw1LjUyLDQxLjQ0LDYuMDUsMjEuMjQuODIsNDIuNjQuNzYsNjMuODItLjgzLDIwLjA0LTEuNSw0MC4wNy00LjU3LDU5Ljc5LTguNTcsMjAuOTktNC4yNSw0MS41OS0xMC40Myw2Mi4zNy0xNS43LDE0LjQ2LTMuNjcsMjkuMDYtNi41NSw0NC4wOS01LjcyLDEwLjUuNTgsMTguNTksNi4yMywyNi4wNSwxMy4yOC0yLjI2LS4yNi00LjUyLS42NC02Ljc5LS43OC0xMC42LS42NS0yMC40NCwyLjk0LTI5LjkyLDYuNjgtMTUuMTksNS45OS0yOS45MiwxMy4xNC00NC44MSwxOS45LTI0LjY2LDExLjItNTAuMTIsMTkuODctNzYuOTQsMjQuMDctMTYuMywyLjU1LTMyLjYsNS40Ny00OS4wMiw2LjczLTE0LjQxLDEuMS0yOSwuNDctNDMuNDgtLjA3LTExLjM0LS40Mi0yMi43LTEuNTgtMzIuODUtNy43My0uNTctLjM1LTMuMDMsMS4zOC0zLjc2LDIuNjQtLjYzLDEuMDgtLjMxLDIuOTQuMDQsNC4zNCwzLjE0LDEyLjYxLDkuODIsMjIuNDksMjEuNTYsMjguOCwxMi4wNiw2LjQ5LDI1LjA1LDguNzQsMzguNDMsOC42NCwxMy40My0uMSwyNi44Ny0uOTIsNDAuMjktMS42OCwxMy43MS0uNzgsMjcuNC0xLjg3LDQxLjEtMi44MiwxNi4yMS0xLjEyLDMyLjQxLTIuMyw0OC42My0zLjM1LDE5LjE1LTEuMjQsMzguNC0xLjYxLDU3LjQ1LTMuNzYsMjIuNDMtMi41Myw0Mi40OS0xMS4wOCw1Ny43Ni0yOC41NiwxMi40Ni0xNC4yNiwxNy4wMS0zMC42NSwxMi43Ni00OS4zMi0zLjU3LTE1LjctMTIuNzktMjcuNjctMjQuNjYtMzcuOTItMy43OC0zLjI3LTcuODEtNi4yNC0xMS43Mi05LjM1LDExLjA1LDEuMDIsMjEuNjgsMi42MiwzMS4xNiw4LjAyLDIzLjI2LDEzLjI1LDM1LjA3LDQyLjg2LDI3LjY5LDcwLjA4LTcuNDIsMjcuMzYtMjUuMjcsNDYuMjUtNDkuOTQsNTguOTgtMjEuMjksMTAuOTgtNDQuNDcsMTQuMjItNjguMDksMTQuODktMTYuMjYuNDYtMzIuNTMuNTgtNDguNzkuODgtLjM1LDAtLjY5LjMzLTEuNDQuNzIsMS42NSwxLjI1LDIuOTEsMi41MSw0LjQyLDMuMjksMTIuNzgsNi41NywyNC41MSwxNC42MSwzNS4zLDI0LjEzLDE1LjM5LDEzLjU2LDI4LjU1LDI4LjcxLDM1LjU1LDQ4LjM2LDEuNTIsNC4yNSwyLjQ5LDguNywzLjYzLDEzLjA0LjQ5Ljc5Ljg0LDEuNjgsMS4wMywyLjY5LDEuNDksNy45MSw2LjY3LDIxLjgsMTAuODEsMzAuNTMtMjUuMTMsOC41LTUyLjA2LDEzLjExLTgwLjA2LDEzLjExLTEzNy45MSwwLTI0OS43LTExMS44LTI0OS43LTI0OS43UzEzNS43MiwyMy45MiwyNzMuNjIsMjMuOTJzMjQ5LjcsMTExLjgsMjQ5LjcsMjQ5LjdjMCwyMy4zNC0zLjIxLDQ1LjkzLTkuMiw2Ny4zNi0uNjEtMi4zNi0xLjQxLTQuNTQtMi4xOC01Ljk0Wm0tMTk3Ljk4LTEzMi40M2MxLjA1LDEwLjI5LTIuMSwxOS42Mi05LDI3LjcyLTEwLjg5LDEyLjc4LTI1LjQ4LDE3LjgtNDEuMjcsMTcuOTktMTQuMjEuMTctMjguNDgtMi4wNi00Mi42OC0zLjYyLTguOTItLjk4LTE3LjkzLTIuMDEtMjYuNTctNC4yNy02LjE0LTEuNjEtMTEuNzUtNS4yNy0xNy41NC04LjE0LS45NS0uNDctMS41OC0xLjU5LTIuNTUtMi42MiwyMi4xMS4yMywzOS42Mi05LjQxLDU1LjQ0LTIzLjAyLDEwLjI5LTguODUsMjAuMzctMTcuOTksMzIuNzQtMjMuOTcsMTcuNTMtOC40NywzNS43Ny0xMi41Myw1NS4xNC03Ljc4LDEwLjA4LDIuNDcsMTcuNyw5LjMxLDI2LjAxLDE0LjgzLTguNzIsMS45OC0xNi44NiwzLjczLTI0Ljk1LDUuNzEtMy41OS44OC01LjI0LDIuNTEtNC43Niw3LjE3Wm0tMTY1LjgyLDU0LjYyYy0uOTgsMy4wMy0zLjkzLDQuMTgtNy4zOCwzLjQzLTQuODIuMS05LjU1LjYyLTEzLjIxLDQuNi0yLjE1LDIuMzMtNC4zMSwxLjg0LTYuMzUtLjUtMy40NS0zLjk2LTMuNTgtOS4wNS0uMjYtMTMuMjEsNC42Mi01Ljc5LDEwLjkxLTcuNzksMTcuOTctNy42OSwzLjkzLjA2LDcuMzksMS44NSw4LjgsNS41OS44OSwyLjM1LDEuMTksNS40NS40NCw3Ljc4WiIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#right {
  width: 300px;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#wordmark {
  color: #00acff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
}

#version {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

#versionNumber {
  font-weight: bold;
  user-select: text;
  -moz-user-focus: normal;
  cursor: text;
  margin-right: 4px;
}

#aboutText {
  margin-top: 4px;
}

.loader {
  width: 0.9em;
  height: 0.9em;
  border: 1.5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotate 0.6s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}