.search-input{border-bottom:1px solid var(--color-theme-3);width:calc(var(--index)*13.8);justify-self:center;height:100%;transition:border-bottom .2s cubic-bezier(1,.16,.46,.87);display:flex}.search-input__input{width:100%;font-family:Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.666);color:var(--text-white);border:none;outline:none;margin-left:8px}.search-input__input::placeholder{font-family:Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.666);color:var(--text-dark-grey);transition:color .2s cubic-bezier(1,.16,.46,.87)}.search-input__span{aspect-ratio:1;justify-content:center;align-items:center;height:100%;transition:background-color .2s cubic-bezier(1,.16,.46,.87);display:flex}.search-input__span button{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25);background-color:var(--color-theme-3-accent);transition:background-color .2s cubic-bezier(1,.16,.46,.87);display:block;-webkit-mask:url(../media/x.14i5vri4vw.ks.svg) 50%/90% 90% no-repeat;mask:url(../media/x.14i5vri4vw.ks.svg) 50%/90% 90% no-repeat}.search-input__span--empty:after{content:"";width:calc(var(--index)/1.25);height:calc(var(--index)/1.25);background-color:var(--color-theme-3-accent);transition:background-color .2s cubic-bezier(1,.16,.46,.87);display:block;-webkit-mask:url(../media/search.07bwod_3716w9.svg) 50%/80% 80% no-repeat;mask:url(../media/search.07bwod_3716w9.svg) 50%/80% 80% no-repeat}.search-input__span--empty button{display:none}.search-input:has(.search-input__input:focus){border-bottom:1px solid var(--color-theme-1)}.search-input:has(.search-input__input:focus) .search-input__input::placeholder{color:var(--text-grey)}.search-input:has(.search-input__input:focus) .search-input__span:after{background-color:var(--text-white)}.search-input:has(.search-input__input:focus) .search-input__span button{background-color:var(--text-white)}.search-input:hover{border-color:var(--color-theme-1)}.search-input:hover .search-input__input::placeholder{color:var(--text-grey)}.search-input:hover .search-input__span:after,.search-input:hover .search-input__span button{background-color:var(--text-white)!important}@media screen and (max-width:767px){.search-input{width:100%;height:max(44px,var(--index)*4);border:none}.search-input__input{font-size:max(16px,var(--index)*1.454)}.search-input__input::placeholder{font-size:max(16px,var(--index)*1.454);color:var(--text-grey)}.search-input__span--empty:after,.search-input__span button{width:calc(var(--index)/.55);height:calc(var(--index)/.55)}.search-input:has(.search-input__input:focus){border:none}.search-input:hover{border:none}}@media screen and (min-width:768px) and (max-width:1199px){.search-input{width:100%;min-width:0}.search-input__input{margin-left:8px}}.align-nav-bar{width:100%;height:calc(var(--index)/1.25)}.align-nav-bar>input{height:100%;font-weight:400;font-size:calc(var(--index)/2.04);color:var(--text-white);margin:0}.align-nav-bar>input::placeholder{font-weight:400;font-size:calc(var(--index)/2.04);color:var(--text-dark-grey)}@media screen and (max-width:767px){.align-nav-bar{height:max(44px,var(--index)*4);border-bottom:1px solid var(--color-theme-3);flex-shrink:2;padding:0 8px}.align-nav-bar>input{font-size:max(16px,var(--index)*1.454)}.align-nav-bar>input::placeholder{font-size:max(16px,var(--index)*1.454);color:var(--text-grey)}.align-nav-bar:has(.search-input__input:focus){border-bottom:1px solid var(--color-theme-1)}.align-nav-bar:hover{border-color:1px solid var(--color-theme-1)}}