.search-bar{position:relative;width:100%;z-index:3;margin:0 auto;padding-top:30px;padding-bottom:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16161626;border-top:1px solid rgba(217,200,176,.1);border-bottom:1px solid rgba(217,200,176,.1)}.search-bar__tabs{display:flex;gap:30px;margin-bottom:24px}.search-bar__tab{font-family:var(--font-sans);font-weight:600;font-size:18px;color:#d9c8b080;text-transform:uppercase;letter-spacing:.54px;padding-bottom:10px;border-bottom:3px solid transparent;transition:color .3s,border-color .3s;cursor:pointer}.search-bar__tab:hover{color:#d9c8b0b3}.search-bar__tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.search-bar__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.search-bar__grid--extended{grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto}.search-bar__grid--extended .search-bar__field--ref{grid-column:span 1}.search-bar__field{height:70px;border-radius:10px;display:flex;align-items:center;padding:0 24px}.search-bar__field--buy,.search-bar__field--sell{border:2px solid rgba(217,200,176,.3)}.search-bar__field input{width:100%;height:100%;background:transparent;border:none;font-family:var(--font-ui);font-weight:600;font-size:20px;color:var(--color-gold);outline:none}.search-bar__field input::placeholder{color:#d9c8b099}.search-bar__submit{isolation:isolate}.search-bar__area-toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 0 4px;background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:18px;color:#d9c8b0b3;text-transform:uppercase;letter-spacing:.5px;transition:color .2s}.search-bar__area-toggle:hover{color:var(--color-gold)}.search-bar__area-toggle svg{flex-shrink:0;transition:transform .3s}.search-bar__area-toggle--open svg{transform:rotate(180deg)}@media(max-width:1400px){.search-bar{padding-top:40px;padding-bottom:40px}}@media(max-width:900px){.search-bar{padding-top:30px;padding-bottom:30px}.search-bar__grid{grid-template-columns:1fr}.search-bar__grid--extended .search-bar__field--ref{grid-column:span 1}.search-bar__grid--extended .search-bar__submit{order:99}.search-bar__area-toggle{grid-column:1;justify-content:flex-end}}