:root{
    --red: #d15c59;
    --bs-link-color: #3d85c6;
}

/*
    Header
*/

.header-logo {
    width: 2.75em;
    padding: 0.2em;
}

/*
    Settings
*/

.rdo-rapidoc-attr{
    cursor: pointer;
}

.rdo-rapidoc-attr:checked{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.rdo-rapidoc-attr-label{
    font-size: var(--font-size-regular) !important;
    cursor: pointer;
}

#dropdownSettings{
    flex: 1;
}

#dropdownSettings .dropdown-toggle{
    background: none;
    border: none;
}

/*
    Changelog
*/

#changelogModal .modal-content{
    background-color: var(--bg2);
    color: var(--fg);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    border-radius: 4px;
}

#changelogModal .modal-header{
    border-bottom: 1px solid var(--light-border-color);
}

#changelogModal .modal-title{
    flex-grow: 1;
    font-size: 24px;
}

#changelogModal .btn-close-custom{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--fg);
    outline: none;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: -8px;
    font-family: var(--font-regular);
}

#changelogModal .btn-close-custom:hover {
    border-color: var(--primary-color);
}

#changelogContent{
    font-size: var(--font-size-regular);
}

#changelogContent h1{
    font-size: 2em;
    margin-bottom: 0.75em;
}

#changelogContent h2{
    font-size: 1.5em;
}

#changelogContent h3{
    font-size: 1.25em;
}

#changelogContent h4{
    font-size: 1em;
}

#changelogContent h5{
    font-size: 0.875em;
}

#changelogContent h6{
    font-size: 0.85em;
}

/*
    Auth
*/

p[slot=auth]{
    font-size: var(--font-size-small)
}