.searchvs {
  --easing: cubic-bezier(0.4, 0, 0.2, 1);
  --font-size: 15px;
  --color: var(--color-foreground);
  --color-highlight: white;
  --transition-time-icon: 0.2s;
  --transition-time-input: 0.3s 0.25s;
  border-radius: 999px;
  border: 2px solid transparent;
  display: flex;
  transition: border-color var(--transition-time-icon) linear, padding var(--transition-time-input) var(--easing);
}
.searchvs:not(:focus-within) {
  --transition-time-input: 0.2s 0s;
}
@media only screen and (max-width: 1024px) {
	#sidr-id-menu-item-2270{
		display: none;
	}
}
.searchvs__input {
  background: transparent;
  border: none!important;
  color: #000;
  font-size: var(--font-size);
  opacity: 0;
  outline: none;
  padding: 8px 16px 8px 12px!important;
  transition: width var(--transition-time-input) var(--easing), padding var(--transition-time-input) var(--easing), opacity var(--transition-time-input) linear;
  width: 0;
}
.searchvs__input::-moz-placeholder {
  color: var(--color);
  opacity: 0.75;
}
.searchvs__input:-ms-input-placeholder {
  color: var(--color);
  opacity: 0.75;
}
.searchvs__input::placeholder {
  color: var(--color);
  opacity: 0.75;
}
.searchvs__icon-container {
  height: 20px;
  position: relative;
  width: 20px;
}
.searchvs__label, .searchvs__submit {
  color: var(--color);
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 20px;
  width: 20px;
	
}
.searchvs__label:hover, .searchvs__label:focus, .searchvs__label:active, .searchvs__submit:hover, .searchvs__submit:focus, .searchvs__submit:active {
  color: var(--color-highlight);
}
.searchvs__label {
  transition: transform var(--transition-time-icon) var(--easing), color 0.1s;
}
.searchvs__submit {
  background: none;
  border-radius: 50%;
  border: none;
  box-shadow: 0 0 0 4px inset transparent;
  display: none;
  outline: none;
  transition: color 0.1s, box-shadow 0.1s;
}

.searchvs__submit:focus {
  box-shadow: 0 0 0 4px inset var(--color-highlight);
}
.searchvs:focus-within {
  border-color: var(--color);
}
.searchvs:focus-within .searchvs__input {
  opacity: 1;
  padding: 0 1rem 0 2rem;
  width: 100px;
}

.searchvs:focus-within .searchvs__submit {
  -webkit-animation: unhide var(--transition-time-icon) steps(1, end);
          animation: unhide var(--transition-time-icon) steps(1, end);
  display: block;
}

@-webkit-keyframes unhide {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: auto;
    opacity: 1;
  }
}

@keyframes unhide {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: auto;
    opacity: 1;
  }
}