/* app/javascript/components/shared/Styles/style.scss */
.Grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
}
.Grid-item {
  height: "110px";
  border: 1px solid #e5e5e5;
  border-radius: 13px;
}
.center_page {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -45%);
  margin: 0;
  width: 100%;
}
.no_scrollbar::-webkit-scrollbar {
  display: none;
}
.no_scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.animated-gradient {
  animation: animateBg 20s linear infinite;
  background-image:
    linear-gradient(
      37deg,
      #ff8110,
      #ffd800,
      #5df05b,
      #00cbd7,
      #0080ff,
      #ff8110,
      #ffd800);
  background-size: 600% 100%;
}
@keyframes animateBg {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.circle-p {
  font-feature-settings:
    "rvrn" 1,
    "kern" 1,
    "rclt" 1,
    "ss16" 1;
  font-variation-settings: "wght" 1000, "slnt" 0;
}
#show_hide {
  display: true;
}

/* app/javascript/components/shared/Favicon/favicon.css */
.favicon_container {
  position: relative;
}
.favicon {
  position: relative;
  right: 0px;
  top: 0px;
}
.badge_icon {
  position: absolute;
  top: 20px;
  right: -4px;
}
.new_activity {
  position: absolute;
  top: -2px;
  right: -3px;
}
.favicon_container_large {
  position: relative;
  min-width: 88px;
  max-width: 88px;
  max-height: 88px;
  min-height: 88px;
  margin: 0;
}
.favicon_large {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
.badge_icon_large {
  position: absolute;
  top: 58px;
  right: -6px;
}
.favicon_container_medium {
  position: relative;
  min-width: 76px;
  max-width: 76px;
  max-height: 76px;
  min-height: 76px;
  margin: 0;
}
.favicon_medium {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
.badge_icon_medium {
  position: absolute;
  top: 50px;
  right: -6px;
}

/* app/javascript/components/shared/SlideShow/style.css */
#myGallery {
  position: relative;
}
#myGallery img {
  position: absolute;
  height: 100%;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#myGallery img.inactive {
  opacity: 0;
  transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
}
#myGallery img.active {
  opacity: 1;
  transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
}

/* app/javascript/components/shared/TypingEffect/style.css */
.text {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 auto;
  font-weight: 700;
}
.cursor {
  display: inline-block;
  vertical-align: middle;
  width: 2.5px;
  height: 20px;
  animation-name: cursorMove;
  animation-duration: .75s;
  animation-timing-function: step-end;
  animation-iteration-count: infinite;
}
@keyframes cursorMove {
  from {
    background-color: transparent;
  }
  50% {
    background-color: black;
  }
}

/* app/javascript/components/patient/App/app.scss */
@font-face {
  font-family: "RoobertBold";
  src: url("./roobert_bold-6TCREMUO.otf") format("opentype");
}
@font-face {
  font-family: "RoobertMedium";
  src: url("./roobert_medium-P7QDZLZW.otf") format("opentype");
}
@font-face {
  font-family: "RoobertRegular";
  src: url("./roobert_regular-BJ5NHCCN.otf") format("opentype");
}
@font-face {
  font-family: "RoobertRegularItalic";
  src: url("./roobert_regularitalic-IUHEORXP.otf") format("opentype");
}
@font-face {
  font-family: "RoobertSemiBold";
  src: url("./roobert_semibold-PLLB4R5Z.otf") format("opentype");
}
@font-face {
  font-family: "ABCGintoNordBold";
  src: url("./abcginto_nord_bold-QDC4HAPZ.woff") format("woff");
}
@font-face {
  font-family: "GintoVariable";
  src: url("./ABCGintoPlusVariable-Trial-JMAICHXI.ttf") format("truetype-variations");
}
@font-face {
  font-family: "SharpSansDispNo1Bold";
  src: url("./SharpSansDispNo1-Bold-OEPRZOU6.otf") format("opentype");
}
@font-face {
  font-family: "SharpSansDispNo1Semibold";
  src: url("./SharpSansDispNo1-Semibold-KQR6MXVO.otf") format("opentype");
}
@font-face {
  font-family: "SharpSansDispNo1Extrabold";
  src: url("./SharpSansDispNo1-Extrabold-ROKYCN6K.otf") format("opentype");
}
@font-face {
  font-family: "ABCReproScreen";
  src: url("./ABCRepro-Screen-Trial-45BSVM6J.otf") format("opentype");
}
@font-face {
  font-family: "ABCReproMonoMedium";
  src: url("./ABCReproMono-Medium-Trial-IY5BFPXP.otf") format("opentype");
}
@font-face {
  font-family: "ReproUltra";
  src: url("./ABCRepro-Ultra-Trial-DRGORKL4.otf") format("opentype");
}
@font-face {
  font-family: "ReproVariable";
  src:
    url("./ABCReproVariable-Trial-WGG7FDNM.woff2") format("woff2-variations"),
    url("./ABCReproVariable-Trial-6NB4DATR.woff") format("woff-variations"),
    url("./ABCReproVariable-Trial-L3WO7COM.ttf") format("truetype-variations"),
    local(Arial),
    local(Helvetica);
}
@font-face {
  font-family: "ABCMaxiRoundMonoVariable";
  src: url("./ABCMaxiRoundMonoVariable-Trial-IYUTLPVY.ttf") format("truetype-variations");
}
@font-face {
  font-family: "ABCMaxiRoundMonoBold";
  src: url("./ABCMaxiRoundMono-Bold-Trial-OSLCC255.otf") format("opentype");
}
@font-face {
  font-family: "OracleBold";
  src: url("./ABCOracle-Bold-Trial-PMZ5REFI.otf") format("opentype");
}
@font-face {
  font-family: "OracleThin";
  src: url("./ABCOracle-Light-Trial-ZRQN65XM.otf") format("opentype");
}
@font-face {
  font-family: "OracleVariable";
  src: url("./ABCOracleVariable-Trial-JJ6PUBF3.ttf") format("truetype-variations");
}
html {
  -webkit-font-smoothing: antialiased;
}
#searchResults.form_auto_complete {
  z-index: 1100;
}
.my-text {
  font-feature-settings: "ss16";
}
.asterisk {
  font-feature-settings:
    "rlig" 1,
    "kern" 1,
    "rclt" 1,
    "ss01" 1,
    "case" 1;
  font-variation-settings: "wght" 700, "MONO" 1;
}
@keyframes weight-animation {
  from {
    font-variation-settings:
      "wght" 0,
      "ital" 0,
      "SCREEN" 100;
  }
  to {
    font-variation-settings:
      "wght" 1000,
      "ital" 0,
      "SCREEN" 200;
  }
}
@keyframes oracle-animation {
  from {
    font-variation-settings: "wght" 100, "slnt" -12;
  }
  to {
    font-variation-settings: "wght" 500, "slnt" 0;
  }
}
.oracle-variable-text {
  font-family: "OracleVariable";
  transition: font-variation-settings 0.3s ease;
  animation-name: oracle-animation;
  animation-duration: 2.5s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
@keyframes ginto-animation {
  from {
    font-variation-settings:
      "wght" 0,
      "ital" 0,
      "NORD" 100;
  }
  to {
    font-variation-settings:
      "wght" 200,
      "ital" 100,
      "NORD" 200;
  }
}
.my-variable-text {
  font-family: "Ginto Variable";
  transition: font-variation-settings 0.3s ease;
  animation-name: ginto-animation;
  animation-duration: 1.5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.button_link {
  text-decoration: none;
  padding: 15px 45px;
  background-color: black;
  color: white;
}
.button_link:hover {
  text-decoration: none;
  color: white;
}
.button_link_secondary_pill {
  text-decoration: none !important;
  padding: 20px 35px;
  background-color: rgb(234, 234, 234);
  color: white;
  border-radius: 25px;
}
.button_link_secondary_pill:hover {
  text-decoration: none;
  color: white;
  background-color: gray;
}
.button_link_pill {
  text-decoration: none !important;
  padding: 20px 35px;
  background-color: black;
  font-size: x-large;
  color: white !important;
  border-radius: 30px;
}
.button_link_pill:hover {
  text-decoration: none;
  color: white;
  background-color: #333333;
}
.a_no_line {
  text-decoration: none !important;
}
.hideWelcome {
  display: none;
}
#welcome {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  background: transparent;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 13px;
}
body {
  margin: 0px;
  height: 100dvh;
}
@media (prefers-color-scheme: dark) {
  body {
    background: #000;
  }
}
@media (prefers-color-scheme: light) {
  body {
    background: #fff;
  }
}
@media (prefers-dark-interface) {
  body {
    background: #000;
  }
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  background: transparent;
  text-align: center;
  overflow: hidden;
}
.home_logo_position {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 0 0 0;
}
.mobile_home_logo_position {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 0 0 0;
}
.dead_center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
@keyframes ticker-kf {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-120rem, 0, 0);
  }
}
.img-ticker {
  animation: ticker-kf 60s linear infinite;
}
@keyframes text-ticker-kf {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-99%, 0, 0);
  }
}
.text-ticker {
  animation: text-ticker-kf 20s linear infinite;
}
.st2 {
  fill: #6d25fb;
}
.circle {
  height: 80px;
  width: 80px;
  background-color: #eeff00;
  border-radius: 50%;
}
.link-styling {
  height: 70px;
  width: 500px;
  background-color: #FFFFFF;
  border-radius: 50px;
}
.link-styling-mobile {
  height: 50px;
  width: 300px;
  background-color: #FFFFFF;
  border-radius: 30px;
}
.myVideo {
  background-image: url(https://res.cloudinary.com/mpsh87/image/upload/v1681955194/bezel_vvzqv8.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  content: "";
  overflow: hidden;
}
.demo-player {
  position: relative;
  flex: 0 1 auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  height: max(min(80vh, 90vw, 800px), 700px);
  aspect-ratio: 447/906;
}
.demo-player::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://res.cloudinary.com/mpsh87/image/upload/v1681955194/bezel_vvzqv8.png) 0 0/auto 100%;
}
.demo-player video {
  --border-radius: 14%;
  position: absolute;
  left: 6.0402684564%;
  top: 2.9801324503%;
  border-radius: var(--border-radius)/calc(var(--border-radius) * 393 / 852);
  background-color: #000;
  width: 87.9194630872%;
  aspect-ratio: 393/852;
}
.demo-player img {
  --border-radius: 14%;
  position: absolute;
  left: 6.0402684564%;
  top: 2.9801324503%;
  border-radius: var(--border-radius)/calc(var(--border-radius) * 393 / 852);
  background-color: #000;
  width: 87.9194630872%;
  aspect-ratio: 393/852;
}
/*# sourceMappingURL=Patient.css.map */