@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");@import url("https://use.typekit.net/ccb6nse.css");
body {
  margin: 0;
  font-family: montserrat, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.95rem;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
a, a:visited, a:hover {
  color: #001D45;
  text-decoration: none !important;
}
.MuiBox-root {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 7px 10px;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex1 {
  flex: 1;
}
.flex-center {
  align-self: center;
}
.container {
  min-height: 100vh;
}
.container .main {
  display: flex;
  flex-direction: column;
  height: inherit;
  margin: 25px;
  flex: 100% 1 1;
  width: calc(100vw - 50px);
}
.Background-general {
  min-height: 100vh;
  color: #001D45;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.Background-general main {
  flex-grow: 1;
}
.Background-general header, .Background-general footer, .Background-general main {
  flex-shrink: 0;
}
.general__container {
  width: 80vw;
}
.general__container .Title-container .Title-main {
  width: 100%;
}
.general__container .MiddleContainer {
  width: 100%;
}
.Background-primary {
  background-color: #001D45;
  min-height: 100vh;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.Background-secondary {
  background-color: #D97D54;
  min-height: 100vh;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.Top-back-btn {
  padding: 3vh;
  position: absolute;
  top: 0;
  left: 0;
}
.Edit-button-top {
  padding: 3vh;
  position: absolute;
  top: 0;
  right: 0;
}
.Top-back-btn-white {
  position: absolute;
  left: 10vw;
  top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  color: #fff !important;
}
.Edit-button-top-white {
  position: absolute;
  right: 10vw;
  top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  color: #fff !important;
}
.Top-login-logo {
  width: 60vw;
  max-width: 25vmax;
  margin: 5vh auto 5vh auto;
}
.Title-container {
  flex-grow: 1;
}
.MiddleContainer {
  width: 55vw;
  flex-grow: 2;
}
.Title-main {
  align-self: normal;
  width: 55vw;
}
.Title-main-title {
  margin: 5vh 0 2vh 0;
}
.Title-main-hr {
  border: none;
  border-top: 1px solid #001D45;
  background-color: #001D45;
  width: 8vw;
  margin: 1vh 0 1vh 0;
}
.Title-main-hr.secondary {
  border-top: 1px solid #fff;
  background-color: #fff;
}
.Title-main.center {
  text-align: center;
}
.Title-main.center hr {
  margin: 1vh auto;
}
.fa-icon-white {
  color: #fff;
}
.fa-icon-general {
  color: #001D45;
}
.MuiButton-root.large {
  border-radius: 50px;
  width: 81vw;
  margin: 2.5vh auto 0 auto;
  height: 5vh;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.MuiButton-root.Btn-global {
  width: 70vw;
  margin: 4.5vh auto 4.5vh auto;
  border-radius: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.Button-container-bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 5vh;
}
.centered-text {
  text-align: center;
}
.centered-icon {
  display: block !important;
  margin: 5px auto auto;
}
.no-display {
  display: none;
}
.display-inline, .MuiSkeleton-root.display-inline {
  display: inline;
}
.no-margin {
  margin: 0;
}
.capitalize {
  text-transform: capitalize;
}
.upperCase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.light {
  opacity: 0.63;
}
.lightblue {
  color: #00285F !important;
}
.font-lighter {
  font-weight: lighter !important;
}
.secondary {
  color: #fff !important;
}
h1 {
  font-family: Montserrat, sans-serif;
  font-size: 2.8rem;
  color: #001D45;
}
h2 {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  color: #001D45;
}
h3 {
  font-family: Montserrat, sans-serif;
  font-size: 1.7rem;
  color: #001D45;
}
h4 {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.4rem;
  color: #001D45;
  font-weight: normal;
}
h5 {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.3rem;
  color: #001D45;
  font-weight: normal;
  margin: 0;
}
h6 {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.075rem;
  font-weight: normal;
  margin: 0;
}
body {
  font-family: Montserrat, sans-serif;
  font-size: 0.95rem;
  color: #001D45;
  line-height: 1;
  height: 100dvh;
  max-height: 100dvh;
}
#root {
  height: 100%;
}
.font-first-sm {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  color: #001D45;
}
.button-primary, .MuiButton-root.button-primary, .MuiButton-root.button-primary:hover {
  font-family: "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #001D45;
  font-weight: normal;
  background-color: white;
}
.button-primary.selected, .MuiButton-root.button-primary.selected, .MuiButton-root.button-primary:hover.selected {
  color: #fff !important;
}
.button-primary.rounded, .MuiButton-root.button-primary.rounded, .MuiButton-root.button-primary:hover.rounded {
  border-radius: 50%;
}
.MuiButton-root.button-logout {
  font-family: "Segoe UI", sans-serif;
  font-size: 0.8rem;
  color: #001D45;
  font-weight: normal;
  background-color: white;
  border-radius: 50px;
  padding: 5px 10px;
  text-transform: none;
}
.MuiButton-root.button-logout.selected {
  color: #fff !important;
}
.MuiButton-root.button-logout.rounded {
  border-radius: 50%;
}
.shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.button-secondary {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.5rem;
  color: #001D45;
}
.button-secondary.selected {
  color: #fff;
}
.gray-overlay {
  outline: 100px solid rgba(235, 235, 238, 0.6) !important;
  outline-offset: -100px;
  overflow: hidden;
  position: relative;
}
.red {
  color: #d32f2f;
}
.right {
  text-align: right;
}
.MuiBackdrop-root {
  z-index: 1000;
}
.session-time-link-wrapper {
  white-space: nowrap;
  text-align: end;
}
.MuiSvgIcon-root.icon, .MuiChip-root svg {
  font-size: 1rem;
}
.bg-complete-0 {
  background: linear-gradient(0, #001D45 0 0%, transparent 0% 100%);
}
.h-0 {
  height: 0%;
}
.bg-complete-1 {
  background: linear-gradient(0, #001D45 0 1%, transparent 1% 100%);
}
.h-1 {
  height: 1%;
}
.bg-complete-2 {
  background: linear-gradient(0, #001D45 0 2%, transparent 2% 100%);
}
.h-2 {
  height: 2%;
}
.bg-complete-3 {
  background: linear-gradient(0, #001D45 0 3%, transparent 3% 100%);
}
.h-3 {
  height: 3%;
}
.bg-complete-4 {
  background: linear-gradient(0, #001D45 0 4%, transparent 4% 100%);
}
.h-4 {
  height: 4%;
}
.bg-complete-5 {
  background: linear-gradient(0, #001D45 0 5%, transparent 5% 100%);
}
.h-5 {
  height: 5%;
}
.bg-complete-6 {
  background: linear-gradient(0, #001D45 0 6%, transparent 6% 100%);
}
.h-6 {
  height: 6%;
}
.bg-complete-7 {
  background: linear-gradient(0, #001D45 0 7%, transparent 7% 100%);
}
.h-7 {
  height: 7%;
}
.bg-complete-8 {
  background: linear-gradient(0, #001D45 0 8%, transparent 8% 100%);
}
.h-8 {
  height: 8%;
}
.bg-complete-9 {
  background: linear-gradient(0, #001D45 0 9%, transparent 9% 100%);
}
.h-9 {
  height: 9%;
}
.bg-complete-10 {
  background: linear-gradient(0, #001D45 0 10%, transparent 10% 100%);
}
.h-10 {
  height: 10%;
}
.bg-complete-11 {
  background: linear-gradient(0, #001D45 0 11%, transparent 11% 100%);
}
.h-11 {
  height: 11%;
}
.bg-complete-12 {
  background: linear-gradient(0, #001D45 0 12%, transparent 12% 100%);
}
.h-12 {
  height: 12%;
}
.bg-complete-13 {
  background: linear-gradient(0, #001D45 0 13%, transparent 13% 100%);
}
.h-13 {
  height: 13%;
}
.bg-complete-14 {
  background: linear-gradient(0, #001D45 0 14%, transparent 14% 100%);
}
.h-14 {
  height: 14%;
}
.bg-complete-15 {
  background: linear-gradient(0, #001D45 0 15%, transparent 15% 100%);
}
.h-15 {
  height: 15%;
}
.bg-complete-16 {
  background: linear-gradient(0, #001D45 0 16%, transparent 16% 100%);
}
.h-16 {
  height: 16%;
}
.bg-complete-17 {
  background: linear-gradient(0, #001D45 0 17%, transparent 17% 100%);
}
.h-17 {
  height: 17%;
}
.bg-complete-18 {
  background: linear-gradient(0, #001D45 0 18%, transparent 18% 100%);
}
.h-18 {
  height: 18%;
}
.bg-complete-19 {
  background: linear-gradient(0, #001D45 0 19%, transparent 19% 100%);
}
.h-19 {
  height: 19%;
}
.bg-complete-20 {
  background: linear-gradient(0, #001D45 0 20%, transparent 20% 100%);
}
.h-20 {
  height: 20%;
}
.bg-complete-21 {
  background: linear-gradient(0, #001D45 0 21%, transparent 21% 100%);
}
.h-21 {
  height: 21%;
}
.bg-complete-22 {
  background: linear-gradient(0, #001D45 0 22%, transparent 22% 100%);
}
.h-22 {
  height: 22%;
}
.bg-complete-23 {
  background: linear-gradient(0, #001D45 0 23%, transparent 23% 100%);
}
.h-23 {
  height: 23%;
}
.bg-complete-24 {
  background: linear-gradient(0, #001D45 0 24%, transparent 24% 100%);
}
.h-24 {
  height: 24%;
}
.bg-complete-25 {
  background: linear-gradient(0, #001D45 0 25%, transparent 25% 100%);
}
.h-25 {
  height: 25%;
}
.bg-complete-26 {
  background: linear-gradient(0, #001D45 0 26%, transparent 26% 100%);
}
.h-26 {
  height: 26%;
}
.bg-complete-27 {
  background: linear-gradient(0, #001D45 0 27%, transparent 27% 100%);
}
.h-27 {
  height: 27%;
}
.bg-complete-28 {
  background: linear-gradient(0, #001D45 0 28%, transparent 28% 100%);
}
.h-28 {
  height: 28%;
}
.bg-complete-29 {
  background: linear-gradient(0, #001D45 0 29%, transparent 29% 100%);
}
.h-29 {
  height: 29%;
}
.bg-complete-30 {
  background: linear-gradient(0, #001D45 0 30%, transparent 30% 100%);
}
.h-30 {
  height: 30%;
}
.bg-complete-31 {
  background: linear-gradient(0, #001D45 0 31%, transparent 31% 100%);
}
.h-31 {
  height: 31%;
}
.bg-complete-32 {
  background: linear-gradient(0, #001D45 0 32%, transparent 32% 100%);
}
.h-32 {
  height: 32%;
}
.bg-complete-33 {
  background: linear-gradient(0, #001D45 0 33%, transparent 33% 100%);
}
.h-33 {
  height: 33%;
}
.bg-complete-34 {
  background: linear-gradient(0, #001D45 0 34%, transparent 34% 100%);
}
.h-34 {
  height: 34%;
}
.bg-complete-35 {
  background: linear-gradient(0, #001D45 0 35%, transparent 35% 100%);
}
.h-35 {
  height: 35%;
}
.bg-complete-36 {
  background: linear-gradient(0, #001D45 0 36%, transparent 36% 100%);
}
.h-36 {
  height: 36%;
}
.bg-complete-37 {
  background: linear-gradient(0, #001D45 0 37%, transparent 37% 100%);
}
.h-37 {
  height: 37%;
}
.bg-complete-38 {
  background: linear-gradient(0, #001D45 0 38%, transparent 38% 100%);
}
.h-38 {
  height: 38%;
}
.bg-complete-39 {
  background: linear-gradient(0, #001D45 0 39%, transparent 39% 100%);
}
.h-39 {
  height: 39%;
}
.bg-complete-40 {
  background: linear-gradient(0, #001D45 0 40%, transparent 40% 100%);
}
.h-40 {
  height: 40%;
}
.bg-complete-41 {
  background: linear-gradient(0, #001D45 0 41%, transparent 41% 100%);
}
.h-41 {
  height: 41%;
}
.bg-complete-42 {
  background: linear-gradient(0, #001D45 0 42%, transparent 42% 100%);
}
.h-42 {
  height: 42%;
}
.bg-complete-43 {
  background: linear-gradient(0, #001D45 0 43%, transparent 43% 100%);
}
.h-43 {
  height: 43%;
}
.bg-complete-44 {
  background: linear-gradient(0, #001D45 0 44%, transparent 44% 100%);
}
.h-44 {
  height: 44%;
}
.bg-complete-45 {
  background: linear-gradient(0, #001D45 0 45%, transparent 45% 100%);
}
.h-45 {
  height: 45%;
}
.bg-complete-46 {
  background: linear-gradient(0, #001D45 0 46%, transparent 46% 100%);
}
.h-46 {
  height: 46%;
}
.bg-complete-47 {
  background: linear-gradient(0, #001D45 0 47%, transparent 47% 100%);
}
.h-47 {
  height: 47%;
}
.bg-complete-48 {
  background: linear-gradient(0, #001D45 0 48%, transparent 48% 100%);
}
.h-48 {
  height: 48%;
}
.bg-complete-49 {
  background: linear-gradient(0, #001D45 0 49%, transparent 49% 100%);
}
.h-49 {
  height: 49%;
}
.bg-complete-50 {
  background: linear-gradient(0, #001D45 0 50%, transparent 50% 100%);
}
.h-50 {
  height: 50%;
}
.bg-complete-51 {
  background: linear-gradient(0, #001D45 0 51%, transparent 51% 100%);
}
.h-51 {
  height: 51%;
}
.bg-complete-52 {
  background: linear-gradient(0, #001D45 0 52%, transparent 52% 100%);
}
.h-52 {
  height: 52%;
}
.bg-complete-53 {
  background: linear-gradient(0, #001D45 0 53%, transparent 53% 100%);
}
.h-53 {
  height: 53%;
}
.bg-complete-54 {
  background: linear-gradient(0, #001D45 0 54%, transparent 54% 100%);
}
.h-54 {
  height: 54%;
}
.bg-complete-55 {
  background: linear-gradient(0, #001D45 0 55%, transparent 55% 100%);
}
.h-55 {
  height: 55%;
}
.bg-complete-56 {
  background: linear-gradient(0, #001D45 0 56%, transparent 56% 100%);
}
.h-56 {
  height: 56%;
}
.bg-complete-57 {
  background: linear-gradient(0, #001D45 0 57%, transparent 57% 100%);
}
.h-57 {
  height: 57%;
}
.bg-complete-58 {
  background: linear-gradient(0, #001D45 0 58%, transparent 58% 100%);
}
.h-58 {
  height: 58%;
}
.bg-complete-59 {
  background: linear-gradient(0, #001D45 0 59%, transparent 59% 100%);
}
.h-59 {
  height: 59%;
}
.bg-complete-60 {
  background: linear-gradient(0, #001D45 0 60%, transparent 60% 100%);
}
.h-60 {
  height: 60%;
}
.bg-complete-61 {
  background: linear-gradient(0, #001D45 0 61%, transparent 61% 100%);
}
.h-61 {
  height: 61%;
}
.bg-complete-62 {
  background: linear-gradient(0, #001D45 0 62%, transparent 62% 100%);
}
.h-62 {
  height: 62%;
}
.bg-complete-63 {
  background: linear-gradient(0, #001D45 0 63%, transparent 63% 100%);
}
.h-63 {
  height: 63%;
}
.bg-complete-64 {
  background: linear-gradient(0, #001D45 0 64%, transparent 64% 100%);
}
.h-64 {
  height: 64%;
}
.bg-complete-65 {
  background: linear-gradient(0, #001D45 0 65%, transparent 65% 100%);
}
.h-65 {
  height: 65%;
}
.bg-complete-66 {
  background: linear-gradient(0, #001D45 0 66%, transparent 66% 100%);
}
.h-66 {
  height: 66%;
}
.bg-complete-67 {
  background: linear-gradient(0, #001D45 0 67%, transparent 67% 100%);
}
.h-67 {
  height: 67%;
}
.bg-complete-68 {
  background: linear-gradient(0, #001D45 0 68%, transparent 68% 100%);
}
.h-68 {
  height: 68%;
}
.bg-complete-69 {
  background: linear-gradient(0, #001D45 0 69%, transparent 69% 100%);
}
.h-69 {
  height: 69%;
}
.bg-complete-70 {
  background: linear-gradient(0, #001D45 0 70%, transparent 70% 100%);
}
.h-70 {
  height: 70%;
}
.bg-complete-71 {
  background: linear-gradient(0, #001D45 0 71%, transparent 71% 100%);
}
.h-71 {
  height: 71%;
}
.bg-complete-72 {
  background: linear-gradient(0, #001D45 0 72%, transparent 72% 100%);
}
.h-72 {
  height: 72%;
}
.bg-complete-73 {
  background: linear-gradient(0, #001D45 0 73%, transparent 73% 100%);
}
.h-73 {
  height: 73%;
}
.bg-complete-74 {
  background: linear-gradient(0, #001D45 0 74%, transparent 74% 100%);
}
.h-74 {
  height: 74%;
}
.bg-complete-75 {
  background: linear-gradient(0, #001D45 0 75%, transparent 75% 100%);
}
.h-75 {
  height: 75%;
}
.bg-complete-76 {
  background: linear-gradient(0, #001D45 0 76%, transparent 76% 100%);
}
.h-76 {
  height: 76%;
}
.bg-complete-77 {
  background: linear-gradient(0, #001D45 0 77%, transparent 77% 100%);
}
.h-77 {
  height: 77%;
}
.bg-complete-78 {
  background: linear-gradient(0, #001D45 0 78%, transparent 78% 100%);
}
.h-78 {
  height: 78%;
}
.bg-complete-79 {
  background: linear-gradient(0, #001D45 0 79%, transparent 79% 100%);
}
.h-79 {
  height: 79%;
}
.bg-complete-80 {
  background: linear-gradient(0, #001D45 0 80%, transparent 80% 100%);
}
.h-80 {
  height: 80%;
}
.bg-complete-81 {
  background: linear-gradient(0, #001D45 0 81%, transparent 81% 100%);
}
.h-81 {
  height: 81%;
}
.bg-complete-82 {
  background: linear-gradient(0, #001D45 0 82%, transparent 82% 100%);
}
.h-82 {
  height: 82%;
}
.bg-complete-83 {
  background: linear-gradient(0, #001D45 0 83%, transparent 83% 100%);
}
.h-83 {
  height: 83%;
}
.bg-complete-84 {
  background: linear-gradient(0, #001D45 0 84%, transparent 84% 100%);
}
.h-84 {
  height: 84%;
}
.bg-complete-85 {
  background: linear-gradient(0, #001D45 0 85%, transparent 85% 100%);
}
.h-85 {
  height: 85%;
}
.bg-complete-86 {
  background: linear-gradient(0, #001D45 0 86%, transparent 86% 100%);
}
.h-86 {
  height: 86%;
}
.bg-complete-87 {
  background: linear-gradient(0, #001D45 0 87%, transparent 87% 100%);
}
.h-87 {
  height: 87%;
}
.bg-complete-88 {
  background: linear-gradient(0, #001D45 0 88%, transparent 88% 100%);
}
.h-88 {
  height: 88%;
}
.bg-complete-89 {
  background: linear-gradient(0, #001D45 0 89%, transparent 89% 100%);
}
.h-89 {
  height: 89%;
}
.bg-complete-90 {
  background: linear-gradient(0, #001D45 0 90%, transparent 90% 100%);
}
.h-90 {
  height: 90%;
}
.bg-complete-91 {
  background: linear-gradient(0, #001D45 0 91%, transparent 91% 100%);
}
.h-91 {
  height: 91%;
}
.bg-complete-92 {
  background: linear-gradient(0, #001D45 0 92%, transparent 92% 100%);
}
.h-92 {
  height: 92%;
}
.bg-complete-93 {
  background: linear-gradient(0, #001D45 0 93%, transparent 93% 100%);
}
.h-93 {
  height: 93%;
}
.bg-complete-94 {
  background: linear-gradient(0, #001D45 0 94%, transparent 94% 100%);
}
.h-94 {
  height: 94%;
}
.bg-complete-95 {
  background: linear-gradient(0, #001D45 0 95%, transparent 95% 100%);
}
.h-95 {
  height: 95%;
}
.bg-complete-96 {
  background: linear-gradient(0, #001D45 0 96%, transparent 96% 100%);
}
.h-96 {
  height: 96%;
}
.bg-complete-97 {
  background: linear-gradient(0, #001D45 0 97%, transparent 97% 100%);
}
.h-97 {
  height: 97%;
}
.bg-complete-98 {
  background: linear-gradient(0, #001D45 0 98%, transparent 98% 100%);
}
.h-98 {
  height: 98%;
}
.bg-complete-99 {
  background: linear-gradient(0, #001D45 0 99%, transparent 99% 100%);
}
.h-99 {
  height: 99%;
}
.bg-complete-100 {
  background: linear-gradient(0, #001D45 0 100%, transparent 100% 100%);
}
.h-100 {
  height: 100%;
}
.flicking-camera {
  height: 100%;
}
.list-none {
  list-style: none;
}
.main .MuiChip-root.selected {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: white;
}
.main .MuiToggleButtonGroup-root {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.main .MuiToggleButtonGroup-root > .MuiToggleButton-standard {
  color: #001D45;
  flex: 1 1 0;
  border: none;
  border-radius: 20px;
  text-transform: none;
}
.main .MuiToggleButtonGroup-root > .MuiToggleButton-standard.Mui-selected {
  background: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: #fff;
}
.hidden {
  display: none;
}
.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.Home {
  align-items: center;
  justify-content: normal;
}
.Home-image {
  height: 56vh;
  width: 100vmin;
  object-fit: cover;
  pointer-events: none;
}
.Home-logo-background {
  height: 14vh;
  border-radius: 25px;
  top: 5%;
  position: absolute;
  background-color: #001D45;
}
.Home-logo-background img {
  height: 10vh;
  padding: 2vh;
}
/* region choose-role */
.choose-role {
  margin-top: 10vh;
}
.choose-role .Title {
  text-align: center;
  margin-bottom: 5vh;
  text-transform: uppercase;
}
.choose-role .avatars {
  display: flex;
  text-align: center;
  text-transform: uppercase;
}
.choose-role .avatars a {
  text-decoration: none;
}
.choose-role .avatars a, a:visited {
  color: inherit;
}
.choose-role .MuiAvatar-root {
  height: 20vh;
  width: 20vh;
  margin: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border: 4px solid #F9C22D;
}
.choose-role .second {
  border: 4px solid #E83A6F;
}
/* endregion */
.MuiButton-root.Home-btn {
  border-radius: 0;
  width: 100vw;
  margin: 2.5vh auto 0 auto;
  height: 8vh;
  background-color: #001D45 !important;
  position: fixed;
  bottom: 0;
}
.Home-btn-right {
  position: fixed;
  width: 10vw;
  right: 0;
  height: 8vh;
  line-height: 8vh;
  text-align: center;
  background-color: #C4714B;
}
.Home-title {
  width: 80vw;
}
.Home-title .Title-main {
  width: 100%;
}
.dot.dot-bootcamp {
  background: unset !important;
  background-color: #AED8BE !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-bootcamp.selected {
  border: inherit !important;
}
.upcoming-session.bootcamp {
  background: unset !important;
  background-color: #AED8BE !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.bootcamp.selected {
  border: inherit !important;
}
.MuiChip-root.color-bootcamp.selected, .MuiChip-root.MuiChip-clickable:hover.bootcamp.selected, .MuiChip-root .bootcamp.selected {
  background: unset !important;
  background-color: #AED8BE !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-bootcamp.selected.selected, .MuiChip-root.MuiChip-clickable:hover.bootcamp.selected.selected, .MuiChip-root .bootcamp.selected.selected {
  border: inherit !important;
}
.background-half-bootcamp {
  background: linear-gradient(to right, #AED8BE 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-bootcamp .session-details {
  color: #001D45;
}
.dot.dot-boxing {
  background: unset !important;
  background-color: #001D45 !important;
  color: #fff !important;
  border: inherit !important;
}
.dot.dot-boxing.selected {
  border: inherit !important;
}
.upcoming-session.boxing {
  background: unset !important;
  background-color: #001D45 !important;
  color: #fff !important;
  border: inherit !important;
}
.upcoming-session.boxing.selected {
  border: inherit !important;
}
.MuiChip-root.color-boxing.selected, .MuiChip-root.MuiChip-clickable:hover.boxing.selected, .MuiChip-root .boxing.selected {
  background: unset !important;
  background-color: #001D45 !important;
  color: #fff !important;
  border: inherit !important;
}
.MuiChip-root.color-boxing.selected.selected, .MuiChip-root.MuiChip-clickable:hover.boxing.selected.selected, .MuiChip-root .boxing.selected.selected {
  border: inherit !important;
}
.background-half-boxing {
  background: linear-gradient(to right, #001D45 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: #fff !important;
}
.background-half-boxing .session-details {
  color: #001D45;
}
.dot.dot-calisthenics {
  background: unset !important;
  background-color: #F1DD2C !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-calisthenics.selected {
  border: inherit !important;
}
.upcoming-session.calisthenics {
  background: unset !important;
  background-color: #F1DD2C !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.calisthenics.selected {
  border: inherit !important;
}
.MuiChip-root.color-calisthenics.selected, .MuiChip-root.MuiChip-clickable:hover.calisthenics.selected, .MuiChip-root .calisthenics.selected {
  background: unset !important;
  background-color: #F1DD2C !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-calisthenics.selected.selected, .MuiChip-root.MuiChip-clickable:hover.calisthenics.selected.selected, .MuiChip-root .calisthenics.selected.selected {
  border: inherit !important;
}
.background-half-calisthenics {
  background: linear-gradient(to right, #F1DD2C 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-calisthenics .session-details {
  color: #001D45;
}
.dot.dot-circuit-training {
  background: unset !important;
  background-color: #FF9759 !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-circuit-training.selected {
  border: inherit !important;
}
.upcoming-session.circuit-training {
  background: unset !important;
  background-color: #FF9759 !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.circuit-training.selected {
  border: inherit !important;
}
.MuiChip-root.color-circuit-training.selected, .MuiChip-root.MuiChip-clickable:hover.circuit-training.selected, .MuiChip-root .circuit-training.selected {
  background: unset !important;
  background-color: #FF9759 !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-circuit-training.selected.selected, .MuiChip-root.MuiChip-clickable:hover.circuit-training.selected.selected, .MuiChip-root .circuit-training.selected.selected {
  border: inherit !important;
}
.background-half-circuit-training {
  background: linear-gradient(to right, #FF9759 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-circuit-training .session-details {
  color: #001D45;
}
.dot.dot-cross-fit {
  background: unset !important;
  background-color: #F07062 !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-cross-fit.selected {
  border: inherit !important;
}
.upcoming-session.cross-fit {
  background: unset !important;
  background-color: #F07062 !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.cross-fit.selected {
  border: inherit !important;
}
.MuiChip-root.color-cross-fit.selected, .MuiChip-root.MuiChip-clickable:hover.cross-fit.selected, .MuiChip-root .cross-fit.selected {
  background: unset !important;
  background-color: #F07062 !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-cross-fit.selected.selected, .MuiChip-root.MuiChip-clickable:hover.cross-fit.selected.selected, .MuiChip-root .cross-fit.selected.selected {
  border: inherit !important;
}
.background-half-cross-fit {
  background: linear-gradient(to right, #F07062 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-cross-fit .session-details {
  color: #001D45;
}
.dot.dot-pilates {
  background: unset !important;
  background-color: #AAD1DB !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-pilates.selected {
  border: inherit !important;
}
.upcoming-session.pilates {
  background: unset !important;
  background-color: #AAD1DB !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.pilates.selected {
  border: inherit !important;
}
.MuiChip-root.color-pilates.selected, .MuiChip-root.MuiChip-clickable:hover.pilates.selected, .MuiChip-root .pilates.selected {
  background: unset !important;
  background-color: #AAD1DB !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-pilates.selected.selected, .MuiChip-root.MuiChip-clickable:hover.pilates.selected.selected, .MuiChip-root .pilates.selected.selected {
  border: inherit !important;
}
.background-half-pilates {
  background: linear-gradient(to right, #AAD1DB 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-pilates .session-details {
  color: #001D45;
}
.dot.dot-plus {
  background: unset !important;
  background-color: transparent !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-plus.selected {
  border: inherit !important;
}
.upcoming-session.plus {
  background: unset !important;
  background-color: transparent !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.plus.selected {
  border: inherit !important;
}
.MuiChip-root.color-plus.selected, .MuiChip-root.MuiChip-clickable:hover.plus.selected, .MuiChip-root .plus.selected {
  background: unset !important;
  background-color: transparent !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-plus.selected.selected, .MuiChip-root.MuiChip-clickable:hover.plus.selected.selected, .MuiChip-root .plus.selected.selected {
  border: inherit !important;
}
.background-half-plus {
  background: linear-gradient(to right, transparent 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-plus .session-details {
  color: #001D45;
}
.dot.dot-running {
  background: unset !important;
  background-color: #C8A2C8 !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-running.selected {
  border: inherit !important;
}
.upcoming-session.running {
  background: unset !important;
  background-color: #C8A2C8 !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.running.selected {
  border: inherit !important;
}
.MuiChip-root.color-running.selected, .MuiChip-root.MuiChip-clickable:hover.running.selected, .MuiChip-root .running.selected {
  background: unset !important;
  background-color: #C8A2C8 !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-running.selected.selected, .MuiChip-root.MuiChip-clickable:hover.running.selected.selected, .MuiChip-root .running.selected.selected {
  border: inherit !important;
}
.background-half-running {
  background: linear-gradient(to right, #C8A2C8 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-running .session-details {
  color: #001D45;
}
.dot.dot-yoga {
  background: unset !important;
  background-color: #B94481 !important;
  color: inherit !important;
  border: inherit !important;
}
.dot.dot-yoga.selected {
  border: inherit !important;
}
.upcoming-session.yoga {
  background: unset !important;
  background-color: #B94481 !important;
  color: inherit !important;
  border: inherit !important;
}
.upcoming-session.yoga.selected {
  border: inherit !important;
}
.MuiChip-root.color-yoga.selected, .MuiChip-root.MuiChip-clickable:hover.yoga.selected, .MuiChip-root .yoga.selected {
  background: unset !important;
  background-color: #B94481 !important;
  color: inherit !important;
  border: inherit !important;
}
.MuiChip-root.color-yoga.selected.selected, .MuiChip-root.MuiChip-clickable:hover.yoga.selected.selected, .MuiChip-root .yoga.selected.selected {
  border: inherit !important;
}
.background-half-yoga {
  background: linear-gradient(to right, #B94481 41.6666666667%, rgba(0, 0, 0, 0) 41.6666666667%);
  color: inherit !important;
}
.background-half-yoga .session-details {
  color: #001D45;
}
.Login .react-tabs__tab {
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  color: #fff;
}
.Login ul {
  width: 100vw;
  list-style-type: none;
  padding: 0;
  overflow: auto;
  box-shadow: 0 1.5vh 2vh 0 rgba(0, 0, 0, 0.2);
}
.Login li {
  float: left;
  display: inline-block;
  text-align: center;
  padding: 2vh 0 2vh 0;
  text-decoration: none;
  width: 50vw;
}
.Login .react-tabs__tab--selected {
  border-bottom: #E83A6F 3px solid;
}
.Login .fa-icon-mail {
  color: #C8D1D3;
}
.Button-container-bottom {
  margin-bottom: 2vh !important;
}
.terms-heading {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  display: flex;
  margin: 0 auto;
  width: max-content;
}
.Login .MuiAlert-message li {
  float: none;
  display: block;
  text-align: left;
  padding: 0;
  width: auto;
}

body {
  margin: 0;
  font-family: montserrat, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.95rem;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
a, a:visited, a:hover {
  color: #001D45;
  text-decoration: none !important;
}
.MuiBox-root {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 7px 10px;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex1 {
  flex: 1;
}
.flex-center {
  align-self: center;
}
.container {
  min-height: 100vh;
}
.container .main {
  display: flex;
  flex-direction: column;
  height: inherit;
  margin: 25px;
  flex: 100% 1 1;
  width: calc(100vw - 50px);
}
.Background-general {
  min-height: 100vh;
  color: #001D45;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.Background-general main {
  flex-grow: 1;
}
.Background-general header, .Background-general footer, .Background-general main {
  flex-shrink: 0;
}
.general__container {
  width: 80vw;
}
.general__container .Title-container .Title-main {
  width: 100%;
}
.general__container .MiddleContainer {
  width: 100%;
}
.Background-primary {
  background-color: #001D45;
  min-height: 100vh;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.Background-secondary {
  background-color: #D97D54;
  min-height: 100vh;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.Top-back-btn {
  padding: 3vh;
  position: absolute;
  top: 0;
  left: 0;
}
.Edit-button-top {
  padding: 3vh;
  position: absolute;
  top: 0;
  right: 0;
}
.Top-back-btn-white {
  position: absolute;
  left: 10vw;
  top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  color: #fff !important;
}
.Edit-button-top-white {
  position: absolute;
  right: 10vw;
  top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  color: #fff !important;
}
.Top-login-logo {
  width: 60vw;
  max-width: 25vmax;
  margin: 5vh auto 5vh auto;
}
.Title-container {
  flex-grow: 1;
}
.MiddleContainer {
  width: 55vw;
  flex-grow: 2;
}
.Title-main {
  align-self: normal;
  width: 55vw;
}
.Title-main-title {
  margin: 5vh 0 2vh 0;
}
.Title-main-hr {
  border: none;
  border-top: 1px solid #001D45;
  background-color: #001D45;
  width: 8vw;
  margin: 1vh 0 1vh 0;
}
.Title-main-hr.secondary {
  border-top: 1px solid #fff;
  background-color: #fff;
}
.Title-main.center {
  text-align: center;
}
.Title-main.center hr {
  margin: 1vh auto;
}
.fa-icon-white {
  color: #fff;
}
.fa-icon-general {
  color: #001D45;
}
.MuiButton-root.large {
  border-radius: 50px;
  width: 81vw;
  margin: 2.5vh auto 0 auto;
  height: 5vh;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.MuiButton-root.Btn-global {
  width: 70vw;
  margin: 4.5vh auto 4.5vh auto;
  border-radius: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.Button-container-bottom {
  display: flex;
  flex-direction: column;
  margin-bottom: 5vh;
}
.centered-text {
  text-align: center;
}
.centered-icon {
  display: block !important;
  margin: 5px auto auto;
}
.no-display {
  display: none;
}
.display-inline, .MuiSkeleton-root.display-inline {
  display: inline;
}
.no-margin {
  margin: 0;
}
.capitalize {
  text-transform: capitalize;
}
.upperCase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.light {
  opacity: 0.63;
}
.lightblue {
  color: #00285F !important;
}
.font-lighter {
  font-weight: lighter !important;
}
.secondary {
  color: #fff !important;
}
h1 {
  font-family: Montserrat, sans-serif;
  font-size: 2.8rem;
  color: #001D45;
}
h2, .settings .MuiListItemIcon-root svg {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  color: #001D45;
}
h3 {
  font-family: Montserrat, sans-serif;
  font-size: 1.7rem;
  color: #001D45;
}
h4 {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.4rem;
  color: #001D45;
  font-weight: normal;
}
h5, .settings .MuiTypography-root {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.3rem;
  color: #001D45;
  font-weight: normal;
  margin: 0;
}
h6 {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.075rem;
  font-weight: normal;
  margin: 0;
}
body {
  font-family: Montserrat, sans-serif;
  font-size: 0.95rem;
  color: #001D45;
  line-height: 1;
  height: 100dvh;
  max-height: 100dvh;
}
#root {
  height: 100%;
}
.font-first-sm {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  color: #001D45;
}
.button-primary, .MuiButton-root.button-primary, .MuiButton-root.button-primary:hover {
  font-family: "Segoe UI", sans-serif;
  font-size: 1rem;
  color: #001D45;
  font-weight: normal;
  background-color: white;
}
.button-primary.selected, .MuiButton-root.button-primary.selected, .MuiButton-root.button-primary:hover.selected {
  color: #fff !important;
}
.button-primary.rounded, .MuiButton-root.button-primary.rounded, .MuiButton-root.button-primary:hover.rounded {
  border-radius: 50%;
}
.MuiButton-root.button-logout {
  font-family: "Segoe UI", sans-serif;
  font-size: 0.8rem;
  color: #001D45;
  font-weight: normal;
  background-color: white;
  border-radius: 50px;
  padding: 5px 10px;
  text-transform: none;
}
.MuiButton-root.button-logout.selected {
  color: #fff !important;
}
.MuiButton-root.button-logout.rounded {
  border-radius: 50%;
}
.shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.button-secondary {
  font-family: "Segoe UI", sans-serif;
  font-size: 1.5rem;
  color: #001D45;
}
.button-secondary.selected {
  color: #fff;
}
.gray-overlay {
  outline: 100px solid rgba(235, 235, 238, 0.6) !important;
  outline-offset: -100px;
  overflow: hidden;
  position: relative;
}
.red {
  color: #d32f2f;
}
.right {
  text-align: right;
}
.MuiBackdrop-root {
  z-index: 1000;
}
.session-time-link-wrapper {
  white-space: nowrap;
  text-align: end;
}
.MuiSvgIcon-root.icon, .MuiChip-root svg {
  font-size: 1rem;
}
.bg-complete-0 {
  background: linear-gradient(0, #001D45 0 0%, transparent 0% 100%);
}
.h-0 {
  height: 0%;
}
.bg-complete-1 {
  background: linear-gradient(0, #001D45 0 1%, transparent 1% 100%);
}
.h-1 {
  height: 1%;
}
.bg-complete-2 {
  background: linear-gradient(0, #001D45 0 2%, transparent 2% 100%);
}
.h-2 {
  height: 2%;
}
.bg-complete-3 {
  background: linear-gradient(0, #001D45 0 3%, transparent 3% 100%);
}
.h-3 {
  height: 3%;
}
.bg-complete-4 {
  background: linear-gradient(0, #001D45 0 4%, transparent 4% 100%);
}
.h-4 {
  height: 4%;
}
.bg-complete-5 {
  background: linear-gradient(0, #001D45 0 5%, transparent 5% 100%);
}
.h-5 {
  height: 5%;
}
.bg-complete-6 {
  background: linear-gradient(0, #001D45 0 6%, transparent 6% 100%);
}
.h-6 {
  height: 6%;
}
.bg-complete-7 {
  background: linear-gradient(0, #001D45 0 7%, transparent 7% 100%);
}
.h-7 {
  height: 7%;
}
.bg-complete-8 {
  background: linear-gradient(0, #001D45 0 8%, transparent 8% 100%);
}
.h-8 {
  height: 8%;
}
.bg-complete-9 {
  background: linear-gradient(0, #001D45 0 9%, transparent 9% 100%);
}
.h-9 {
  height: 9%;
}
.bg-complete-10 {
  background: linear-gradient(0, #001D45 0 10%, transparent 10% 100%);
}
.h-10 {
  height: 10%;
}
.bg-complete-11 {
  background: linear-gradient(0, #001D45 0 11%, transparent 11% 100%);
}
.h-11 {
  height: 11%;
}
.bg-complete-12 {
  background: linear-gradient(0, #001D45 0 12%, transparent 12% 100%);
}
.h-12 {
  height: 12%;
}
.bg-complete-13 {
  background: linear-gradient(0, #001D45 0 13%, transparent 13% 100%);
}
.h-13 {
  height: 13%;
}
.bg-complete-14 {
  background: linear-gradient(0, #001D45 0 14%, transparent 14% 100%);
}
.h-14 {
  height: 14%;
}
.bg-complete-15 {
  background: linear-gradient(0, #001D45 0 15%, transparent 15% 100%);
}
.h-15 {
  height: 15%;
}
.bg-complete-16 {
  background: linear-gradient(0, #001D45 0 16%, transparent 16% 100%);
}
.h-16 {
  height: 16%;
}
.bg-complete-17 {
  background: linear-gradient(0, #001D45 0 17%, transparent 17% 100%);
}
.h-17 {
  height: 17%;
}
.bg-complete-18 {
  background: linear-gradient(0, #001D45 0 18%, transparent 18% 100%);
}
.h-18 {
  height: 18%;
}
.bg-complete-19 {
  background: linear-gradient(0, #001D45 0 19%, transparent 19% 100%);
}
.h-19 {
  height: 19%;
}
.bg-complete-20 {
  background: linear-gradient(0, #001D45 0 20%, transparent 20% 100%);
}
.h-20 {
  height: 20%;
}
.bg-complete-21 {
  background: linear-gradient(0, #001D45 0 21%, transparent 21% 100%);
}
.h-21 {
  height: 21%;
}
.bg-complete-22 {
  background: linear-gradient(0, #001D45 0 22%, transparent 22% 100%);
}
.h-22 {
  height: 22%;
}
.bg-complete-23 {
  background: linear-gradient(0, #001D45 0 23%, transparent 23% 100%);
}
.h-23 {
  height: 23%;
}
.bg-complete-24 {
  background: linear-gradient(0, #001D45 0 24%, transparent 24% 100%);
}
.h-24 {
  height: 24%;
}
.bg-complete-25 {
  background: linear-gradient(0, #001D45 0 25%, transparent 25% 100%);
}
.h-25 {
  height: 25%;
}
.bg-complete-26 {
  background: linear-gradient(0, #001D45 0 26%, transparent 26% 100%);
}
.h-26 {
  height: 26%;
}
.bg-complete-27 {
  background: linear-gradient(0, #001D45 0 27%, transparent 27% 100%);
}
.h-27 {
  height: 27%;
}
.bg-complete-28 {
  background: linear-gradient(0, #001D45 0 28%, transparent 28% 100%);
}
.h-28 {
  height: 28%;
}
.bg-complete-29 {
  background: linear-gradient(0, #001D45 0 29%, transparent 29% 100%);
}
.h-29 {
  height: 29%;
}
.bg-complete-30 {
  background: linear-gradient(0, #001D45 0 30%, transparent 30% 100%);
}
.h-30 {
  height: 30%;
}
.bg-complete-31 {
  background: linear-gradient(0, #001D45 0 31%, transparent 31% 100%);
}
.h-31 {
  height: 31%;
}
.bg-complete-32 {
  background: linear-gradient(0, #001D45 0 32%, transparent 32% 100%);
}
.h-32 {
  height: 32%;
}
.bg-complete-33 {
  background: linear-gradient(0, #001D45 0 33%, transparent 33% 100%);
}
.h-33 {
  height: 33%;
}
.bg-complete-34 {
  background: linear-gradient(0, #001D45 0 34%, transparent 34% 100%);
}
.h-34 {
  height: 34%;
}
.bg-complete-35 {
  background: linear-gradient(0, #001D45 0 35%, transparent 35% 100%);
}
.h-35 {
  height: 35%;
}
.bg-complete-36 {
  background: linear-gradient(0, #001D45 0 36%, transparent 36% 100%);
}
.h-36 {
  height: 36%;
}
.bg-complete-37 {
  background: linear-gradient(0, #001D45 0 37%, transparent 37% 100%);
}
.h-37 {
  height: 37%;
}
.bg-complete-38 {
  background: linear-gradient(0, #001D45 0 38%, transparent 38% 100%);
}
.h-38 {
  height: 38%;
}
.bg-complete-39 {
  background: linear-gradient(0, #001D45 0 39%, transparent 39% 100%);
}
.h-39 {
  height: 39%;
}
.bg-complete-40 {
  background: linear-gradient(0, #001D45 0 40%, transparent 40% 100%);
}
.h-40 {
  height: 40%;
}
.bg-complete-41 {
  background: linear-gradient(0, #001D45 0 41%, transparent 41% 100%);
}
.h-41 {
  height: 41%;
}
.bg-complete-42 {
  background: linear-gradient(0, #001D45 0 42%, transparent 42% 100%);
}
.h-42 {
  height: 42%;
}
.bg-complete-43 {
  background: linear-gradient(0, #001D45 0 43%, transparent 43% 100%);
}
.h-43 {
  height: 43%;
}
.bg-complete-44 {
  background: linear-gradient(0, #001D45 0 44%, transparent 44% 100%);
}
.h-44 {
  height: 44%;
}
.bg-complete-45 {
  background: linear-gradient(0, #001D45 0 45%, transparent 45% 100%);
}
.h-45 {
  height: 45%;
}
.bg-complete-46 {
  background: linear-gradient(0, #001D45 0 46%, transparent 46% 100%);
}
.h-46 {
  height: 46%;
}
.bg-complete-47 {
  background: linear-gradient(0, #001D45 0 47%, transparent 47% 100%);
}
.h-47 {
  height: 47%;
}
.bg-complete-48 {
  background: linear-gradient(0, #001D45 0 48%, transparent 48% 100%);
}
.h-48 {
  height: 48%;
}
.bg-complete-49 {
  background: linear-gradient(0, #001D45 0 49%, transparent 49% 100%);
}
.h-49 {
  height: 49%;
}
.bg-complete-50 {
  background: linear-gradient(0, #001D45 0 50%, transparent 50% 100%);
}
.h-50 {
  height: 50%;
}
.bg-complete-51 {
  background: linear-gradient(0, #001D45 0 51%, transparent 51% 100%);
}
.h-51 {
  height: 51%;
}
.bg-complete-52 {
  background: linear-gradient(0, #001D45 0 52%, transparent 52% 100%);
}
.h-52 {
  height: 52%;
}
.bg-complete-53 {
  background: linear-gradient(0, #001D45 0 53%, transparent 53% 100%);
}
.h-53 {
  height: 53%;
}
.bg-complete-54 {
  background: linear-gradient(0, #001D45 0 54%, transparent 54% 100%);
}
.h-54 {
  height: 54%;
}
.bg-complete-55 {
  background: linear-gradient(0, #001D45 0 55%, transparent 55% 100%);
}
.h-55 {
  height: 55%;
}
.bg-complete-56 {
  background: linear-gradient(0, #001D45 0 56%, transparent 56% 100%);
}
.h-56 {
  height: 56%;
}
.bg-complete-57 {
  background: linear-gradient(0, #001D45 0 57%, transparent 57% 100%);
}
.h-57 {
  height: 57%;
}
.bg-complete-58 {
  background: linear-gradient(0, #001D45 0 58%, transparent 58% 100%);
}
.h-58 {
  height: 58%;
}
.bg-complete-59 {
  background: linear-gradient(0, #001D45 0 59%, transparent 59% 100%);
}
.h-59 {
  height: 59%;
}
.bg-complete-60 {
  background: linear-gradient(0, #001D45 0 60%, transparent 60% 100%);
}
.h-60 {
  height: 60%;
}
.bg-complete-61 {
  background: linear-gradient(0, #001D45 0 61%, transparent 61% 100%);
}
.h-61 {
  height: 61%;
}
.bg-complete-62 {
  background: linear-gradient(0, #001D45 0 62%, transparent 62% 100%);
}
.h-62 {
  height: 62%;
}
.bg-complete-63 {
  background: linear-gradient(0, #001D45 0 63%, transparent 63% 100%);
}
.h-63 {
  height: 63%;
}
.bg-complete-64 {
  background: linear-gradient(0, #001D45 0 64%, transparent 64% 100%);
}
.h-64 {
  height: 64%;
}
.bg-complete-65 {
  background: linear-gradient(0, #001D45 0 65%, transparent 65% 100%);
}
.h-65 {
  height: 65%;
}
.bg-complete-66 {
  background: linear-gradient(0, #001D45 0 66%, transparent 66% 100%);
}
.h-66 {
  height: 66%;
}
.bg-complete-67 {
  background: linear-gradient(0, #001D45 0 67%, transparent 67% 100%);
}
.h-67 {
  height: 67%;
}
.bg-complete-68 {
  background: linear-gradient(0, #001D45 0 68%, transparent 68% 100%);
}
.h-68 {
  height: 68%;
}
.bg-complete-69 {
  background: linear-gradient(0, #001D45 0 69%, transparent 69% 100%);
}
.h-69 {
  height: 69%;
}
.bg-complete-70 {
  background: linear-gradient(0, #001D45 0 70%, transparent 70% 100%);
}
.h-70 {
  height: 70%;
}
.bg-complete-71 {
  background: linear-gradient(0, #001D45 0 71%, transparent 71% 100%);
}
.h-71 {
  height: 71%;
}
.bg-complete-72 {
  background: linear-gradient(0, #001D45 0 72%, transparent 72% 100%);
}
.h-72 {
  height: 72%;
}
.bg-complete-73 {
  background: linear-gradient(0, #001D45 0 73%, transparent 73% 100%);
}
.h-73 {
  height: 73%;
}
.bg-complete-74 {
  background: linear-gradient(0, #001D45 0 74%, transparent 74% 100%);
}
.h-74 {
  height: 74%;
}
.bg-complete-75 {
  background: linear-gradient(0, #001D45 0 75%, transparent 75% 100%);
}
.h-75 {
  height: 75%;
}
.bg-complete-76 {
  background: linear-gradient(0, #001D45 0 76%, transparent 76% 100%);
}
.h-76 {
  height: 76%;
}
.bg-complete-77 {
  background: linear-gradient(0, #001D45 0 77%, transparent 77% 100%);
}
.h-77 {
  height: 77%;
}
.bg-complete-78 {
  background: linear-gradient(0, #001D45 0 78%, transparent 78% 100%);
}
.h-78 {
  height: 78%;
}
.bg-complete-79 {
  background: linear-gradient(0, #001D45 0 79%, transparent 79% 100%);
}
.h-79 {
  height: 79%;
}
.bg-complete-80 {
  background: linear-gradient(0, #001D45 0 80%, transparent 80% 100%);
}
.h-80 {
  height: 80%;
}
.bg-complete-81 {
  background: linear-gradient(0, #001D45 0 81%, transparent 81% 100%);
}
.h-81 {
  height: 81%;
}
.bg-complete-82 {
  background: linear-gradient(0, #001D45 0 82%, transparent 82% 100%);
}
.h-82 {
  height: 82%;
}
.bg-complete-83 {
  background: linear-gradient(0, #001D45 0 83%, transparent 83% 100%);
}
.h-83 {
  height: 83%;
}
.bg-complete-84 {
  background: linear-gradient(0, #001D45 0 84%, transparent 84% 100%);
}
.h-84 {
  height: 84%;
}
.bg-complete-85 {
  background: linear-gradient(0, #001D45 0 85%, transparent 85% 100%);
}
.h-85 {
  height: 85%;
}
.bg-complete-86 {
  background: linear-gradient(0, #001D45 0 86%, transparent 86% 100%);
}
.h-86 {
  height: 86%;
}
.bg-complete-87 {
  background: linear-gradient(0, #001D45 0 87%, transparent 87% 100%);
}
.h-87 {
  height: 87%;
}
.bg-complete-88 {
  background: linear-gradient(0, #001D45 0 88%, transparent 88% 100%);
}
.h-88 {
  height: 88%;
}
.bg-complete-89 {
  background: linear-gradient(0, #001D45 0 89%, transparent 89% 100%);
}
.h-89 {
  height: 89%;
}
.bg-complete-90 {
  background: linear-gradient(0, #001D45 0 90%, transparent 90% 100%);
}
.h-90 {
  height: 90%;
}
.bg-complete-91 {
  background: linear-gradient(0, #001D45 0 91%, transparent 91% 100%);
}
.h-91 {
  height: 91%;
}
.bg-complete-92 {
  background: linear-gradient(0, #001D45 0 92%, transparent 92% 100%);
}
.h-92 {
  height: 92%;
}
.bg-complete-93 {
  background: linear-gradient(0, #001D45 0 93%, transparent 93% 100%);
}
.h-93 {
  height: 93%;
}
.bg-complete-94 {
  background: linear-gradient(0, #001D45 0 94%, transparent 94% 100%);
}
.h-94 {
  height: 94%;
}
.bg-complete-95 {
  background: linear-gradient(0, #001D45 0 95%, transparent 95% 100%);
}
.h-95 {
  height: 95%;
}
.bg-complete-96 {
  background: linear-gradient(0, #001D45 0 96%, transparent 96% 100%);
}
.h-96 {
  height: 96%;
}
.bg-complete-97 {
  background: linear-gradient(0, #001D45 0 97%, transparent 97% 100%);
}
.h-97 {
  height: 97%;
}
.bg-complete-98 {
  background: linear-gradient(0, #001D45 0 98%, transparent 98% 100%);
}
.h-98 {
  height: 98%;
}
.bg-complete-99 {
  background: linear-gradient(0, #001D45 0 99%, transparent 99% 100%);
}
.h-99 {
  height: 99%;
}
.bg-complete-100 {
  background: linear-gradient(0, #001D45 0 100%, transparent 100% 100%);
}
.h-100 {
  height: 100%;
}
.flicking-camera {
  height: 100%;
}
.list-none {
  list-style: none;
}
.main .MuiChip-root.selected {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: white;
}
.main .MuiToggleButtonGroup-root {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.main .MuiToggleButtonGroup-root > .MuiToggleButton-standard {
  color: #001D45;
  flex: 1 1 0;
  border: none;
  border-radius: 20px;
  text-transform: none;
}
.main .MuiToggleButtonGroup-root > .MuiToggleButton-standard.Mui-selected {
  background: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: #fff;
}
.hidden {
  display: none;
}
.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.settings .disabled * {
  color: #7B8EA9;
}
.settings .MuiListItemIcon-root.last svg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.settings .MuiDivider-root {
  margin-right: 72px;
}
.settings .MuiGrid-root > * {
  width: 100%;
}
.settings .MuiGrid-root .MuiButton-root {
  margin-left: 30%;
  width: 40%;
}
.settings .MuiGrid-root li {
  margin: 10px 0;
}
.btn-action-alert {
  margin: 10px 0 !important;
  float: right;
}
.btn-action-cancel {
  margin: 10px 0 !important;
  margin-right: 10px !important;
  float: right;
  background-color: #fff !important;
  color: #3e3e3e !important;
}
.MuiButton-root.large.apple-id {
  background-color: #121212;
  border: #87BCBF 1px solid;
  color: #fff !important;
}
.MuiButton-root.large.apple-id:hover {
  color: #001D45 !important;
}
.MuiButton-root.large.apple-id:hover svg {
  color: #001D45;
}
.MuiButton-root.large.facebook {
  border: #87BCBF 1px solid;
  background-color: #3A579D;
  color: #fff !important;
}
.MuiButton-root.large.facebook:hover {
  color: #001D45 !important;
}
.MuiButton-root.large.facebook:hover svg {
  color: #001D45;
}
.btn-image-gmail {
  max-width: 3vh;
}
.login__link-forgot {
  margin: 20px 0;
}
.general__container .MuiButton-root.Btn-global {
  width: 100%;
}
.registration-main {
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
.styled-input .MuiInput-underline::before,
.styled-input .MuiInput-root:hover:not(.Mui-disabled):before {
  border-bottom: #E83A6F 1px solid;
}
.MuiFormControl-root.locationsSelect {
  width: 100%;
  border-radius: 50px;
  color: black;
}
.MuiMenuItem-root .MuiGrid-root svg.locationsSelect {
  color: #7B8EA9;
}
.MuiFormControl-root svg.locationsSelect {
  color: #d32f2f;
}
.MiddleContainer.createAccount {
  width: 70vw;
}
.MiddleContainer .centeredImage {
  margin: 0 auto;
  width: 60px;
  height: 60px;
}
.accordion .MuiAccordion-root {
  background-color: transparent;
  padding-bottom: 5px;
}
.buttonContainer {
  display: flex;
  justify-content: space-between;
}
.buttonContainer button.Btn-global {
  width: 35vw;
}
.MuiChip-root.clickable {
  width: 100%;
}
.MuiFormControlLabel-root.error {
  color: #d32f2f !important;
}
.MuiFormControlLabel-root.error .MuiCheckbox-root svg {
  color: #d32f2f !important;
}
.create-account-terms {
  margin: 15px 0 !important;
}
.create-account-terms .MuiFormControlLabel-label {
  margin-left: 5px;
}
.create-account-terms .MuiCheckbox-root {
  padding: 0;
}
.MiddleContainer #partOneForm .terms__error {
  margin-top: 0;
  margin-bottom: 10px;
}
.register__container .Title-main-title {
  margin-top: 0;
}
.register__container .MuiButton-root.Btn-global {
  width: 100%;
}
.register__container .MuiTextField-root {
  width: 100%;
}
.register__main-container {
  min-height: calc(100vh - 70px);
}
.terms__alert {
  max-height: 90dvh;
  margin: 0 20px;
  background-color: #fff !important;
  max-width: 85%;
}
._favoriteChips_18iev_2 ._categoryChip_18iev_2 {
  width: 100%;
}
._categoryChip_18iev_2 {
  color: #001D45;
  background-color: white;
  margin: 5px 5px 10px 5px;
  width: auto;
  align-items: center;
}
._categoryChip_18iev_2._selected_18iev_13 {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: white;
}
._categoryChip_18iev_2._selected_18iev_13._icon_18iev_17 {
  color: #fff;
}
._categoryChip_18iev_2 > span {
  overflow: visible;
}
._filterChip_18iev_24 {
  color: #001D45;
  background-color: white;
  margin: 5px 5px 10px 5px;
  height: 1rem;
}
._filterChip_18iev_24._selected_18iev_13 {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  color: white;
}
._filterChip_18iev_24._selected_18iev_13._icon_18iev_17 {
  color: #fff;
}
._filterChip_18iev_24 > span {
  overflow: visible;
}
:root {
  --avatar-size: 116px;
}
._avatarContainer_fpnj0_6 {
  width: calc(var(--avatar-size) + 4px);
  height: calc(var(--avatar-size) + 4px);
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
}
._avatarContainer_fpnj0_6._centeredImage_fpnj0_13 {
  margin: auto;
}
._editOverlay_fpnj0_17 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  background: rgba(0, 29, 69, 0.5);
  color: #fff;
  display: none;
  pointer-events: all;
}
._editOverlay_fpnj0_17:is(:hover, :active), ._editOverlay_fpnj0_17._active_fpnj0_31 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._profilePic_fpnj0_37 {
  min-width: var(--avatar-size);
  min-height: var(--avatar-size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._badge_fpnj0_46 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
  text-transform: uppercase;
  z-index: 101;
  pointer-events: none;
}
._container_w6t5x_2 {
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
  padding: 0 0 20px 0 !important;
}
._flickingImageContainer_w6t5x_8 {
  height: 100%;
  width: 100%;
}
._workoutImage_w6t5x_13 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
._actionAvatar_w6t5x_20 {
  height: 3rem !important;
  width: 3rem !important;
  background-color: white !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
}
._avatarIcon_w6t5x_27 {
  height: 1.2rem;
  color: #001D45 !important;
}
._iconGreyedOut_w6t5x_32 {
  color: #7B8EA9 !important;
}
._padding_w6t5x_36 {
  padding: 20px 16px 0 32px;
}
._centered_w6t5x_40 {
  margin: 20px 0 20px 0;
}
._imageList_w6t5x_44 {
  height: 200px;
}
._gridItemCentered_w6t5x_48 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column !important;
  font-size: 0.75rem;
}
._listItem_w6t5x_56 {
  padding: 0;
}
._rating_w6t5x_60 {
  font-size: 1rem;
}
._centeredIcon_w6t5x_64 {
  margin: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
._buttonBook_qh0gx_2, ._buttonBook_qh0gx_2:hover, a._buttonBook_qh0gx_2 {
  background-image: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  border-radius: 20px !important;
  color: #fff !important;
  text-transform: none !important;
}
._booked_qh0gx_9, ._booked_qh0gx_9:hover, a._booked_qh0gx_9 {
  background-color: gray !important;
  color: black !important;
  border-radius: 20px !important;
  text-transform: none !important;
}._levelContainer_10cz4_1 {
  position: relative;
  display: inline-block;
}
._levelContainer_10cz4_1 > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}

._levelImage_10cz4_13 {
  vertical-align: top;
}

._Beginner_10cz4_17 {
  color: greenyellow;
  width: 33%;
}

._Medium_10cz4_22 {
  color: darkorange;
  width: 67%;
}

._Expert_10cz4_27 {
  color: red;
  width: 100%;
}
._container_ib7ox_2 {
  margin-bottom: 2rem;
}
._container_ib7ox_2 ._title_ib7ox_5 {
  font-weight: lighter;
  text-transform: capitalize;
  color: #00285F;
  margin: 0;
}
._card_ib7ox_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
  padding: 10px 15px !important;
}
._card_ib7ox_12 ._info_ib7ox_20 ._name_ib7ox_20 {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: normal;
}
._card_ib7ox_12 ._info_ib7ox_20 ._date_ib7ox_28 {
  margin: 0;
  font-size: 0.8rem;
}
.header {
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  height: 10.4vh;
  text-align: center;
  line-height: 10.4vh;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.header h4 {
  margin: 0;
  font-weight: bold;
}
.header h4 .MuiSkeleton-root.header {
  width: 60%;
  margin-left: 20%;
}
.footer.workout-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 50;
}
.footer .MuiBottomNavigationAction-root {
  color: #7B8EA9;
  min-width: auto;
}
.footer .MuiBottomNavigationAction-root.Mui-selected {
  color: #001D45;
}
.footer .MuiBottomNavigationAction-root svg {
  width: 20px;
  height: 20px;
}
.footer .MuiAvatar-root, .avatarButton {
  margin-top: -36px;
  width: 72px;
  height: 72px;
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  font-size: calc(10px + 5vmin);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.footer .MuiAvatar-root a, .avatarButton a {
  text-decoration: none;
}
.footer .MuiAvatar-root a, .footer .MuiAvatar-root a:visited, .avatarButton a, .avatarButton a:visited {
  color: inherit;
}
.footer .call-to-action {
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
.footer .call-to-action button {
  background: transparent !important;
  font-weight: bold;
  font-size: 0.75rem;
}
._rootContainer_em2os_2 {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
._main_em2os_9 {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 25px;
  max-height: 100dvh;
}
._header_em2os_17 {
  position: relative;
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  text-align: center;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  z-index: 50;
}
._headerHeading_em2os_27 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
}
._header_em2os_17 h4 ._MuiSkeleton-root_em2os_35._header_em2os_17 {
  width: 60%;
  margin-left: 20%;
}
._footerBottomNav_em2os_40 {
  position: relative;
  z-index: 50;
  width: 100%;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
._bottomNavAction_em2os_48 {
  color: #7B8EA9;
}
._bottomNavAction_em2os_48._selectedAction_em2os_51 {
  color: #001D45;
}
._bottomNavIcon_em2os_55 {
  width: 20px;
  height: 20px;
}
._avatarButton_em2os_60 {
  margin-top: -36px;
  width: 72px !important;
  height: 72px !important;
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  font-size: calc(10px + 5vmin) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
._avatarButton_em2os_60 a {
  text-decoration: none;
}
._avatarButton_em2os_60 a, ._avatarButton_em2os_60 a:visited {
  color: inherit;
}
._BackgroundBackdrop_48pnt_2 {
  color: #fff;
  z-index: 1000;
}
._Card_48pnt_7 {
  max-width: 300px;
}
._OkBtn_48pnt_11 {
  margin-left: auto !important;
}._toggleGroup_97wf1_1 {
  margin-bottom: 1em;
}
._container_zndle_2 {
  padding: 5px 5px 0 10px;
}
._container_zndle_2 ._head_zndle_5 {
  align-items: center;
}
._container_zndle_2 ._meta_zndle_8 {
  font-size: 0.8075rem;
  color: #001D45;
  opacity: 0.63;
  padding: 2px 0;
}
._container_zndle_2 ._buttonWrapper_zndle_14 {
  text-align: end;
}
._imagesContainer_zndle_18 {
  padding: 0;
  margin: 10px -10px -7px;
  flex-basis: calc(100% + 20px);
  max-width: unset;
  max-height: 200px;
}
._imagesContainer_zndle_18 ._images_zndle_18 {
  border-radius: 20px;
  overflow: hidden;
  max-height: 200px;
}
._imageWrapper_zndle_31 {
  position: relative;
  min-height: 200px;
}
._imageWrapper_zndle_31 img {
  max-width: 100%;
  object-fit: cover;
  height: 100%;
}
._imageWrapper_zndle_31 svg, ._imageWrapper_zndle_31 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._noBackground_zndle_47 {
  background: unset !important;
}
._buttonEdit_zndle_51 {
  min-width: unset !important;
  width: 50px;
  height: 50px;
  border-radius: 50% !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
._trainerImage_zndle_59 {
  height: 56px !important;
  width: 56px !important;
}
.main-profile .profile-pic {
  min-width: 116px;
  height: 116px;
}
.main-profile .MuiChip-root.selected {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
}
.main-profile .MuiChip-root {
  color: #001D45;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin: 5px 5px 10px 5px;
}
.main-profile .MuiMobileStepper-dotActive {
  background-color: #001D45;
}
.main-profile .boxBtn {
  color: #001D45;
}
.main-profile .profile-section {
  margin-bottom: 1rem;
}
.main-profile .profile-section.avatar-section {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.main-profile .profile-section .info-item {
  margin-bottom: 0.5rem;
}
.main-profile .profile-section:last-child {
  margin-bottom: 0;
}
.main-profile h6 {
  display: inline;
}
.main-profile h6:first-child {
  margin-top: 0.5rem;
}
.main-profile p {
  margin: 0.25rem 0;
}
.main-profile .MuiGrid-root span span.MuiSkeleton-root {
  margin-right: 5px;
}
.main-profile .MuiSkeleton-root.professionBox {
  min-height: 174px;
  border-radius: 20px;
}
.main-profile .MuiTextField-root, .main-profile .MuiTextField-root.particularities {
  width: 100%;
}
.controller-text-field, .controller-date-of-birth, .controller-select {
  width: 100%;
}
._bookButtonBottom_168pp_2 {
  position: absolute;
  left: 50% !important;
  bottom: 60px !important;
  transform: translateX(-50%);
  margin-bottom: -75px;
}
.main .athleteFilterChips {
  overflow-x: auto;
  padding: 10px 0;
  min-height: 2.5em;
}
.main .MuiList-root.flexContainerUpcomingSessions {
  margin-bottom: 0;
}

.calendarHome {
  display: flex;
  flex-direction: row;
}
.calendarHome > .day-item {
  flex: 0 0 calc(14.2857142857% - 2px);
  height: 8vh;
  text-align: center;
  position: relative;
  border-radius: 0;
}
.calendarHome > .day-item:first-child, .calendarHome > .day-item:last-child {
  flex-basis: calc(14.2857142857% - 1px);
}
.calendarHome > .day-item:not(:first-child) {
  border-left: 0.5px solid #7B8EA9;
}
.calendarHome > .day-item:not(:last-child) {
  border-right: 0.5px solid #7B8EA9;
}
.calendarHome h6 {
  color: #7B8EA9;
  padding: 7px 0;
}
.calendarHome h6 b {
  color: #001D45;
}
.MuiSkeleton-root.calendarHome {
  flex: 1 1 auto;
  height: 8vh;
  text-align: center;
  position: relative;
}
.calendar .MuiSkeleton-root {
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 7px 10px;
}
.MuiBox-root.dayOverviewHome.noSessions {
  padding: 50px 0;
  text-align: center;
}
.MuiPaper-root.panel.session {
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.MuiPaper-root.panel.session::before {
  width: 0;
  height: 0;
}
.MuiPaper-root.panel.session.Mui-expanded {
  margin-bottom: 20px;
}
.MuiPaper-root.panel.session .MuiGrid-container.plannedSession {
  justify-content: space-around;
}
.MuiPaper-root.panel.session span a {
  color: inherit;
  text-decoration: none;
}
.MuiPaper-root.panel.session .planned-dot {
  position: relative;
}
.MuiPaper-root.panel.session .planned-dot .dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.MuiPaper-root.panel.session .MuiAccordionDetails-root div.note,
.MuiBox-root.dayOverviewHome.session div.note, .MuiSkeleton-root.note {
  border-radius: 20px;
}
.MuiGrid-root svg.check {
  margin-top: 15px;
}
.MuiSkeleton-root.note {
  box-shadow: none;
}
.MuiList-root.flexContainerUpcomingSessions {
  display: flex;
  flex-direction: row;
  padding: 0;
  max-width: 85vw;
  overflow: auto;
  height: 174px;
  margin-bottom: 25px;
}
.upcoming-session-wrapper {
  max-width: 85%;
  flex: 1 0 auto;
}
.upcoming-session-wrapper:only-child {
  max-width: 100%;
}
.MuiSkeleton-root.text.time {
  top: 45%;
}
.weekly-sessions ul a {
  color: inherit;
}
.calendar h4.top {
  margin-top: 0;
}
.dots {
  display: inline-flex;
  justify-content: center;
  width: 55%;
}
.dot {
  min-height: 7px;
  min-width: 7px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin: 1px;
  font-size: 7px;
}
.upcoming-session {
  align-items: center;
  height: 134px;
  padding: 0;
  display: flex;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
}
.upcoming-session.skeleton .left {
  text-align: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 25px;
}
.upcoming-session .line {
  position: relative;
  top: 20%;
  height: 60%;
  margin-left: 50%;
}
.upcoming-session .left {
  position: relative;
  border-radius: 20px 0 0 20px;
}
.upcoming-session .session-basics {
  padding-right: 15px;
  text-align: end;
  justify-content: space-between;
  align-items: center;
}
.upcoming-session .session-details {
  padding-left: 15px;
  text-align: left;
}
.upcoming-session > * {
  box-sizing: border-box;
  flex: 0 0 calc(50% - 1px);
}
.upcoming-session:after {
  content: "";
  position: absolute;
  width: 0;
  height: 60%;
  border-left: 1px solid #001D45;
  top: 50%;
  left: 41.6666666667%;
  transform: translate(-50%, -50%);
}
.weekly-session-header {
  display: flex;
  text-align: end;
  justify-content: space-between;
  align-items: center;
}
.weekly-session-icon-wrapper {
  max-width: 30px;
  max-height: 30px;
  margin-left: 0.5em;
}
.weekly-session-icon-wrapper svg {
  width: 24px;
  height: 24px;
}
.calendarDayCell {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.MuiPaper-root.calendar {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding-bottom: 10px;
}
.MuiPickerStaticWrapper-root .PrivatePickersToolbar-root,
.MuiPickersToolbar-penIconButton {
  display: none !important;
}
.MuiCalendarPicker-root div {
  font-size: 1rem;
  color: #001D45;
}
.MuiCalendarPicker-root span.MuiTypography-root {
  font-size: 0.9rem;
  color: #001D45;
}
.MuiCalendarPicker-root div button {
  font-size: 0.9rem;
  color: #001D45;
}
.MuiCalendarPicker-root div button.Mui-selected:hover,
.MuiCalendarPicker-root div button.Mui-selected {
  background-image: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  color: white;
  line-height: 1;
}
.MuiCalendarPicker-root .MuiPickersDay-today.MuiPickersDay-root:not(.Mui-selected) {
  background-image: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  color: #001D45;
  opacity: 0.5;
  line-height: 1;
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.MuiPaper-root.calendar .MuiSkeleton-root.calendar {
  min-height: 358px;
  min-width: 100%;
}
.MuiPaper-root.calendar .MuiDialogActions-root {
  display: none;
}
.MuiPaper-root.calendar h4 {
  font-size: 1.875rem;
}
.MuiPaper-root.calendar div[role=grid] {
  position: unset;
}
.earnings {
  max-width: 90vw;
}
.earnings .centered {
  text-align: center;
}
.earnings .right {
  text-align: right;
}
.earnings .timeGridItem {
  padding-top: 0;
  padding-bottom: 20px;
}
.earnings .moneyGridItem {
  text-align: right;
}
.earnings h4 {
  margin: 0;
}
.earnings .panel:last-of-type {
  margin-top: 25px;
}
.flex-items {
  margin-bottom: 25px;
}
.MuiDivider-root.flex-items {
  margin: 0 25vw 25px 25vw;
  border-bottom-width: 2px;
}
.MuiToggleButtonGroup-root.periodBtns {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.MuiToggleButtonGroup-root.periodBtns > .MuiToggleButton-standard.periodBtn {
  flex: 1 1 0;
  border: none;
  border-radius: 20px;
  text-transform: none;
}
.MuiChip-root.type {
  margin-left: auto;
  margin-right: auto;
  width: 35vw;
}
.MuiChip-root.type.disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiChip-root.type.selected {
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
}
.MuiToggleButton-standard.Mui-selected.periodBtn {
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
}
.MuiButton-root.Btn-global {
  text-transform: none;
  margin-top: 25px;
  margin-bottom: 25px;
}
main .export .timeGridItem {
  padding-top: 0;
  padding-bottom: 20px;
}
._box_k1tfq_2 h6 {
  color: rgba(0, 40, 95, 0.63);
}
._workoutDone_1hrkk_2 {
  flex: 1 1 auto;
}
._background_1hrkk_6 {
  min-height: 200px;
  border-radius: 20px !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
._avatarBig_1hrkk_18 {
  min-width: 250px;
  margin-top: 64px;
  min-height: 250px;
  font-size: 4rem !important;
  color: white;
  font-family: "Segoe UI", sans-serif;
  font-weight: bold;
  background: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
}
._avatarSmall_1hrkk_29 {
  color: #001D45;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}
._marginBottom_1hrkk_38 {
  margin-bottom: 64px;
}
._boxStyle_rqac9_2 {
  min-height: 100px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
._profilePic_rqac9_10 {
  margin: auto;
}
._dateTime_rqac9_14 {
  color: #001D45;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.6;
}
._title_rqac9_21 {
  font-size: 1.1rem;
  padding-top: 6px;
}
._summary_rqac9_26 {
  color: rgba(0, 29, 69, 0.5);
}._roundedSelect_plmq7_1 {
  background: white !important;
  border-radius: 20px !important;
  border: 0;
  margin-bottom: 15px;
}
._roundedSelect_plmq7_1:before {
  border: 0 !important;
}
._roundedSelect_plmq7_1:after {
  width: calc(100% - 30px);
  left: 15px !important;
}
._dateSelectButtonGroup_1egsp_2 {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
  border-radius: 50px !important;
  align-self: center !important;
  margin-bottom: 18px !important;
}
._dateSelectButton_1egsp_2 {
  border-radius: 50px;
  padding: 2px 12px !important;
  text-transform: none !important;
  border: 0 !important;
}
._dateSelectButton_1egsp_2:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
._dateSelectButton_1egsp_2:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
._dateSelectButton_1egsp_2._dateSelectButtonSelected_1egsp_23 {
  background-image: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  color: white !important;
  border: none;
}
._dateHeader_1egsp_29 {
  margin: 0 auto 18px auto;
  text-align: center;
}._upper_1k9k7_1 input {
  font-size: 3.5rem;
}

._lower_1k9k7_5 input {
  font-size: 1.5rem;
}

._hr_1k9k7_9 {
  width: 50%;
  border-style: solid;
  border-width: 0.5px;
}
.add-workout .headerContainer {
  background-color: white;
  align-self: normal;
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  width: 100vw;
}
.add-workout .headerContainer h1 {
  margin: 0 0 0 25px;
  padding: 0 25px 40px 25px;
  display: inline;
}
.add-workout .headerContainer h3 {
  margin: 0 auto 18px auto;
  text-align: center;
}
.add-workout .headerContainer .MuiToggleButtonGroup-root {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  align-self: center;
  margin-bottom: 18px;
}
.add-workout .headerContainer .MuiButtonBase-root {
  border-radius: 50px;
  padding: 2px 12px;
  text-transform: none;
}
.add-workout .headerContainer .MuiButtonBase-root.Mui-selected {
  background-image: linear-gradient(180deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
  color: white !important;
  border: none;
}
.add-workout .headerContainer .MuiSkeleton-root {
  margin: 0 20px 0 20px;
}
.add-workout .headerContainer .MuiSkeleton-root.title {
  margin-top: -20px;
}
.add-workout .headerContainer .no-display {
  display: none;
}
.add-workout .fullContainer {
  background-image: linear-gradient(0deg, #E83A6F, #F14467, #F84F60, #FE5B58, #FF6750, #FF7449, #FF8142, #FF8E3B, #FF9B35, #FFA830, #FEB52D, #F9C22D);
  overflow-x: hidden;
  overflow-y: scroll;
}
.add-workout .fullContainer.stretch {
  padding-bottom: calc(100% + 40px);
}
.add-workout .main {
  max-width: 55vw;
  margin: 0 auto !important;
}
.add-workout .main > *:last-child {
  margin-bottom: 76px;
}
.add-workout .avatarContainer {
  margin: 0 auto;
  background-image: linear-gradient(154deg, white 0%, white 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.add-workout .avatarContainer .MuiAvatar-root {
  width: 50vw;
  max-width: 210px;
  height: 50vw;
  max-height: 210px;
  background-color: white;
  color: #001D45;
  flex-direction: column;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin: 0 auto 40px auto;
}
.add-workout .MuiDialogActions-root .MuiButton-root {
  color: #001D45;
}
.add-workout .MuiAvatar-root .MuiOutlinedInput-root {
  text-align: center;
}
.add-workout .MuiAvatar-root .MuiOutlinedInput-root input {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.add-workout .MuiAvatar-root .MuiOutlinedInput-root .MuiInputAdornment-root {
  display: none;
}
.add-workout .MuiAvatar-root .MuiOutlinedInput-root fieldset {
  border: none;
  padding: 0;
}
.add-workout .MuiFormControl-root input, .add-workout .MuiFormControl-root select {
  margin-bottom: 15px;
  border-radius: 20px;
  background-color: white;
}
.add-workout .MuiFormControl-root.no-display {
  display: none;
}
.add-workout .MuiFormControl-root .MuiFilledInput-root:hover:not(.Mui-disabled):before, .add-workout .MuiFormControl-root .MuiFilledInput-underline::before, .add-workout .MuiFormControl-root .MuiFilledInput-root:after {
  border: none;
}
.add-workout .MuiFormControl-root .MuiFilledInput-root {
  background-color: transparent;
}
.add-workout .MuiFormControl-root .MuiInputLabel-root {
  color: #7B8EA9;
}
.add-workout .MuiFormControl-root .MuiInputLabel-shrink#location-label {
  margin-top: 15px;
}
.add-workout .MuiFormControl-root .MuiSelect-filled {
  background-color: white;
  border-radius: 20px;
}
.add-workout .MuiFormControl-root .MuiFormHelperText-root.Mui-error {
  margin-bottom: 20px;
  margin-top: -5px;
}
.add-workout .Mui-error {
  color: #d32f2f !important;
}
.add-workout .schedule {
  color: #fff;
}
.add-workout .schedule svg {
  margin-left: 10px;
}
.add-workout .schedule .MuiTextField-root {
  margin-left: 5px;
}
.add-workout .schedule .MuiSelect-outlined {
  color: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.add-workout .schedule fieldset {
  border-color: #fff;
  border-radius: 50px;
}
.add-workout .schedule .MuiSelect-icon {
  color: #fff;
}
.add-workout .schedule .MuiSwitch-root {
  float: right;
  margin-top: -10px;
}
.add-workout .schedule .MuiSwitch-root .Mui-checked .MuiSwitch-thumb {
  background-image: linear-gradient(270deg, #E7658B, #F36E80, #FC7A75, #FF886B, #FF9862, #FFA85B, #FBB858, #F3C95A);
}
.add-workout-second {
  row-gap: 25px;
}
.add-workout-second .MuiAvatar-root {
  height: 116px;
  width: 116px;
}
.add-workout-second h4 {
  margin: 0;
}
.add-workout-second .margin-left {
  margin-left: 25px;
}
.add-workout-second .description .MuiInputLabel-root.Mui-focused {
  color: #00285F;
}
.add-workout-second .description .MuiInput-underline::before, .add-workout-second .description .MuiInput-root:hover:not(.Mui-disabled):before {
  border-bottom: #00285F 1px solid;
}
.add-workout-second .MuiPaper-root.outer {
  min-height: 250px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding-left: 25%;
  padding-right: 25%;
}
.add-workout-second .MuiPaper-root.inner {
  background-color: #00285F;
  opacity: 0.2;
  height: 100px;
  width: 100%;
  line-height: 100px;
  margin-bottom: 30px;
  border-radius: 20px;
  text-align: center;
  color: #FFF;
}
.add-workout-second .MuiPaper-root.inner.image {
  background: none;
  opacity: 1;
  position: relative;
}
.add-workout-second .MuiPaper-root.inner.image svg {
  color: red;
  height: 20px;
  position: absolute;
  top: 0;
  right: 25px;
}
.add-workout-second .MuiPaper-root.inner img {
  height: inherit;
  width: inherit;
  object-fit: scale-down;
  border-radius: 20px;
  position: relative;
}
.add-workout-second .MuiPaper-root svg {
  height: 30px;
}
.tiptap-rte {
  border-color: rgba(0, 0, 0, 0.12);
}
.tiptap-rte .MuiTiptap-RichTextContent-root {
  border-radius: 0;
}
.tiptap-rte .ProseMirror {
  min-height: 200px;
  max-height: 450px;
}
.MuiTiptap-RichTextContent-readonly {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
._box_xhxqa_2 {
  position: relative;
  margin: 10px 0;
  min-height: 85px;
}
._imageWrapper_xhxqa_8 {
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 85px;
  margin-right: 5px;
  border-radius: 1em;
  overflow: hidden;
}
._image_xhxqa_8 {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
._svg_xhxqa_24 {
  margin: 0 auto;
  display: block;
}
._smallText_xhxqa_29 {
  font-family: Montserrat, sans-serif;
  font-size: 0.85rem;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.1;
}
._titleEllipsis_xhxqa_39 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.1;
}
._bookBtn_xhxqa_46 {
  min-width: 100%;
  font-size: 0.85rem !important;
  max-height: 50px;
}
._reserveGrid_xhxqa_52 {
  text-align: right;
}
._priceGrid_xhxqa_56 {
  text-align: right;
}
._levelGrid_xhxqa_60 {
  text-align: right;
}._chip_1yeud_1 > span {
  overflow: visible;
}
._categoryBox_1hucx_2 {
  display: flex;
  flex-direction: column;
  margin: 12px 8px;
}
._snackbar_1hucx_8 > * {
  background-color: white !important;
  color: #001D45 !important;
}