/* src/styles.scss */
:root {
  --background-color-body: #F1F1F1;
  --background-color-main: #f3f3f1;
  --background-color-menu: #eeeeee;
  --background-color-modal: rgba(0, 0, 0, 0.7);
  --border-dark: 1px solid #000;
  --border-default: 1px solid rgba(0, 0, 0, 0.1);
  --border-default-light: 1px solid rgba(255, 255, 255, 0.1);
  --border-default-lighter: 1px solid rgba(0, 0, 0, 0.05);
  --border-error: 2px solid red;
  --border-primary: 1px solid var(--color-primary);
  --border-radius-default: 10px;
  --border-radius-big: 40px;
  --border-radius-half: 50%;
  --box-shadow-default: 0px 16px 32px 4px rgba(0, 0, 0, 0.12);
  --box-shadow-button-default: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  --color-primary: #8308ff;
  --color-primary-dark: #683dbe;
  --color-primary-opacity: #8308ff30;
  --color-primary-light: #f3e7fe;
  --color-secondary: #44933D;
  --color-secondary-dark: #3B7F35;
  --color-secondary-darker: #ffd749;
  --color-secondary-light: #FFF1BF;
  --color-secondary-lighter: #fff8e0;
  --color-light: #fff;
  --color-lighter: #f1f1f1;
  --color-light-dark: rgba(0, 0, 0, 0.05);
  --color-light-dark-opacity: rgba(255, 255, 255, 0.08);
  --color-dark: #000;
  --color-darker: rgba(0, 0, 0, 0.13);
  --color-darkerx: rgba(0, 0, 0, 0.8);
  --color-dark-light: rgba(0, 0, 0, 0.2);
  --color-dark-lighter: rgba(0, 0, 0, 0.4);
  --color-logo: #8308ff;
  --color-logo-dark: #683dbe;
  --font-size-default: 10pt;
  --font-family-primary:
    "Open Sans",
    "Source Sans Pro",
    "Poppins",
    "Montserrat",
    "Roboto",
    "Lato",
    "Inter",
    sans-serif;
  --padding-default: 20px;
  --padding-default-max: 40px;
  --padding-default-min: 10px;
  --color-success: #419e39;
  --color-error: #ff4747;
  --color-error-dark: #db3a3a;
  --color-error-darker: #3c1717;
  --color-info: #ffe482;
  --text-error: var(--color-error);
  --text-success: var(--color-success);
  --width-default: 500px;
}
html,
body {
  color: var(--color-dark);
  font-size: var(--font-size-default);
  scrollbar-color: var(--color-dark-light) transparent;
}
*::-webkit-scrollbar-button {
  background-color: blue;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -webkit-locale: "en";
  font-family: var(--font-family-primary);
  margin: 0;
  padding: 0;
  tab-size: 4;
}
body {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
}
* {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
ng-icon {
  --ng-icon__size: 1.1em;
}
ng-icon.primary {
  color: var(--color-primary) !important;
}
.hide {
  display: none !important;
}
.space {
  flex: 1;
}
.separator {
  background-color: rgba(0, 0, 0, 0.05);
  display: inline-block;
  height: 22px;
  margin: 0 10px;
  width: 1px;
}
.separator.mobile {
  margin: 0 5px;
}
.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 350px;
  white-space: nowrap;
}
.plan {
  font-size: 120%;
  font-weight: bold;
}
.plan .plan-free {
  color: var(--color-success);
}

/* src/assets/styles/default.scss */
.border-radius {
  border-radius: var(--border-radius-default);
}
.button-move {
  cursor: grab;
}
.cdk-drag-preview {
  background-color: var(--color-light);
  box-sizing: border-box;
  box-shadow: var(--box-shadow-default);
  color: var(--color-dark);
  cursor: grabbing;
  z-index: 1000;
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.color-success {
  color: var(--color-secondary) !important;
}
.flex {
  display: flex;
}
.flex-one {
  flex: 1;
}
.flex-row {
  flex-direction: row;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-gap {
  gap: 10px;
}
.flex-gap-form {
  gap: 20px;
}
.flex-gap-max {
  gap: 20px;
}
.flex-gap-min {
  gap: 5px;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-align-anchor-center {
  align-items: anchor-center;
}
.flex-align-center {
  align-items: center;
}
.flex-align-end {
  align-items: end;
}
.flex-align-normal {
  align-items: normal;
}
.flex-align-start {
  align-items: start;
}
.flex-align-stretch {
  align-items: stretch;
}
.flex-justify-start {
  justify-content: start;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-end {
  justify-content: end;
}
.flex-justify-space-between {
  justify-content: space-between;
}
.flex-justify-space-around {
  justify-content: space-around;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row-center-center {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.font-bold {
  font-weight: bold;
}
.font-size-80 {
  font-size: 80%;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.line-break-anywhere {
  line-break: anywhere;
}
.line-separator {
  background-color: var(--color-light-dark);
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
.loading-board {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: inherit;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
}
.loading-board.light {
  background-color: var(--color-light);
}
.menu-separator {
  background-color: var(--color-dark);
  height: 1px;
  margin: 10px 0;
  opacity: 0.05;
}
.overflow-x-none {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.padding-default {
  padding: var(--padding-default);
}
.padding-default-min {
  padding: var(--padding-default-min);
}
.padding-double {
  padding: calc(var(--padding-default) * 2);
}
.position-absolute {
  position: absolute;
}
.position-bottom-zero {
  bottom: 0;
}
.position-full-window {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.position-left-zero {
  left: 0;
}
.position-relative {
  position: relative;
}
.position-right-zero {
  right: 0;
}
.position-top-zero {
  top: 0;
}
.tab-buttons {
  margin-bottom: 20px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-error {
  color: var(--text-error) !important;
}
.text-light {
  color: var(--color-dark-lighter);
}
.text-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: auto;
}
.text-primary {
  color: var(--color-primary) !important;
}
.text-success {
  color: var(--color-success) !important;
}

/* src/assets/styles/card.scss */
.card {
  background-color: var(--color-light);
  border-radius: var(--border-radius-default);
  padding: 20px;
}
.card .title {
  font-weight: bold;
  padding-bottom: 20px;
}
.card .footer {
  background-color: var(--color-light-dark);
  border-top: var(--border-default);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.card.info {
  border-color: var(--color-secondary);
}
.card.info .footer {
  background-color: var(--color-secondary);
  border-top-color: var(--color-secondary-light);
}

/* src/assets/styles/input.scss */
input,
select,
button {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-default);
  font-weight: 500;
  text-align: left;
}
button,
a {
  cursor: pointer;
}
button ng-icon,
a ng-icon {
  padding-right: 5px;
}
button.icon-right ng-icon,
a.icon-right ng-icon {
  padding-left: 5px;
  padding-right: 0px;
}
.button-item {
  position: relative;
}
.button-item button {
  background-color: var(--color-light-dark);
}
.button-item .default {
  border-radius: 0;
}
.button-item .default img {
  border-radius: 0;
}
.button-item .curve {
  border-radius: 10px;
}
.button-item .curve img {
  border-radius: 10px;
}
.button-item .round {
  border-radius: 21px;
}
.button-item .round img {
  border-radius: 50%;
}
.buttons-top {
  align-items: end;
  display: flex;
  flex-direction: row;
  float: right;
  gap: 5px;
  margin-bottom: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
}
button {
  align-items: center;
  color: var(--color-dark);
  display: flex;
  flex-direction: row;
  height: 38px;
  justify-content: center;
  text-wrap: nowrap;
}
button:hover {
  background-color: var(--color-light-dark);
}
button[disabled] {
  cursor: default !important;
  opacity: 0.3 !important;
}
button.link-active ng-icon {
  color: var(--color-dark-light);
}
button.link-active.active ng-icon {
  color: var(--text-success) !important;
}
button.default {
  background-color: var(--color-light-dark);
}
button.with-border {
  border: var(--border-default);
}
button.primary {
  font-weight: bold;
}
button.dark {
  background-color: var(--color-dark-light);
  color: var(--color-dark);
}
button.dark:hover {
  background-color: var(--color-dark-lighter);
}
button.button-icon {
  border: var(--border-default);
  padding: 0;
  width: 38px;
}
button.button-icon.button-icon-transparent {
  background-color: transparent;
  border: none;
  height: 22px;
  font-size: 100%;
  text-wrap: nowrap;
  width: 22px;
}
button.button-icon.button-icon-transparent.button-icon-with-label {
  width: fit-content;
}
button.button-icon.button-icon-transparent.button-icon-with-label span {
  display: inline-block;
  font-size: 90%;
  margin-left: 5px;
  white-space: nowrap;
}
button.button-icon.button-icon-transparent:hover {
  background-color: transparent;
}
button.button-icon.button-icon-transparent:hover ng-icon {
  color: rgba(0, 0, 0, 0.6);
}
button.button-icon.button-icon-no-border {
  background-color: transparent;
  border: none;
}
button.button-icon ng-icon {
  margin: 0;
  padding: 0;
}
button.button-icon:hover {
  background-color: var(--color-light-dark);
}
button.delete-full {
  background-color: var(--color-error);
  color: var(--color-light);
}
button.delete-full:hover {
  background-color: var(--color-error-dark);
}
button.delete-border {
  border: var(--border-default);
  border-color: var(--color-error);
  color: var(--color-error);
}
button.delete-border:hover {
  background-color: var(--color-error-dark);
  color: var(--color-light) !important;
}
button.delete-border:hover ng-icon {
  color: var(--color-light) !important;
}
button.delete {
  background-color: var(--color-error) !important;
  color: var(--color-light) !important;
}
button.delete:hover {
  background-color: var(--color-error-dark) !important;
}
button.delete-text {
  color: var(--color-error) !important;
}
button.delete-text:hover {
  color: var(--color-error-dark) !important;
}
button.small {
  font-size: 80%;
  height: 32px;
  padding: var(--padding-default-min);
}
button ng-icon {
  color: inherit;
  height: 16px !important;
  width: 16px !important;
}
.button-transparency .button-link {
  background: rgba(255, 255, 255, 0.6235294118) !important;
}
.button-outline .button-link {
  background: transparent !important;
}
.button-brush .button-link {
  background: #FFFFFF;
}
button,
select,
input,
textarea {
  background-color: #fff;
  border: var(--border-default);
  border-radius: calc(var(--border-radius-default) * 2);
  font-family: inherit;
  padding: 10px 10px;
}
button.primary,
select.primary,
input.primary,
textarea.primary {
  background-color: var(--color-primary);
  border: none;
  color: var(--color-light);
}
button.primary:hover,
select.primary:hover,
input.primary:hover,
textarea.primary:hover {
  background-color: var(--color-primary-dark);
}
button.primary-border,
select.primary-border,
input.primary-border,
textarea.primary-border {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}
button.primary-border:hover,
select.primary-border:hover,
input.primary-border:hover,
textarea.primary-border:hover {
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark);
}
button.secondary,
select.secondary,
input.secondary,
textarea.secondary {
  background-color: var(--color-secondary);
}
button.secondary:hover,
select.secondary:hover,
input.secondary:hover,
textarea.secondary:hover {
  background-color: var(--color-secondary-dark);
}
button.transparent-no-border,
select.transparent-no-border,
input.transparent-no-border,
textarea.transparent-no-border {
  background-color: transparent;
  border: none;
  padding: var(--padding-default-min);
}
button.transparent-no-border.no-padding,
select.transparent-no-border.no-padding,
input.transparent-no-border.no-padding,
textarea.transparent-no-border.no-padding {
  padding: 0 !important;
}
button.transparent-no-border.no-padding:hover,
select.transparent-no-border.no-padding:hover,
input.transparent-no-border.no-padding:hover,
textarea.transparent-no-border.no-padding:hover {
  background-color: transparent !important;
}
button.transparent-no-border:hover,
select.transparent-no-border:hover,
input.transparent-no-border:hover,
textarea.transparent-no-border:hover {
  background-color: var(--color-light-dark);
}
button.transparent,
select.transparent,
input.transparent,
textarea.transparent {
  background-color: transparent;
}
button.transparent:hover,
select.transparent:hover,
input.transparent:hover,
textarea.transparent:hover {
  background-color: var(--color-light-dark);
}
button {
  border: 0;
  padding: 10px 20px;
}
input,
select,
textarea,
.input-color,
.input-select-font,
.input-date {
  background-color: var(--color-lighter);
  border-color: transparent;
  border-radius: var(--border-radius-default);
  border-style: solid;
  border-width: 2px;
}
input.light,
select.light,
textarea.light,
.input-color.light,
.input-select-font.light,
.input-date.light {
  background-color: var(--color-light);
}
input:hover,
select:hover,
textarea:hover,
.input-color:hover,
.input-select-font:hover,
.input-date:hover {
  border-color: var(--color-dark-lighter);
}
input:focus,
select:focus,
textarea:focus,
.input-color:focus,
.input-select-font:focus,
.input-date:focus {
  border-color: var(--border-dark-light);
}
input.ng-touched.ng-invalid:focus,
input.ng-touched.ng-invalid:hover,
select.ng-touched.ng-invalid:focus,
select.ng-touched.ng-invalid:hover,
textarea.ng-touched.ng-invalid:focus,
textarea.ng-touched.ng-invalid:hover,
.input-color.ng-touched.ng-invalid:focus,
.input-color.ng-touched.ng-invalid:hover,
.input-select-font.ng-touched.ng-invalid:focus,
.input-select-font.ng-touched.ng-invalid:hover,
.input-date.ng-touched.ng-invalid:focus,
.input-date.ng-touched.ng-invalid:hover {
  border: 2px solid var(--color-error);
}
input[disabled],
select[disabled],
textarea[disabled],
.input-color[disabled],
.input-select-font[disabled],
.input-date[disabled] {
  cursor: default !important;
  opacity: 0.7 !important;
}
select {
  height: 42px;
}
.input-date {
  height: 38px;
}
textarea {
  font-size: 100%;
}
input[type=checkbox],
input[type=radio] {
  height: 25px;
  margin: 0;
  margin-left: 3px;
  margin-right: 15px !important;
  position: relative;
  width: 14px;
}
input[type=checkbox]::before,
input[type=radio]::before {
  background-color: var(--color-light);
  border: var(--border-default);
  border-radius: 4px;
  content: "";
  height: 25px;
  left: -3px;
  position: absolute;
  top: -2px;
  width: 25px;
}
input[type=checkbox]:checked::after,
input[type=radio]:checked::after {
  background-color: var(--color-primary);
  border: none;
  border-radius: 2px;
  content: "";
  height: 15px;
  left: 3px;
  position: absolute;
  top: 4px;
  width: 15px;
}
input[type=checkbox]:checked::after {
  background-color: transparent;
  border-right: 3px solid var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
  height: 10px;
  left: 6px;
  transform: rotate(45deg);
  width: 5px;
}
input[type=radio]::before {
  border-radius: var(--border-radius-half);
}
input[type=radio]:checked::after {
  border-radius: var(--border-radius-half);
}
input[type=color] {
  cursor: pointer;
  opacity: 0;
  height: 41px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.input-color {
  border-radius: var(--border-radius-default);
  padding: var(--padding-default-min);
  width: 100%;
}
.input-color .input-color-value {
  background-color: var(--color-light-dark);
  border: var(--border-default);
  border-radius: var(--border-radius-default);
  height: 20px;
  width: 20px;
}
.input-file {
  align-items: center;
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.input-file:hover {
  background-color: var(--color-light-dark);
}
.input-file .select-file {
  align-items: center;
  color: var(--color-dark);
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.input-file .select-file div {
  margin-bottom: 10px;
}
.input-file .select-file .allowed-files {
  color: var(--color-dark-lighter);
  font-size: 80%;
}
.input-file .select-file ng-icon {
  font-size: 35px;
  margin-bottom: 10px;
}
.input-file-primary {
  border: 5px dashed var(--color-dark-light);
  position: relative;
}
.input-file-primary input[type=file] {
  background-color: #fff;
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  opacity: 0;
  right: 0;
  top: 0;
}
.input-file-primary input[type=file]::file-selector-button {
  display: none;
}
.input-with-icon {
  padding-left: 40px !important;
}
a {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.primary {
  color: var(--color-primary);
}
a.primary:hover {
  color: var(--color-primary-dark);
}
a.secondary {
  color: var(--color-secondary);
}
a.secondary:hover {
  color: var(--color-secondary-dark);
}
a.button-link {
  background-color: #fff;
  border-radius: calc(var(--border-radius-default) * 2);
  color: var(--color-dark);
  padding: 10px 20px;
  text-decoration: none;
}
a.button-link:hover {
  background-color: var(--color-light-dark);
}
a.button-link.primary {
  background-color: var(--color-primary);
  color: var(--color-light);
}
a.button-link.primary:hover {
  background-color: var(--color-primary-dark);
}
a.button-link.light {
  background-color: var(--color-light-dark);
}
a.button-link.light:hover {
  background-color: var(--color-light);
}
a.button-link.border-light {
  border: var(--border-default);
}
a.button-link.transparent {
  background-color: transparent;
}
a.button-link.error {
  background-color: transparent;
  border: var(--border-default);
  border-color: var(--color-error);
  color: var(--color-error);
}
a.button-link.error:hover {
  border-color: var(--color-error-dark);
  color: var(--color-error-dark);
}
a.link {
  color: var(--color-logo);
  font-weight: bold;
  text-decoration: none;
}
a.link:hover {
  color: var(--color-logo-dark);
}
a.default-link {
  color: var(--color-logo);
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
a.default-link:hover {
  color: var(--color-logo-dark);
}
a.normal {
  display: contents;
}
.tab-button {
  background-color: transparent;
  border-bottom: 3px solid var(--color-lighter);
  border-radius: 0;
  padding: 5px 10px;
}
.tab-button.active {
  border-bottom-color: var(--color-primary);
  font-weight: bold;
}
.tab-button:hover {
  background-color: transparent;
  border-bottom-color: var(--color-primary);
}

/* src/assets/styles/notification.scss */
.notification-list {
  left: 0;
  position: fixed;
  right: 0;
  top: 9px;
  z-index: 10000;
}
.notification {
  background-color: var(--color-light);
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow-default);
  max-width: 400px;
  margin: 0 auto;
  min-width: 200px;
  padding: 0px 15px 0px 24px;
}
.notification .notification-title {
  font-weight: bold;
  padding-bottom: 10px;
}
.notification.error {
  background-color: var(--color-error);
  color: var(--color-light);
}
.notification.error ng-icon {
  color: var(--color-light);
}
.notification.information {
  background-color: var(--color-info);
  color: var(--color-dark);
}
.notification.information ng-icon {
  color: var(--color-dark);
}
.notification.success {
  background-color: var(--color-success);
  color: var(--color-light);
}
.notification.success ng-icon {
  color: var(--color-light);
}

/* src/assets/styles/popup.scss */
.popup {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1002;
}
.popup .popup-modal {
  background-color: var(--background-color-modal);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.popup .popup-div {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}
.popup .popup-div .popup-main {
  background-color: var(--color-light);
  border-radius: var(--border-radius-default);
  max-height: 700px;
  width: 600px;
}
.popup .popup-div .popup-main .popup-title {
  font-size: 110%;
  font-weight: bold;
  padding: 20px 20px;
}
.popup .popup-div .popup-main .popup-title .custom-buttons {
  position: absolute;
}
.popup .popup-div .popup-main .popup-title .close-button {
  right: 3px;
  top: 3px;
}
.popup .popup-div .popup-main .popup-content {
  padding: 10px 20px 10px 20px;
}
.popup .popup-div .popup-main .popup-footer {
  margin-top: 10px;
  padding: 20px 20px;
}
.popup .popup-div .popup-main .popup-footer button.primary ng-icon {
  color: var(--color-light);
}
.popup .popup-div .popup-main .popup-footer button ng-icon {
  font-size: 120%;
}
.popup .popup-div .popup-main.mobile {
  width: 370px;
}
.popup button ng-icon {
  font-size: 100%;
}
.popup .error-text {
  color: var(--color-error);
  font-size: 80%;
  margin-top: 5px;
}

/* src/assets/styles/form.scss */
form label {
  font-size: 100%;
}
.input-error,
.input-file-error {
  color: var(--text-error);
  font-size: 80%;
}
.input-error {
  padding-top: 3px;
}
.label {
  color: var(--color-dark-lighter);
  font-size: 70%;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 3px;
  text-transform: uppercase;
}
.validate-code {
  position: absolute;
  right: 10px;
  top: 30px;
}
.validate-code.success {
  color: var(--color-success);
}
.validate-code.error {
  color: var(--color-error);
}
.text-area-maxlength {
  bottom: 4px;
  font-size: 80%;
  opacity: 0.5;
  position: absolute;
  right: 15px;
}

/* src/assets/styles/page.scss */
.page-content.default {
  bottom: 0;
  left: 0;
  right: 0;
  top: 63px;
}
.page-content .edit {
  bottom: 0;
  left: 0;
  right: 401px;
  top: 63px;
}
.page-content .edit.mobile {
  left: 0;
  padding-bottom: 120px;
  right: 0;
}
.page-content .edit-content {
  margin: auto;
  max-width: 600px;
}
.page-content .preview {
  bottom: 0;
  right: 0;
  top: 63px;
  width: 360px;
}
.page-content .preview.mobile {
  background-color: var(--color-light);
  border: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2;
}
.page-content .preview .preview-close-button {
  right: 10px;
  top: 10px;
}
@media only screen and (max-width: 768px) {
  .edit {
    padding-bottom: 120px;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */