html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    color-scheme: dark !important;
}

body {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

canvas {
    outline: none !important;
}

div.blank {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    backdrop-filter: brightness(.5) !important;
    z-index: 99999 !important;
    user-select: none !important;
}

div.container {
    display: flex !important;
    gap: 1.5rem !important;
    flex-direction: column !important;
    margin: 1rem !important;
    padding: 1.25rem 1rem !important;
    width: 100% !important;
    max-width: 34.25rem !important;
    border-radius: 1rem !important;
    background-color: #141218 !important;
}

input.text-field,
textarea.text-field {
    box-sizing: border-box !important;
    padding: 1.125rem !important;
    width: 100% !important;
    border: solid .0625rem #938F99 !important;
    border-radius: .25rem !important;
    outline: none !important;
    background-color: transparent !important;
    color: #E6E0E9 !important;
    font-family: 'Roboto', 'Helvetica', 'Arial', 'Verdana', sans-serif !important;
    font-size: 1rem !important;
}

input[type="button"] {
    padding: .875rem !important;
    font-family: 'Roboto', 'Helvetica', 'Arial', 'Verdana', sans-serif !important;
    font-size: .875rem !important;
    font-weight: normal !important;
    border-radius: 99rem !important;
    border: none !important;
    outline: none !important;
    background: #D0BCFF !important;
    color: #381E72 !important;
}