/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/sales-rep-locator/src/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.has-gradient-one-color {
  background: linear-gradient(90deg, #45b6fa 0%, #2158f3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}

.has-gradient-two-color {
  background: linear-gradient(270deg, #ADF2BD 0%, #8BEFF2 47.25%, #BBC7F2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.has-gradient-four-color {
  background: linear-gradient(298.77deg, #515151 0%, #121924 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}

.has-gradient-five-color {
  background: linear-gradient(302.32deg, #EE1E51 0%, #121924 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}

.bg-color-gradient-two {
  background: linear-gradient(270deg, #ADF2BD 0%, #8BEFF2 47.25%, #BBC7F2 100%);
}

.bg-color-gradient-three {
  background: linear-gradient(302.32deg, #144C3F 0%, #144D6C 49.53%, #2B2C5B 100%);
}

.bg-color-gradient-four {
  background: linear-gradient(298.77deg, #515151 0%, #121924 100%);
}

.bg-color-gradient-five {
  background: linear-gradient(302.32deg, #EE1E51 0%, #121924 100%);
}

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-crown-blocks-sales-rep-locator .tabs {
  display: flex;
  border: 1px solid #E6E6E6;
}
.wp-block-crown-blocks-sales-rep-locator .tabs button {
  margin-bottom: -1px;
  border: none;
  background-color: transparent;
  padding: 24px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  font-weight: 700;
  font-size: 18px;
  border-bottom: 3px solid transparent;
  transition: border-color 0.15s, color 0.15s;
  text-align: center;
}
.wp-block-crown-blocks-sales-rep-locator .tabs button.active {
  color: #000;
  border-bottom-color: #000;
}
.wp-block-crown-blocks-sales-rep-locator .tabs button + button {
  border-left: 1px solid #E6E6E6;
}
.wp-block-crown-blocks-sales-rep-locator .instructions {
  font-size: 22px;
  font-weight: 600;
  margin-top: 40px;
  text-align: center;
}
.wp-block-crown-blocks-sales-rep-locator .location-search-form {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  justify-content: center;
}
.wp-block-crown-blocks-sales-rep-locator .location-search-form .field,
.wp-block-crown-blocks-sales-rep-locator .location-search-form .form-footer {
  padding: 4px;
}
.wp-block-crown-blocks-sales-rep-locator .location-search-form input {
  border-radius: 1000px;
  border-bottom: none;
  padding: 0.9rem 1.4rem;
}
.wp-block-crown-blocks-sales-rep-locator .map-container {
  margin-top: 40px;
}
.wp-block-crown-blocks-sales-rep-locator .map-container .map {
  position: relative;
  display: none;
}
.wp-block-crown-blocks-sales-rep-locator .map-container .map.active {
  display: block;
}
.wp-block-crown-blocks-sales-rep-locator .map-container .map::before {
  content: "";
  display: block;
  padding-top: 60%;
}
.wp-block-crown-blocks-sales-rep-locator .map-container .map svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wp-block-crown-blocks-sales-rep-locator .map-container svg #us > *,
.wp-block-crown-blocks-sales-rep-locator .map-container svg #ca > * {
  stroke: #fff;
  fill: #ccc;
}
.wp-block-crown-blocks-sales-rep-locator .map-container svg #us > *.has-sales-reps,
.wp-block-crown-blocks-sales-rep-locator .map-container svg #ca > *.has-sales-reps {
  fill: #000;
  cursor: pointer;
  transition: fill 0.2s;
}
.wp-block-crown-blocks-sales-rep-locator .map-container svg #us > *.has-sales-reps:hover,
.wp-block-crown-blocks-sales-rep-locator .map-container svg #ca > *.has-sales-reps:hover {
  fill: #444;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region {
  max-width: none;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .modal-content {
  background-color: #000;
  color: #fff;
  border: none;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .modal-content a {
  color: inherit;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .modal-header .close {
  color: #fff;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .sales-rep .territory {
  font-size: 32px;
  margin-bottom: 10px;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .sales-rep .name {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .sales-rep .phone {
  margin-bottom: 0;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .sales-rep .phone a {
  text-decoration: none;
}
.wp-block-crown-blocks-sales-rep-locator .modal.sales-rep-region .sales-rep + .sales-rep {
  border-top: 1px solid #ccc;
  margin-top: 18px;
  padding-top: 18px;
}

/*# sourceMappingURL=style-index.css.map*/