.search-box{grid-area:search;position:relative}@media (min-width:768px){.no-js .search-box:hover .search-box__popup{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}}.search-box>.button--search.search-box--active~.search-box__popup{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}.search-box__popup{width:53.3333333333vw;display:grid;grid-template:"input submit" auto/1fr auto}@media (min-width:768px){.search-box__popup{opacity:0;pointer-events:none;position:absolute;top:130%;left:50%;z-index:2;padding:0;background:#fff;width:auto;min-width:25rem;-webkit-transition:opacity .2s,-webkit-transform .2s cubic-bezier(.5,0,0,1.25),-webkit-box-shadow .2s;transition:opacity .2s,-webkit-transform .2s cubic-bezier(.5,0,0,1.25),-webkit-box-shadow .2s;transition:opacity .2s,transform .2s cubic-bezier(.5,0,0,1.25),box-shadow .2s;transition:opacity .2s,transform .2s cubic-bezier(.5,0,0,1.25),box-shadow .2s,-webkit-transform .2s cubic-bezier(.5,0,0,1.25),-webkit-box-shadow .2s;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6);-webkit-transform-origin:50% 0;transform-origin:50% 0;border:.4rem solid var(--persian-indigo)}}@media (min-width:1300px){.search-box__popup{min-width:15.625vw}}@media (min-width:768px){.search-box__popup::before{content:"";position:absolute;left:50%;bottom:calc(100% + .4rem);width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-width:1rem;border-style:solid;border-color:transparent;border-bottom-color:var(--persian-indigo);border-top:none}}@media (min-width:1300px){.search-box__popup::before{border-width:.5208333333vw}}.search-box__popup .form__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.search-box__popup .form__label:focus{position:relative;width:auto;height:auto;clip:initial;margin:inherit;padding:0;border:initial}.search-box__input{grid-area:input;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;padding:1.3333333333vw 0 1.3333333333vw 2.6666666667vw}@media (min-width:768px){.search-box__input{padding:1.3020833333vw 0 1.3020833333vw 1.953125vw}}@media (min-width:1300px){.search-box__input{padding:.5208333333vw 0 .5208333333vw .78125vw}}.search-box__submit{grid-area:submit;margin:0;padding:0;color:transparent;text-indent:-100%;overflow:hidden;position:relative;background-color:#fff;width:13.3333333333vw;height:13.3333333333vw;cursor:pointer;border:none}@media (min-width:768px){.search-box__submit{width:4rem;height:4rem}}@media (min-width:1300px){.search-box__submit{width:2.6041666667vw;height:2.6041666667vw}}@media (min-width:768px){.search-box__submit::before{content:"";position:absolute;top:0;right:0;width:0;height:100%;overflow:hidden;background-color:var(--persian-indigo);-webkit-transition:width .2s cubic-bezier(.5,0,0,1.25);transition:width .2s cubic-bezier(.5,0,0,1.25)}}.search-box__submit svg{fill:var(--persian-indigo);width:33%;height:33%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:fill .2s;transition:fill .2s}@media (min-width:768px){.search-box__submit:focus::before,.search-box__submit:hover::before{width:100%}}@media (min-width:768px){.search-box__submit:focus svg,.search-box__submit:hover svg{fill:#fff}}