html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #FEF7FF;
    color: black;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background-color: #151218; /* Dark mode background */
    color: white; /* Dark mode text color */
  }
}

#iframe {
    width: 100%;
}

#Sheet {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50px;
    background-color: white;
}

#ComposeTarget {
    width: 100%;
    height: 100%;
}

#ComposeViewport {
    width: 100%;
    height: 100%;
}

#ComposeTarget:focus {
outline:none !important;
}
#ComposeViewport:focus {
outline:none !important;
}

canvas:focus {
outline:none !important;
}

#map {
    border-radius: 24px;
}