/* Country Picker dropdown container (Name depends on element being used as a container) */
  .dropdown-container {
    display: inline-block;
    color: white;
    cursor: pointer;
    position: relative;
  }
  
  /* Dropdown Trigger */
  .flow-country-picker-modal-trigger,
  .flow-country-picker-dropdown-trigger {
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
    padding: 0 0.5rem;
  }
  .flow-country-picker-modal-trigger > img, .flow-country-picker-dropdown-trigger > img {
      border-radius: 0.125rem;
      -webkit-box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, .10);
              box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, .10);
    }
  
  .flow-country-picker-modal-trigger-text,
  .flow-country-picker-dropdown-trigger-text {
    bottom: 0.33rem;
    position: relative;
    color: #191919;
  }
  
  /* Backdrop that takes over the screen */
  .flow-country-picker-dropdown-backdrop {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  
  .flow-country-picker-instruction-txt {
    color: black;
    display: block;
    padding: 1rem 0.875rem;
    line-height: 1.125rem;
    border-bottom: 0.0875rem solid #e6e6e6;
    margin-bottom: 0.25rem;
  }
  
  /* Dropdown button on hover & focus */
  .flow-country-picker-modal-trigger:hover, .flow-country-picker-modal-trigger:focus, .flow-country-picker-modal-trigger.flow-country-picker-open,
  .flow-country-picker-dropdown-trigger:hover, .flow-country-picker-dropdown-trigger:focus, .flow-country-picker-dropdown-trigger.flow-country-picker-open {
    background-color: #f3f3f3;
  }
  
  .flow-country-picker-country-logo {
    display: inline-block;
    padding-right: 0.875rem;
  }
  
  .flow-country-picker-country-logo > img {
      border-radius: 0.125rem;
      -webkit-box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, .10);
              box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, .10);
    }
  
  /* Dropdown Content (Hidden by Default) */
  .flow-country-picker-dropdown-menu {
    visibility: hidden;
    opacity: 0;
    border-radius: 0.125rem;
    -webkit-transition: visiblity 0.10s, opacity 0.10s linear;
    transition: visiblity 0.10s, opacity 0.10s linear;
    position: absolute;
    background-color: white;
    min-width: 25rem;
    max-height: 33.33rem;
    overflow-y: scroll;
    /* These position elements are highly dependent on the user's site content */
    top: 2.5rem;
    left: 0;
    -webkit-box-shadow: 0 0.125rem 0.33rem 0 rgba(0, 0, 0, .25);
            box-shadow: 0 0.125rem 0.33rem 0 rgba(0, 0, 0, .25);
    z-index: 100;
    font-size: 1.125rem;
  }
  .flow-country-picker-dropdown-menu a:last-child {
      margin-bottom: 0.33rem;
    }
  
  
  /* Links inside the dropdown */
  .flow-country-picker-dropdown-menu a {
    text-decoration: none;
    padding: 0.5rem 0.875rem;
    line-height: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  
  .flow-country-picker-dropdown-menu a:hover {
    opacity: 1;
    background-color: #f3f3f3;
  }
  
  /* The actual text inside the dropdown option */
  .flow-country-picker-dropdown-option-text {
    -ms-flex-item-align: center;
        align-self: center;
    color: #191919;
    position: relative;
    display: inline-block;
    width: calc(100% - 2.75rem);
    top: -0.0825rem;
  }
  
  .flow-country-picker-show {
    visibility: visible;
    opacity: 1;
  }
  
  .flow-country-picker-open {
    color: #191919;
  }
  
  /* Modal Country Picker */
  .flow-country-picker-modal {
    background-color: white;
    border-radius: 0.33rem;
    -webkit-box-shadow: 0 0.125rem 2rem 0 rgba(0, 0, 0, .15), 0 0.125rem 0.33rem 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0.125rem 2rem 0 rgba(0, 0, 0, .15), 0 0.125rem 0.33rem 0 rgba(0, 0, 0, .15);
    max-height: 58.33rem;
    left: calc(50% - 31.25rem);
    padding: 1.67rem;
    position: fixed;
    top: 25vh;
    width: 58.33rem;
    z-index: 99999;
  }
  
  /* An item inside the modal */
  .flow-country-picker-modal-item-container {
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: 0.525rem 0.475rem 0.525rem 0;
    width: 100%;
  }
  .flow-country-picker-modal-item-container:hover {
      background-color: #e6e6e6;
    }
  
  .flow-country-picker-modal-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  
  /* The selected item in the modal */
  .flow-country-picker-selected-modal-item {
    background-color: #C0DFFF;
    cursor: auto;
    cursor: initial;
  }
  
  /* Backdrop that takes over the screen */
  .flow-country-picker-modal-backdrop {
    background-color: rgba(0, 0, 0, .30);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  
  /* The text within the modal item */
  .flow-country-picker-modal-text {
    -ms-flex-item-align: center;
        align-self: center;
    color: #191919;
    line-height: 1.33rem;
  }
  
  /* Modal item logo */
  .flow-country-picker-modal-logo {
    -ms-flex-item-align: center;
        align-self: center;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 0.125rem 0.67rem 0 rgba(0, 0, 0, .10);
            box-shadow: 0 0.125rem 0.67rem 0 rgba(0, 0, 0, .10);
    height: 1.25rem;
    margin-left: 0.875rem;
    margin-right: 0.67rem;
    width: 0.75rem;
  }
  
  /* Modal Header */
  .flow-country-picker-modal-header {
    padding-left: 0.4rem;
    padding-bottom: 1.33rem;
    border-bottom: 0.0875rem #e6e6e6 solid;
    margin-bottom: 1.33rem;
  }
  
  .flow-country-picker-modal-title {
    color: #191919;
    display: inline-block;
  }
  
  /* Modal close icon */
  .flow-country-picker-modal-close {
    float: right;
    cursor: pointer;
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 0.575rem;
    stroke: #bfbfbf;
  }
  .flow-country-picker-modal-close:hover {
      stroke: #808080;
    }
  
  /* Modal Body */
  .flow-country-picker-modal-body {
    max-height: 54.25rem;
    overflow-y: scroll;
  }
  
  /* Modal Body Content */
  .flow-country-picker-modal-body-content {
    -webkit-column-count: 4;
            column-count: 4;
  }
  
  /* Currently selected experience text */
  .flow-country-picker-current-experience-txt {
    display: inline-block;
    padding-left: 0.575rem;
    bottom: 0.5rem;
    position: relative;
  }
  
  .flow-country-picker-selected-logo {
    display: inline-block;
  }
  
  /* Some example responsive rules */
  @media (max-width: 64rem) {
    .flow-country-picker-modal {
      left: 0;
      width: 100%;
    }
    .flow-country-picker-modal-body-content {
      -webkit-column-count: unset;
              column-count: unset;
    }
  }