:root {
    --amz-ui-font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
    --amz-ui-font-mono: Consolas, "Microsoft YaHei", monospace;

    --amz-ui-font-12: 12px;
    --amz-ui-font-13: 13px;
    --amz-ui-font-14: 14px;
    --amz-ui-font-16: 16px;
    --amz-ui-font-20: 20px;
    --amz-ui-font-24: 24px;

    --amz-ui-weight-medium: 500;
    --amz-ui-weight-semibold: 600;
    --amz-ui-weight-bold: 700;

    --amz-ui-tab-height: 42px;
    --amz-ui-control-height: 30px;
    --amz-ui-pagination-height: 26px;
}

.amz-ui-page {
    font-family: var(--amz-ui-font-family);
}

.amz-ui-tab {
    box-sizing: border-box;
    min-height: var(--amz-ui-tab-height);
    padding-top: 0;
    padding-bottom: 0;
    font-size: var(--amz-ui-font-16);
    font-weight: var(--amz-ui-weight-semibold);
    line-height: 1;
}

.amz-ui-action,
.amz-ui-action-primary,
.amz-ui-toolbar-control {
    box-sizing: border-box;
    height: var(--amz-ui-control-height);
    padding-top: 0;
    padding-bottom: 0;
    font-family: var(--amz-ui-font-family);
    font-size: var(--amz-ui-font-13);
    line-height: 1;
}

.amz-ui-action {
    font-weight: var(--amz-ui-weight-semibold);
}

.amz-ui-action-primary {
    font-weight: var(--amz-ui-weight-bold);
}

.amz-ui-toolbar-control {
    font-weight: var(--amz-ui-weight-medium);
}

.amz-ui-page-action,
.amz-ui-page-field {
    box-sizing: border-box;
    height: var(--amz-ui-pagination-height);
    padding-top: 0;
    padding-bottom: 0;
    font-family: var(--amz-ui-font-family);
    font-size: var(--amz-ui-font-13);
    line-height: 1;
}

.amz-ui-page-action {
    font-weight: var(--amz-ui-weight-semibold);
}

.amz-ui-page-field {
    font-weight: var(--amz-ui-weight-medium);
}

.amz-ui-technical-input {
    font-family: var(--amz-ui-font-mono);
}