.js-has-pseudo [csstools-has-2q-33-2s-3d-1m-2w-2p-37-14-2j-2x-37-1p-2q-39-30-2z-19-2x-32-3a-2x-38-2t-2l-15]:not(does-not-exist) {
  align-content: center;
}

body:has([is=bulk-invite]) {
  align-content: center;
}

[is=bulk-invite] {
  display: grid;
  gap: var(--spacer1);
  grid-template-columns: 2fr minmax(400px, 1fr);
  position: relative;
}
[is=bulk-invite] .content > p {
  font-size: 1.7em;
  text-wrap: balance;
}
[is=bulk-invite] .content .logo {
  width: 300px;
}
[is=bulk-invite] .content textarea, [is=bulk-invite] .content button {
  margin-top: var(--gutter1);
}
[is=bulk-invite] .content textarea {
  width: min(100%, 600px);
  min-height: 11ch;
}
[is=bulk-invite] > svg {
  align-self: flex-end;
  position: relative;
  width: 100%;
}
@media (min-width: 1401px) {
  [is=bulk-invite] > svg {
    width: calc(100% + max((100vw - var(--breakpoint-max)) / 2 - var(--gutter1), -300px));
    max-width: 700px;
    max-height: 100%;
    position: absolute;
    grid-row: 1;
    grid-column: 2;
  }
}
[is=bulk-invite] > svg use {
  transform-origin: 0% 100%;
}
[is=bulk-invite] > svg circle {
  opacity: 0.03;
  translate: 0 50%;
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 70%);
          mask-image: linear-gradient(to bottom, black 40%, transparent 70%);
}
[is=bulk-invite] form > * {
  transition: opacity 0.4s cubic-bezier(0.42, 0, 1, 1), translate 0.4s cubic-bezier(0.42, 0, 1, 1);
}
[is=bulk-invite] form > *:nth-child(1) {
  transition-delay: 0.9s, 0.9s;
}
[is=bulk-invite] form > *:nth-child(2) {
  transition-delay: 0.6s, 0.6s;
}
[is=bulk-invite] form > *:nth-child(3) {
  transition-delay: 0.3s, 0.3s;
}
[is=bulk-invite] form.submitted > * {
  translate: 0 1rem;
  opacity: 0;
}
[is=bulk-invite] .response-message {
  transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  color: white;
  translate: 0 var(--gutter2);
  opacity: 1;
}
[is=bulk-invite] .response-message p {
  padding: var(--gutter0) var(--gutter1);
  background-color: #21B755;
  border-radius: calc(var(--border-radius) / 2);
}
[is=bulk-invite] .response-message.hidden {
  opacity: 0;
}
@media (max-width: 1400px) {
  [is=bulk-invite] {
    display: flex;
    flex-direction: column;
  }
  [is=bulk-invite] > svg {
    align-self: flex-start;
    width: min(100%, 600px);
  }
}

modal-wrapper[type=response][position] modal-container {
  --max-width: inherit;
}
modal-wrapper[type=response] [is=bulk-invite] {
  display: flex;
  flex-direction: column;
}
modal-wrapper[type=response] [is=bulk-invite] > svg {
  align-self: flex-start;
  width: min(100%, 600px);
}
/*# sourceMappingURL=../sourcemaps/components/bulk-invite.css.map */