.hero-card::part(base),
sl-card::part(body) {
    height: 100%;
}

.mobile-drawer-links-wrapper sl-button::part(base) {
    justify-content: left;
    font-size: 18px;
}

.mobile-drawer-links-wrapper sl-button::part(label) {
    padding: 0;
}

#registerBtn-mobile::part(base),
#loginBtn-mobile::part(base) {
    width: 100%;
    font-size: 18px;
    padding: 5px;
}

html:not(.app-ready) { visibility: hidden }

:not(:defined){ visibility:hidden }

sl-icon{ width:1em; height:1em; display:inline-block }