@charset "utf-8";

.search-card { background: rgb(255, 255, 255); border-top: 1px solid rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; flex-shrink: 0; height: 0px; opacity: 1; overflow: hidden; position: sticky; right: 0px; transition: 0.3s ease-out; visibility: hidden; width: 100%; z-index: 1; }

.search-card .row { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); display: flex; height: 100%; justify-content: center; position: relative; z-index: 9999; }

.search-svg { margin-bottom: -4px; }

.search-line { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(32, 32, 32) currentcolor currentcolor; border-image: none; height: 1px; margin: 7px 0px 0px; padding: 0px; width: 444.001px; }

.search-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -webkit-box-align: center; align-items: center; border: 1.4px solid var(--gray-gray-600,#202020); border-radius: 90px; cursor: pointer; display: inline-flex; flex-direction: column; gap: 10px; justify-content: center; padding: 6px; right: 0px; }

.search-text { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--gray-gray-300,grey); font-family: "Metropolis Light", Arial; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 12px; width: 85%; }

.search-text:focus { overflow-x: scroll; text-overflow: clip; white-space: normal; }

.search-close { cursor: pointer; flex-shrink: 0; height: 22px; position: absolute; right: 17px; top: 50%; transform: translate(-50%, -50%); width: 22px; }

@media screen and (max-width: 575px) {
  .search-line { width: 393px; }
  .search-close { top: 40%; }
  .search-text { font-size: 16px; }
}

@media screen and (max-width: 480px) {
  .search-btn { right: 10px; }
  .search-close { right: 0px; }
}

@media screen and (max-width: 415px) {
  .search-card { position: absolute; }
  .search-line { width: 309px; }
  .search-close { display: none; }
  .search-text { width: 75%; }
}

.link { color: rgb(207, 29, 57) !important; font-weight: 700 !important; }