/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
html, body {
  font-family: "Inter";
  display: flex;
  flex-direction: column;
  height: 100%; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

input[type=text] {
  border-color: transparent;
  background-color: transparent; }

button:focus {
  outline: none; }

:focus {
  outline: none; }

#common-main .main-body {
  background-color: #F4F7F9;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem; }

.logo {
  background-image: url(logo_horizontal.svg);
  background-repeat: no-repeat;
  height: 68px;
  /*background-size: auto 48px;*/
  /*position: relative;*/
  left: 16px;
  top: 16px;
  margin-bottom: 48px;
  margin-top: 16px;
  margin-left: 5px; }
  .logo.closed {
    background-image: url(logo_icon.svg);
    background-repeat: no-repeat;
    height: 68px;
    margin-left: -2px;
    /*background-size: auto 48px;*/
    top: 16px;
    left: 0px;
    /*position: relative;*/
    margin-bottom: 48px;
    margin-left: 5px; }

.hs-icon-de-DE {
  background-image: url(images/flag-de.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  border: 2px solid #F1F1F1;
  border-radius: 100%; }

.hs-icon-en-GB {
  background-image: url(images/flag-gb.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #F1F1F1;
  height: 20px;
  width: 20px;
  border-radius: 100%; }

.logo-small {
  background-image: url(logo_icon.svg);
  background-repeat: no-repeat;
  height: 48px;
  margin-left: -2px;
  background-size: auto 48px;
  top: 16px;
  left: 0px;
  position: relative;
  margin-bottom: 48px; }

.notification-menu .notification-empty-container .hs-notification-sleep-alarm {
  margin-top: 64px;
  background: center;
  height: 80px;
  border-radius: 43px;
  background-repeat: no-repeat;
  background-image: url(images/sleep-alarm.svg); }

@media (max-width: 768px) {
  .main-body {
    padding: 0rem !important; } }

.hs-reconnect-modal-disabled {
  display: none !important; }

.hs-reconnect-modal {
  transition: visibility 0s linear 1500ms !important; }

.hs-reconnect-modal > div {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  background-color: #fff;
  opacity: 0.8;
  text-align: center;
  font-weight: bold; }

.components-reconnect-hide > div {
  display: none; }

.components-reconnect-show > div {
  display: none; }

.components-reconnect-show > .show {
  display: block; }

.components-reconnect-failed > div {
  display: none; }

.components-reconnect-failed > .failed {
  display: block; }

.components-reconnect-rejected > div {
  display: none; }

.components-reconnect-rejected > .rejected {
  display: block; }

* {
  border-style: none; }