.application-about-powered-by {
  position: absolute;
  left: 10px;
}
.application-about-powered-by .application-about__content__copyright-year {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.application-about-powered-by .developer-logo-icon:after {
  content: "";
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQwIDYzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjIgNjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA3RUZGO30KCS5zdDF7b3BhY2l0eTowLjM1O2ZpbGw6dXJsKCNTVkdJRF8xXyk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5LjksMTIuOWMwLDctNS43LDEyLjgtMTIuOCwxMi45Yy0zLjUsMC02LjMsMS4zLTguMiw0LjNjLTIuMSwzLjQtMi4xLDYuOCwwLjEsMTAuMWMxLjgsMi44LDQuMyw0LjYsNy43LDQuOAoJCWMwLjgsMC4xLDEuNiwwLDIuNC0wLjFjMi45LTAuNCw1LjUsMC4xLDcuNywyYzIuOCwyLjUsMy44LDUuNywyLjcsOS4zcy0zLjcsNS43LTcuNCw2LjJjLTQuNiwwLjYtOC44LTIuNC05LjgtNi45CgkJYy0wLjUtMi4zLTEuNS00LjMtMy4zLTUuOGMtMi4zLTEuOS00LjktMi41LTcuOS0yYy0yLjUsMC4zLTQuOSwwLjEtNy0xLjNjLTItMS40LTMuMy0zLjItMy44LTUuNmMtMS00LjUsMS43LTkuMSw2LjEtMTAuNAoJCWMwLjgtMC4yLDEuNS0wLjMsMi4zLTAuNGMxLjYtMC4yLDIuOS0wLjksMy45LTJjMS45LTIsMy00LjQsMi45LTcuM2MwLTEuMS0wLjItMi4xLTAuNi0zLjFjLTMtNy43LDEuOC0xNi4xLDkuOS0xNy40CgkJQzMyLTEsMzguNywzLjksMzkuNywxMS4xQzM5LjgsMTEuNywzOS44LDEyLjMsMzkuOSwxMi45eiIvPgoKCQk8cmFkaWFsR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBjeD0iLTk4My41NTA3IiBjeT0iLTU4LjEzNDciIHI9IjEuMDAxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuMDgyNzg0ZS0xNSAxNy42ODMyIC0xNy42ODMyIDEuMDgyNzg0ZS0xNSAtOTc3LjIwNzkgMTc0MjguODI2MikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjUwLjgiIGN5PSIzNi41IiByPSIxNy43Ii8+CjwvZz4KPHBhdGggZD0iTTExLjMsMjAuN2MwLDMuMS0yLjYsNS42LTUuNyw1LjZTMCwyMy43LDAsMjAuN0MwLDE3LjYsMi42LDE1LDUuNywxNVMxMS4zLDE3LjYsMTEuMywyMC43eiIvPgoKPC9zdmc+Cg==);
  background-position: 50%;
  background-position-y: 0;
  background-size: contain;
  width: 13px;
  height: 16px;
  display: inline-block;
  margin-top: 0;
  top: 3px;
  background-repeat: no-repeat;
}

.application-about-backdrop {
  display: flex;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.41);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 99999;
}

.application-about-fade-in {
  opacity: 1;
}

.application-about-fade-out {
  opacity: 0;
}

.application-about {
  display: flex;
  align-items: center;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 8px 24px;
  max-width: 400px;
  max-height: 240px;
  background-color: white;
  border-radius: 4px;
}
.application-about__close {
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E");
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  margin-top: -13px;
  margin-left: 220px;
}
.application-about__logo {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 63' style='enable-background:new 0 0 162 63;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23007EFF;%7D .st1%7Bopacity:0.35;fill:url(%23SVGID_1_);enable-background:new ;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M39.9,12.9c0,7-5.7,12.8-12.8,12.9c-3.5,0-6.3,1.3-8.2,4.3c-2.1,3.4-2.1,6.8,0.1,10.1c1.8,2.8,4.3,4.6,7.7,4.8 c0.8,0.1,1.6,0,2.4-0.1c2.9-0.4,5.5,0.1,7.7,2c2.8,2.5,3.8,5.7,2.7,9.3s-3.7,5.7-7.4,6.2c-4.6,0.6-8.8-2.4-9.8-6.9 c-0.5-2.3-1.5-4.3-3.3-5.8c-2.3-1.9-4.9-2.5-7.9-2c-2.5,0.3-4.9,0.1-7-1.3c-2-1.4-3.3-3.2-3.8-5.6c-1-4.5,1.7-9.1,6.1-10.4 c0.8-0.2,1.5-0.3,2.3-0.4c1.6-0.2,2.9-0.9,3.9-2c1.9-2,3-4.4,2.9-7.3c0-1.1-0.2-2.1-0.6-3.1c-3-7.7,1.8-16.1,9.9-17.4 C32-1,38.7,3.9,39.7,11.1C39.8,11.7,39.8,12.3,39.9,12.9z'/%3E%3CradialGradient id='SVGID_1_' cx='-983.5507' cy='-58.1347' r='1.001' gradientTransform='matrix(1.082784e-15 17.6832 -17.6832 1.082784e-15 -977.2079 17428.8262)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF'/%3E%3Cstop offset='1' style='stop-color:%23FFFFFF;stop-opacity:0'/%3E%3C/radialGradient%3E%3Ccircle class='st1' cx='50.8' cy='36.5' r='17.7'/%3E%3C/g%3E%3Cpath d='M11.3,20.7c0,3.1-2.6,5.6-5.7,5.6S0,23.7,0,20.7C0,17.6,2.6,15,5.7,15S11.3,17.6,11.3,20.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  outline: none;
  height: 89px;
  width: 80px;
  padding: 1rem;
}
.application-about__logo:focus {
  outline: none;
}
.application-about__logo-wrapper {
  padding: 6px;
}
.application-about__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 12px;
  opacity: 0.87;
  padding: 16px;
}
.application-about__content__title {
  font-weight: bold !important;
  font-size: 20px !important;
  margin: 0 0 8px 0 !important;
  width: 100% !important;
}
.application-about__content__header {
  margin-top: 4px;
  color: #7A8C96;
}
.application-about__content span {
  font-weight: bold;
}
.application-about__content label {
  margin: 0;
  width: 25%;
  font-weight: bold;
  display: inline-block;
}
.application-about__content small {
  font-size: 80%;
  font-weight: 400;
}
.application-about__content div {
  display: inline;
}
.application-about__content__copyright-year {
  margin-top: 8px;
  color: #7A8C96;
  font-size: 11px;
  text-align: center;
  margin-bottom: 0;
}
.application-about__content__copyright-year a {
  color: #3884FF !important;
  text-decoration: none !important;
}
.application-about__content__copyright-year a:focus, .application-about__content__copyright-year a:hover {
  color: #6ba4ff !important;
  text-decoration: underline !important;
}