@font-face {
    font-family: 'Lexend Deca';
    src: url('fonts/LexendDeca-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

html, body {
    font-family: "Lexend Deca", sans-serif;
}

.letter {
    min-width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    font-size: 34px;
    line-height: 64px;
}
    
#blazor-error-ui {
    background: var(--rz-primary-darker);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 1.2rem 1.25rem 1.3rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 1.1rem;
}

.status-bar-safe-area {
    display: none;
}

@supports (-webkit-touch-callout: none) {
    .status-bar-safe-area {
        display: flex;
        position: sticky;
        top: 0;
        height: env(safe-area-inset-top);
        background-color: #f7f7f7;
        width: 100%;
        z-index: 1;
    }

    .flex-column, .navbar-brand {
        padding-left: env(safe-area-inset-left);
    }
}