/***=!! New design variables !!=***/
.active-variant[data-v-d30b54d5] {
  background-color: #2f3750;
  color: #ffffff !important;
}
a[data-v-d30b54d5] {
  height: 32px !important;
  line-height: 32px !important;
}
i[data-v-d30b54d5] {
  font-size: 12px;
  margin-left: 10px;
}/***=!! New design variables !!=***/
ul.inline-option-group[data-v-68fee7a2] {
  display: flex;
  height: 32px;
  align-items: center;
}
ul.inline-option-group li[data-v-68fee7a2] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  margin: 0;
  padding: 0 8px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
ul.inline-option-group li i[data-v-68fee7a2] {
  font-size: 12px;
  font-weight: 500;
}
ul.inline-option-group li.active[data-v-68fee7a2] {
  color: var(--neutral-light-n-700, #2f3750);
}
ul.inline-option-group li.icon[data-v-68fee7a2] {
  padding: 0;
  text-align: center;
  width: 40px;
}
ul.inline-option-group .inline-option-divider[data-v-68fee7a2] {
  width: 1px;
  height: var(--space-between, 16px);
  background: var(--neutral-light-n-30, #ebedef);
}
ul.inline-option-group .inline-option-divider[data-v-68fee7a2]:last-child {
  display: none;
}/***=!! New design variables !!=***/
p[data-v-9bc28dd7] {
  margin-bottom: 1.25rem !important;
}/***=!! New design variables !!=***/
.creative-preview-toolbar[data-v-721879a6] {
  padding: 8px;
  display: flex;
  border-bottom: 1px solid var(--neutral-light-n-40, #dde0e4);
  flex-wrap: wrap;
}
.creative-preview-toolbar .creative-preview-toolbar__title[data-v-721879a6] {
  align-self: center;
  padding-left: 12px;
  flex-grow: 1;
}
.creative-preview-toolbar .creative-preview-toolbar__left[data-v-721879a6] {
  flex-grow: 1;
}
.creative-preview-toolbar .creative-preview-toolbar__title + .creative-preview-toolbar__left[data-v-721879a6] {
  flex-grow: 0;
  margin-right: 8px;
}
.creative-preview-toolbar .creative-preview-toolbar__right[data-v-721879a6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.creative-preview-toolbar .creative-preview-toolbar__right__links[data-v-721879a6] {
  display: flex;
}
.creative-preview-toolbar .creative-preview-toolbar__right__links a[data-v-721879a6] {
  padding: 0 12px;
  color: #515970;
  font-size: 12px;
  display: flex;
  gap: 8px;
}/***=!! New design variables !!=***/
.debug-logs-container[data-v-1516f052] {
  display: flex;
  margin-bottom: 10px;
  padding: 5px;
  border-left: 2px solid #36b370;
}/***=!! New design variables !!=***/
iframe[data-v-5dd3f6fd] {
  width: 100%;
  height: 100%;
}
.frontend-asset-preview[data-v-5dd3f6fd] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.frontend-asset-preview .frontend-asset-preview__toolbar[data-v-5dd3f6fd] {
  flex-shrink: 0;
}
.frontend-asset-preview .frontend-asset-preview__preview[data-v-5dd3f6fd] {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding: 50px;
  overflow: auto;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper[data-v-5dd3f6fd] {
  flex-grow: 1;
  flex-basis: 500px;
  height: 970px;
  position: relative;
  overflow: hidden;
  margin-top: -61px;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper img[data-v-5dd3f6fd] {
  max-width: none;
  position: absolute;
  left: 50%;
  margin-left: -489px;
  width: 978px;
  box-shadow: none;
  filter: none;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper .mobile-phone-wrapper__screen[data-v-5dd3f6fd] {
  position: absolute;
  left: 50%;
  border-bottom-left-radius: 42px;
  border-bottom-right-radius: 42px;
  top: 130px;
  width: 376px;
  margin-left: -188px;
  height: 765px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper .mobile-phone-wrapper__screen .mobile-phone-wrapper__screen__header[data-v-5dd3f6fd] {
  padding: 4px 8px;
  flex-shrink: 0;
  color: #2f3750;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper .mobile-phone-wrapper__screen .mobile-phone-wrapper__screen__header .badge[data-v-5dd3f6fd] {
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper .mobile-phone-wrapper__screen .mobile-phone-wrapper__screen__header .badge i[data-v-5dd3f6fd] {
  margin: 1px 0 0 5px;
}
.frontend-asset-preview .frontend-asset-preview__preview .mobile-phone-wrapper .mobile-phone-wrapper__screen .mobile-phone-wrapper__screen__content[data-v-5dd3f6fd] {
  flex-grow: 1;
}
.frontend-asset-preview .frontend-asset-preview__preview .qr-code-wrapper[data-v-5dd3f6fd] {
  width: 140px;
}
.frontend-asset-preview .frontend-asset-preview__preview .qr-code-wrapper img[data-v-5dd3f6fd] {
  width: 100%;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid var(--divider-light, #d9d9d9);
}
.frontend-asset-preview .frontend-asset-preview__preview .qr-code-wrapper .qr-code-wrapper-instructions[data-v-5dd3f6fd] {
  margin-top: 20px;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop[data-v-5dd3f6fd] {
  padding: 0;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop .mobile-phone-wrapper[data-v-5dd3f6fd] {
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop .mobile-phone-wrapper img[data-v-5dd3f6fd] {
  display: none;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop .mobile-phone-wrapper .mobile-phone-wrapper__screen[data-v-5dd3f6fd] {
  border-radius: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  left: 0;
  top: 0;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop .mobile-phone-wrapper .mobile-phone-wrapper__screen .mobile-phone-wrapper__screen__header[data-v-5dd3f6fd] {
  padding: 8px 16px;
}
.frontend-asset-preview .frontend-asset-preview__preview.frontend-asset-preview__preview--desktop .qr-code-wrapper[data-v-5dd3f6fd] {
  display: none;
}