:root {
    --var-primary-color: #3C6DCC;
    --var-dark-primary-color: #213E77;
    --var-dark-color: #212529FF;
    --var-dark-color-transparent: #21252999;
    --var-dark-hover: #3E3E3EFF;
    --var-light-grey: #F5F5F5;
    --var-text-grey: #686868;
    --var-navbar-height: 48px;
}

.back-arrow {
    height: var(--var-navbar-height);
    width: var(--var-navbar-height);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.back-arrow:hover {
    background-color: #1a2f5d;
}

.back-arrow > img {
    width: 24px;
    height: 24px;
}

.app-navbar {
    padding: 0;
    height: 48px;
}

.app-navbar div {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clickable {
    cursor: pointer;
}

body {
    font-family: "Microsoft YaHei UI Light", sans-serif;
}