.button.view-invitation__edit-feature-button{padding:.375rem .75rem;background-color:#f5f5f7;color:#5352eb;font-weight:500;border-radius:1rem;display:flex;align-items:center;gap:.25rem;z-index:2}@media only screen and (min-width: 61.875rem){.button.view-invitation__edit-feature-button{position:absolute;top:.5rem;right:.5rem}.button.view-invitation__edit-feature-button:not(.static){background-color:#fff}}.button.view-invitation__edit-feature-button.static{position:absolute;top:.5rem;right:.5rem}
.gpt-banner{display:block !important}.placeholder-banner,.placeholder-banner--blurry{display:block !important;overflow:hidden;position:relative;width:728px;height:90px;background:no-repeat center center;background-size:cover}.placeholder-banner.mobile,.placeholder-banner--blurry.mobile{width:300px;height:50px}.placeholder-banner.skyscraper,.placeholder-banner--blurry.skyscraper{width:300px;height:600px}.placeholder-banner.side-panel,.placeholder-banner--blurry.side-panel{width:300px;height:250px}.placeholder-banner--blurry:after{content:"";position:absolute;width:100%;height:100%;backdrop-filter:blur(6px) saturate(0.75);pointer-events:none;left:0}.google-free-banner{text-align:center}.google-free-banner__wrapper{width:100%;margin:0 auto;display:flex;justify-content:end;text-align:center}.freestar-side-panel>div{height:600px}.google-free-banner__wrapper--create-flow{position:absolute;z-index:1;top:-1px}.google-free-banner__wrapper-fit{width:fit-content;margin:0 auto;position:relative}.fabric-create-invitation-root .google-free-banner--leaderboard-preview{padding:1rem 0 0;z-index:0}@media only screen and (min-width: 61.875rem){.fabric-create-invitation-root .view-invitation__modules-wrapper .google-free-banner--leaderboard-preview{padding:1rem 0}}.fabric-create-invitation-root .one_step_flow-event-content .google-free-banner--leaderboard-preview{padding:1rem 0}@media only screen and (min-width: 61.875rem){.fabric-create-invitation-root .one_step_flow-event-content .google-free-banner--leaderboard-preview{padding:1rem 0}}.fabric-one-step-invitation-root .google-free-banner--leaderboard-preview{margin:1rem 0;z-index:0}.view-invitation__top-banner .google-free-banner--leaderboard{background-color:hsla(0,0%,100%,.9);padding:1rem 0}.invite-root .google-free-banner{position:relative;z-index:1}.invite-root .google-free-banner--leaderboard{background-color:hsla(0,0%,100%,.9);padding:1rem 0}.invite-root .view-invitation__modules-wrapper .google-free-banner--leaderboard-preview{padding:1rem 0 0}@media only screen and (min-width: 61.875rem){.invite-root .view-invitation__modules-wrapper .google-free-banner--leaderboard-preview{padding:0}}.invite-root.invitation-preview .view-invitation__modules-wrapper .google-free-banner{width:100%}.invite-root.invitation-preview .view-invitation__modules-wrapper .google-free-banner,.invite-root.invitation-preview .view-invitation__modules-wrapper .google-free-banner--leaderboard-preview{background-color:#f5f5f7;padding:1rem 0 0}@media only screen and (min-width: 61.875rem){.invite-root.invitation-preview .view-invitation__modules-wrapper .google-free-banner,.invite-root.invitation-preview .view-invitation__modules-wrapper .google-free-banner--leaderboard-preview{background-color:#e1e3e6;padding:1rem 0}}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button){position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:.25rem;font-family:Brut;font-size:.875rem;vertical-align:middle;font-weight:500;color:#5352eb;background-color:#ebeafd;width:fit-content}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button).hidden{display:none}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button).premium-event-details{top:1.5rem}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button).light-bg{background-color:#f5f3f2}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button).multi{gap:1rem}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button).multi .view-invitation__preview-cta{padding:0}.submodule-gifting .view-invitation__preview-cta:not(.unstyled-button) span{font-weight:400}svg.remove_button__premium-diamond path{fill:#c10097 !important}.google-free-banner__wrapper--real-ad .button.view-invitation__edit-feature-button{position:static;margin:.5rem}
.ActionSheetModal__message__message,.ActionSheetModal__message__title,.ActionSheetModal__cancel,.ActionSheetModal__action{font-family:Brut,sans-serif;padding:0;margin:0}.ActionSheetModal__message__title,.ActionSheetModal__cancel,.ActionSheetModal__action{font-size:clamp(1rem,5.6074766355vw,1.125rem);line-height:clamp(1.375rem,8.0996884735vw,1.625rem)}.ActionSheetModal__message__message{font-size:clamp(.875rem,4.984423676vw,1rem);line-height:clamp(1.25rem,6.8535825545vw,1.375rem)}.ReactModalPortal{z-index:9999;position:absolute;left:0;top:0;overflow:visible}.ReactModal__Body--open,.ReactModal__Html--open{overflow:hidden;position:relative}.ReactModal__Body--open--allow-scroll{position:relative}.EviteModal__Overlay{background-color:rgba(127,127,127,0);position:absolute;width:100vw;height:100vh;top:0;left:0;transition:background-color 200ms}.EviteModal__Content{padding:1.5rem 1.5rem 1rem;position:fixed;overflow-y:auto;border-radius:1rem 1rem 0 0;outline:none;background:#fff;text-align:center;bottom:0;width:100%}.EviteModal__Overlay:before{content:" ";position:fixed;width:100vw;height:100vh;top:0;background-color:rgba(127,127,127,0);display:block;transition:background-color 200ms}.ReactModal__Overlay--open:before{background-color:rgba(127,127,127,0);transition:background-color 200ms}.ReactModal__Overlay--after-open:before{background-color:rgba(127,127,127,.66);transition:background-color 200ms}.ReactModal__Overlay--before-close:before{background-color:rgba(255,0,0,0) !important;transition:background-color 200ms}.EviteModal__Content{transform:translateY(100%);transition:transform 200ms ease-out}.EviteModal__Content.ReactModal__Content--after-open{transform:translateY(0%);transition:transform 200ms ease-out}.ReactModal__Overlay--before-close .EviteModal__Content{transform:translateY(100%) !important;transition:transform 200ms ease-out}.ActionSheetModal{background:#fff;border-radius:10px;margin:20px 0 30px;min-height:48px;padding:10px;width:calc(100% - 20px*2);left:20px}.ActionSheetModal__list{list-style:none;margin:0;padding:0}.ActionSheetModal__action{background:#f5f5f7;color:#5352eb;border-radius:.5rem;padding:1rem;margin:2px 0;cursor:pointer}.ActionSheetModal__action__destructive{color:#ff6348}.ActionSheetModal__cancel{background:#f5f5f7;border-radius:.5rem;color:#5352eb;font-weight:700;padding:1rem;cursor:pointer}.ActionSheetModal__message__title{font-weight:500;padding-top:1rem}.ActionSheetModal__message__message{padding-bottom:1.5rem}.GroundhogModal{border-radius:24px 24px 0 0;margin:0;padding-left:0;padding-right:0;padding-bottom:20px !important;position:fixed}.GroundhogModal__dontShowAgainButton{width:50%;text-align:left;color:#5352eb;background:none;border:none;padding:0 0 0 22px}.GroundhogModal__remindMeLaterButton{width:50%;text-align:right;color:#5352eb;background:none;border:none;font-weight:700;padding:0 22px 0 0}.GroundhogModal .module-subheader{margin-bottom:20px;margin-right:20px}.GroundhogModal .registries__wrapper--multi{margin-bottom:20px}.GroundhogModal .xicon{position:absolute;top:8px;right:8px}
.design-error-alert{display:flex;max-width:22rem;padding:.5rem;align-items:center;gap:.5rem;background-color:#fef3f2}@media only screen and (min-width: 31.25rem){.design-error-alert{margin:0 auto}}.design-error-alert__text{flex:1}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.canvas-container{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:1rem}
