html[data-theme="light"]:not([frame="true"]) {
  background-color: #ffffff;
}

html[data-theme="dark"]:not([frame="true"]) {
  background-color: #1e1e2f;
}

html[data-theme="dark"] body {
  color: #eee;
}

html:not([frame="true"]) .techyon-content > [id^="single-spa-application"] {
  max-width: 1920px;
  margin: auto;
}

/*mobile*/
@media screen and (max-width: 768px) {
  html:not([frame="true"]) .techyon-content {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
  }
}

/*tablet*/
@media screen and (min-width: 769px), print {
  html:not([frame="true"]) .techyon-content {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

/*desktop*/
@media screen and (min-width: 960px), print {
  html:not([frame="true"]) .techyon-content {
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 28px;
  }
}

html[frame="true"]{
  overflow: hidden;
  padding: 1px;
  background-color: transparent !important;
}