/* src/components/Dialog/Dialog.module.css */
.dialog_hv8lOQ {
  backdrop-filter: blur(10px);
  box-sizing: border-box;
  font-optical-sizing: auto;
  display: none;
  opacity: 0;
  transition-behavior: allow-discrete;
  will-change: opacity, transform, display;
  overflow: hidden;
  outline: thin solid #00000026;
  background-color: #ffffff80;
  border: none;
  border-radius: 30px;
  flex-flow: column;
  place-self:  center;
  gap: 20px;
  width: 40dvw;
  min-width: 315px;
  max-width: 500px;
  margin: 2.3em;
  padding: 20px 25px;
  transition-property: opacity, transform, display;
  transition-duration: .2s;
  transition-timing-function: ease, ease, linear;
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: 300;
  transform: scale(.75);
  box-shadow: inset 0 1px #ffffff4d, 0 10px 40px #0006;
}

.dialog_hv8lOQ::backdrop {
  backdrop-filter: blur(0px);
  background-color: #0000;
  transition: backdrop-filter .2s;
}

.dialog_hv8lOQ:modal {
  display: flex;
  opacity: 1;
  transform: scale(1);
}

.dialog_hv8lOQ:modal::backdrop {
  backdrop-filter: blur(10px);
}

@starting-style {
  .dialog_hv8lOQ:modal {
    opacity: 0;
    transform: scale(1.1);
  }

  .dialog_hv8lOQ:modal::backdrop {
    backdrop-filter: blur(0px);
  }
}

.dialog_hv8lOQ header {
  flex: none;
  font-size: 1.4em;
  font-weight: 600;
}

.dialog_hv8lOQ main {
  overscroll-behavior: contain;
  overflow: auto;
  text-wrap: pretty;
  flex: auto;
}

.dialog_hv8lOQ footer {
  display: flex;
  flex-flow: wrap-reverse;
  flex: none;
  gap: 10px;
  margin: 10px -10px -5px;
}

.dialog_hv8lOQ footer button {
  background-color: var(--btn-bg-color);
  color: var(--btn-text-color);
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 20px;
  flex: 1 0 45%;
  min-height: 50px;
  padding: 7px 32px;
  transition: transform .1s;
  font-family: inherit;
  font-size: 1.1em;
  font-weight: 600;
  transform: perspective(100px)translateZ(0);
}

.dialog_hv8lOQ footer button.secondary_hv8lOQ {
  --btn-bg-color: #ccc;
  --btn-text-color: #000;
}

.dialog_hv8lOQ footer button.primary_hv8lOQ {
  --btn-bg-color: #3870fd;
  --btn-text-color: #fff;
}

.dialog_hv8lOQ footer button:not(:disabled):focus {
  outline: none;
}

.dialog_hv8lOQ footer button:not(:disabled):active {
  transform: perspective(100px)translateZ(-5px);
}

/* src/components/Footer/Footer.module.css */
.footer_A4j6Yw {
  display: flex;
  color: #777;
  box-sizing: border-box;
  flex: 30%;
  justify-content: center;
  align-items:  center;
  padding-block-end: calc(30px + env(safe-area-inset-bottom, 0));
}

/* src/components/Header/Header.module.css */
.header_KCfRqQ {
  display: flex;
  color: #0148fb;
  font-variation-settings: "wght" 300;
  border-block-end: 3px solid #0148fb;
  justify-content: center;
  align-self:  center;
  align-items:  center;
  padding-block-end: 20px;
  font-size: 3em;
}

.header_KCfRqQ i {
  display: inline-block;
}

/* src/components/SocialLink/SocialLink.module.css */
.socialLink_YuSdMQ {
  display: inline-flex;
  color: currentColor;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  line-height: 0;
}

@media screen and (hover: hover) {
  .socialLink_YuSdMQ:hover {
    color: #000;
  }
}

.socialLink_YuSdMQ:active {
  color: #0148fb;
}

.socialLink_YuSdMQ > svg {
  width: 100%;
  height: 100%;
}

/* src/components/Title/Title.module.css */
.title_yVI_4g {
  display: flex;
  color: #777;
  box-sizing: border-box;
  flex: 30%;
  justify-content: center;
  align-items:  start;
  padding-block-start: calc(30px + env(safe-area-inset-top, 0));
}

/* src/components/AppRoot/AppRoot.module.css */
.appRoot_4PEO4Q {
  display: flex;
  flex-flow: column;
  flex: 1 0 auto;
  justify-content: center;
  gap: 20px;
}

.message_4PEO4Q {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items:  center;
  font-size: 24px;
  font-weight: 200;
}

.links_4PEO4Q {
  display: flex;
  gap: 20px;
}

/* src/styles/fonts.css */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('fonts/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('fonts/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('fonts/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('fonts/XRXV3I6Li01BKofINeaBTMnFcQ.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* src/styles.css */
* {
  user-select: none;
}

html {
  color: #000;
  font-optical-sizing: auto;
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
  user-select: none;
  background-color: #ccc;
  height: 100%;
  font-family: JetBrains Mono, monospace;
  font-style: normal;
  font-weight: normal;
}

i {
  font-style: normal;
}

body {
  display: flex;
  flex-flow: column;
  min-height: 100%;
  margin: 0;
}

#appContainer {
  display: contents;
}

:root.standalone {
  overscroll-behavior: none;
  overflow: hidden;
}

:root.standalone body {
  overscroll-behavior: contain;
  overflow: auto;
  height: 100%;
}
