html {
    font-size: 12.5px !important;
}

@media (max-width: 1200px) {
    html {
        font-size: clamp(12.5px, calc(12.5px + (1200px - 100vw) / 200 * 3.5), 16px) !important;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: clamp(12.5px, calc(12.5px + (100vw - 1600px) / 320 * 3.5), 16px) !important;
    }
}

body {
    font-size: 1rem !important;
}

.navigation-row {
    height: 2.5rem !important;
}

.navigation-closed .navigation {
    width: 4.375rem !important;
}

select,
textarea,
input {
    height: 2.5rem !important;
}

select[multiple="multiple"],
input[multiple="multiple"] {
    height: 7.5rem !important;
}

textarea {
    height: 18.75rem !important;
}

.form-row .pre {
    min-height: 2.5rem !important;
}

.btn-primary,
.btn-cta,
.btn-outlined,
.btn-outlined-highlighted,
.btn-link {
    height: 2.5rem !important;
}

.btn-small {
    height: 1.875rem !important;
}

button {
    font-size: 0.8333rem !important;
}

.btn-primary i,
.btn-cta i,
.btn-outlined i,
.btn-outlined-highlighted i,
.btn-link i {
    font-size: 1.25rem !important;
}

.btn-primary i.end-adornment,
.btn-cta i.end-adornment,
.btn-outlined i.end-adornment,
.btn-outlined-highlighted i.end-adornment,
.btn-link i.end-adornment {
    font-size: 0.75rem !important;
}

.menu {
    min-width: 11.25rem !important;
}

.avatar {
    width: 3rem !important;
    height: 3rem !important;
}

.avatar-xs {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.avatar-sm {
    width: 2rem !important;
    height: 2rem !important;
}

.avatar-lg {
    width: 9.375rem !important;
    height: 9.375rem !important;
}

.modal > .modal-body {
    max-width: 50rem !important;
}

.dot {
    width: 0.5rem !important;
    height: 0.5rem !important;
}

.navigation.luxury {
    width: 12.5rem !important;
}

.luxury .btn-link {
    font-size: 1rem !important;
}

.header {
    height: auto !important;
}

.header-logo {
    font-size: 1.5625rem !important;
}

.header-logo img {
    height: 2rem !important;
    width: 2rem !important;
}

.navigation-cluster {
    padding-bottom: 1.5625rem !important;
}

.navigation-cluster .btn-link {
    padding: 0.125rem !important;
}

:root {
    --space-1: 0.25rem !important;
    --space-2: 0.5rem !important;
    --space-3: 0.75rem !important;
    --space-4: 1rem !important;
    --space-5: 1.5rem !important;
    --space-6: 2rem !important;
    --space-7: 3rem !important;
    --space-8: 4.5rem !important;
}

.event-box__meta {
    min-height: 1.25rem !important;
}

.event-box__mark {
    width: 0.5rem !important;
    height: 0.5rem !important;
}

.modal-overlay__card {
    min-width: 26.25rem !important;
}

.day {
    padding: 1rem 0.625rem !important;
}