.search-modal{background:#3172ae;left:0;padding:1rem;position:fixed;top:4rem;transform:translateY(-100%);transition:transform ease 320ms;width:100%;z-index:2}
@media (min-width:64em){
.search-modal{background:#333;opacity:0;top:0;transform:none;transition:z-index ease 320ms 640ms,visibility ease 320ms 640ms,opacity ease 320ms 640ms,width ease 320ms 320ms,height ease 320ms 320ms,left ease 320ms 320ms,top ease 320ms 320ms;visibility:hidden}
.search-modal__wrap{opacity:0;transition:visibility ease 320ms,opacity ease 320ms;visibility:hidden}
.search-modal__form{border-bottom:.125rem solid #fff;padding-bottom:.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48rem}
}
.search-modal__input{background:#fff;border:0;border-radius:0;float:left;font-size:1rem;height:3rem;padding:0 1rem;width:calc(100% - 3rem);-webkit-appearance:none}
@media (min-width:64em){
.search-modal__input{background:0 0;color:#fff;font-size:2.5rem;padding:0;width:calc(100% - 4rem)}
}
.search-modal__button{background:#fff;border:0;color:#161616;float:right;height:3rem;padding:.75rem;width:3rem}
@media (min-width:64em){
.search-modal__button{background:0 0;color:#fff;padding:0}
}
.search-modal__label{background:#fff}
.search-modal__button-text,.search-modal__close{display:none}
.body--search-active .search-modal{transform:translateY(0)}
@media (min-width:64em){
.search-modal__close{background:#fff;border-radius:50%;color:#333;display:block;padding:.75rem;position:absolute;right:2rem;top:2rem;width:3rem}
.body--search-active .search-modal{height:100%!important;left:0!important;opacity:1;transition:z-index ease 320ms,visibility ease 320ms,opacity ease 320ms,width ease 320ms 320ms,height ease 320ms 320ms,left ease 320ms 320ms,top ease 320ms 320ms;visibility:visible;width:100%!important;z-index:3}
.body--search-active .search-modal__wrap{opacity:1;transition:visibility ease 320ms 640ms,opacity ease 320ms 640ms;visibility:visible}
}