@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: local("Roboto Thin "),local("Roboto-Thin"),url(/roboto-latin-100.3cfbf50e.woff2) format("woff2"),url(/roboto-latin-100.a4ef84d8.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 100;
    src: local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/roboto-latin-100italic.415b81b5.woff2) format("woff2"),url(/roboto-latin-100italic.f9615757.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: local("Roboto Light "),local("Roboto-Light"),url(/roboto-latin-300.5534fad5.woff2) format("woff2"),url(/roboto-latin-300.3b50b948.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 300;
    src: local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/roboto-latin-300italic.3e9da0ee.woff2) format("woff2"),url(/roboto-latin-300italic.ab75fc57.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Roboto Regular "),local("Roboto-Regular"),url(/roboto-latin-400.fc5bb7d7.woff2) format("woff2"),url(/roboto-latin-400.9c28f6f8.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/roboto-latin-400italic.7778d64e.woff2) format("woff2"),url(/roboto-latin-400italic.814e27c6.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: local("Roboto Medium "),local("Roboto-Medium"),url(/roboto-latin-500.2bf8a2a2.woff2) format("woff2"),url(/roboto-latin-500.7044024a.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 500;
    src: local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/roboto-latin-500italic.24b297fa.woff2) format("woff2"),url(/roboto-latin-500italic.a9dc203d.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local("Roboto Bold "),local("Roboto-Bold"),url(/roboto-latin-700.d89c9e5f.woff2) format("woff2"),url(/roboto-latin-700.22782a3f.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/roboto-latin-700italic.1781f5b3.woff2) format("woff2"),url(/roboto-latin-700italic.f4f278f8.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: local("Roboto Black "),local("Roboto-Black"),url(/roboto-latin-900.b5d137f0.woff2) format("woff2"),url(/roboto-latin-900.c877664a.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-display: swap;
    font-weight: 900;
    src: local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/roboto-latin-900italic.43718c88.woff2) format("woff2"),url(/roboto-latin-900italic.95caeb86.woff) format("woff")
}

@font-face {
    font-family: DigiCode;
    font-style: normal;
    font-weight: 400;
    src: local("DigiCode"),url(https://assets.orangeswim.dev/other/digicode_caretaker.ttf) format("truetype")
}

@font-face {
    font-family: DigiText;
    font-style: normal;
    font-weight: 400;
    src: local("DigiText"),url(https://assets.orangeswim.dev/other/PixelDigivolve.otf) format("opentype")
}

@font-face {
    font-family: DigiTextItalic;
    font-style: normal;
    font-weight: 400;
    src: local("DigiTextItalic"),url(https://assets.orangeswim.dev/other/PixelDigivolveItalic.otf) format("opentype")
}

@font-face {
    font-family: Checkbook;
    font-style: normal;
    font-weight: 400;
    src: local("Checkbook"),url(https://assets.orangeswim.dev/other/CHECKBK0.TTF) format("truetype")
}

body {
    font-size: 2vmin!important;
    background: linear-gradient(177deg,#00d5ff,#d2f8ff 40%,#ffeddc 60%,#ffa553 90%)
}

.baseScreen {
    display: flex!important;
    flex-direction: column;
    height: 100vh
}

.baseChildGrow {
    flex: 1 0 auto
}

.baseChild {
    flex: 0 0 auto;
    font-family: DigiText;
    color: rgba(0,0,0,.63)
}

img {
    pointer-events: none;
    user-select: none
}

.crystalBack,.MuiDialog-container>.MuiPaper-root {
    background-color: #ededed;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25'%3E%3Cstop offset='0' stop-color='%23ededed'/%3E%3Cstop offset='1' stop-color='%23f0f0f0'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='504' height='420' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.04'%3E%3Cpath fill='%23444' d='M90 150L0 300h180z'/%3E%3Cpath d='M90 150L180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150L360 0H180z'/%3E%3Cpath fill='%23DDD' d='M450 150l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150L540 0H360z'/%3E%3Cpath d='M630 150l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150L720 0H540z'/%3E%3Cpath fill='%23444' d='M810 150l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150L900 0H720z'/%3E%3Cpath fill='%23DDD' d='M990 150l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 150l90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450L0 600h180z'/%3E%3Cpath d='M90 450l90-150H0z'/%3E%3Cpath fill='%23666' d='M270 450l-90 150h180z'/%3E%3Cpath fill='%23AAA' d='M270 450l90-150H180z'/%3E%3Cpath fill='%23DDD' d='M450 450l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 450l90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M630 450l90-150H540z'/%3E%3Cpath d='M810 450l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M810 450l90-150H720z'/%3E%3Cpath fill='%23AAA' d='M990 450l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 450l90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750L0 900h180z'/%3E%3Cpath d='M270 750l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M270 750l90-150H180z'/%3E%3Cpath d='M450 750l90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='M630 750l90-150H540z'/%3E%3Cpath fill='%23AAA' d='M810 750l-90 150h180z'/%3E%3Cpath fill='%23666' d='M810 750l90-150H720z'/%3E%3Cpath fill='%23999' d='M990 750l-90 150h180zM180 0L90 150h180z'/%3E%3Cpath fill='%23444' d='M360 0l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M540 0l-90 150h180z'/%3E%3Cpath d='M900 0l-90 150h180z'/%3E%3Cpath fill='%23222' d='M0 300l-90 150H90z'/%3E%3Cpath fill='%23FFF' d='M0 300l90-150H-90zM180 300L90 450h180z'/%3E%3Cpath fill='%23666' d='M180 300l90-150H90z'/%3E%3Cpath fill='%23222' d='M360 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M360 300l90-150H270z'/%3E%3Cpath fill='%23444' d='M540 300l-90 150h180z'/%3E%3Cpath fill='%23222' d='M540 300l90-150H450z'/%3E%3Cpath fill='%23AAA' d='M720 300l-90 150h180z'/%3E%3Cpath fill='%23666' d='M720 300l90-150H630z'/%3E%3Cpath fill='%23FFF' d='M900 300l-90 150h180z'/%3E%3Cpath fill='%23999' d='M900 300l90-150H810z'/%3E%3Cpath d='M0 600l-90 150H90z'/%3E%3Cpath fill='%23666' d='M0 600l90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600L90 750h180z'/%3E%3Cpath fill='%23444' d='M180 600l90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='M360 600l90-150H270z'/%3E%3Cpath fill='%23666' d='M540 600l90-150H450z'/%3E%3Cpath fill='%23222' d='M720 600l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M900 600l-90 150h180z'/%3E%3Cpath fill='%23222' d='M900 600l90-150H810z'/%3E%3Cpath fill='%23DDD' d='M0 900l90-150H-90z'/%3E%3Cpath fill='%23444' d='M180 900l90-150H90z'/%3E%3Cpath fill='%23FFF' d='M360 900l90-150H270z'/%3E%3Cpath fill='%23AAA' d='M540 900l90-150H450z'/%3E%3Cpath fill='%23FFF' d='M720 900l90-150H630z'/%3E%3Cpath fill='%23222' d='M900 900l90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M1080 300l90-150H990z'/%3E%3Cpath d='M1080 600l-90 150h180z'/%3E%3Cpath fill='%23666' d='M1080 600l90-150H990z'/%3E%3Cpath fill='%23DDD' d='M1080 900l90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover
}

#root {
    height: 100vh;
    overflow: hidden
}

.ad {
    width: 100%;
    min-width: 320px;
    height: 100px!important
}

.circular-container {
  margin-top: 22px;
  width: 4px; /* Adjust the size as needed */
  height: 4px; /* Adjust the size as needed */
  border-radius: 50%;
  overflow: hidden; /* Ensure the image stays within the circular container */
  background-color: red; /* Set the background color */
  display: flex;
  color: white;
  justify-content: center;
  font-size: 2pt;
  font-weight:900;
  line-height: normal;
  align-items: center;
  transition: 0.25s;
  text-shadow: 0.1px 0.1px 0.4px black, -0.1px -0.1px 0.5px black,0.1px -0.1px 0.4px black, -0.1px 0.1px 0.5px black;
}

.cancel-symbol {
  margin-top: 22px;
  width: 8px;
  height: 8px;
  border-radius: 50%; /* Makes the div circular */
  border: 2px solid red; /* Red border representing the donut */
  position: relative;
  background-color: white; /* Ensures the center is transparent */
}

.cancel-symbol::before {
  margin-top: 1.25px;
  margin-left: -1.25px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 156%; /* Increased width to fully cross the circle */
  height: 1px;
  background-color: red; /* Diagonal line color */
  border: 1px solid red;
  transform: rotate(45deg);
  transform-origin: center center; /* Ensures rotation is around the center left */
}