@property --num{syntax:"<integer>";initial-value:0;inherits:false}@keyframes counter{0%,5%{--num:var(--startPercent)}30%{--num:var(--endPercent)}to{--num:var(--endPercent)}}@keyframes fade-in-out{0%,5%,to{opacity:0}20%,80%{opacity:1}}@keyframes water-top{0%,12%{opacity:0;top:var(--topStart)}15%,95%{opacity:1}35%{opacity:1;top:var(--topEnd)}to{opacity:0;top:var(--topEnd)}}@keyframes water-bottom{0%,12%{bottom:var(--bottomStart);opacity:0}15%,95%{opacity:1}35%{bottom:var(--bottomEnd);opacity:1}to{bottom:var(--bottomEnd);opacity:0}}@keyframes water-fade{0%,5%,to{opacity:0}15%,95%{opacity:1}}@keyframes rotate{0%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes translate{0%{transform:translateY(var(--translateStart))}50%{transform:translateY(0)}to{transform:translateY(var(--translateStart))}}@keyframes rotate-infinite{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search__input.field__input{padding-right:5rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.search__button:focus,.search__button:focus-visible{background-color:rgb(var(--color-background));z-index:2}.search__button:not(:focus-visible):not(.focused){background-color:inherit;box-shadow:inherit}.search__button .icon{height:1.8rem;width:1.8rem}input::-webkit-search-decoration{-webkit-appearance:none}