@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

.fade-enter-active[data-v-3d4dcc8b],
.fade-leave-active[data-v-3d4dcc8b] {
  transition: opacity 0.5s;
}
.fade-enter-from[data-v-3d4dcc8b],
.fade-leave-to[data-v-3d4dcc8b] {
  opacity: 0;
}
body[data-v-3d4dcc8b] {
  background: linear-gradient(135deg, #c2d1e8 0%, #8db4ef 50%, #c2d1e8 100%);
}
.cookie-notice[data-v-3d4dcc8b] {
  position: fixed;
  right: 10px;
  max-width: 300px;
  background: linear-gradient(
    rgba(60, 90, 120, 1) 0%,
    rgba(30, 60, 90, 1) 60%,
    rgba(20, 40, 60, 1) 100%
  );
  padding: 15px;
  border-radius: 32px;
  bottom: 10px;
}
.cookie-notice__text[data-v-3d4dcc8b] {
  color: rgb(220, 220, 220);
  text-align: justify;
  font-size: 10px;
}
.button a[data-v-3d4dcc8b] {
  display: block;
  text-decoration: none;
  color: rgb(200, 200, 200);
  padding: 5px;
  width: 100%;
  margin-top: 12px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
    0 0 1px 1px rgba(255, 255, 255, 0.1);

  text-align: center;
  letter-spacing: 0px;
  border-radius: 3px;
}
h1[data-v-3d4dcc8b] {
  font-size: 16px;
  margin: 0;
  padding: 0;
}


.center[data-v-04b9625c] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-505, -50%);
}
.ball[data-v-04b9625c] {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #f3e964;
  border-radius: 50%;
  transform: translate(-5%, -5%);
  overflow: hidden;
  animation: animate-04b9625c 1.5s linear infinite;
}
.ball[data-v-04b9625c]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  background: transparent;
  border: 5px solid #fff;
  left: -65%;
  filter: blur(1px);
}
.ball[data-v-04b9625c]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  background: transparent;
  border: 5px solid #fff;
  right: -65%;
  filter: blur(1px);
}
@keyframes animate-04b9625c {
0% {
    transform: translate(-50%, -50%) translateY(-200px) rotate(0deg);
}
50% {
    transform: translate(-50%, -50%) translateY(0px) rotate(180deg);
}
100% {
    transform: translate(-50%, -50%) translateY(-200px) rotate(360deg);
}
}
.shadow[data-v-04b9625c] {
  position: absolute;
  width: 150px;
  height: 50px;
  transform: translate(-50%, 100%);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  z-index: -1;
  filter: blur(2px);
  animation: shadow-04b9625c 1.5s linear infinite;
}
@keyframes shadow-04b9625c {
0% {
    transform: translate(-50%, 100%) scale(1);
}
50% {
    transform: translate(-50%, 100%) scale(0.5);
}
100% {
    transform: translate(-50%, 100%) scale(1);
}
}
@keyframes youtube-04b9625c {
0% {
    transform: scaleX(1);
}
50% {
    transform: scaleX(0.95);
}
100% {
    transform: scaleX(1);
}
}
.modal-light-container[data-v-04b9625c] {
  position: fixed;
  z-index: 1040;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
@media (min-width: 767px) {
.width-sm[data-v-04b9625c] {
    width: 480px;
}
.width-md[data-v-04b9625c] {
    width: 640px;
}
.width-lg[data-v-04b9625c] {
    width: 840px;
}
.width-xl[data-v-04b9625c] {
    width: 1200px;
}
}
@media (max-width: 650px) {
.modal-light-body[data-v-04b9625c] {
    margin: 0px;
    width: 100%;
}
}


.modal-light-container[data-v-1b08d0bb] {
  /*display: none;  Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  /* Enable scroll if needed */
  overflow: auto;
  overflow-x: hidden;
  /*background-color: #00061b;*/
  /* Fallback color */
  /* background-color: #11111111; */
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-light-popup[data-v-1b08d0bb] {
  margin: auto;
  padding: 20px;
  box-shadow: 2px 2px 10px #33333333;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin-top: 20%;
  text-align: center;
  border-radius: 24px;
  background: var(--background-color);
  background-repeat: no-repeat;
  background-size: contain;
  /* overflow: scroll;
  overflow-x: hidden; */
}
@media (min-width: 767px) {
.modal-light-popup[data-v-1b08d0bb] {
    margin-top: 0px;
}
.width-xsm[data-v-1b08d0bb]{
  width: 280px;
}
.width-lsm[data-v-1b08d0bb]{
  width: 366px;
}
.width-sm[data-v-1b08d0bb]{
  width: 480px;
}
.width-md[data-v-1b08d0bb]{
    width: 640px;
}
.width-lg[data-v-1b08d0bb]{
    width: 767px;
}
.width-xl[data-v-1b08d0bb]{
    width: 1200px;
}
}
.container-form[data-v-1b08d0bb] {
  background: #1f304945;
  border-radius: 14px;
}
.modal-light-popup h2[data-v-1b08d0bb] {
  font-weight: 500;
  font-size: 32px;
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  text-align: left;
  margin: 40px 0px 0px 16px;
}
.modal-light-popup p[data-v-1b08d0bb] {
  text-align: left;
  font-size: 12px;
  color: var(--main-color) !important;
  opacity: 0.7;
  margin: 0px 0px 0px 20px;
}

/* The Close Button */
.close[data-v-1b08d0bb] {
  color: var(--main-color) !important;
  float: right;
  font-size: 38px;
  font-weight: bold;
  top: 8px;
  position: absolute;
  right: 20px;
}
@media (max-width: 768px) {
.modal-light-popup[data-v-1b08d0bb] {
    margin-top: 20%;
    width: 100%;
}
}
@media (max-width: 650px) {
.modal-light-body[data-v-1b08d0bb] {
    margin: 0px;
    width: 100%;
}
}
@media (max-width: 375px) {
.modal-light-popup[data-v-1b08d0bb] {
    margin: 0px;
}
.modal-light-container[data-v-1b08d0bb] {
    padding: 0px;
    overflow: hidden;
    overflow-x: hidden;
}
}
@media (max-width: 320px) {
.modal-light-popup[data-v-1b08d0bb] {
    margin: 0px;
}
.modal-light-container[data-v-1b08d0bb] {
    padding: 0px;
    overflow: auto;
    overflow-x: hidden;
}
}

.modal-container {
	/*display: none;  Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1040;
	/* Sit on top */
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	/* Enable scroll if needed */
	overflow: auto;
	overflow-x: hidden;
	background-color: #00061b;
	/* Fallback color */
	/* background-color: #11111111; */
	/* Black w/ opacity */
}

/* Modal Content/Box */
.modal-popup {
	margin: auto;
	padding: 20px;
	box-shadow: 2px 2px 10px #33333333;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: 7%;
	text-align: center;
	border-radius: 24px;
	background: url(/img/footer-popup.3c483d2f.png) center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100vh;
}

@media (min-width:767px) {
	.modal-popup {
		width: 640px;
		height: 797px;
		/* background-color: var(--background-color-box); */
		z-index: 9;
		border-radius: 16px;
		margin-top: 2%;
	}
}

.modal-popup h2 {
	font-weight: 500;
	font-size: 32px;
	background: linear-gradient(103.18deg, var(--color1) -38.71%, var(--color2) 57.77%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	text-align: left;
	margin: 40px 0px 0px 16px;
}

.modal-popup p {
	/* text-align: left; */
	/* font-size: 12px; */
	/* color: var(--main-color) !important;*/
	/* opacity: 0.7; */
	margin: 0px 0px 0px 20px;
}

.modal-popup .policy input[type='checkbox'] {
	margin: 0px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid;
	border-radius: 24px;
	accent-color: rgba(255, 255, 255, 0.02);
	border-bottom-color: #264B67;
	border-left-color: #264B67;
	border-right-color: #076AE3;
	border-top-color: #264B67;
}

.modal-popup .policy label {
	font-size: 14px!important;
	font-weight: 500;
	color: var(--main-color) !important;
	opacity: 0.7;
	margin: 0px 0px 0px 12px;
}

.modal-popup .policy label a {
	color: var(--main-color) !important;
	opacity: 1;
}

.modal-popup .account-text {
	text-align: center;
}

.modal-popup .account-text span {
	font-weight: 400;
	font-size: 12px;
	color: var(--main-color) !important;
	opacity: 0.4;
}

.modal-popup .account-text svg:first-child {
	float: left;
	top: 14px;
	position: relative;
}

.modal-popup .account-text svg:last-child {
	float: right;
	top: 14px;
	position: relative;
}


/* The Close Button */
.close {
	color: var(--main-color) !important;
	float: right;
	font-size: 38px;
	font-weight: bold;
	top: 8px;
	position: absolute;
	right: 20px;
	z-index: 99;
}

.close:hover,
.close:focus {
	color: var(--main-color) !important;
	text-decoration: none;
	cursor: pointer;
}

@media (max-width: 650px) {
	.modal-body {
		margin: 0px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.modal-popup {
		margin: 0px;
		width: 100%;
	}
}

.register-modal-footer {
	height: 72px;
}

.login-modal-footer {
	height: 200px;
}



.password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}


.g-btn-wrapper[data-v-b542a9d8]{
  display: inherit !important;
  float: right;
}


h3[data-v-e000f776] {
  font-weight: 500 !important;
  font-size: 32px !important;
}
.button-disabled[data-v-e000f776] {
  opacity: 0.5 !important;
  cursor: default !important;
}


.appleImg[data-v-1fea0e59] {
    cursor: pointer; 
    width: 56px; 
    height: 56px;
}


[data-v-08355de4] .modal-popup {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.form-error[data-v-08355de4] {
  color: #f472b6 !important;
}
.is-invalid[data-v-08355de4] {
  border: 1px solid #f472b6 !important;
}
.button-disabled[data-v-08355de4] {
  opacity: 0.5 !important;
  cursor: default !important;
}
.forgot[data-v-08355de4] {
  text-align: right !important;
}


.filter_invert[data-v-c247ecea]{
    filter: invert(1);
}
.icon[data-v-c247ecea] {
    width: 70px;
    height: auto;
    margin: 0px 60px 0 60px;
    padding-top: 49px
}
h1[data-v-c247ecea] {
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
}
.container-scroll-js[data-v-c247ecea] {
    overflow-x: hidden; /* Ocultar la barra de desplazamiento por defecto */
    cursor: grab; /* Cambiar el cursor al arrastrar */
}
.container-scroll-js[data-v-c247ecea]::-webkit-scrollbar {
    width: 1px !important; /* Ancho de la barra de desplazamiento */
    height: 0px !important;
}
.container-scroll-js[data-v-c247ecea]::-webkit-scrollbar-track {
    background-color: transparent; /* Color de fondo del riel */
}
.container-scroll-js[data-v-c247ecea]::-webkit-scrollbar-thumb {
    background-color: var(--color1); /* Color del pulgar */
}
  

h1[data-v-737315a0] {
  text-align: left;
  /* color: #e6e6e6; */
  margin: 8px 0px 9px 0px;
  font-size: 14px;
}
p[data-v-737315a0] {
  text-align: left;
  /* color: #e6e6e6; */
  margin: 8px 0px 9px 20px;
  font-size: 14px;
  opacity: 0.8;
}
.gps-icon[data-v-737315a0] {
  margin-top: 8px;
  margin-bottom: 9px;
}
.autoCompleteContainer[data-v-737315a0] {
  display: flex;
  align-items: center;
}
.text-xs[data-v-737315a0] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.reference-seach[data-v-737315a0] {
  /* opacity: 0.8; */
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  height: 44px;
  padding-left: 46px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;

  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.button[data-v-737315a0] {
  /* color: #999999; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  border-radius: 24px;
  background: linear-gradient(
    139.51deg,
    rgba(26, 39, 60, 0.73) 11.77%,
    rgba(28, 43, 69, 0) 86.2%
  );
  padding: 12px 28px;
  cursor: pointer;
  margin-left: 20px;
}
.wrapper-list-select[data-v-737315a0]{
  overflow-y: auto;
  max-height: 560px;
  min-height: 40px;
}



.modal-body .reference-seach {
  background: transparent;
  padding-left: 50px;
  height: 50px;
  border-radius: 24px;
}

.search-container .seach-icon {
  z-index: 1;
  top: 12px;
  left: 15px;
  opacity: 0.5;
}

.search-container .clear-icon {
  top: 8.3px;
  right: 10px;
  cursor: pointer;
  height: 27px;
}

.wrapper-suggestion {
  margin: 0 auto;
  border-top: 1px solid #ffffff59;
}
@media (min-width: 767px) {
  .wrapper-suggestion {
    width: 90%;
  }
}
.search-container input {
  outline: none;
}

.container-suggestion {
  text-align: start;
  margin: 0 auto;
  padding: 12px 0 12px 22px;
}

.container-suggestion:hover {
  background: linear-gradient(
    103.18deg,
    rgba(7, 106, 227, 0.42) 3.29%,
    rgba(6, 27, 46, 0) 97.77%
  );
}

.wrapper-list-select {
  position: absolute;
  z-index: 9;
  width: 100%;
  background: var(--background-color);
  margin: 0 auto;
  box-shadow: inset 0 0 12px hsla(0, 0%, 100%, 0.15);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 24px;
  min-height: 200px;
}
.wrapper-list-select li {
  padding: 0 20px;
}
.wrapper-list-select h1 {
  padding: 8px 20px 0 20px;
}
.wrapper-list-select button {
  border-radius: 24px;
  padding: 4px 32px 4px 22px;
  background-color: #044a9d;
}

.close-list-element {
  right: 12px;
}

.container-botton-buttons {
  bottom: 12px;
}

.buttons {
  margin-bottom: 68px;
}


.label_seleccionado {
  background: rgba(26, 192, 234, 0.05);
  box-shadow: inset 0px 0px 24px rgba(26, 192, 234, 0.5);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 16px;
}


@media (max-width:767px) {
  .playDayWrapper {
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
  }
}

.playDayWrapper::-webkit-scrollbar {
  width: 1px; /* Ancho de la barra de desplazamiento */
}

/* Estilo para el riel de la barra de desplazamiento */
.playDayWrapper::-webkit-scrollbar-track {
  background-color: transparent; /* Color de fondo del riel */
}

/* Estilo para el pulgar de la barra de desplazamiento */
.playDayWrapper::-webkit-scrollbar-thumb {
  background-color: var(--color1); /* Color del pulgar */
}


.label_seleccionado {
    background: rgba(26, 192, 234, 0.05);
    box-shadow: inset 0px 0px 24px rgba(26, 192, 234, 0.5);
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    border-radius: 16px;
}



.reference-onboarding .play-wrapper {
  gap: 12px 24px;
  padding: 12px 0;
}

.reference-onboarding .play-wrapper div svg {
  left: 404px;
  top: 414px;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 0px 0px 9.85714px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(13.1429px);
          backdrop-filter: blur(13.1429px);
  border-radius: 19.7143px;
}

.reference-onboarding .taykus-logo {
  padding: 0 50px 0 16px;
}

.reference-onboarding .close {
  display: none;
}

.reference-onboarding header {
  padding: 0 8px;
  height: 120px;
  flex-wrap: wrap;
}

.reference-onboarding .back-button {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}

.reference-onboarding .slide-position {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
}

.reference-onboarding .indicator {
  background: #2b4164;
  border-radius: 30px;
}

.reference-onboarding .select-indicator {
  background-color: #1ac0ea;
}

.reference-onboarding .title-onboarding {
  font-family: 'Montserrat', sans-serif;
  line-height: 136%;
  width: 95%;
  margin: 0 auto;
  color: var(--main-color);
}

.reference-onboarding .subtitle-onboarding {
  font-family: 'Montserrat', sans-serif;
  line-height: 136%;
  opacity: 0.6;
  margin: 16px 0;
  color: var(--main-color);
}

.reference-onboarding .option-play {
  padding: 20px 95px 20px 24px;
  gap: 12px;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 0px 0px 9.85714px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(13.1429px);
          backdrop-filter: blur(13.1429px);
  border-radius: 16px;
  margin: 18px 0px;
  width: 100%;
}

.reference-onboarding input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #f3f3f34d;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  outline: none;
}
.reference-onboarding .wrapperCheck .reference-check {
  -o-border-image: linear-gradient(90deg, #1ac0ea, #076ae3) 1 !important;
     border-image: linear-gradient(90deg, #1ac0ea, #076ae3) 1 !important;
  border-width: 5px !important;
  background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #1ac0ea, #076ae3) border-box !important;
  border: 4px solid transparent;
}
.reference-onboarding .check_seleccionado {
  -o-border-image: linear-gradient(90deg, #1ac0ea, #076ae3) 1 !important;
     border-image: linear-gradient(90deg, #1ac0ea, #076ae3) 1 !important;
  border-width: 5px !important;
  background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #1ac0ea, #076ae3) border-box !important;
  border: 4px solid transparent;
}

.reference-onboarding .play-wrapper div svg.label_seleccionado {
  background: rgba(26, 192, 234, 0.05);
  box-shadow: inset 0px 0px 24px rgba(26, 192, 234, 0.5);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border-radius: 16px;
}
.container-hours .label_seleccionado::before {
  background: linear-gradient( 103.18deg, #1ac0ea 3.29%, #0458e2 97.77% ) !important;
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.container-hours .label_seleccionado::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 24px;
  top: 17px;
  width: 5px;
  height: 8px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.reference-onboarding .button-next-img {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}

.reference-onboarding .button-next-b {
  bottom: -20px;
  transform: translate(-57%, 11px);
}

.reference-onboarding .next-button {
  bottom: 15%;
  left: 50%;
}

.reference-onboarding .next-button .relative {
  height: 100%;
}

.reference-onboarding .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.reference-onboarding .modal {
  background-color: var(--background-color);
  padding: 20px;
  border-radius: 5px;
  max-width: 600px;
  width: 100%;
}

.reference-onboarding .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.reference-onboarding .modal-header h2 {
  margin: 0;
}

.reference-onboarding .modal-header button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
}

.reference-onboarding .modal-onboarding .modal {
  background-color: var(--background-color);
}

.reference-onboarding .modal-overlay {
  background: rgba(0, 5, 18, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.reference-onboarding .modal-onboarding .modal {
  background: var(--background-color);
  border-radius: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 60vh;
}

.reference-onboarding .option-play {
  padding: 16px 95px 16px 24px;
}

.reference-onboarding .seleccionado {
  background: linear-gradient(
    103.18deg,
    #1ac0ea 3.29%,
    #0458e2 97.77%
  ) !important;
  border: none !important;
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.reference-onboarding .seleccionado::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
} 

.reference-onboarding .row-table-days {
  padding: 8px 20px;
}

.reference-onboarding .row-table-days span {
  text-align: start;
}

.reference-onboarding .input-table {
  justify-content: space-evenly;
}

.reference-onboarding .table-row-blue {
  background: linear-gradient(
    90.24deg,
    rgba(7, 106, 227, 0.42) -13.65%,
    rgba(6, 27, 46, 0) 101.54%
  );
  border-radius: 8px;
}

.reference-onboarding .input-table .seleccionado::after {
  left: 6px;
  top: 3px;
}
.reference-onboarding .wrapper-scroll-js h1 {
  position: relative;
  top: -60px;
}


.selected[data-v-3ed9eceb] {
  background-color: var(--color2);
}
img[data-v-3ed9eceb] {
  height: 20px;
  width: 20px;
}
.white-icon[data-v-3ed9eceb] {
  filter: brightness(0) invert(1);
}


.button[data-v-b319c834] :hover {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.button[data-v-b319c834]{
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  padding: 8px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264B67;
  border-left-color: #264B67;
  border-right-color: #076AE3;
  border-top-color: #264B67;
}


.custom-select[data-v-5494f304] {
  position: relative;
  cursor: pointer;
  align-items: center;
}
.selected-option[data-v-5494f304] {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  padding: 10px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.flag-icon[data-v-5494f304] {
  width: 24px;
  height: 18px;
  margin-right: 5px;
}
.dropdown-options[data-v-5494f304] {
  max-height: 200px;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  padding-left: 6px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.dropdown-options li[data-v-5494f304] {
  padding: 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dropdown-options img[data-v-5494f304] {
  width: 24px;
  height: 18px;
  margin-right: 6px;
}
.dropdown-options li[data-v-5494f304]:hover {
  background-color: #6f91da;
}


.custom-select[data-v-46002924] {
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 40px;
  padding-left: 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.custom-select option[data-v-46002924] {
  /* Styles for the options */
  background: var(--background-color);
  color: var(--main-color) !important;
  padding: 8px;
  border-radius: 4px;
}
.custom-select option[data-v-46002924]:hover {
  /* Styles for the options on hover */
  color: #5615ac;
}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: #3f4458;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(192,187,167,0.1);
}
.numInputWrapper span:active {
  background: rgba(192,187,167,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255,255,255,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255,255,255,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255,255,255,0.5);
}
.numInputWrapper:hover {
  background: rgba(192,187,167,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(192,187,167,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255,255,255,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #3f4458;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192,187,167,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
          box-shadow: -1px 0 0 #20222c;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(255,255,255,0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}
.flatpickr-day.today {
  border-color: #eee;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
          box-shadow: -10px 0 0 #80cbc4;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
          box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255,255,255,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255,255,255,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
          box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
          box-shadow: 1px 0 0 #20222c;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255,255,255,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255,255,255,0.95);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255,255,255,0.95);
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255,255,255,0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255,255,255,0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


input[type="button"],
input[type="submit"] {
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 32px;
  padding: 14.5px 0;
  cursor: pointer;
  width: 100%;
}
.header-modal button {
  position: absolute;
  top: 20px;
  right: 20px;
}


.icon-selector[data-v-6ef91004] {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 375px) {
.item[data-v-6ef91004] {
    width: 80px !important;
}
}
.item[data-v-6ef91004] {
  text-align: center;
  width: 140px;
}
.icon[data-v-6ef91004],
.line-icon[data-v-6ef91004] {
  width: 23px;
  height: 23px;
}
.text[data-v-6ef91004] {
  color: #999999;
}
.icon-selector :hover .icon[data-v-6ef91004],
.icon-selector :hover .text[data-v-6ef91004] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(0deg) brightness(100%) contrast(100%);
}
.indicator[data-v-6ef91004] {
  position: relative;
  background: #2b4164;
  border-radius: 30px;
  overflow: hidden; /* Ensure pseudo-element stays within bounds */
}
.indicator[data-v-6ef91004]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    103.18deg,
    var(--color1) 3.29%,
    var(--color2) 97.77%
  );
  transition: opacity 0.8s ease-in-out;
  opacity: 0; /* Start with invisible gradient */
}
.selectIndicator[data-v-6ef91004]::before {
  opacity: 1; /* Make gradient visible on hover or when active */
}


.selected[data-v-83f8dd02] {
  background-color: var(--color2);
}


@media (min-width: 767px) {
h1[data-v-9bc8848a] {
    font-family: "Montserrat", sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 67px;
    letter-spacing: 0.04em;
    text-align: center;
    margin-top: 20px;
}
.tabs li.image[data-v-9bc8848a] {
    background: rgba(255, 255, 255, 0.02);
    opacity: 0.8;
    box-shadow: inset 0px 0px 15px rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 30px;
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
label[data-v-9bc8848a] {
  margin: 0px 0px 0px 8px;
}
.tabs li[data-v-9bc8848a]:first-child {
  margin-left: 0px;
}
.tabs li[data-v-9bc8848a]:hover {
  color: #ffffff;
}
.tabs li.image:hover svg path[data-v-9bc8848a] {
  fill: #999999;
}
footer[data-v-9bc8848a] {
  width: 90%;
  margin: 20px auto 0px auto;
  padding-bottom: 0px;
}
footer h3[data-v-9bc8848a] {
  font-size: 46px;
  font-weight: 600;
}
footer h4[data-v-9bc8848a] {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  display: inline-flex;
  max-width: 140px;
}
footer .open svg[data-v-9bc8848a] {
  position: relative;
  top: -39px;
  left: 145px;
}
.view-courts span[data-v-9bc8848a] {
  position: relative;
  top: 56px;
  left: 7px;
  font: 18px;
  font-weight: 600;
}
.all-tracks[data-v-9bc8848a] {
  width: 184px;
  height: 114px;
  background: #0458e2;
  border-radius: 12px;
}
.all-tracks a[data-v-9bc8848a] {
  position: relative;
  top: 45px;
  left: 40px;
  font: 18px;
  font-weight: 600;
}
input[type="checkbox"][data-v-9bc8848a] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #f3f3f34d;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  outline: none;
}
input[type="checkbox"].selected[data-v-9bc8848a] {
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
input[type="checkbox"].selected[data-v-9bc8848a]::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.select-date[data-v-9bc8848a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14.5px 142px;
  width: 100%;
  height: 48px;
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  margin-top: 24px;
}
.search-image[data-v-9bc8848a] {
  background: linear-gradient(
    265.36deg,
    #0356e1 0.37%,
    #23edee 136.83%
  ) !important;
}
.wrapper-icon-home .container-custom-icon[data-v-9bc8848a] {
  border-radius: 50%;
}
.button-disabled[data-v-9bc8848a] {
  opacity: 0.5 !important;
  cursor: default !important;
}
h2[data-v-9bc8848a] {
  font-weight: 500;
  font-size: 32px;
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  text-align: left;
  margin: 40px 0px 0px 16px;
}
.container_rotating-text[data-v-9bc8848a] {
  display: inline-block;
  position: relative;
}
.rotating-text[data-v-9bc8848a],
.sport_text[data-v-9bc8848a] {
  animation: slide-9bc8848a 2s infinite;
}
@keyframes slide-9bc8848a {
0% {
    transform: translateY(0px); /* Start 30 pixels above the original position */
    opacity: 1;
}
20% {
    transform: translateY(-10px); /* Bounce down to 10 pixels below the original position */
    opacity: 1;
}
40% {
    transform: translateY(5px); /* Bounce back up to 5 pixels above the original position */
    opacity: 1;
}
60% {
    transform: translateY(-2px); /* Bounce slightly down to 2 pixels below the original position */
    opacity: 1;
}
85% {
    transform: translateY(1px); /* Bounce slightly up to 1 pixel above the original position */
    opacity: 0;
}
100% {
    transform: translateY(0); /* Settle at the original position */
    opacity: 0;
}
}


.iframe[data-v-0cdc4355] {
  width: 100%;
  height: 600px;
  overflow: hidden;
  border-radius: 20px;
}
.iframe[data-v-0cdc4355]::-webkit-scrollbar {
  display: none; /* Hide the scrollbar in WebKit browsers */
}


.buttonBorder[data-v-41e34488] {
  border-radius: 32px;
  padding: 14px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
.buttonBorder[data-v-41e34488] {
    border-radius: 32px;
    width: 327px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
}


.containerImageMatch[data-v-5668f43d] {
  width: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.scoreUsers[data-v-5668f43d] {
  top: -8px;
  font-size: 10px;
  right: -14px;
  font-weight: bold;
  color: black;
}
.numberScore[data-v-5668f43d] {
  top: 10px;
  left: 5px;
}


.icon[data-v-5306f0c0] {
  width: 23px;
  height: 23px;
}
.error_color[data-v-5306f0c0] {
  color: #f472b6;
}
.createMatch[data-v-5306f0c0] {
  background: rgb(9, 9, 121);
  background: linear-gradient(90deg, var(--color1) 35%, var(--color2) 100%);
  text-align: center;
  width: 80%;
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  transform: translate(-50%, 0px);
  min-width: 200px;
}
.myMatchesClue[data-v-5306f0c0] {
  min-width: 300px; /* Set the smallest min-width as the default */
  background: var(--background-color);
  /* box-shadow: 0px 0px 15px -4px #3c7eeb; */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0px 0px 8px -4px #3c7eeb;
  border-radius: 20px;
}
@media (min-width: 767px) {
.createMatch[data-v-5306f0c0] {
    width: 400px;
}
.myMatchesClue[data-v-5306f0c0] {
    min-width: 411px;
}
}
.myMatchesClue .divisor[data-v-5306f0c0] {
  width: 3px;
}


.createMatch[data-v-1f0400d5] {
  background: linear-gradient(90deg, var(--color1) 35%, var(--color2) 100%);
  text-align: center;
  min-width: 200px;
}


.activity[data-v-6045a74c]{
  min-height: 480px;
  background: var(--background-color);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0px 0px 8px -4px #3c7eeb;
  border-radius: 20px;
  cursor: pointer;
}


.popUpWrapper[data-v-9321f7ac] {
  max-height: 330px;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 12px;
}
.dropdown[data-v-9321f7ac] {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease 0.15s;
}
.selected .dropdown[data-v-9321f7ac] {
  gap: 5%;
  border-bottom: 1px solid var(--background-search);
  height: 110px;
  overflow: hidden;
  padding: 0.75rem !important;
  transition: 0.5s;
  opacity: 1;
}
.optionButton.selected[data-v-9321f7ac] {
  background: var(--color3) !important;
}



#ResultsContainer .flatpickr-calendar {
  width: 100%;
  background-color: transparent !important;
  box-shadow: none;
}

#ResultsContainer .flatpickr-months {
  background: var(--background-search);
  color: var(--main-color);
  border-radius: 8px;
  font-size: 12px;
  padding: 10px;
}

#ResultsContainer .flatpickr-month {
  color: var(--main-color);
  border-radius: 8px;
  font-size: 12px;
  background-color: transparent !important;
}

.flatpickr-months .flatpickr-month {
  background-color: transparent !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-weight: 500;
}

/* .flatpickr-day.selected {
  border-color: #fff !important;
  border: 2px solid #fff;
} */

.flatpickr-day.today {
  border: 2px solid #fff;
}

#ResultsContainer span.flatpickr-weekday {
  color: var(--main-color);
}

#ResultsContainer .flatpickr-day {
  color: var(--main-color);
  min-width: 14.28%;
}

#ResultsContainer .flatpickr-disabled {
  opacity: 0.1;
}

#ResultsContainer .nextMonthDay {
  opacity: 0.1;
}

#ResultsContainer .flatpickr-rContainer {
  background: var(--background-search);
  padding: 20px;
  border-radius: 8px;
}

html body #ResultsContainer .flatpickr-prev-month {
  border-radius: 50%;
  border: 1px solid var(--main-color);
  width: 20px !important;
  height: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 18px 20px;
}
html body #ResultsContainer .flatpickr-next-month {
  border-radius: 50%;
  border: 1px solid var(--main-color);
  width: 20px !important;
  height: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 18px 20px;
}

#ResultsContainer .flatpickr-prev-month svg {
  fill: var(--main-color);
  width: 10px !important;
}
#ResultsContainer .flatpickr-next-month svg {
  fill: var(--main-color);
  width: 10px !important;
}

#ResultsContainer .flatpickr-disabled {
  opacity: 0.4;
}

#ResultsContainer .flatpickr-days {
  width: 100%;
}

#ResultsContainer .dayContainer {
  justify-content: start;
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}

#ResultsContainer .dayContainer span {
  margin: 0;
}

#ResultsContainer .flatpickr-rContainer {
  width: 100%;
}

#ResultsContainer
  .flatpickr-current-month
  select.flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#ResultsContainer .flatpickr-months {
  margin-bottom: 20px;
}


.fav-icon[data-v-a7002368] {
    border-radius: 50%;
    background: rgba(20, 40, 74, 0.2);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}


.fav-icon[data-v-e404f52e] {
    border-radius: 50%;
    background: rgba(20, 40, 74, 0.2);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}


.share-icon-absolute{
  position: absolute;
  top: 14px;
  right: 70px;
}
.ilike-icon-absolute{
  position: absolute;
  top: 14px;
  right: 30px;
}
.walletButtonDisabled {
    background: linear-gradient(var(--background-color-button),
      var(--background-color-button)) padding-box,
    linear-gradient(60deg, grey, grey) border-box;
    border: 2px solid transparent;
    border-radius: 36px;

} 
#ResultsContainer .withLine::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(
    103.18deg,
    var(--color1) 3.29%,
    var(--color2) 97.77%
  );
}

#ResultsContainer .CloseModal {
  top: 10px;
  right: 10px;
}

#ResultsContainer .selected svg {
  transition: 0.7s;
  transform: rotate(180deg);
}

.ActivitiesRow.active::after {
  background-color: var(--color2);
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
}

.ActivitiesRow.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    to right,
    var(--color2),
    rgba(243, 243, 243, 0)
  );
  border-radius: 8px;
  opacity: 0.4;
}

.WrapperActivitiesRows .ActivitiesRow {
  border-radius: 8px;
  background-color: var(--background-search);
  height: -moz-fit-content;
  height: fit-content;
  max-width: 33%;
}

.WrapperActivitiesRows {
  gap: 5%;
  border-bottom: 1px solid var(--background-search);
  height: 0px;
  overflow: hidden;
  padding: 0 !important;
  transition: 0.5s;
}

#ResultsContainer .ActivitiesModal {
  height: -moz-fit-content;
  height: fit-content;
  width: 464px;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--background-color);
  border-radius: 16px;
}

#ResultsContainer .ActivitiesOverlay {
  background: #00000059;
  z-index: 3;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

#ResultsContainer .circle.Available {
  background: var(--background-search);
}

#ResultsContainer .circle {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 1px solid var(--background-search);
}

#ResultsContainer .ContainerTimeSelector div.active::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    to right,
    var(--color3),
    rgba(243, 243, 243, 0)
  );
  border-radius: 8px;
  opacity: 0.4;
}

/* #ResultsContainer .ContainerTimeSelector div.active::after {
  background-color: var(--color2);
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  border-radius: 50%;
  height: 14px;
  width: 14px;
} */
#ResultsContainer .ContainerTimeSelector {
  background: var(--background-color);
}

#ResultsContainer .ContainerTimeSelector div.active.disabled::before {
  display: none;
}
#ResultsContainer .ContainerTimeSelector div.active.disabled::after {
  display: none;
}
#ResultsContainer .ContainerTimeSelector div.disabled {
  background: transparent !important;
  opacity: 0.6;
}

#ResultsContainer .ContainerTimeSelector div {
  position: relative;
  min-width: 22% !important;
}

#ResultsContainer .ContainerTimeSelector div:hover {
  background: var(--color3) !important;
  opacity: 0.6;
}

#ResultsContainer .iconBookResults {
  border-radius: 50%;
}

#ResultsContainer .iconBookResults.active {
  background-color: var(--color2);
}

#ResultsContainer .user-icon {
  padding: 16px 0;
  width: 279px;
}

#ResultsContainer .OpeningOpacityText {
  opacity: 0.8;
  font-size: 14px;
}

#ResultsContainer .OpeningResults {
  border-bottom: 1px solid #ffffff38;
}

#ResultsContainer .ResultImage {
  margin: 0 auto;
  width: 52%;
}

#ResultsContainer .ResultImage img {
  border-radius: 20px;
}

#ResultsContainer .MapsText {
  height: -moz-fit-content;
  height: fit-content;
}

#ResultsContainer .MapResuls {
  border-radius: 16px;
  max-height: 250px;
}

#ResultsContainer #map {
  height: 100%;
  width: 100%;
}

#ResultsContainer #map iframe {
  height: 100%;
  width: 100%;
}

/*#ResultsContainer path {
    fill: #ffffff !important;
    stroke: #000000 !important;
}*/

#ResultsContainer .containerMapsResults {
  gap: 6%;
}

#ResultsContainer .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(#010e2103, var(--background-color));
  z-index: 1;
}

#ResultsContainer .ContainerButtonSearch {
  margin-bottom: 12px;
}

#ResultsContainer .ContainerButtonSearch .WrapperButtonSearch {
  width: -moz-fit-content;
  width: fit-content;
}

#ResultsContainer .ContainerButtonSearch .WrapperButtonSearch div {
  padding: 2px 50px;
}

#ResultsContainer .textTitleResults {
  z-index: 1;
  bottom: -51px;
}

@media (min-width: 767px) {
  #ResultsContainer .selected .WrapperActivitiesRows {
    gap: 5%;
    border-bottom: 1px solid var(--background-search);
    height: 130px;
    overflow: hidden;
    padding: 0.75rem !important;
    transition: 0.5s;
  }
  #ResultsContainer .CalendarMaps {
    width: 47%;
    border-radius: 24px;
    min-height: 180px;
    background: var(--background-color);
  }

  #ResultsContainer {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #ResultsContainer .selected .WrapperActivitiesRows {
    gap: 5%;
    border-bottom: 1px solid var(--background-search);
    height: 80px;
    overflow: initial;
    transition: 0.5s;
  }
  #ResultsContainer .ActivitiesModal {
    width: 98%;
  }
  #ResultsContainer .MapResuls #map {
    height: 200px;
  }
  #ResultsContainer .MapResuls {
    border-radius: 0;
  }
  #ResultsContainer .ContainerButtonSearch .WrapperButtonSearch div {
    padding: 2px 20px;
  }
  #ResultsContainer .ResultImage {
    width: 100%;
  }

  #ResultsContainer .ResultImage .textTitleResults {
    bottom: -48px;
  }

  #ResultsContainer {
    margin: 0 auto;
    /* top: -23px; */
    max-width: 100%;
  }
}

#ResultsContainer {
  margin: 0 auto;
  /* top: -23px; */
  max-width: 100%;
}


#slider-wrapper .container[data-v-14115460] {
  max-width: 960px;
}
#slider-wrapper .container.container-sm[data-v-14115460] {
  max-width: 620px;
}
.wrapper-scroll-js[data-v-14115460] {
  position: relative;
  overflow: hidden;
}
.wrapper-scroll-js .container-scroll-js[data-v-14115460] {
  display: block;
  overflow: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.wrapper-scroll-js .container-scroll-js .content-scroll-js[data-v-14115460] {
  display: inline-block;
  white-space: nowrap;
}
.wrapper-scroll-js[data-v-14115460]:before,
.wrapper-scroll-js[data-v-14115460]:after {
  opacity: 0;
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  box-shadow: 0 0px 8px 8px rgba(0, 0, 0, 0.45);
  border-radius: 100%;
  z-index: 2;
  visibility: hidden;
  transition: 0.6s;
  width: 35px;
  left: -35px;
}
.wrapper-scroll-js[data-v-14115460]:after {
  top: 0;
  left: auto;
  right: -35px;
}
.wrapper-scroll-js.scroll-right[data-v-14115460]:after {
  opacity: 1;
  visibility: visible;
}
.wrapper-scroll-js.scroll-left[data-v-14115460]:before {
  opacity: 1;
  visibility: visible;
}
#slider-wrapper .container-hours[data-v-14115460] {
  gap: 10px;
}
#slider-wrapper .container-hours div[data-v-14115460] {
  border-radius: 16px;
}
.container-hours[data-v-14115460] {
  gap: 10px;
}
.container-scroll-js[data-v-14115460]::-webkit-scrollbar {
  -webkit-appearance: none;
}
.scroll-button[data-v-14115460] {
  height: 38px;
  border-radius: 0px;
  cursor: pointer;
}
.right[data-v-14115460] {
  transform: rotate(180deg);
}


.ilike-icon-absolute[data-v-ac43084a]{
  position: absolute;
  top: 14px;
  right: 30px;
}
.search-btn[data-v-ac43084a] {
  -webkit-backdrop-filter: initial;
          backdrop-filter: initial;
  background: #03437f;
  align-items: center;
  min-height: 21px;
  font-size: 12px;
  cursor: pointer;
}
.container-blur-text[data-v-ac43084a] {
  width: 304px;
  background: linear-gradient(
      180deg,
      rgba(32, 60, 109, 0.5) 0%,
      rgba(28, 43, 69, 0.095) 100%
    ),
    linear-gradient(
      180deg,
      rgba(32, 60, 109, 0.5) 0%,
      rgba(28, 43, 69, 0.095) 100%
    );
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 16px;
  font-size: 14px;
}
.container-hours[data-v-ac43084a] {
  gap: 10px;
}
.container-hours div[data-v-ac43084a] {
  background: #2b4762;
  border-radius: 16px;
  padding: 2px 8px;
}
.lock-icon[data-v-ac43084a] {
  top: 14px;
  border-radius: 50%;
  background: rgba(20, 40, 74, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  margin-left: 12px;
}
.search-elements[data-v-ac43084a] {
  max-width: 1340px;
  gap: 16px;
  margin: 0px 0px 20px 0px;
  overflow-y: initial;
}
.search-reference[data-v-ac43084a] {
  width: 90%;
  margin: 0 auto;
}
.product-search-wrapper[data-v-ac43084a] {
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: initial;
}
.search-reference .image-search[data-v-ac43084a] {
  width: 272px;
  height: 184px;
  overflow: hidden;
}
.search-reference .image-search img[data-v-ac43084a] {
  border-radius: 20px;
}
.search-reference li[data-v-ac43084a] {
  max-height: 42px;
  margin-top: 6px;
}
.search-image[data-v-ac43084a] {
  background: linear-gradient(
    265.36deg,
    #0356e1 0.37%,
    #23edee 136.83%
  ) !important;
}


.section[data-v-d5a50798] {
  margin-bottom: 10px;
}
button[data-v-d5a50798] {
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 32px;
  padding: 14.5px 0;
  cursor: pointer;
  width: 100%;
}
.hidden[data-v-d5a50798] {
  display: none;
}


.selected-option[data-v-64ecc916] {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  width: 44px;
  padding: 10px;
  font-size: 39px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
  justify-content: space-evenly;
}
.disabled[data-v-64ecc916] {
  background: transparent !important;
  opacity: 0.6;
  cursor: default;
}


.taykus-logo[data-v-e67eaa08] {
  padding: 0 50px 0 16px;
}
header[data-v-e67eaa08] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-e67eaa08] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-e67eaa08] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-e67eaa08] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-e67eaa08] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-e67eaa08] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-e67eaa08] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-e67eaa08] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-e67eaa08] {
  height: 100%;
}
h2[data-v-e67eaa08] {
  font-size: 21px!important;
}
label[data-v-e67eaa08] {
  font-size: 18px!important;
}
p[data-v-e67eaa08] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-e67eaa08] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-e67eaa08] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-e67eaa08] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-e67eaa08] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-4f515848] {
  padding: 0 50px 0 16px;
}
header[data-v-4f515848] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-4f515848] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-4f515848] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-4f515848] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-4f515848] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-4f515848] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-4f515848] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-4f515848] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-4f515848] {
  height: 100%;
}
h2[data-v-4f515848] {
  font-size: 21px!important;
}
label[data-v-4f515848] {
  font-size: 18px!important;
}
p[data-v-4f515848] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-4f515848] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-4f515848] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-4f515848] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-4f515848] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-6c2349f0] {
  padding: 0 50px 0 16px;
}
header[data-v-6c2349f0] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-6c2349f0] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-6c2349f0] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-6c2349f0] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-6c2349f0] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-6c2349f0] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-6c2349f0] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-6c2349f0] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-6c2349f0] {
  height: 100%;
}
h2[data-v-6c2349f0] {
  font-size: 21px!important;
}
label[data-v-6c2349f0] {
  font-size: 18px!important;
}
p[data-v-6c2349f0] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-6c2349f0] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-6c2349f0] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-6c2349f0] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-6c2349f0] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-1d9a0785] {
  padding: 0 50px 0 16px;
}
header[data-v-1d9a0785] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-1d9a0785] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-1d9a0785] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-1d9a0785] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-1d9a0785] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-1d9a0785] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-1d9a0785] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-1d9a0785] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-1d9a0785] {
  height: 100%;
}
h2[data-v-1d9a0785] {
  font-size: 21px!important;
}
label[data-v-1d9a0785] {
  font-size: 18px!important;
}
p[data-v-1d9a0785] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-1d9a0785] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-1d9a0785] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-1d9a0785] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-1d9a0785] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-933ab7bc] {
  padding: 0 50px 0 16px;
}
header[data-v-933ab7bc] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-933ab7bc] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-933ab7bc] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-933ab7bc] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-933ab7bc] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-933ab7bc] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-933ab7bc] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-933ab7bc] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-933ab7bc] {
  height: 100%;
}
h2[data-v-933ab7bc] {
  font-size: 21px!important;
}
label[data-v-933ab7bc] {
  font-size: 18px!important;
}
p[data-v-933ab7bc] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-933ab7bc] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-933ab7bc] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-933ab7bc] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-933ab7bc] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-36038bf8] {
  padding: 0 50px 0 16px;
}
header[data-v-36038bf8] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-36038bf8] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-36038bf8] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-36038bf8] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-36038bf8] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-36038bf8] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-36038bf8] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-36038bf8] {
  bottom: 7%;
  left: 50%;
}
.next-button .relative[data-v-36038bf8] {
  height: 100%;
}
h2[data-v-36038bf8] {
  font-size: 21px!important;
}
label[data-v-36038bf8] {
  font-size: 18px!important;
}
p[data-v-36038bf8] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-36038bf8] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-36038bf8] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-36038bf8] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-36038bf8] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


.taykus-logo[data-v-04437fd6] {
  padding: 0 50px 0 16px;
}
header[data-v-04437fd6] {
  padding: 0 8px;
  top: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px!important;
}
.back-button[data-v-04437fd6] {
  border-radius: 50%;
  padding: 10px 10px 8px 10px;
  background-color: #2B4164;
}
.slide-position[data-v-04437fd6] {
  align-items: end;
  padding: 0 24px;
  gap: 8px;
  width: 100%;
  height: 4rem;
  margin-bottom: 3.5rem;
}
.indicator[data-v-04437fd6] {
  background: #2b4164;
  border-radius: 30px;
}
.select-indicator[data-v-04437fd6] {
  background-color: #1ac0ea;
}
.button-next-img[data-v-04437fd6] {
  background: linear-gradient(271deg, #1ac0ea 3.29%, #0458e2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  height: 48px;
  width: 48px;
  padding: 16px 15px 14px 13px;
  bottom: 20px;
  transform: translate(-57%, 29px) rotate(180deg);
}
.button-next-b[data-v-04437fd6] {
  bottom: -20px;
  transform: translate(-57%, 11px);
}
.next-button[data-v-04437fd6] {
  bottom: 4%;
  left: 50%;
}
.next-button .relative[data-v-04437fd6] {
  height: 100%;
}
h2[data-v-04437fd6] {
  font-size: 21px!important;
}
label[data-v-04437fd6] {
  font-size: 18px!important;
}
p[data-v-04437fd6] {
  font-size: 14px!important;
}
@media (max-width: 375px) {
header[data-v-04437fd6] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    height: 120px;
}
.slide-position[data-v-04437fd6] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px!important;
}
}
@media (max-width: 320px) {
header[data-v-04437fd6] {
    padding: 0 8px;
    top: 20px;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
    height: 120px;
}
.slide-position[data-v-04437fd6] {
    align-items: end;
    padding: 0 24px;
    gap: 8px;
    width: 100%;
    height: 0px;
    margin-bottom: 0px;
}
}


@media (max-width: 400px) {
.min-h-responsive[data-v-64748ab3] {
      min-height: 640px;
}
}
.whiteTheme[data-v-64748ab3] {
    background-color: white;
    color: black;
}


.icon[data-v-cf186744] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.text[data-v-cf186744] {
  color: white;
}
.button :hover .icon[data-v-cf186744],
.button :hover .text[data-v-cf186744] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(0deg) brightness(100%) contrast(100%);
}
.button[data-v-cf186744] {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}


@media (min-width: 767px) {
h1[data-v-6f41f19a] {
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 67px;
    letter-spacing: 0.04em;
    text-align: center;
    margin-top: 20px;
}
.tabs li.image[data-v-6f41f19a] {
    background: rgba(255, 255, 255, 0.02);
    opacity: 0.8;
    box-shadow: inset 0px 0px 15px rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 30px;
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
label[data-v-6f41f19a] {
  margin: 0px 0px 0px 8px;
}
.tabs li[data-v-6f41f19a]:first-child {
  margin-left: 0px;
}
.tabs li[data-v-6f41f19a]:hover {
  color: #ffffff;
}
.tabs li.image:hover svg path[data-v-6f41f19a] {
  fill: #999999;
}
footer[data-v-6f41f19a] {
  width: 90%;
  margin: 20px auto 0px auto;
  padding-bottom: 0px;
}
footer h3[data-v-6f41f19a] {
  font-size: 48px;
  font-weight: 600;
}
footer h4[data-v-6f41f19a] {
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  display: inline-flex;
  max-width: 140px;
}
footer .open svg[data-v-6f41f19a] {
  position: relative;
  top: -39px;
  left: 145px;
}
.view-courts span[data-v-6f41f19a] {
  position: relative;
  top: 56px;
  left: 42px;
  font: 18px;
  font-weight: 600;
}
.all-tracks[data-v-6f41f19a] {
  width: 184px;
  height: 114px;
  background: #0458e2;
  border-radius: 12px;
}
.all-tracks a[data-v-6f41f19a] {
  position: relative;
  top: 45px;
  left: 40px;
  font: 18px;
  font-weight: 600;
}
input[type="checkbox"][data-v-6f41f19a] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #f3f3f34d;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  outline: none;
}
input[type="checkbox"].selected[data-v-6f41f19a] {
  box-sizing: border-box;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 100px;
}
input[type="checkbox"].selected[data-v-6f41f19a]::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.select-date[data-v-6f41f19a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14.5px 142px;
  width: 100%;
  height: 48px;
  background: linear-gradient(
    103.18deg,
    var(--color1) -38.71%,
    var(--color2) 57.77%
  );
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  margin-top: 24px;
}
.search-elements[data-v-6f41f19a]::-webkit-scrollbar {
  -webkit-appearance: none;
}
.search-elements[data-v-6f41f19a] {
  max-width: 1340px;
  gap: 16px;
  margin: 0px auto 20px auto;
  max-height: 63vh;
}
.search-image[data-v-6f41f19a] {
  background: linear-gradient(
    265.36deg,
    #0356e1 0.37%,
    #23edee 136.83%
  ) !important;
}
.wrapper-icon-home .container-custom-icon[data-v-6f41f19a] {
  border-radius: 50%;
}
.button-disabled[data-v-6f41f19a] {
  opacity: 0.5 !important;
  cursor: default !important;
}
.search-elements-container[data-v-6f41f19a] {
  overflow-y: scroll;
}


.sharedmedia__button[data-v-4dd24536]:last-of-type::before {
  display: none;
}
.sharedmedia__button[data-v-4dd24536]::before {
  content: "";
  top: 6px;
  width: 2px;
  right: -2px;
  height: 16px;
  position: absolute;
  display: var(--button-before-display);
  background-color: rgba(20, 20, 20, 0.12);
}
.sharedmedia__button__anchor[data-v-4dd24536]:hover,
.sharedmedia__button__anchor[data-v-4dd24536]:visited {
  color: var(--file-hover-color);
}


.callalert__wrapper[data-v-45b5858c] {
  animation: slideDown-45b5858c 250ms ease;
}
.callalert__wrapper *[data-v-45b5858c] {
  box-sizing: border-box !important;
  font-family: var(--call-alert-font-family) !important;
}
@keyframes slideDown-45b5858c {
0% {
    transform: translateY(-50px);
}
100% {
    transform: translateY(0px);
}
}


.callscreen__wrapper[data-v-bfdbf14a] {
  animation: fade-animation-bfdbf14a 250ms ease;
}
.callscreen__wrapper *[data-v-bfdbf14a] {
  box-sizing: border-box;
  font-family: var(--call-screen-font-family);
}
@keyframes fade-animation-bfdbf14a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}


.chat__item--hover[data-v-5a90023e]:hover {
  background-color: var(--chat-item-bg-color-hover);
}


.confirm__dialog__backdrop[data-v-f05fa876] {
  position: absolute;
}


.chats__wrapper *[data-v-222a8473] {
  box-sizing: border-box;
}
.chats__wrapper *[data-v-222a8473] ::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
.chats__wrapper *[data-v-222a8473] ::-webkit-scrollbar-track {
  background: #ffffff00;
}
.chats__wrapper *[data-v-222a8473] ::-webkit-scrollbar-thumb {
  background: #ccc;
}
.chats__wrapper *[data-v-222a8473] ::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
@media (min-width: 320px) and (max-width: 767px) {
.header__close[data-v-222a8473] {
    display: block !important;
}
}


.modal__createpoll__table tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.modal__createpoll__table__body td {
  padding: 6px 12px;
  font-size: 14px;
  color:black;
}
.modal__createpoll__table__body tr td:first-of-type {
  width: 90px;
}
.modal__createpoll__table__body label {
  padding: 6px 12px;
}
.modal__createpoll__table input:focus {
  outline: none !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .modal__createpoll__wrapper {
    width: 100% !important;
    height: 100% !important;
  }
}

.emoji-mart,
.emoji-mart * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* display: inline-block; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 420px;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart-emoji {
  padding: 6px;
  position: relative;
  display: inline-block;
  font-size: 0;
}

.emoji-mart-emoji span {
  display: inline-block;
}

.emoji-mart-preview-emoji .emoji-mart-emoji span {
  width: 38px;
  height: 38px;
  font-size: 32px;
}

.emoji-type-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
  word-break: keep-all;
}

.emoji-type-image {
  /* Emoji sheet has 56 columns, see also utils/emoji-data.js, SHEET_COLUMNS variable */
  /* Here we use (56+1) * 100% to avoid visible edges of nearby icons when scaling for different
   * screen sizes */
  background-size: 5700%;
}
.emoji-type-image.emoji-set-apple {
  background-image: url("https://unpkg.com/emoji-datasource-apple@5.0.1/img/apple/sheets-256/64.png");
}
.emoji-type-image.emoji-set-facebook {
  background-image: url("https://unpkg.com/emoji-datasource-facebook@5.0.1/img/facebook/sheets-256/64.png");
}
.emoji-type-image.emoji-set-google {
  background-image: url("https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png");
}
.emoji-type-image.emoji-set-twitter {
  background-image: url("https://unpkg.com/emoji-datasource-twitter@5.0.1/img/twitter/sheets-256/64.png");
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-scroll {
  position: relative;
  overflow-y: scroll;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 6px 6px 6px;
  z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
  -webkit-overflow-scrolling: touch;
}

.emoji-mart-anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg {
  fill: currentColor;
  max-height: 18px;
}

.emoji-mart .scroller {
  height: 250px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 6px 6px 6px;
  z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
  -webkit-overflow-scrolling: touch;
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: .2em .6em;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search-results {
  height: 250px;
  overflow-y: scroll;
}

.emoji-mart-category {
  position: relative;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
  opacity: 0;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  opacity: 1;
}

.emoji-mart-category-label {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-static .emoji-mart-category-label {
  z-index: 2;
  position: relative;
  /* position: sticky; */
  /* position: -webkit-sticky; */
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 21px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  -webkit-transition-property: width, padding;
  transition-property: width, padding;
  -webkit-transition-duration: .125s;
          transition-duration: .125s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { -webkit-transition-delay: .03s; transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { -webkit-transition-delay: .06s; transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { -webkit-transition-delay: .09s; transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { -webkit-transition-delay: .12s; transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { -webkit-transition-delay: .15s; transition-delay: .15s }

.emoji-mart-skin-swatch-selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch-selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%; padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }


/* vue-virtual-scroller/dist/vue-virtual-scroller.css */
.emoji-mart .vue-recycle-scroller {
  position: relative;
}
.emoji-mart .vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.emoji-mart .vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.emoji-mart .vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.emoji-mart .vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
}
.emoji-mart .vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.emoji-mart .vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.emoji-mart .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.emoji-mart .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.emoji-mart .vue-recycle-scroller.ready.direction-vertical
  .vue-recycle-scroller__item-view {
  width: 100%;
}
.emoji-mart .vue-recycle-scroller.ready.direction-horizontal
  .vue-recycle-scroller__item-view {
  height: 100%;
}
.emoji-mart .resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}
.emoji-mart .resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}


.regular__reaction__picker
  > .emoji-mart
  > .emoji-mart-bar
  > .emoji-mart-preview
  > .emoji-mart-preview-data {
  right: unset !important;
  text-align: left;
}


.cometchat__message__reaction[data-v-55b1c3c6]:hover {
  border: var(--reaction-hover-border) !important;
}


.message__timestamp__img[data-v-ef518c8a] {
  margin-left: 3px;
  display: inline-block;
  vertical-align: bottom;
}


.cometchat__replycount[data-v-2f848d17]:hover {
  text-decoration: underline;
}


.receiver__poll__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-message-poll-bubble-hover-display,
    visible
  ) !important;
}


.receiver__sticker__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-sticker-message-bubble-hover-display,
    visible
  ) !important;
}


.sender__poll__message__actions__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-message-poll-bubble-hover-display,
    visible
  ) !important;
}


.sender__sticker__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-sticker-message-bubble-hover-display,
    visible
  ) !important;
}


.live__reaction__emoji--fade {
  opacity: 0 !important;
}


.sticker__set__item[data-v-2cf2c586]:not(:first-of-type) {
  margin-left: 16px;
}
.sticker__set__item--active[data-v-2cf2c586] {
  box-sizing: border-box;
  border-bottom: 1px solid var(--sticker-set-active-color);
}
/* .sticker__set::-webkit-scrollbar {
}
.sticker__set::-webkit-scrollbar-thumb {
} */


.slide-enter-active[data-v-0ac81fe4] {
  animation: slide-0ac81fe4 0.4s ease-out;
}
.slide-leave-active[data-v-0ac81fe4] {
  animation: slide-0ac81fe4 0.4s ease-out reverse;
}
.slide-big-enter-active[data-v-0ac81fe4] {
  animation: slide-big-0ac81fe4 0.4s ease-out;
}
.slide-big-leave-active[data-v-0ac81fe4] {
  animation: slide-big-0ac81fe4 0.4s ease-out reverse;
}
.composer__input[data-v-0ac81fe4]:empty::before {
  content: attr(placeholder);
  color: rgb(153, 153, 153);
  pointer-events: none;
  display: block;
}
.composer__attachment_icon[data-v-0ac81fe4] {
  margin: "auto 0";
}
.composer__file__item[data-v-0ac81fe4] {
  background-size: contain !important;
}
.composer__file__item > input[data-v-0ac81fe4] {
  /* position: absolute;
  bottom: -50vh; */
  visibility: hidden;
  display: block;
  width: 0;
  height: 0;
}
.composer__loader[data-v-0ac81fe4] {
  background: linear-gradient(
    -45deg,
    var(--loader-background-color-1),
    var(--loader-background-color-2)
  );
  background-size: 400% 400%;
  animation: gradient-0ac81fe4 0.5s ease infinite;
}
@keyframes slide-0ac81fe4 {
from {
    bottom: -60px;
}
to {
    bottom: 0px;
}
}
@keyframes slide-big-0ac81fe4 {
0% {
    opacity: 0;
    transform: translateY(100%);
}
35% {
    opacity: 0;
}
100% {
    opacity: 1;
    transform: translateY(0%);
}
}
@keyframes gradient-0ac81fe4 {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}


.cometchat_chat_option[data-v-262b86c2]:first-of-type {
  margin-left: 0 !important;
}
.cometchat_chat_option[data-v-262b86c2]:last-of-type {
  margin-right: 0 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.cometchat_sidebar_btn[data-v-262b86c2] {
    display: block !important;
}
.cometchat__message__header__user[data-v-262b86c2] {
    width: calc(100% - 80px) !important;
}
}


.sender__message__action__wrapper:hover ul.message__actions {
  visibility: var(--sender-message-bubble-hover-display, visible) !important;
}
.sender__message__text > img {
  zoom: 1;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  vertical-align: top;
  display: inline-block;
}
.sender__message__text a {
  color: #0432ff;
}
.sender__message__text a:hover {
  color: #04009d;
}
.sender__message__text a[href^="mailto:"] {
  color: #0432ff;
}
.sender__message__text a[href^="mailto:"]:hover {
  color: #f36800;
}
.sender__message__text a[href^="tel:"] {
  color: #3802da;
}
.sender__message__text a[href^="tel:"]:hover {
  color: #2d038f;
}


.sender__message__file__link[data-v-10f0090c] {
  color: var(--file-message-bg-color);
}
.sender__message__file__link[data-v-10f0090c]:visited,
.sender__message__file__link[data-v-10f0090c]:active,
.sender__message__file__link[data-v-10f0090c]:hover {
  text-decoration: none;
  color: var(--file-message-color);
}
.sender__message__file__img[data-v-10f0090c] {
  margin-left: 8px;
  border-radius: 4px;
}


.sender__file__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-file-message-bubble-hover-display,
    visible
  ) !important;
}


@media (min-width: 320px) and (max-width: 767px) {
.message__img__wrapper[data-v-76384295] {
    height: 100px !important;
    min-width: 50px !important;
    max-width: 150px !important;
    padding: 2px 2px !important;
}
}


.sender__image__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-image-message-bubble-hover-display,
    visible
  ) !important;
}


.sender__video__message[data-v-64796d65],
.sender__video__message[data-v-64796d65]:focus {
  outline: none;
}


.sender__video__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-video-message-bubble-hover-display,
    visible
  ) !important;
}


.sender__audio__message[data-v-6a8817c4],
.sender__audio__message[data-v-6a8817c4]:focus {
  outline: none;
}


.sender__audio__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --sender-audio-message-bubble-hover-display,
    visible
  ) !important;
}


.receiver__message__action__wrapper:hover ul.message__actions {
  visibility: var(--receiver-message-bubble-hover-display, visible) !important;
}
.receiver__message__text > img {
  zoom: 1;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  vertical-align: top;
  display: inline-block;
}
.receiver__message__text a {
  color: #0432ff;
}
.receiver__message__text a:hover {
  color: #04009d;
}
.receiver__message__text a[href^="mailto:"] {
  color: #0432ff;
}
.receiver__message__text a[href^="mailto:"]:hover {
  color: #f36800;
}
.receiver__message__text a[href^="tel:"] {
  color: #3802da;
}
.receiver__message__text a[href^="tel:"]:hover {
  color: #2d038f;
}


.receiver__message__file__link[data-v-7daba804] {
  background-color: var(--file-recieve-message-bg-color) !important;
}
.receiver__message__file__link[data-v-7daba804]:visited,
.receiver__message__file__link[data-v-7daba804]:active,
.receiver__message__file__link[data-v-7daba804]:hover {
  text-decoration: none;
  color: var(--file-recieve-message-color);
}
.receiver__message__file__img[data-v-7daba804] {
  margin-left: 8px;
  border-radius: 4px;
}


.receiver__file__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-file-message-bubble-hover-display,
    visible
  ) !important;
}


@media (min-width: 320px) and (max-width: 767px) {
.message__img__wrapper[data-v-4fd9b578] {
    height: 100px !important;
    min-width: 50px !important;
    max-width: 150px !important;
    padding: 2px 2px !important;
}
}


.receiver__image__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-image-message-bubble-hover-display,
    visible
  ) !important;
}


.receiver__video__message[data-v-297625a8]:focus {
  outline: none;
}


.receiver__video__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-video-message-bubble-hover-display,
    visible
  ) !important;
}


.receiver__audio__message[data-v-4cf75ef2]:focus {
  outline: none;
}


.receiver__audio__message__action__wrapper:hover ul.message__actions {
  visibility: var(
    --receiver-message-audio-bubble-hover-display,
    visible
  ) !important;
}


.cometchat__thread__container > .chat__list {
  min-height: 250px;
}


.cometchat__thread__wrapper *[data-v-73f3b02c] {
  box-sizing: border-box;
  font-family: var(--thread-font-family);
}


.message__timestamp__img[data-v-69a42bb0] {
  margin-left: 3px;
  display: inline-block;
  vertical-align: bottom;
}


.cometchat__main__chat *[data-v-5c64500d] {
  box-sizing: border-box;
  font-family: var(--chat-wrapper-font-family) !important;
}


.cometchat__detailpane *[data-v-a57ca0da] {
  box-sizing: border-box;
  font-family: var(--detailpane-font-family);
}
.cometchat__detailpane__section[data-v-a57ca0da]:not(:last-of-type) {
  margin-bottom: 16px;
}
.cometchat__detailpane__section__privacy > div[data-v-a57ca0da] {
  color: var(--privacy-color-red);
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
}
.cometchat__detailpane__content__item[data-v-a57ca0da]:not(:first-of-type):not(:last-of-type) {
  padding: 6px 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
.cometchat__header__close[data-v-a57ca0da] {
    display: block !important;
}
}


.list__item--hover[data-v-05b95170]:hover {
  background-color: var(--list-item-bg-color-hover);
}


.contacts__wrapper *[data-v-58ff3c32] {
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
.header__close[data-v-58ff3c32] {
    display: block !important;
}
}


.cometchat__contacts *[data-v-5b028233] {
  box-sizing: border-box;
  font-family: var(--cometchat-font-family) !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.contacts__sidebar[data-v-5b028233] {
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    transition: all 0.3s ease-out;
    position: absolute !important;
    left: var(--cometchat-contacts-sidebar-left);
    background-color: var(--cometchat-contacts-sidebar-bg);
    box-shadow: var(--cometchat-contacts-sidebar-box-shadow);
}
.contacts__main[data-v-5b028233] {
    width: 100% !important;
}
.contacts__secondary-view[data-v-5b028233] {
    top: 0;
    bottom: 0;
    z-index: 2;
    right: 0 !important;
    width: 100% !important;
    position: absolute !important;
    background-color: var(--contacts-secondary-bg-color) !important;
}
}


.addmembers__table__row[data-v-71466485]:not(:first-of-type) {
  border-top: none !important;
}
.addmember__checkbox:checked + label[data-v-71466485] {
  background: var(--active-state-background) !important;
  background-size: 16px;
}


@media (min-width: 320px) and (max-width: 767px) {
.cometchat__add__members__wrapper[data-v-3fce3a0b] {
    width: 100% !important;
    height: 100% !important;
}
.cometchat__add__members__table[data-v-3fce3a0b] {
    height: 100% !important;
}
}


@media (min-width: 320px) and (max-width: 767px) {
.cometchat__modal__banmembers[data-v-7a00556a] {
    width: 100% !important;
    height: 100% !important;
}
.tablehead__rolecolumn[data-v-7a00556a] {
    width: 115px !important;
}
}


.modal__creategroup__table tr[data-v-2a78fb6f] {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.modal__creategroup__table__body td[data-v-2a78fb6f] {
  padding: 8px 0px;
  font-size: 14px;
}
.modal__creategroup__table__body input[data-v-2a78fb6f] {
  width: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  padding: 10px 14px !important;
}
.modal__creategroup__table__body select[data-v-2a78fb6f] {
  outline: none;
  padding: 10px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.modal__creategroup__wrapper[data-v-2a78fb6f] {
    width: 100% !important;
    height: 100% !important;
}
}


@media (min-width: 320px) and (max-width: 767px) {
.member__list__avatar[data-v-32a93064] {
    display: var(--members-avatar-display) !important;
}
.member__list__name[data-v-32a93064] {
    width: var(--members-name-width) !important;
}
.member__list__scope__column[data-v-32a93064] {
    width: 180px !important;
}
.member__list__action__column[data-v-32a93064] {
    width: 54px !important;
}
}


@media (min-width: 320px) and (max-width: 767px) {
.modal__viewmembers[data-v-516393b4] {
    width: 100% !important;
    height: 100% !important;
}
.viemembers__scope[data-v-516393b4] {
    width: 170px;
}
.viemembers__actions[data-v-516393b4] {
    width: 55px !important;
}
}


.cometchat__detailpane__section__content[data-v-1b5eddc0]:not(:last-of-type) {
  margin-bottom: 16px !important;
}
.cometchat__detailpane__content__item[data-v-1b5eddc0]:first-of-type {
  padding-top: 0px !important;
}
.cometchat__detailpane__content__item[data-v-1b5eddc0]:last-of-type {
  padding-bottom: 0px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.cometchat__header__close[data-v-1b5eddc0] {
    display: block !important;
}
}


.group__item--hover[data-v-1272ac24]:hover {
  background-color: var(--group-item-bg-color-hover);
}


.groups__wrapper *[data-v-2b402ae7] {
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px) {
.header__close[data-v-2b402ae7] {
    display: block !important;
}
}


.cometchat__groups *[data-v-5f9a9284] {
  box-sizing: border-box;
  font-family: var(--cometchat-font-family) !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.groups__sidebar[data-v-5f9a9284] {
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    transition: all 0.3s ease-out;
    position: absolute !important;
    left: var(--cometchat-groups-sidebar-left);
    background-color: var(--cometchat-groups-sidebar-bg);
    box-shadow: var(--cometchat-groups-sidebar-box-shadow);
}
.groups__main[data-v-5f9a9284] {
    width: 100% !important;
}
.groups__secondary-view[data-v-5f9a9284] {
    top: 0;
    bottom: 0;
    z-index: 2;
    right: 0 !important;
    width: 100% !important;
    position: absolute !important;
    background-color: var(--groups-secondary-bg-color) !important;
}
}


.cometchat__chats *[data-v-6c1a522a] {
  box-sizing: border-box;
  font-family: var(--chat-screen-font-family) !important;
}
@media (min-width: 320px) and (max-width: 767px) {
.chats__sidebar[data-v-6c1a522a] {
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    transition: all 0.3s ease-out;
    position: absolute !important;
    left: var(--cometchat-chats-sidebar-left);
    background-color: var(--cometchat-chats-sidebar-bg);
    box-shadow: var(--cometchat-chats-sidebar-box-shadow);
}
.chats__main[data-v-6c1a522a] {
    width: 100% !important;
}
.chats__secondary-view[data-v-6c1a522a] {
    top: 0;
    bottom: 0;
    z-index: 2;
    right: 0 !important;
    width: 100% !important;
    position: absolute !important;
    background-color: var(--chats-secondary-bg-color) !important;
}
}


.cometchat__user__info[data-v-cc2956b4] {
  box-sizing: border-box;
  font-family: var(--cometchat-user-info-font-family);
}
.info__item--hover[data-v-cc2956b4]:hover {
  background-color: var(--info-item-bg-color-hover) !important;
}


.sidebar__footer[data-v-34c90364]{
  display: none;
}
.cometchat__unified__navbar[data-v-34c90364] {
  height: 100%;
  width: 260px;
}
.cometchat__unified__navbar .chats__wrapper[data-v-34c90364],
.cometchat__unified__navbar .groups__wrapper[data-v-34c90364],
.cometchat__unified__navbar .contacts__wrapper[data-v-34c90364] {
  height: calc(100% - 50px) !important;
}
@media (min-width: 240px) and (max-width: 680px) {
.cometchat__unified__navbar[data-v-34c90364] {
    width: 100% !important;
}
}


.cometchat__unified[data-v-6d2a2a2a] {
  box-sizing: border-box !important;
  font-family: var(--cometchat-unified-font-family) !important;
}
@media (min-width: 240px) and (max-width: 680px) {
.unified__sidebar[data-v-6d2a2a2a] {
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100% !important;
    position: absolute !important;
    transition: all 1.0s ease-in-out;
    left: var(--cometchat-unified-sidebar-left);
    /*background-color: var(--cometchat-unified-sidebar-bg-color);*//*removed background color to see div message*/
    box-shadow: var(--cometchat-unified-sidebar-box-shadow, none);
}
.unified__main[data-v-6d2a2a2a] {
    width: 100% !important;
}
.unified__secondary[data-v-6d2a2a2a] {
    top: 0;
    bottom: 0;
    z-index: 2;
    right: 0 !important;
    width: 100% !important;
    position: absolute !important;
    background-color: var(--cometchat-unified-sidebar-bg-color);
    color: burlywood;
}
}


#chat {
  height: 800px;
  margin-top: 40px;
}
@media (min-width: 240px) and (max-width: 680px) {
  #chat {
    height: 586px;
    margin-top: 40px;
  }
}
.chats__wrapper div,
.unified__sidebar {
  border: none !important;
}
.chat__item--hover {
  border-radius: 20px;
}
.cometchat__main__chat div {
  border-radius: 20px;
  margin-bottom: 5px;
  border: none !important;
}


.cancelWalletButton[data-v-4abb709c] {
    align-content: center;
    background: linear-gradient(var(--background-color-button),
      var(--background-color-button)) padding-box,
    linear-gradient(60deg,#f472b6, #f472b6) border-box;
    border: 2px solid transparent;
    border-radius: 36px;
}


.icon {
  height: 24px;
}



.icon[data-v-9ca16dea] {
  width: 26px;
  height: 26px;
}
/* Tooltip text */
.tooltip .tooltiptext[data-v-9ca16dea] {
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext-hidden[data-v-9ca16dea] {
  visibility: hidden;
  opacity: 0;
}
.tooltip .tooltiptext[data-v-9ca16dea] {
  visibility: visible !important;
  opacity: 1 !important;
}
.inputImage[data-v-9ca16dea] {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(-20px, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lastInput[data-v-9ca16dea] {
  border-radius: 24px;
  opacity: 0.800000011920929;
  background: linear-gradient(
      270deg,
      rgba(12, 31, 50, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(255, 255, 255, 0.02);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.15) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding: 12px 40px 12px 24px;
  gap: 12px;
}
.image[data-v-9ca16dea] {
  max-width: 548px !important;
  max-height: 424px !important;
  border-radius: 16px;
}
.containerPaymentText[data-v-9ca16dea] {
  padding: 21px 0;
}
@media (max-width: 767px) {
.containerPaymentText[data-v-9ca16dea] {
    padding: 8px 0;
}
}


.paymentWrapper[data-v-0a050797] {
  width: 90%;
  margin: 0 auto;
}
.paymentBoxLeft[data-v-0a050797] {
  border-radius: 24px;
  background: var(--background-color-box);
  /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
.paymentBoxRight[data-v-0a050797] {
  border-radius: 24px;
}
.paymentBoxLeft .custom-gradient[data-v-0a050797] {
  border-bottom: 1px solid #ffffff21;
}
@media (min-width: 1100px) and (max-width: 1300px) {
.paymentBoxRight[data-v-0a050797] {
    min-width: 50% !important;
}
.paymentBoxLeft[data-v-0a050797] {
    min-width: 50% !important;
}
}
@media (min-width: 767px) {
.addPlayers[data-v-0a050797] {
    width: 108px;
}
.paymentBoxLeft[data-v-0a050797] {
    width: 50%;
    min-width: 612px;
    /* height: 754px; */
}
.paymentBoxRight[data-v-0a050797] {
    width: 50%;
    min-width: 612px;
    height: 754px;
    background: var(--background-color-box);
    /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
.multiplier[data-v-0a050797] {
    margin: 0 auto 14px auto;
}
}
.multiplier[data-v-0a050797] {
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: var(--color-text-medium, #1c2a41);
  width: 39px;
}
.paymentOption[data-v-0a050797] {
  border-radius: 16px;
  border: 1px solid #1c2a41;
}
@media (max-width: 767px) {
.paymentOption[data-v-0a050797] {
    background-color: var(--background-color-box);
    box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
    align-items: start;
}
.bottomTotal[data-v-0a050797] {
    background-color: var(--background-color-box);
    box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.192);
    border-radius: 16px;
}
}
.bottomTotal[data-v-0a050797] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.192);
  bottom: 0;
}
.customBorder[data-v-0a050797] {
  background: linear-gradient(
        var(--background-color-button),
        var(--background-color-button)
      )
      padding-box,
    linear-gradient(60deg, var(--color1), var(--color2)) border-box;
  border: 1px solid transparent;
}
.addPlayers[data-v-0a050797] {
  border: 2px solid transparent;
  border-radius: 8px;
  height: 128px;
}
.check[data-v-0a050797] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #586577;
}
.customBorder .paySelected[data-v-0a050797]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-image: url(/img/plCheck.1433c0b4.svg);
  background-size: 100%;
}
@media (max-width: 767px) {
.addPlayers[data-v-0a050797] {
    right: 20px;
    top: 12%;
    width: 80px;
    height: 95px;
}
.paymentOption .check[data-v-0a050797] {
    width: 20px;
    height: 20px;
}
.paySelected[data-v-0a050797]::after {
    width: 20px !important;
    height: 20px !important;
}
}
.playerIcon[data-v-0a050797] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin: 0 auto;
}
.playerIcon[data-v-0a050797]::after {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/img/userw.a314d35c.svg);
}
@media (max-width: 767px) {
.playerIcon[data-v-0a050797] {
    width: 32px;
    height: 32px;
}
.playerIcon[data-v-0a050797]::after {
    height: 16px;
    width: 16px;
}
}
.buttomPayMode[data-v-0a050797] {
  border-radius: 32px;
  padding: 14px 0;
  width: 120px;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
.buttomPayMode[data-v-0a050797] {
    border-radius: 32px;
    width: 327px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
}
@media (max-width: 767px) {
.check[data-v-0a050797] {
    height: 20px !important;
    width: 20px !important;
}
}
@media (max-width: 1100px) and (min-width: 767px) {
.wrapperCheckout[data-v-0a050797] {
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
}
.playerSelected[data-v-0a050797] {
  background: linear-gradient(
        var(--background-color-box),
        var(--background-color-box)
      )
      padding-box,
    linear-gradient(60deg, var(--color1), var(--color2)) border-box;
  border: 1px solid transparent;
}
.playerSelected .check[data-v-0a050797]::after {
  content: "";
  background-image: url(/img/plCheck.1433c0b4.svg);
  height: 25px;
  width: 25px;
  left: 50%;
  top: 50%;
  position: absolute;
  background-size: 100%;
  transform: translate(-50%, -50%);
}


.scoreUsers[data-v-571fd872] {
  top: -8px;
  font-size: 10px;
  right: -14px;
  font-weight: bold;
  color: black;
}
.numberScore[data-v-571fd872] {
  top: 10px;
  left: 5px;
}
.error_color[data-v-571fd872] {
  color: #f472b6;
}
.borderTest[data-v-571fd872] {
  border-right: 4px solid !important;
}
.search-container .clear-icon[data-v-571fd872] {
  z-index: 0;
  top: 8.3px;
  right: 10px;
  cursor: pointer;
  height: 27px;
}
.paymentBox[data-v-571fd872] {
  border-radius: 24px;
  background: var(--background-color-button);
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  z-index: 9999;
  position: relative;
}
.locatePlayers[data-v-571fd872] {
  width: 50%;
  /* height: 592px; */
  height: -moz-fit-content;
  height: fit-content;
  flex-shrink: 0;
}
.searchPlayers[data-v-571fd872] {
  width: 50%;
  min-width: 462px;
  /* height: 627px; */
  flex-shrink: 0;
}
@media (min-width: 1200px) {
.locatePlayers[data-v-571fd872] {
    min-width: 612px;
}
.searchPlayers[data-v-571fd872] {
    min-width: 462px;
}
}
.borderBoxPayment[data-v-571fd872] {
  border: 1px solid rgba(255, 255, 255, 0.11);
}
.wrapperBoxPayment[data-v-571fd872] {
  width: 680px;
}
.boxPayment[data-v-571fd872] {
  width: 50%;
  cursor: pointer;
  background: #0458e2ad;
  border: 1px solid var(--main-color);
}
.blankBoxRight[data-v-571fd872] {
  width: 20%;
  height: var(--box-height, 360px);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  background: #0458e2ad;
  border: 1px solid var(--main-color);
}
.blankBoxLeft[data-v-571fd872] {
  width: 20%;
  height: var(--box-height, 360px);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  background: #0458e2ad;
  border: 1px solid var(--main-color);
}
.resetBorder[data-v-571fd872] {
  border-radius: 32px;
  background-color: aqua;
  width: 327px;
  padding: 1px;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
}
.reset-button[data-v-571fd872] {
  background: var(--background-color-box);
  font-size: 16px;
  cursor: pointer;
  border-radius: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
}
.imageBoxPlayers[data-v-571fd872] {
  width: 64px;
  height: 64px;
}
.imageBoxPlayers img[data-v-571fd872] {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.selectPlayerBorder .imageBoxPlayers[data-v-571fd872]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  background-color: var(--color2);
  background-size: 100%;
  background-image: url(/img/whiteCircle.72a58138.svg);
}
.selectPlayerBorder .imageBoxPlayers[data-v-571fd872]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url(/img/userAddWhite.7b1d55fe.svg);
}
.selectPlayerBorder[data-v-571fd872] {
  -o-border-image: linear-gradient(to right, var(--color1), var(--color2));
     border-image: linear-gradient(to right, var(--color1), var(--color2));
  border-image-slice: 1;
}
.reference-seach[data-v-571fd872] {
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  padding-left: 46px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.containerPlayers[data-v-571fd872] {
  max-height: 585px;
  overflow: scroll;
  overflow-x: hidden;
}
.containerPlayers[data-v-571fd872]::-webkit-scrollbar {
  width: 4px;
}
.containerPlayers[data-v-571fd872]::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.11);
  border-radius: 10px;
}
.containerPlayers[data-v-571fd872]::-webkit-scrollbar-thumb {
  background-color: #3d5c8f;
  border-radius: 10px;
}
.containerPlayers img[data-v-571fd872] {
  width: 48px;
  height: 48px;
}
.referenceSelect[data-v-571fd872] {
  background: linear-gradient(
    107deg,
    rgba(6, 27, 46, 0) 0%,
    rgba(7, 106, 227, 0.13) 100%
  );
  border-radius: 16px;
}
.referenceSelect[data-v-571fd872]::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 0;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALLSURBVHgBrZTPTxNREMdndltsQsXFBMVoBTwb7c0fIaQ9m2g4eTLBm5yoJ6oX7cVEb5w8mAiJ4s00QAxHQP8AEf+ALoFIIka2icHt/phx3nvbX4FATNhkO29fZz47P75vAU74wuMcBma38xTa+bhBHkTseo8vrf830KnWnJSfKUFkTXHIDoXMHDByhMq6cq+FUVDxKyPuscDBpd0CBVzlgAQEDCFgCxgC6D1Zi3XjgB76L3OrnfFWN2ynQEQrTORImEQLhGRB8mIxTPIbi9X/wZDFuJIpbRUOBQ4u7wyzZc2icuYkiFGvO27Um9TeQ7CqTqnmHMwQ7WfiMCwgiUAFZGjDuQUR62Qs2TNgqcDxg56pQ0rmgnZQFZL8qnIViUzppKEMT8f6YKs8CNfOp9lUIdsRlbqAFz9t53V2qh7SbxYYqlzZvEscpdwno31QHsvC+6/7sPEjgqSvqg9OeqKWbwEplRk2mQhI7OVeG94Vz6CypnSE6dunoTwqsPV9mPzogU6v2RI1LExfbwGZQkf1LckH6g2Cq/1pWLjTL1ALyzezUL6VhfmNv/yo6okIWPmiAepKJBcRfhNok72u5JFIRIAM95b3NP7z/QGYvpGFD98FtrCnypNo5OaAdIxuSbypZ9ts5rnFn7/VqeCGErD4i4hzGZsX757FL5sNmFyqK5GDiB4gErEH2ofFojzXgre5K4qTag+ZZ5DguVmint5mPcKx+V3w/nAiHyNMIlOmWpge8toB2QTUMyMMjzv0JgVw3U9aoXUnIA1jJVQ0J4ZdG+LKAaA33u9xg8aTTJKTYmShO6P3SasAm5NVjxZO+HPtj0TXWf714MKquBbF1VVBSHqYrVOilaDGSrrgOlpcjN7k1joZXcAmlAIoEsGcBLpIBqAQysrtSbWVU3Y44r/uhiW1HH31vtrOW0FqCGI5s434W/ji6A/siV//AMOS5tEyRZxvAAAAAElFTkSuQmCC);
}
.containerPlayerIcons[data-v-571fd872] {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.containerPlayerIcons img[data-v-571fd872]:hover {
  transform: scale(1.1);
  transition: 0.4s;
}
.wrapperPlayers[data-v-571fd872] {
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1200px) {
.searchPlayers[data-v-571fd872] {
    width: 100%;
}
.locatePlayers[data-v-571fd872] {
    width: 100%;
    margin: 0;
}
}
.playersContainer[data-v-571fd872] {
  position: relative;
  min-width: 250px;
  min-height: var(--min-height, 170px);
  width: 100%;
}
@media (max-width: 767px) {
.searchPlayers[data-v-571fd872] {
    width: 100%;
    height: auto;
}
.playersContainer[data-v-571fd872] {
    min-height: var(--min-height-mobile, 198px);
}
.locatePlayers[data-v-571fd872] {
    background-color: transparent;
    height: auto;
}
.wrapperBoxPayment[data-v-571fd872] {
    width: 100%;
    height: auto;
}
.boxPayment[data-v-571fd872] {
    width: 50%;
}
.blankBoxRight[data-v-571fd872] {
    width: 15%;
    height: auto;
}
.blankBoxLeft[data-v-571fd872] {
    width: 15%;
    height: auto;
}
.imageBoxPlayers[data-v-571fd872] {
    width: 44px;
    height: 44px;
}
.selectPlayerBorder .imageBoxPlayers[data-v-571fd872]::before {
    width: 44px;
    height: 44px;
}
.selectPlayerBorder .imageBoxPlayers[data-v-571fd872]::after {
    width: 20px;
    height: 20px;
    background-size: 100%;
}
.borderBoxPayment .playerSubtitle[data-v-571fd872],
  .borderBoxPayment .playerTitle[data-v-571fd872] {
    font-size: 13px;
}
.searchPlayers[data-v-571fd872] {
    min-width: 100%;
}
.containerPlayers img[data-v-571fd872] {
    width: 38px;
    height: 38px;
}
.containerPlayers[data-v-571fd872] {
    max-height: 235px;
}
.borderBoxPayment .playerSubtitle[data-v-571fd872],
  .borderBoxPayment .playerTitle[data-v-571fd872] {
    font-size: 10px;
}
}
.buttomPayMode[data-v-571fd872] {
  border-radius: 32px;
  padding: 14px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}
@media (min-width: 767px) {
.buttomPayMode[data-v-571fd872] {
    border-radius: 32px;
    width: 327px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
    left: 49%;
}
}
.rotate[data-v-571fd872] {
  animation: rotation-571fd872 2s infinite linear;
}
@keyframes rotation-571fd872 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.borderBoxPayment input[data-v-571fd872] {
  width: 100px;
  padding: 8px;
  font-size: 12px;
}
.customBorder[data-v-571fd872] {
  background: linear-gradient(
        var(--background-color-box),
        var(--background-color-box)
      )
      padding-box,
    linear-gradient(60deg, var(--color1), var(--color2)) border-box;
  border: 1px solid transparent;
}


.paymentWrapper[data-v-09c11e36] {
  width: 90%;
  margin: 0 auto;
}


.colorButton[data-v-dec9c7aa] {
  border-radius: 32px;
  width: 120px;
  padding: 14px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
.colorButton[data-v-dec9c7aa] {
    border-radius: 32px;
    width: 327px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
}


.iframe {
  width: 100%;
  height: 700px;
  overflow: hidden;
  border-radius: 2px;
  display: block;
}

#card-form {
  height: 180px !important;
  margin-top: 0.5rem;
}

@media (max-width: 500px) {
  #card-form {
    height: 210px !important;
  }
}



#card-form[data-v-b98bdd96] {
  height: 169px !important;
}
@media (max-width: 500px) {
#card-form[data-v-b98bdd96] {
    height: 200px !important;
}
}


#card-form[data-v-74c447e5] {
  height: 169px !important;
}
@media (max-width: 500px) {
#card-form[data-v-74c447e5] {
    height: 200px !important;
}
}


.iframe[data-v-30ad781d] {
  width: 100%;
  height: 700px;
  overflow: hidden;
  border-radius: 2px;
  display: block;
}


.fade-in[data-v-b936473c] {
  animation: fadeIn-b936473c 0.5s ease-in-out forwards;
}
@keyframes fadeIn-b936473c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}



.disabledButton[data-v-66e19011]{
  border: 1px solid #1c2a41 !important;
}
.fade-in-image[data-v-66e19011] { animation: fadeIn-66e19011 1s;
}
@keyframes fadeIn-66e19011 {
0% { opacity: 0;
}
100% { opacity: 1;
}
}
.filledButton[data-v-66e19011] {
  width: initial;
}
.check[data-v-66e19011] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #586577;
}
.referenceSearch[data-v-66e19011] {
  opacity: 0.8;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  padding-left: 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.modalPayment[data-v-66e19011] {
  width: 564px;
  /* height: 797px; */
  /* border-radius: 16px;
  background: var(--background-color-box);
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
@media (max-width: 767px) {
  /* .modalPayment {
    width: 90%;
    height: 90%;
    background-color: transparent;
  } */
}
.logoWrapper[data-v-66e19011] {
  background-color: #1c2a41;
  border-radius: 8px;
  margin: 0 16px;
}
.containerRowWallet[data-v-66e19011] {
  background: linear-gradient(
    107deg,
    rgba(6, 27, 46, 0) 0%,
    rgba(7, 106, 227, 0.13) 100%
  );
  border-radius: 16px;
  padding: 16px 0;
}
.policy[data-v-66e19011] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.158);
}
.arrowPolicy[data-v-66e19011] {
  transform: rotate(-90deg);
}
.modalPayment .check[data-v-66e19011] {
  border-radius: 8px;
  overflow: hidden;
}
.wrapperBottomWallet[data-v-66e19011] {
  bottom: 30px;
}
.modalNewPayment .referenceSearch[data-v-66e19011] {
  padding-left: 24px;
}
.modalNewPayment .seach-icon[data-v-66e19011] {
  left: auto;
  right: 20px;
}
.newPaymentText[data-v-66e19011] {
  color: white;
  border-radius: 16px;
  background: rgba(129, 170, 237, 0.1);
  opacity: 0.7;
}
.modalNewPayment[data-v-66e19011] {
  position: fixed;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 10%);
  width: 464px;
  background-color: var(--background-color-box);
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  z-index: 9;
  border-radius: 16px;
}
@media (max-width: 767px) {
.modalNewPayment[data-v-66e19011] {
    transform: translate(-50%, 0%);
    width: 100%;
    background-color: transp;
}
.check[data-v-66e19011] {
    height: 20px !important;
    width: 20px !important;
}
}
.modalPayment .seleccionado[data-v-66e19011]::after {
  content: "";
  background-image: url(/img/plCheck.1433c0b4.svg);
  height: 25px;
  width: 25px;
  left: 50%;
  top: 50%;
  position: absolute;
  background-size: 100%;
  transform: translate(-50%, -50%);
}
@media (min-width: 767px) {
.modalPayment .seleccionado[data-v-66e19011]::after {
    height: 38px;
    width: 38px;
}
}
.policy[data-v-66e19011] {
  height: 40px;
  overflow: hidden;
  transition: 0.5s;
}
.openPolicity[data-v-66e19011] {
  height: 160px !important;
  transition: 0.5s;
}
.checkoutPolicy[data-v-66e19011] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.158);
  height: 40px;
  transition: 0.4s;
  overflow: hidden;
}
.cardOption[data-v-66e19011] {
  border: 1px solid transparent;
  border-radius: 16px;
}
.deleteCard[data-v-66e19011] {
  background: #2b4164;
}
.fade-in[data-v-66e19011] {
  animation: fadeIn-66e19011 0.5s ease-in-out forwards;
}
@keyframes fadeIn-66e19011 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}


/* Tooltip text */
.tooltip .tooltiptext[data-v-7c4c7902] {
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext-hidden[data-v-7c4c7902] {
  visibility: hidden;
  opacity: 0;
}
.tooltip .tooltiptext[data-v-7c4c7902] {
  visibility: visible !important;
  opacity: 1 !important;
}
.inputImage[data-v-7c4c7902] {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(-20px, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lastInput[data-v-7c4c7902] {
  border-radius: 24px;
  opacity: 0.800000011920929;
  background: linear-gradient(
      270deg,
      rgba(12, 31, 50, 0.2) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    rgba(255, 255, 255, 0.02);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.15) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding: 12px 40px 12px 24px;
  gap: 12px;
}
.image[data-v-7c4c7902] {
  max-width: 548px !important;
  max-height: 424px !important;
  border-radius: 16px;
}
.containerPaymentText[data-v-7c4c7902] {
  padding: 21px 0;
}
@media (max-width: 767px) {
.containerPaymentText[data-v-7c4c7902] {
    padding: 8px 0;
}
}


.wrapperBottomWallet[data-v-f04240f2] {
  bottom: 30px;
}
.successfulCheck[data-v-f04240f2] {
  margin: 0 auto;
}


.Wrapper404[data-v-3570694a]{
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
}
.cactusR[data-v-3570694a] {
    bottom: 1px;
    right: 30px;
}
.cactusL[data-v-3570694a] {
    bottom: 1px;
    left: 30px;
}
.buttomPayMode[data-v-3570694a] {
    border-radius: 32px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
.Wrapper404[data-v-3570694a] {
    max-width: 420px;
}
.opacity[data-v-3570694a] {
    opacity: 0.6;
}


.paymentWrapper[data-v-76fe54ba] {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 767px) {
.paymentBoxRight[data-v-76fe54ba] {
    width: 700px;
    height: 754px;
    background: var(--background-color-box);
    /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
    border-radius: 20px;
}
}


.button-disabled[data-v-3809efe0] {
  opacity: 0.5 !important;
  cursor: default !important;
}
.paymentWrapper[data-v-3809efe0] {
  width: 90%;
  margin: 0 auto;
}
.scoreButtons[data-v-3809efe0] {
  max-width: 400px;
  width: 100%;
  margin: 0px auto;
}
.customBorder[data-v-3809efe0] {
  background: linear-gradient(
        var(--background-color-box),
        var(--background-color-box)
      )
      padding-box,
    linear-gradient(60deg, var(--color1), var(--color2)) border-box;
  border: 1px solid transparent;
}
.scoreResult input[data-v-3809efe0],
.scoreResult span[data-v-3809efe0] {
  text-align: center;
  width: 7rem;
  height: 7rem;
}
.scoreScope[data-v-3809efe0] {
  max-width: 700px;
  margin: 0 auto;
  background-color: var(--background-color);
}
.scoreScope .opacity[data-v-3809efe0] {
  color: rgba(255, 255, 255, 0.295);
}
.scoreScope .scoreBox[data-v-3809efe0] {
  border: 1px solid rgba(255, 255, 255, 0.199);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.scoreScopeOpen .scoreBox[data-v-3809efe0] {
  border: 1px solid rgba(255, 255, 255, 0.199);
}
.scoreScope .scoreName[data-v-3809efe0] {
  min-width: 180px;
  font-size: 12px;
}
@media (max-width: 767px) {
.scoreScope .scoreName[data-v-3809efe0] {
    min-width: 100px;
}
.scoreResult input[data-v-3809efe0],
  .scoreResult span[data-v-3809efe0] {
    text-align: center;
    width: 4rem;
    height: 2rem;
}
}
.scoreScope .borderl[data-v-3809efe0] {
  border-left: 1px solid rgba(255, 255, 255, 0.164);
}
.scoreScope .borderR[data-v-3809efe0] {
  border-left: 1px solid rgba(255, 255, 255, 0.164);
}
.scoreScope .noBorderT[data-v-3809efe0] {
  border-top: none;
  border-top-left-radius: 0;
}
.scoreScope .noBorderB[data-v-3809efe0] {
  border-bottom-left-radius: 0;
}
.paymentBoxLeft[data-v-3809efe0] {
  border-radius: 24px;
  /*background: var(--background-color-box);*/
  /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
.paymentBoxLeft .custom-gradient[data-v-3809efe0] {
  border-bottom: 1px solid #ffffff21;
}
.buttomPayMode[data-v-3809efe0] {
  border-radius: 32px;
  padding: 14px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  width: 90%;
}
@media (min-width: 767px) {
.paymentBoxRight[data-v-3809efe0] {
    margin: 0 auto;
    /* background: var(--background-color-box);
    box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
.paymentBoxLeft[data-v-3809efe0] {
    max-width: 686px;
    margin: 0 auto;
}
.buttomPayMode[data-v-3809efe0] {
    border-radius: 32px;
    width: 327px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
}


.WrapperError[data-v-29cb6e92] {
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
.buttomError[data-v-29cb6e92] {
  width: 327px;
  padding: 14px 0;
  gap: 10px;
  margin: 8px 0;
}


.WrapperPrivacy[data-v-4c0332c1] {
    max-width: 620px;
}
.opacity[data-v-4c0332c1] {
    opacity: 0.6;
}


.image[data-v-23f6553a] {
    width:68px;
    height:68px;
}
.pencil[data-v-23f6553a]{
    margin-top: auto;
    margin-left: -20px;
}
.br100[data-v-23f6553a] {
    border-radius: 50%;
}


.input[data-v-5f098c80] {
    background-color: black;
    color: white;
}
  

.input[data-v-24bcc1be] {
    background-color: black;
    color: white;
}
  

.progress-bar[data-v-25c256a4] {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.progressBar[data-v-25c256a4] {
    background: linear-gradient(
      103.18deg,
      var(--color1) 20.29%,
      var(--color2) 97.77%
    );
    border-radius: 16px;
    transition: width 0.5s ease; /* Add transition property for smooth animation */
}
.level-labels[data-v-25c256a4] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.init-level[data-v-25c256a4],
  .last-level[data-v-25c256a4],
  .level[data-v-25c256a4] {
    font-size: 14px;
    font-weight: bold;
    color: #e5e7eb;
}
  

.countContainer[data-v-54b610e7] {
  gap: 16px;
}


.input[data-v-6e5ab555] {
  background-color: black;
  color: white;
}


.link[data-v-18dea5c2]{
  color: #0458e2;
}
.progress-container[data-v-18dea5c2] {
  display: flex;
  gap: 1rem;
}
.progress-bar-wrapper[data-v-18dea5c2] {
  flex: 1; /* progress bars share space */
}
.single-bar .progress-bar-wrapper[data-v-18dea5c2] {
  flex-basis: 100%; /*only 1 bar 100% of width */
}
@media (min-width: 767px) {
.profileContainer[data-v-18dea5c2] {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
}
.profileContainer .m-center[data-v-18dea5c2] {
  margin: 0 auto;
}
.profileContainer .backButton[data-v-18dea5c2] {
  top: 10px;
  left: 20px;
}
.profileContainer .br100[data-v-18dea5c2] {
  border-radius: 50%;
}
.profileContainer .topProfile[data-v-18dea5c2] {
  position: relative;
  top: 30px;
}
.profileContainer .gradiend[data-v-18dea5c2] {
  background: linear-gradient(
    103.18deg,
    var(--color1) 20.29%,
    var(--color2) 97.77%
  );
}
.MyClubs .ClubElements[data-v-18dea5c2] {
  border: 1px solid rgba(255, 255, 255, 0.089);
}
.MyClubs .opacityClubs[data-v-18dea5c2] {
  opacity: 0.7;
}


@media (min-width: 767px) {
.profileContainer[data-v-f6bb857a] {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
}
.profileContainer .backButton[data-v-f6bb857a] {
  top: 10px;
  left: 20px;
}
.profileContainer .editName[data-v-f6bb857a] {
  right: -20px;
}
.profileContainer .br100[data-v-f6bb857a] {
  border-radius: 50%;
}
.profileContainer .topProfile .editImageProfile[data-v-f6bb857a] {
  bottom: 0;
  right: 0;
}
.profileContainer .topProfile[data-v-f6bb857a] {
  position: relative;
  top: 30px;
}
.profileContainer .topProfile .sportContainer[data-v-f6bb857a] {
  gap: 26px;
}
.profileContainer .secondBar .progressBar[data-v-f6bb857a] {
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
}
.profileContainer .gradiend[data-v-f6bb857a] {
  background: linear-gradient(
    103.18deg,
    var(--color1) 20.29%,
    var(--color2) 97.77%
  );
}
.profileContainer .countContainer[data-v-f6bb857a] {
  gap: 16px;
}
.altBackground[data-v-f6bb857a] {
  background: var(--background-color-box);
}


.myMatches .containerImageMatch {
  min-width: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.myMatches .divisor {
  width: 3px;
}

.myMatches .end {
  justify-content: end;
}

.myMatches .usersScore {
  position: absolute;
  right: 10px;
  top: 5px;
}

.myMatches .scoreUsers {
  top: -5px;
  font-size: 10px;
  right: -10px;
  font-weight: bold;
  color: black;
}

.myMatches .numberScore {
  top: 3px;
  left: 4px;
}


.checkPrivacity .check {
  width: 10px;
  height: 7px;
  margin-top: 2px;
}

.checkPrivacity {
  border: 1px solid white;
  height: 12px;
  width: 12px;
  overflow: hidden;
  background: white;
  border-radius: 2px;
}

.checkPrivacity img {
  top: -4px;
  min-height: 18px;
  min-width: 18px;
  left: -4px;
}


.myPays .bt {
  border-top: 1px solid rgba(255, 255, 255, 0.212);
}

.myPays .bl {
  border-left: 1px solid rgba(255, 255, 255, 0.212);
}

.myPays .treeElements {
  width: 33%;
  padding: 8px 12px;
  min-height: 70px;
  text-align: center;
}


.MyClubs .ClubElements {
  border: 1px solid rgba(255, 255, 255, 0.089);
}

.MyClubs .opacityClubs {
  opacity: 0.7;
}


.myFav .containerFavs {
  width: 33%;
  min-height: 80px;
}

.myFav .containerFavs img {
  max-width: auto !important;
}

.myFav .containerFavs.bl {
  border-left: 1px solid rgba(255, 255, 255, 0.089);
}

.myFav .containerFavs.br {
  border-right: 1px solid rgba(255, 255, 255, 0.089);
}

.linearSpace {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}

.myFav .favElements {
  border: 1px solid rgba(255, 255, 255, 0.089);
}


@media (min-width: 767px) {
.profileContainer[data-v-635a4244] {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
}
.profileContainer .backButton[data-v-635a4244] {
  top: 10px;
  left: 20px;
}
.profileContainer .editName[data-v-635a4244] {
  right: -20px;
}
.profileContainer .br100[data-v-635a4244] {
  border-radius: 50%;
}
.profileContainer .topProfile .editImageProfile[data-v-635a4244] {
  bottom: 0;
  right: 0;
}
.profileContainer .topProfile[data-v-635a4244] {
  position: relative;
  top: 30px;
}
.profileContainer .topProfile .sportContainer[data-v-635a4244] {
  gap: 26px;
}
.profileContainer .secondBar .progressBar[data-v-635a4244] {
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
}
.profileContainer .gradiend[data-v-635a4244] {
  background: linear-gradient(
    103.18deg,
    var(--color1) 20.29%,
    var(--color2) 97.77%
  );
}
.profileContainer .countContainer[data-v-635a4244] {
  gap: 16px;
}
.altBackground[data-v-635a4244] {
  background: var(--background-color-box);
}


.myMatches .containerImageMatch {
  min-width: 44px;
  border-radius: 50%;
  overflow: hidden;
}

.myMatches .divisor {
  width: 3px;
}

.myMatches .end {
  justify-content: end;
}

.myMatches .usersScore {
  position: absolute;
  right: 10px;
  top: 5px;
}

.myMatches .scoreUsers {
  top: -5px;
  font-size: 10px;
  right: -10px;
  font-weight: bold;
  color: black;
}

.myMatches .numberScore {
  top: 3px;
  left: 4px;
}


.checkPrivacity .check {
  width: 10px;
  height: 7px;
  margin-top: 2px;
}

.checkPrivacity {
  border: 1px solid white;
  height: 12px;
  width: 12px;
  overflow: hidden;
  background: white;
  border-radius: 2px;
}

.checkPrivacity img {
  top: -4px;
  min-height: 18px;
  min-width: 18px;
  left: -4px;
}


.myPays .bt {
  border-top: 1px solid rgba(255, 255, 255, 0.212);
}

.myPays .bl {
  border-left: 1px solid rgba(255, 255, 255, 0.212);
}

.myPays .treeElements {
  width: 33%;
  padding: 8px 12px;
  min-height: 70px;
  text-align: center;
}


.MyClubs .ClubElements {
  border: 1px solid rgba(255, 255, 255, 0.089);
}

.MyClubs .opacityClubs {
  opacity: 0.7;
}


.myFav .containerFavs {
  width: 33%;
  min-height: 80px;
}

.myFav .containerFavs img {
  max-width: auto !important;
}

.myFav .containerFavs.bl {
  border-left: 1px solid rgba(255, 255, 255, 0.089);
}

.myFav .containerFavs.br {
  border-right: 1px solid rgba(255, 255, 255, 0.089);
}

.linearSpace {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}

.myFav .favElements {
  border: 1px solid rgba(255, 255, 255, 0.089);
}


.custom-select[data-v-7db36902] {
  position: relative;
  cursor: pointer;
  align-items: center;
}
.selected-option[data-v-7db36902] {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  height: 44px;
  padding: 10px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.flag-icon[data-v-7db36902] {
  width: 24px;
  height: 18px;
  margin-right: 5px;
}
.dropdown-options[data-v-7db36902] {
  max-height: 200px;
  width: -moz-fit-content;
  width: fit-content;
  overflow-y: auto;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  padding-left: 6px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264b67;
  border-left-color: #264b67;
  border-right-color: #076ae3;
  border-top-color: #264b67;
}
.dropdown-options li[data-v-7db36902] {
  padding: 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dropdown-options img[data-v-7db36902] {
  width: 24px;
  height: 18px;
  margin-right: 6px;
}
.dropdown-options li[data-v-7db36902]:hover {
  background-color: #6f91da;
}


.icon[data-v-3b7fe327] {
  filter: invert(1);
  width: 23px;
  height: 23px;
}
.selected[data-v-3b7fe327] {
  background-color: var(--color2);
}



@media (max-width: 767px) {
  .wrapperClueW {
    width: 85%;
  }
}
.button-disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.wrapperClueW .search-container input {
  width: 100%;
}
.barLevelClue {
  background: rgb(9, 9, 121);
  background: linear-gradient(90deg, var(--color1) 35%, var(--color2) 100%);
  width: 50%;
  height: 100%;
}
.levelText {
  font-size: 8px;
}
@media (min-width: 767px) {
  .clueFormContainer {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
  }
  .wrapperClueW {
    width: 60%;
  }
}
.altBackground {
  background: var(--background-color);
}
.br60 {
  border-radius: 100px;
}
.br-50 {
  border-radius: 50%;
}
.filterClue .selected {
  background-color: var(--color2);
}
.separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.144);
}
.clueColor {
  background-color: #1c2a41;
}


.Wrapper404[data-v-422c0b28] {
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
.cactusR[data-v-422c0b28] {
  bottom: 1px;
  right: 30px;
}
.cactusL[data-v-422c0b28] {
  bottom: 1px;
  left: 30px;
}
.buttomPayMode[data-v-422c0b28] {
  border-radius: 32px;
  padding: 14px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  margin-left: auto;
  margin-right: auto;
}
.Wrapper404[data-v-422c0b28] {
  max-width: 420px;
}
.opacity[data-v-422c0b28] {
  opacity: 0.6;
}


.Wrapper[data-v-a172bbee]{
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
}
.cactusR[data-v-a172bbee] {
    bottom: 1px;
    right: 30px;
}
.cactusL[data-v-a172bbee] {
    bottom: 1px;
    left: 30px;
}
.buttomPayMode[data-v-a172bbee] {
    border-radius: 32px;
    padding: 14px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
}
.Wrapper404[data-v-a172bbee] {
    max-width: 420px;
}
.opacity[data-v-a172bbee] {
    opacity: 0.6;
}


.paymentWrapper[data-v-1ed54e34] {
  width: 90%;
  margin: 0 auto;
}
.paymentBoxLeft[data-v-1ed54e34] {
  border-radius: 24px;
  background: var(--background-color-box);
  /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
}
.paymentBoxLeft .custom-gradient[data-v-1ed54e34] {
  border-bottom: 1px solid #ffffff21;
}
@media (min-width: 767px) {
.paymentBoxRight[data-v-1ed54e34] {
    width: 700px;
    height: 754px;
    background: var(--background-color-box);
    /* box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15); */
    border-radius: 20px;
}
.paymentBoxLeft[data-v-1ed54e34] {
    width: 40%;
    min-width: 512px;
    /* height: 754px; */
}
}


.profileIcon[data-v-3c15cbad]{
    width: 16px;
    height: 16px;
}


.fix-height[data-v-ed6386dc] {
  max-height: calc(100vh - 340px);
  overflow-y: auto;
}
.WrapperButtonSearch[data-v-ed6386dc] {
    padding: 2px 50px;
}
.linearSpace[data-v-ed6386dc] {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}
.altBackground[data-v-ed6386dc] {
  box-shadow: 0px 0px 15px -4px #3c7eeb;
}
.containerImageMatch[data-v-ed6386dc] {
  width: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.divisor[data-v-ed6386dc] {
  width: 3px;
}
.end[data-v-ed6386dc] {
  justify-content: end;
}
.usersScore[data-v-ed6386dc] {
  position: absolute;
  right: 10px;
  top: 5px;
}
.scoreUsers[data-v-ed6386dc] {
  top: -5px;
  font-size: 10px;
  right: -10px;
  font-weight: bold;
  color: black;
}
.numberScore[data-v-ed6386dc] {
  top: 3px;
  left: 4px;
}

/* Override for a working scroll*/
@media (min-width: 1100px) {
body[data-v-ed6386dc] {
    overflow: auto !important;
}
}


.fix-height[data-v-918ee2bc] {
  max-height: calc(100vh - 250px);
}
.linearSpace[data-v-918ee2bc] {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}
.component[data-v-918ee2bc] {
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.component-info[data-v-918ee2bc] {
  width: 33%;
  min-height: 80px;
}


.fix-height[data-v-d0e3f19a] {
  max-height: calc(100vh - 250px);
}
.linearSpace[data-v-d0e3f19a] {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}
.like[data-v-d0e3f19a] {
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.like img[data-v-d0e3f19a] {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.like-info[data-v-d0e3f19a]{
  width: 33%;
  min-height: 80px;
}


.fix-height[data-v-dcbe9f60] {
  max-height: calc(100vh - 50px);
}
.linearSpace[data-v-dcbe9f60] {
  background: linear-gradient(
    270deg,
    #023b70 3.65%,
    #406297 19.27%,
    #4668a0 83.33%,
    #033768 100%
  );
  height: 1px;
}
.component[data-v-dcbe9f60] {
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.component-info[data-v-dcbe9f60] {
  width: 33%;
  min-height: 80px;
}
.iframe[data-v-dcbe9f60] {
  width: 100%; /* Set the width */
  height: 600px; /* Set the height */
  overflow: hidden; /* Hide the scrollbars */
  border-radius: 20px;
}
.iframe[data-v-dcbe9f60]::-webkit-scrollbar {
  display: none; /* Hide the scrollbar in WebKit browsers */
}


.fix-height[data-v-19390eaa] {
  max-height: calc(100vh - 150px);
}


.back[data-v-eb9168d4] {
  cursor: pointer;
  width: 30px;
  height: 30px;
}


[data-v-17d1a7c8] .modal-popup {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.form-error[data-v-17d1a7c8] {
  color: #f472b6 !important;
}
.validation-error[data-v-17d1a7c8] {
  color: #f472b6 !important;
}
.is-invalid[data-v-17d1a7c8] {
  border: 1px solid #f472b6 !important;
}
.button-disabled[data-v-17d1a7c8] {
  opacity: 0.5 !important;
  cursor: default !important;
}
.send-mail-message[data-v-17d1a7c8] {
  font-size: 24px !important;
  text-align: center !important;
  margin: 30px 0px 0px 0px !important;
}
.create-account[data-v-17d1a7c8] {
  margin: 10px 0px 10px 0px;
}
.reference-mail-register[data-v-17d1a7c8] {
  z-index: 9;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.wrapper-register-mail[data-v-17d1a7c8] {
  width: 327px;
  height: 480px;
}
.wrapper-register-mail.closed[data-v-17d1a7c8] {
  display: none;
}
#legalLink[data-v-17d1a7c8] {
  color: gold !important;
}



.header[data-v-5d353521] {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 14px;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  margin-top: 38px;
  /* border-top: 0.5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2); */
  padding: 16px 0px;
  position: relative;
  z-index: 2;
@media (max-width: 767px) {
    border: none;
}
}
.border[data-v-5d353521] {
  border: 0.5px solid rgba(255, 255, 255, 0.4);
}
.menu-icon[data-v-5d353521] {
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.image-icon[data-v-5d353521] {
  cursor: default !important;
  height: 42px !important;
  margin-left: 8px;
}
.club[data-v-5d353521] {
  margin-left: 20px;
  font-weight: 600;
  margin-top: 14px;
  color: var(--main-color);
}
.logo[data-v-5d353521] {
  margin-top: 14px;
}
.user-icon[data-v-5d353521] {
  cursor: pointer;
  width: 48px;
  height: 48px;
}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.\!bottom-155 {
  bottom: 155px !important;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

.left-\[10\%\] {
  left: 10%;
}

.right-2 {
  right: 0.5rem;
}

.top-1 {
  top: 0.25rem;
}

.top-16 {
  top: 4rem;
}

.top-2 {
  top: 0.5rem;
}

.z-10 {
  z-index: 10;
}

.z-\[100\] {
  z-index: 100;
}

.float-right {
  float: right;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-auto {
  margin: auto;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mt-20 {
  margin-top: -5rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-3\.5 {
  margin-left: 0.875rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-12 {
  margin-right: 3rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mr-auto {
  margin-right: auto;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.box-border {
  box-sizing: border-box;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-1 {
  height: 0.25rem;
}

.h-1\/2 {
  height: 50%;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-32 {
  height: 8rem;
}

.h-48 {
  height: 12rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-8 {
  height: 2rem;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-\[560px\] {
  max-height: 560px;
}

.min-h-176 {
  min-height: 176px;
}

.min-h-600 {
  min-height: 600px;
}

.min-h-80 {
  min-height: 80px;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-24 {
  width: 6rem;
}

.w-3\/12 {
  width: 25%;
}

.w-3\/5 {
  width: 60%;
}

.w-3\/6 {
  width: 50%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-\[279px\] {
  width: 279px;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.min-w-120 {
  min-width: 120px;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-grow {
  flex-grow: 1;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.content-center {
  align-content: center;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.gap-3 {
  gap: 0.75rem;
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-zinc-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.fill-current {
  fill: currentColor;
}

.fill-white {
  fill: #fff;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.\!pl-0 {
  padding-left: 0px !important;
}

.\!pl-4 {
  padding-left: 1rem !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-0 {
  padding-right: 0px;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.align-middle {
  vertical-align: middle;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-pink-400 {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: 0.5;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

@media (max-width: 767px) {

  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:order-none {
    order: 0;
  }

  .sm\:m-1 {
    margin: 0.25rem;
  }

  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:box-border {
    box-sizing: border-box;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:flex-grow-0 {
    flex-grow: 0;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-1 {
    padding: 0.25rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .sm\:pb-9 {
    padding-bottom: 2.25rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:font-semibold {
    font-weight: 600;
  }

  .sm\:leading-8 {
    line-height: 2rem;
  }
}

@media (min-width: 768px) {

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mt-9 {
    margin-top: 2.25rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-44 {
    width: 11rem;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:min-w-180 {
    min-width: 180px;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (max-width: 460px) {

  .xxsm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xxsm\:hidden {
    display: none;
  }

  .xxsm\:w-36 {
    width: 9rem;
  }

  .xxsm\:flex-col {
    flex-direction: column;
  }

  .xxsm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xxsm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xxsm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .xxsm\:text-xxs {
    font-size: 0.65rem;
    line-height: 1.2rem;
  }
}

:root {
  --background-color: #01162A;
  --background-color-button: #01162A;
  --background-color-box: #01162a5e;
  --white-background-color: #ffffff;
  --main-color: #ffffff;
  --color1: #1AC0EA;
  --color2: #0458E2;
  --color3: #007eff;
}
/* whiteTheme */
.whiteTheme {
  color: black;
}
.whiteTheme .arrowPolicy {
  transform: rotate(-90deg);
  filter: invert(1) brightness(0) grayscale(100%);
}

.error-message {
  color: #f472b6 !important;
}

.is-invalid {
  border: 1px solid #f472b6 !important;
}

.background-app {
  background: url(/img/taykus-header.db7b0427.png) 30% center;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 2%;
  height: 140px;
}

@media (max-width:767px) {
  #app {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center -10%;
    margin-top: -15px;
  }
}

.m0-auto {
  margin: 0 auto;
}

.ml-auto {
  margin-left: 0 auto;
}

.mr-auto {
  margin-right: 0 auto;
}

.width-fitcontent {
  width: -moz-fit-content;
  width: fit-content;
}

input:-webkit-autofill,
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--main-color);
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

.background {
  position: relative;
  height: 100%;
  width: 100%;
}

.background::before {
  content: "";
  background: url(/img/web-background.df22898b.jpg);
  opacity: 15%;
  background-size: cover;
}

html {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background: linear-gradient(to bottom, #00031a, #001e3ae8), url(/img/connect.a3cf8db0.jpg) top 100% center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: fixed;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;


  @media (max-width:767px) {
    background: #000117 url(/img/footer-popup.3c483d2f.png) center bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    contain: content;
    background-size: 100%;
  }
}

@media(min-width:1100px) {
  body {
    overflow: hidden;
  }
}

@media (min-width:768px) {
  body {
    background:
      url(/img/background-test.485cbfa3.png) top 100% center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 4px;
  }
}

@media (max-width: 767px) {
  .search-mobile {
    height: 2000px !important;
  }
}

.input-component {
  display: flex;
}

.input-component [type=text],
.input-component [type=number],
.input-component [type=password] {
  /* opacity: 0.8; */
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  height: 44px;
  padding-left: 46px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  border-bottom-color: #264B67;
  border-left-color: #264B67;
  border-right-color: #076AE3;
  border-top-color: #264B67;
}

.walletButton {
  background: linear-gradient(var(--background-color-button),
      var(--background-color-button)) padding-box,
    linear-gradient(60deg, var(--color1), var(--color2)) border-box;
  border: 2px solid transparent;
  border-radius: 36px;
}

.filledButton {
  border-radius: 32px;
  padding: 8px 0;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
  width: 86%;
}

.optionButton {
  gap: 5%;
  overflow: hidden;
  transition: 0.5s;
  border-radius: 8px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.optionButton:hover {
  background: var(--color3) !important;
}

/* .optionButton.active::after {
  background-color: var(--color2);
  content: "\2713";
  position: absolute;
  top: -7px;
  right: -7px;
  border-radius: 50%;
  height: 19px;
  width: 19px;
} */

.optionButton.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, var(--color3), rgba(243, 243, 243, 0));
  border-radius: 8px;
  opacity: 0.4;
}

.textGradient {
  cursor: pointer;
  position: relative;
  /* width: fit-content; */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(103.18deg,
      var(--color1) 3.29%,
      var(--color2) 97.77%);
}

@media (min-width: 767px) {
  .filledButton {
    border-radius: 32px;
    width: 327px;
    padding: 8px 0;
    background-image: linear-gradient(to right, var(--color1), var(--color2));
    margin-left: auto;
    margin-right: auto;
  }
}

.home .reference-seach {
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  height: 44px;
  padding-left: 46px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid;
  border-radius: 24px;

  border-bottom-color: #264B67;
  border-left-color: #264B67;
  border-right-color: #076AE3;
  border-top-color: #264B67;
}

.input-component .input-image {
  background: rgba(255, 255, 255, 0.02);
  opacity: 0.8;
  box-shadow: inset 0px 0px 15px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  width: 44px;
  height: 44px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  min-width: 44px;
}

.input-component [type=text]::-moz-placeholder {
  font-size: 14px;
}

.input-component [type=text]::placeholder {
  font-size: 14px;
}

.input-component [type=text]::-moz-placeholder:hover {
  color: #ffffff;
}

.input-component [type=text]::placeholder:hover {
  color: #ffffff;
}

.input-component .icon-decorator {
  position: absolute;
  display: block;
  z-index: 1;
  left: 17px;
  top: 12px;
}

.input-component .icon-decorator path {
  fill: #999999;
}

.input-component .icon-decorator.default path {
  fill: inherit;
}

.input-component:hover .icon-decorator path,
.input-component:hover svg path {
  fill: #666666;
}

input[type=button],
input[type=submit] {
  background: linear-gradient(103.18deg, var(--color1) -38.71%, var(--color2) 57.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  padding: 14.5px 0;
  cursor: pointer;
  width: 100%;
}

.custom-gradient {
  background-image: linear-gradient(89.78deg, #1AC0EA 73.91%, #0458E2 94.41%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.search-btn {
  background: linear-gradient(103.18deg, var(--color1) -38.71%, var(--color2) 57.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  min-height: 40px;

}

@media (max-width:767px) {
  .home h1 {
    letter-spacing: 0.04em;
  }

  .home li.selected {
    background: linear-gradient(153deg, #076AE3 -54.69%, rgba(28, 43, 69, 0) 90.93%) !important;
    color: #1ac0ea8a !important;
  }

  .home li.reserve-btn {
    padding: 12px 28px;
    gap: 10px;
    border-radius: 24px;
  }

  .home li.match-btn {
    padding: 8px 28px;
    gap: 10px;
    background: linear-gradient(139.51deg, rgba(26, 39, 60, 0.73) 11.77%, rgba(28, 43, 69, 0) 86.2%);
    border-radius: 24px;
    color: #999999;
  }

  .home .container-form {
    background: #1f304945;
    margin: 0px 25px 0 25px;
    border-radius: 14px;
  }



  .icon-center-taykus {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0px);
  }

  .modal-sports-container {
    height: -moz-fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background-color: #00061b;
    padding: 30px;
  }
}

@media (min-width:767px) {

  .modal-sports-container {
    width: 464px;
    /* height: 378px; */
    flex-shrink: 0;
    background: var(--background-color);
    padding: 30px;
    border-radius: 16px;
  }
}

.modalSvgHome svg {
  background: #263851;
  height: 30px;
  width: 30px;
  padding: 6px;
  border-radius: 50%;
}

.select-sport {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14.5px 142px;
  width: 100%;
  height: 48px;
  background: linear-gradient(103.18deg, #1AC0EA 3.29%, #0458E2 97.77%);
  box-shadow: -2px 4px 18px rgba(0, 15, 53, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 32px;
  margin-top: 24px;

}

html.with-background {
  background-image: var(--background-color);
  color: var(--main-color);
}

#app.with-background {
  background: var(--background-color) var(--secondary-logo) 30% center;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 2%;
}

body.with-background {
  background: var(--background-color);
}

.custom-color {
  color: var(--main-color) !important;
}

.custom-home .all-tracks,
.view-courts span {
  color: white !important;
}

.custom-logo.logo {
  background: var(--main-logo) center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 20px;
}

.input-wrapper {
  width: 100%;
}

/* 
.custom-logo .logo {
  background: var(--main-logo) url() center;
} */

.view-courts path {
  fill: var(--color2) !important;
  stroke: none !important;
}

.all-tracks {
  background: var(--color2);
}

.search-btn {
  background: linear-gradient(103.18deg, var(--color1) -38.71%, var(--color2) 57.77%);
}

.custom-gradient {
  background-image: linear-gradient(103.18deg, var(--color1) 3.29%, var(--color2) 97.77%);

}

.menu-icon {
  position: relative;

}

.menu-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.user-icon {
  position: relative;

}

.user-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}

.match-btn {
  position: relative;
  background: none !important;
}

.match-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.reserve-btn {
  position: relative;
  background: none !important;
}

.reserve-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.input-wrapper {
  position: relative;
  width: 100%;
}

.input-wrapper input {
  background: none !important;
  border: none !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}

.input-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.input-image {
  position: relative;
}

.input-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(250deg, var(--color1), var(--color2)) border-box !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.custom-home .clubs-reserve-wrapper {
  display: flex !important;
  justify-content: center;
  margin-top: 3em;
}

.custom-home .search-btn {
  width: 60%;
  margin: 0 auto;
  box-shadow: -2px 4px 18px rgb(67 78 106 / 13%);
}

.custom-home h1 {
  margin-top: 10%;
}

.custom-logo.logo {
  background: var(--main-logo) center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 50px;
}

.custom-home .icon-user-custom {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-home .home .container-form {
  background: none;
}

.custom-home .custom-d-none {
  display: none !important;
}

.custom-home .tabs li {
  background: none !important;
}

/* custom-theme based on dark theme*/
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #061553;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #061553;
}

.flatpickr-calendar {
  background-color: #010e2100;
  box-shadow: none;
}

.flatpickr-months .flatpickr-month {
  background-color: #041433;
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: rgba(255, 255, 255, 0.5);
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #041433;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(29, 78, 184, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #041433;
}

span.flatpickr-weekday {
  background: #041433;
  color: #fff;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: #041433;
  border-color: #041433;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #254d9e;
  color: #fff;
  border-color: #1b3e85;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(255, 255, 255, 0.1);
}

.flatpickr-day.today {
  border-color: #eee;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #041433;
}

.flatpickr-weekwrapper span.flatpickr-day:hover {
  color: rgba(255, 255, 255, 0.3);
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}

.flatpickr-time input {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: rgba(255, 255, 255, 0.95);
}

/* end custom-theme based on dark theme*/
.datepicker-container {
  display: flex;
  align-items: center;
}

.datepicker-container i {
  margin-right: 5px;
}


::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background-color: var(--background-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--background-color);
  border-radius: 10px;
}

.arrowHome {
  fill: var(--main-color) !important;
}

.arrowHome path {
  stroke: var(--main-color) !important;
}


/** transition **/
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}

.playerSubtitle {
  color: white;
}

.br8 {
  border-radius: 8px;
}

.br16 {
  border-radius: 16px;
}

.br100 {
  border-radius: 50%;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

:root {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-right: env(safe-area-inset-right);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
  min-height: 100vh;
}

.iOS-bottom-btn {
  position: sticky !important;
  transform: none !important;
  left: auto !important;
  bottom: 0px !important;
}

.forceWhite{
  color: white!important;
}

.forceDisabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}