@font-face {
    font-display: swap;
    font-family: "Plus Jakarta Sans";
    src: url("/asset/font/plus-jakarta-sans.ttf");
}
:root {
    --blue: var(--bs-primary-bg-subtle);
    --darkblue: var(--bs-primary-bg-subtle);
}
::selection {
    color: var(--bs-white);
    background: var(--bs-primary);
}
html {
    scroll-padding-top: calc(58px + 24px);
}
body {
    font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}
header {
    min-height: 57px;
}
main {
    margin-top: 57px;
    min-height: calc(100svh - (58px * 2));
}
footer {
    min-height: 57px;
}
@media (max-width: 312px) {
    main {
        min-height: calc(100svh - (81px + 58px));
    }
}
header .nav-link.active {
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-secondary-bg);
}
@media (max-width: 992px) {
    header .nav-link {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    header .nav-link[href="/"] {
        margin-top: 1rem;
    }
}
.bi {
    width: 1em;
    height: 1em;
    fill: currentcolor;
    vertical-align: -0.125em;
}
.navbar .dropdown-menu .active .bi {
    display: block !important;
}
.fw-bold {
    font-weight: 800 !important;
}
.popover {
    font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
}
.form-control:focus {
    border-color: #aaaaaa;
    box-shadow: 0 0 0 0.25rem rgba(153, 153, 153, 0.333);
}
.was-validated .form-control:valid,
.form-control.is-valid {
    background-size: calc(0.75em + 0.375rem) calc(0.55em + 0.375rem);
}
[data-bs-theme="dark"] .btn-dark {
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-color: #000;
    --bs-btn-bg: var(--bs-light);
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-color: #000;
    --bs-btn-color: var(--bs-black);
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
[data-bs-theme="dark"] .btn-outline-dark {
    --bs-gradient: none;
    --bs-btn-color: #f8f9fa;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-color: #000;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}