.ppsv--box {
  box-sizing: border-box;
}
.ppsv--box * {
  box-sizing: border-box;
}
.ppsv--relative {
  position: relative;
}
.ppsv--absolute {
  position: absolute;
}
.ppsv--hidden {
  overflow: hidden;
}
.ppsv--lock {
  overflow: hidden;
}
.ppsv--block {
  display: block;
}
.ppsv--inline-block {
  display: inline-block;
}
.ppsv--flex {
  display: flex;
}
.ppsv--inline-flex {
  display: inline-flex;
}
:root {
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --icon-size-xs: 16px;
  --icon-size-sm: 18px;
  --icon-size-md: 20px;
  --icon-size-lg: 22px;
  --color-bg: #f7f8fa;
  --color-desc: #969799;
  --color-border: #ebedf0;
  --color-primary: #0066FF;
  --color-main: #323233;
  --color-info: #586A95;
  --color-success: #34A876;
  --color-warning: #F36D00;
  --color-danger: #D92400;
  --color-disabled: #F5F5F5;
  --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);
  --shadow-key-umbra-opacity: #ebedf0;
  --shadow-key-penumbra-opacity: #ebedf0;
  --shadow-key-ambient-opacity: #ebedf0;
}