.search--flyout{box-shadow:0 0 1vmax rgba(0,0,0,0.15);display:inline-flex;margin-left:auto;overflow:hidden;margin-top:0 !important;width:0;height:0;display:none}.search--flyout.search{padding:0;background-color:transparent;border:none;box-shadow:none;display:none}body.search-is-active .search--flyout{position:fixed;overflow:visible;width:90vw;z-index:499;top:35%;left:50%;transform:translateX(-50%);height:10vh;display:block}@media (min-width: 992px){body.search-is-active .search--flyout{top:19%;width:80vw}}.search--flyout form{display:grid;grid-template-rows:auto;grid-template-columns:100%;grid-gap:3vmax 0;width:100%;height:100%;background-color:#fff}@media (min-width: 768px){.search--flyout form{grid-template-columns:1fr auto;grid-template-rows:1fr}}.search--flyout .form-item{display:grid;grid-template-columns:100%;grid-gap:1rem;grid-template-rows:auto 10vh;height:100%;align-items:stretch;flex-direction:column;justify-content:center;grid-auto-flow:column}@media (min-width: 768px){.search--flyout .form-item{grid-template-columns:auto 1fr;grid-template-rows:10vh;grid-auto-flow:row}}.search--flyout .form-item label{display:flex;align-items:center;height:100%;font-weight:600;margin:0;cursor:pointer;font-size:calc(1em + .5vmax);white-space:nowrap;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#495057;justify-content:center}.search--flyout .form-item .form-control{appearance:none;height:100%;background-color:transparent;border:1px #ced4da solid;border-radius:0;border-top-left-radius:.2em;border-bottom-left-radius:.2em;z-index:10;padding-left:.5em;font-size:calc(1em + .5vmax);outline:none;box-shadow:none}.search--flyout .form-item .form-control::-webkit-input-placeholder,.search--flyout .form-item .form-control:-moz-placeholder,.search--flyout .form-item .form-control::-moz-placeholder,.search--flyout .form-item .form-control:-ms-input-placeholder{color:rgba(0,0,0,0.15)}.search--flyout .button{height:100%;width:100%;font-size:2.75vmax;padding-left:.2em;padding-right:.2em}.search--flyout .button:focus{outline:3px solid rgba(239,96,77,0.2);outline-offset:0}@media (hover: hover){.search--flyout .button:hover,.search--flyout .button:active{outline:none}}@media (min-width: 768px){.search--flyout .button{border-top-left-radius:0;border-bottom-left-radius:0;width:10vh;font-size:1.75vh}}.search--flyout .button+.button{margin-left:.5em}.search--flyout .button.close{border-radius:0}
