[data-v-135bc624]:root {
	--bg-blue: #ebf3ff;
	--bg-yellow: #fff7ea;
	--dark-blue: #061848;
	--dark-blue-hover: rgba(6, 24, 72, 0.8);
	--dark-blue-disabled: rgba(6, 24, 72, 0.4);
	--light-blue: #33d7dc;
	--light-blue-1: rgba(51, 215, 220, 0.4);
	--light-blue-hover: rgba(51, 215, 220, 0.8);
	--light-blue-disabled: rgba(51, 215, 220, 0.4);
	--light-green: #8ceaa5;
	--card-border: var(--light-blue);
}
[data-v-aaf059d4]:root {
	--bg-blue: #ebf3ff;
	--bg-yellow: #fff7ea;
	--dark-blue: #061848;
	--dark-blue-hover: rgba(6, 24, 72, 0.8);
	--dark-blue-disabled: rgba(6, 24, 72, 0.4);
	--light-blue: #33d7dc;
	--light-blue-1: rgba(51, 215, 220, 0.4);
	--light-blue-hover: rgba(51, 215, 220, 0.8);
	--light-blue-disabled: rgba(51, 215, 220, 0.4);
	--light-green: #8ceaa5;
	--card-border: var(--light-blue);
}

.search-input[data-v-aaf059d4] {
	box-shadow: none;
	padding: 1.9px;
	position: relative;
}

.search-input .input-mask[data-v-aaf059d4] {
	border: 2px solid transparent;
	border-radius: 4px;
	top: 2.5px;
	right: 2.8px;
	bottom: 2.5px;
	left: 3px;
	-webkit-mask: linear-gradient(transparent, transparent),
          linear-gradient(#fff, #fff);
	mask: linear-gradient(transparent, transparent),
          linear-gradient(#fff, #fff);
	-webkit-mask-clip: padding-box, border-box;
	mask-clip: padding-box, border-box;
	-webkit-mask-composite: source-in, xor;
	mask-composite: intersect;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.search-input .input-mask[data-v-aaf059d4]:after,
      .search-input .input-mask[data-v-aaf059d4]:before {
	aspect-ratio: 1;
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 150px;
	offset-anchor: 100% 50%;
	offset-path: rect(0 calc(100% + 75px) 100% 75px round 42px);
	offset-rotate: 0deg;
	position: absolute;
}

.search-input .input-mask[data-v-aaf059d4]:before {
	animation: loopBefore-aaf059d4 11s linear infinite;
	background: radial-gradient(
          circle at center,
          #FF9800,
          rgba(61, 161, 156, 0.2),
          transparent
        );
}

.search-input .input-mask[data-v-aaf059d4]:after {
	animation: loopAfter-aaf059d4 11s linear infinite;
	background: radial-gradient(
          circle at center,
          #FF9800,
          rgba(51, 215, 220, 0.1),
          transparent
        );
	offset-anchor: 83% 50%;
	width: 225px;
}
/*      .search-input .input-mask[data-v-aaf059d4]:after {
        animation: loopAfter-aaf059d4 11s linear infinite;
        background: radial-gradient(
          circle at center,
          #FF9800 20%,
          rgba(51, 215, 220, 0.1) 80%,
          transparent
        );
        offset-anchor: 83% 50%;
        width: 225px;
      }
*/
@keyframes loopBefore-aaf059d4 {
	0% {
		offset-distance: 40%;
	}

	to {
		offset-distance: 140%;
	}
}

@keyframes loopAfter-aaf059d4 {
	to {
		offset-distance: 100%;
	}
}

.search-input .input-wrapper[data-v-aaf059d4] {
	align-items: center;
	border-radius: 4px;
	display: flex;
	width: 100%;
}

.search-input .input-wrapper .search[data-v-aaf059d4] {
	align-items: center;
	background: linear-gradient(#8ceaa5d8 10%, #34edff);
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	height: 48px;
	justify-content: center;
	position: absolute;
	right: 24px;
	width: 48px;
	z-index: 10;
}

.search-input .input-wrapper i[data-v-aaf059d4] {
	align-items: center;
	background: #0e0b22;
	background-clip: text;
	-webkit-background-clip: text;
	display: flex;
	font-size: 24px;
	justify-content: center;
	-webkit-text-fill-color: transparent;
	z-index: 2;
}

.search-input .input-wrapper input[data-v-aaf059d4] {
	align-items: center;
	background: linear-gradient(
          180deg,
          #fff,
          #f1eaea 40%,
          #b4b4b4,
          #c4baba 60%,
          #fff
        );
	background-clip: text;
	-webkit-background-clip: text;
	border-radius: 4px;
	color: #fff;
	display: inline-flex;
	font-size: 28px;
	height: 84px;
	padding-left: 36px;
	padding-right: 76px;
	width: 100%;
	-webkit-text-fill-color: transparent;
	flex-shrink: 0;
	font-weight: 400;
	gap: 29px;
	letter-spacing: 1px;
	position: relative;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.search-input .input-wrapper input[data-v-aaf059d4]:focus-visible {
	outline: none;
}

.search-input .input-wrapper input[data-v-aaf059d4]::-moz-placeholder {
	color: #9e9ea7;
	font-family: Outfit, sans-serif;
	font-size: 28px;
	font-weight: 400;
	max-height: 50px;
	opacity: 0.6;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-text-fill-color: #9e9ea7;
}

.search-input .input-wrapper input[data-v-aaf059d4]::placeholder {
	color: #9e9ea7;
	font-family: Outfit, sans-serif;
	font-size: 28px;
	font-weight: 400;
	max-height: 50px;
	opacity: 0.6;
	transition: all 0.3s ease;
	-webkit-text-fill-color: #9e9ea7;
}

.search-input .input-wrapper input[data-v-aaf059d4]:focus {
	box-shadow: inset 0 -2px 5.6px #34edff80,
          inset 0 -10px 10px #34edff66;
}

.search-input
        .input-wrapper
        input[data-v-aaf059d4]:focus::-moz-placeholder {
	max-height: 0;
}

.search-input .input-wrapper input[data-v-aaf059d4]:focus::placeholder {
	max-height: 0;
}

.search-input .light-input-wrapper[data-v-aaf059d4] {
	background: #fff;
}

@media (max-width: 992px) {
	.search-input .input-mask[data-v-aaf059d4]:after,
        .search-input .input-mask[data-v-aaf059d4]:before {
		/*height: 120px;*/
		offset-path: rect(0 calc(100% + 60px) 100% 60px round 42px);
	}

	.search-input .input-mask[data-v-aaf059d4]:after {
		/*width: 180px;*/
	}

	.search-input .input-wrapper .search[data-v-aaf059d4] {
		height: 40px;
		right: 16px;
		width: 40px;
	}

	.search-input .input-wrapper .search i[data-v-aaf059d4] {
		font-size: 24px;
	}

	.search-input .input-wrapper input[data-v-aaf059d4] {
		color: #d4d1c8;
		font-family: Outfit;
		font-size: 20px;
		height: 64px;
		padding: 0 60px 0 20px;
	}

	.search-input .input-wrapper input[data-v-aaf059d4]::-moz-placeholder {
		color: #9e9ea7;
		font-family: Outfit;
		font-size: 20px;
	}

	.search-input .input-wrapper input[data-v-aaf059d4]::placeholder {
		color: #9e9ea7;
		font-family: Outfit;
		font-size: 20px;
	}
}

@media (max-width: 430px) {
	.search-input .input-mask[data-v-aaf059d4]:after,
        .search-input .input-mask[data-v-aaf059d4]:before {
		animation-duration: 6s;
	}
}