:root{
    --sys-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue";
    --cjk-sans:"PingFang SC","Hiragino Sans GB","Droid Sans Fallback","Microsoft YaHei";
    --ggs:1;
}
:root {
    box-sizing: border-box;
    font-weight: normal;
}
html, body{
    font:400 18px/1.42 var(--sys-sans),var(--cjk-sans),sans-serif;
    margin: 0;
}

/**
 * Base styles
 */
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.mr {
    margin-right: .5em;
}
.ml {
    margin-left: .5em;
}
.mt {
    margin-top: .5em;
}
.mb {
    margin-bottom: .5em;
}
.mb-1 {
    margin-bottom: 1em;
}
.mt-1 {
    margin-top: 1em;
}
.mt-2 {
    margin-top: 2em;
}
.mt-3 {
    margin-top: 3em;
}
.mt-4 {
    margin-top: 4em;
}
.btn {
    padding: .1em .5em;
    text-decoration: none;
    border-radius: .1em;
    cursor: pointer;
}
.no-decoration {
    text-decoration: none;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-auto {
    flex:0 0 auto;
}
.flex-grow {
    flex-grow: 1;
}
.flex-grow-full {
    flex-grow: 1;
    flex-basis: 100%;
}
.flex-shrink {
    flex-shrink: 1;
    min-width: 0;
}
.flex-align-center {
    align-items: center;
}
.flex-gap {
    flex-grow: 1;
    flex-basis: 1em;
}
.bold {
    font-weight: bold
}
.nowrap {
    white-space: nowrap;
}
.text-right {
    text-align: right;
}
.text-center{
    text-align: center;
}