:root {
    --apple-text-xs: 0.6875rem;
    --apple-text-sm: 0.8125rem;
    --apple-text-base: 0.9375rem;
    --apple-text-lead: 1.0625rem;
    --apple-title-sm: 1.3125rem;
    --apple-title-md: 1.75rem;
    --apple-title-lg: 2.625rem;
    --apple-title-hero: 3.125rem;
}

body {
    font-size: var(--apple-text-base);
    line-height: 1.4666666667;
}

h5,
.h5 {
    font-size: 1.125rem;
    line-height: 1.2222222222;
}

h6,
.h6 {
    font-size: 0.875rem;
    line-height: 1.2857142857;
}

.form-control,
.form-select,
select.form-control {
    min-height: 2.375rem;
    padding: 0.4375rem 0.6875rem;
}

textarea.form-control {
    min-height: 6rem;
}

.btn {
    font-size: 0.875rem;
}

.icon-large {
    font-size: 25px;
}

.icon-xlarge {
    font-size: 42px;
}

.icon-medium {
    font-size: 20px;
}

.icon-mediumish {
    font-size: 18px;
}

.icon-small {
    font-size: 16px;
}

.icon-xsmall {
    font-size: 10px;
}

.side-menu .icon-wrapper {
    width: 2.15rem;
}

.side-menu .nav-link,
.side-menu-label {
    font-size: var(--apple-text-base);
    line-height: 1.4;
}

.side-menu .user-avatar,
.sidebar .user-avatar {
    width: 44px;
    height: 44px;
}

.user-side-menu .side-menu-action-btn {
    height: 2.5rem;
    min-height: 2.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.user-side-menu .side-menu-create-group {
    align-items: stretch;
    height: 2.5rem;
}

.user-side-menu .side-menu-create-toggle {
    height: 2.5rem;
    min-height: 2.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.25rem;
}

.settings-menu .list-group-item {
    font-size: var(--apple-text-base);
    line-height: 1.4;
    padding: 0.625rem 1rem;
}

.settings-menu h5,
.settings-content h5,
.settings-menu-wrapper h5 {
    font-size: 1.125rem;
}

.settings-menu h6,
.settings-content h6,
.settings-menu-wrapper h6 {
    font-size: 0.875rem;
}

.dropdown-item,
.navbar-user-menu .dropdown-item {
    font-size: 0.8125rem;
}

@media (max-width: 767.98px) {
    :root {
        --apple-title-hero: 2.25rem;
        --apple-title-lg: 1.875rem;
        --apple-title-md: 1.375rem;
    }
}