body {
    font-family: "Noto Sans", Arial, sans-serif;

    font-weight: 600;

    letter-spacing: 0;
}

a {
    border-bottom: 0.14em solid #ffaff3;

    color: #000000;

    padding-bottom: 0px;

    text-decoration: none;
}

a:hover,
a:focus {
    border-bottom-color: #000000;
    outline: none;
}

a .profile-pic {
    border-bottom: 0;

    display: inline-block;

    padding-bottom: 0;
}

button,
input,
select,
textarea {
    font: inherit;
}

.vote-button {
    background: none;
    border: 0;
    cursor: pointer;
    line-height: 0;
    padding: 0;
}

.press-btn {
    background-color: #ffffff;
}

.press-btn:hover,
.press-btn:focus-visible {
    background-color: #ffaff3;
}

.press-btn:active {
    transform: translate(0.25rem, 0.25rem);
}

.press-btn:focus-visible {
    outline: none;
}

.comment-textarea {
    border: 3px solid #000000;
}

.comment-textarea:focus {
    border-color: #ffaff3;
    outline: none;
}

#patient-search-dialog::backdrop {
    background-color: rgb(47 47 47 / 70%);
}

.patient-search-page {
    display: contents;
}

.patient-search-result:focus {
    outline: none;
}

.patient-search-result:hover,
.patient-search-result:focus {
    background-color: #ffaff3;
}

#patient-search-results.htmx-request > * {
    display: none;
}

#patient-search-results.htmx-request::before {
    content: "Loading...";
}

.comment-reply-form {
    display: none;
    margin-top: 1.5rem;
}

.comment-reply-form:target {
    display: block;
}