.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: 1024px) {
      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;
    /*&:focus-within label {
      transform: translateY(-100%);
      color: $gray-600;
    }*/ }
    @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-visible {
      outline: 3px solid rgba(255, 191, 71, 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; }
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy5zYXNzLWNhY2hlL2NvbXBvbmVudHMvc2VhcmNoL3NyYy9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2gtLWZseW91dC5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvY29tcG9uZW50cy9zZWFyY2gvbm9kZV9tb2R1bGVzL2Jvb3RzdHJhcC9zY3NzL21peGlucy9fYnJlYWtwb2ludHMuc2NzcyIsIi4uLy4uLy4uLy5zYXNzLWNhY2hlL2NvbXBvbmVudHMvc2VhcmNoL25vZGVfbW9kdWxlcy9ib290c3RyYXAvc2Nzcy9fdmFyaWFibGVzLnNjc3MiLCIuLi8uLi8uLi8uc2Fzcy1jYWNoZS9jb21wb25lbnRzL3NlYXJjaC9zcmMvYm9vdHN0cmFwL19jdXN0b20tYm9vdHN0cmFwLXZhcmlhYmxlcy5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvY29tcG9uZW50cy9zZWFyY2gvc2VhcmNoLS1mbHlvdXQuY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvY29tcG9uZW50cy9zZWFyY2gvc3JjL21peGlucy9fdHlwZS5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvY29tcG9uZW50cy9zZWFyY2gvc3JjL21peGlucy9fYTExeS5zY3NzIiwiLi4vLi4vLi4vLnNhc3MtY2FjaGUvY29tcG9uZW50cy9zZWFyY2gvc3JjL19jdXN0b20tdGhlbWUtdmFyaWFibGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRSx5Q0FBcUM7RUFDckMsb0JBQW9CO0VBQ3BCLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsd0JBQXVCO0VBQ3ZCLFFBQVE7RUFDUixTQUFTO0VBQ1QsYUFBYSxFQUFBO0VBUmY7SUFXSSxVQUFVO0lBQ1YsNkJBQTZCO0lBQzdCLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsYUFBYSxFQUFBO0VBTWY7SUFDRSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLFdBQVc7SUFDWCxZQUFZO0lBQ1osUUFBUTtJQUNSLFNBQVM7SUFDVCwyQkFBMkI7SUFDM0IsWUFBWTtJQUNaLGNBQWMsRUFBQTtJQ3dCZDtNRGpDRjtRQVlJLFFBQVE7UUFDUixXQUFXLEVBQUEsRUFFZDtFQXBDSDtJQXdDSSxhQUFhO0lBQ2Isd0JBQXdCO0lBQ3hCLDJCQUEyQjtJQUMzQixpQkFBaUI7SUFDakIsV0FBVztJQUNYLFlBQVk7SUFDWixzQkU3Q1csRUFBQTtJRHFEWDtNRHRESjtRQWlETSwrQkFBK0I7UUFDL0IsdUJBQXVCLEVBQUEsRUFFMUI7RUFwREg7SUF1REksYUFBYTtJQUNiLDJCQUEyQjtJQUMzQixjR2RTO0lIZVQsNkJBQTZCO0lBQzdCLFlBQVk7SUFDWixvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLHVCQUF1QjtJQUN2QixzQkFBc0I7SUFRdEI7OztNSXZCRSxFSjBCQztJQ3BCSDtNRHRESjtRQWtFTSwrQkFBK0I7UUFDL0Isd0JBQXdCO1FBQ3hCLG1CQUFtQixFQUFBLEVBOEN0QjtJQWxISDtNQTZFTSxhQUFhO01BQ2IsbUJBQW1CO01BQ25CLFlBQVk7TUFDWixnQkFBZ0I7TUFDaEIsU0FBUztNQUNULGVBQWU7TUFDZiw2QkFBNkI7TUFDN0IsbUJBQW1CO01BRW5CLFVBQVU7TUt2RlosbUNBQW1DO01BQ25DLGtDQUFrQztNTDBGaEMsY0VsRlk7TUZtRlosdUJBQXVCLEVBQUE7SUEzRjdCO01BZ0dNLGdCQUFnQjtNQUNoQixZQUFZO01BQ1osNkJBQTZCO01BQzdCLHlCQUEyQjtNQUMzQixnQkFBZ0I7TUFDaEIsNEJBQTRCO01BQzVCLCtCQUErQjtNQUMvQixXQUFXO01BQ1gsa0JBQWtCO01BQ2xCLDZCQUE2QjtNQUM3QixhQUFhO01BQ2IsZ0JBQWdCLEVBQUE7TUEzR3RCO1FBOEdRLDBCQUFzQixFQUFBO0VBOUc5QjtJQXFISSxZQUFZO0lBQ1osV0FBVztJQUNYLG1CQUFtQjtJQUNuQixrQkFBa0I7SUFDbEIsbUJBQW1CLEVBQUE7SUF6SHZCO01NSEUsMENDQWtDO01EQ2xDLGlCQUFpQixFQUFBO0lBV2pCO01OVEY7UU1XTSxhQUFhLEVBQUEsRUFFZDtJTHlDRDtNRHRESjtRQTZITSx5QkFBeUI7UUFDekIsNEJBQTRCO1FBQzVCLFdBQVc7UUFDWCxpQkFBaUIsRUFBQSxFQVdwQjtJQTNJSDtNQW9JTSxpQkFBaUIsRUFBQTtJQXBJdkI7TUF3SU0sZ0JBQWdCLEVBQUEiLCJmaWxlIjoic2VhcmNoLS1mbHlvdXQuY3NzIn0= */