.SearchField{position:relative}.Header--search .SearchField.isActive{z-index:var(--z-index-search)}@media screen and (min-width:750px){.Header--search .SearchField.isActive{max-width:100%;min-width:500px}}.SearchField--backdrop{background-color:transparent;top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;transition:background-color .3s ease-out}.SearchField.isActive .SearchField--backdrop{background-color:rgba(var(--c-black),.5);pointer-events:auto}.SearchField--field{background:rgba(var(--c-white),1);border:2px solid transparent;border-radius:48px;color:rgba(var(--c-grey-dark),1);display:block;font-size:16px;height:48px;line-height:1.4;outline:none;padding:var(--spacing-12,12px) var(--spacing-48,48px) var(--spacing-12,12px) var(--spacing-16,16px);position:relative;width:100%}@media (min-width:750px){.SearchField--field{font-size:16px}}@media (min-width:1280px){.SearchField--field{font-size:16px}}@media screen and (max-width:750px){.SearchField--field{line-height:1.4}}.SearchField--field::-moz-placeholder{color:rgba(var(--c-grey),1);font-size:14px;line-height:1.2}.SearchField--field::placeholder{color:rgba(var(--c-grey),1);font-size:14px;line-height:1.2}@media (min-width:750px){.SearchField--field::-moz-placeholder{font-size:14px}.SearchField--field::placeholder{font-size:14px}}@media (min-width:1280px){.SearchField--field::-moz-placeholder{font-size:14px}.SearchField--field::placeholder{font-size:14px}}@media screen and (max-width:750px){.SearchField--field::-moz-placeholder{line-height:1.2}.SearchField--field::placeholder{line-height:1.2}}.SearchField.isActive .SearchField--field{border-color:rgba(var(--c-black),1)}.SearchField[data-size=small] .SearchField--field{height:40px;padding:var(--spacing-8,8px) var(--spacing-48,48px) var(--spacing-8,8px) var(--spacing-16,16px)}.SearchField[data-color=grey-light] .SearchField--field{background:rgba(var(--c-grey-light),1)}.SearchField--iconsWrapper{display:flex;gap:var(--spacing-8,8px);position:absolute;right:var(--spacing-16,16px);top:50%;transform:translateY(-50%)}.SearchField[data-size=small] .SearchField--iconsWrapper{right:var(--spacing-12,12px)}.SearchField--loading{animation:searchfield-spin .6s linear infinite;border:1px solid transparent;border-radius:24px;border-top-color:currentcolor;color:#777;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes searchfield-spin{to{transform:rotate(1turn)}}.SearchField--clear{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.SearchField--clear>.Icon{transition:opacity .2s}.SearchField:not(.isActive) .SearchField--clear{display:none}.SearchField--clear:disabled:not(:focus){pointer-events:none}.SearchField--clear:disabled:not(:focus)>.Icon{opacity:0}.Icon.SearchField--icon{pointer-events:none}