/* ../../../tmp/tmp-3116580-SmhI2oiMk2hX/bpweb-dev/plugins/bp/web/assets/components/emailmidscroll.css */
.email-midscroll-outer-container {
  position: relative;
}
.email-midscroll-outer-container .email-midscroll {
  display: none;
}
@media screen and (min-width:1024px) {
  .email-midscroll-outer-container .email-midscroll {
    display: block;
  }
}
.universal .email-midscroll-outer-container .email-midscroll {
  margin-bottom: 48px;
}
.email-midscroll-outer-container .email-midscroll-container {
  position: relative;
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 112px;
  padding-left: 112px;
  border-radius: 8px;
}
@media screen and (min-width:1024px) {
  .universal .email-midscroll-outer-container .email-midscroll-container {
    width: 1014px;
    transform: translateX(-83px);
  }
}
@media screen and (min-width:1376px) {
  .universal .email-midscroll-outer-container .email-midscroll-container {
    width: 1310px;
    transform: translateX(-231px);
  }
}
.email-midscroll-outer-container .email-midscroll-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gutter);
}
@media screen and (min-width:1024px) {
  .email-midscroll-outer-container .email-midscroll-grid {
    grid-template-columns: [form] 454px;
    gap: 32px;
  }
}
.email-midscroll-outer-container .email-midscroll-form-container {
  grid-column: 1/13;
}
@media screen and (min-width:1024px) {
  .email-midscroll-outer-container .email-midscroll-form-container {
    grid-column: form;
  }
}
.email-midscroll-outer-container .email-midscroll-title {
  font-size: 2.5rem;
  line-height: 1.2;
  max-width: 448px;
  font-weight: 600;
  color: #fff;
}
.email-midscroll-outer-container .email-midscroll-title span {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 600;
  color: #f37e85;
}
.email-midscroll-outer-container .email-midscroll-form,
.email-midscroll-outer-container .subscribe-form {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  max-width: 448px;
}
.email-midscroll-outer-container input[type=email].email-midscroll-input,
.email-midscroll-outer-container .universal .subscribe-input,
.email-midscroll-outer-container .email-midscroll-input {
  background-color: #191a1b;
  border-radius: 8px;
  border: 1px solid #fff;
  color: #fff;
  text-align: left;
  margin-bottom: unset;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 16px;
}
.email-midscroll-outer-container input[type=email].email-midscroll-input::placeholder,
.email-midscroll-outer-container .universal .subscribe-input::placeholder,
.email-midscroll-outer-container .email-midscroll-input::placeholder {
  color: #e4e8ed;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.email-midscroll-outer-container input[type=email].email-midscroll-input:focus::placeholder,
.email-midscroll-outer-container .universal .subscribe-input:focus::placeholder,
.email-midscroll-outer-container .email-midscroll-input:focus::placeholder {
  opacity: 0;
}
.email-midscroll-outer-container .email-midscroll-form-button-block {
  display: flex;
}
.email-midscroll-outer-container .email-midscroll-form-button,
.email-midscroll-outer-container .subscribe-submit {
  background-color: #fff;
  color: #191a1b;
  flex: 1 0 auto;
  border-radius: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 16px;
  justify-content: center;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.email-midscroll-outer-container .email-midscroll-form-button .button-icon svg path,
.email-midscroll-outer-container .subscribe-submit .button-icon svg path {
  fill: #191a1b;
}
.email-midscroll-outer-container .email-midscroll-form-button:hover,
.email-midscroll-outer-container .subscribe-submit:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.email-midscroll-outer-container .email-midscroll-form-button:active,
.email-midscroll-outer-container .subscribe-submit:active {
  background-color: #f5f5f5;
}
.email-midscroll-outer-container .email-midscroll-form-button.button-disabled,
.email-midscroll-outer-container .subscribe-submit.button-disabled {
  background-color: #e4e8ed;
  pointer-events: none;
}
.email-midscroll-outer-container .email-midscroll-image-container {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: absolute;
  bottom: -10px;
}
@media screen and (min-width:1024px) {
  .email-midscroll-outer-container .email-midscroll-image-container {
    max-width: 450px;
    right: -80px;
  }
}
@media screen and (min-width:1291px) {
  .email-midscroll-outer-container .email-midscroll-image-container {
    max-width: 500px;
    right: 112px;
  }
}
@media screen and (min-width:1310px) {
  .email-midscroll-outer-container .email-midscroll-image-container {
    max-width: 531px;
    right: 112px;
  }
}
.email-midscroll-outer-container .email-midscroll-container-sm {
  padding-top: 48px;
  padding-right: 48px;
  padding-bottom: 48px;
  padding-left: 48px;
  max-width: 656px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 8px;
}
.email-midscroll-outer-container .email-midscroll-container-sm .email-midscroll-image-container {
  max-width: 289px;
  right: -30px;
  bottom: -20px;
}
.email-midscroll-outer-container .email-midscroll-container-sm .email-midscroll-title {
  font-size: 2rem;
  line-height: 1.125;
}
.email-midscroll-outer-container .email-midscroll-container-sm .email-midscroll-title span {
  font-size: 2rem;
  line-height: 1.125;
}
.email-midscroll-outer-container .email-midscroll-container-sm .email-midscroll-form {
  max-width: 308px;
}