plain-design 1.0.0-beta.107 → 1.0.0-beta.109

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. package/dist/plain-design.commonjs.min.js +2 -2
  2. package/dist/plain-design.min.css +1 -1
  3. package/dist/plain-design.min.js +2 -2
  4. package/dist/report.html +2 -2
  5. package/package.json +3 -3
  6. package/src/packages/components/AddressCascade/createAddressCascade.multiple.tsx +5 -6
  7. package/src/packages/components/AddressCascade/createAddressCascade.single.tsx +6 -7
  8. package/src/packages/components/Application/utils/application.utils.ts +2 -3
  9. package/src/packages/components/Badge/badge.scss +4 -0
  10. package/src/packages/components/Cascade/createMultipleCascadeRender.tsx +3 -4
  11. package/src/packages/components/Cascade/createSingleCascadeRender.tsx +4 -5
  12. package/src/packages/components/DatePicker/createDateRender.multiple.tsx +5 -5
  13. package/src/packages/components/DatePicker/createDateRender.single.tsx +6 -5
  14. package/src/packages/components/DatePicker/index.tsx +2 -0
  15. package/src/packages/components/DatePicker/useRangeDateRender.tsx +6 -6
  16. package/src/packages/components/Form/validate/useFormItemValidation.tsx +25 -27
  17. package/src/packages/components/Input/useMultipleInput.tsx +4 -3
  18. package/src/packages/components/Input/useSuggestionInput.tsx +3 -4
  19. package/src/packages/components/Input/useTextareaInput.tsx +3 -3
  20. package/src/packages/components/Input/uses/useInputEnterHandler.tsx +10 -6
  21. package/src/packages/components/Object/createObjectRender.multiple.tsx +7 -7
  22. package/src/packages/components/Object/createObjectRender.single.tsx +10 -10
  23. package/src/packages/components/PageThemeUtils/index.tsx +2 -2
  24. package/src/packages/components/Select/createMultipleSelectRender.tsx +10 -6
  25. package/src/packages/components/Select/createPublicSelectRender.tsx +8 -4
  26. package/src/packages/components/Select/createSingleSelectRender.tsx +11 -7
  27. package/src/packages/components/Slider/useSlider.range.tsx +12 -9
  28. package/src/packages/components/Slider/useSlider.single.tsx +7 -8
  29. package/src/packages/components/Table/standard/PlcCheck/PlcCheck.hooks.tsx +2 -2
  30. package/src/packages/components/Table/standard/PlcCheck/PlcCheck.multiple.tsx +4 -5
  31. package/src/packages/components/Table/standard/PlcCheck/PlcCheck.single.tsx +3 -4
  32. package/src/packages/components/TimePicker/createSingleTimeRender.tsx +4 -5
  33. package/src/packages/components/TimePicker/useRangeTimeRender.tsx +6 -6
  34. package/src/packages/components/usePopup/PopupItem.tsx +3 -3
  35. package/src/packages/components/usePopup/trigger/useReferenceTrigger.tsx +51 -45
  36. package/src/packages/components/usePopupEditor/index.tsx +6 -9
  37. package/src/packages/components/useTooltip/index.tsx +5 -6
  38. package/src/packages/uses/useDragHorizontalScroll.ts +4 -5
  39. package/src/packages/uses/useFocusHandler.ts +25 -12
  40. package/src/packages/uses/useMultipleModel.tsx +3 -1
package/dist/plain-design.min.css CHANGED
@@ -41,7 +41,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
41
41
  .pl-slider{box-sizing:border-box;font-weight:400;margin:0;padding:0;cursor:pointer;display:inline-block;position:relative;background-color:var(--pl-secondary-light-2);border-radius:100px;vertical-align:.2em}.pl-slider>div{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.pl-slider .slider-dot-wrapper .slider-dot{display:flex;align-items:center;justify-content:center}.pl-slider .slider-dot-wrapper .slider-dot .slider-dot-inner{height:12px;width:12px;background-color:var(--pl-background-color);flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all linear 100ms}.pl-slider .slider-dot-wrapper .slider-dot .slider-dot-inner:hover{height:16px;width:16px;border-radius:16px}.pl-slider .slider-dot-wrapper .slider-dot .slider-dot-tooltip{transition:all 300ms ease;opacity:0;background-color:rgba(0,0,0,.8);color:#fff;padding:3px 6px;line-height:initial;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:calc(100% + 16px);border-radius:var(--pl-box-size-nromal-broder-radius);font-size:var(--pl-font-size-small);pointer-events:none;min-width:20px;text-align:center}.pl-slider .slider-dot-wrapper .slider-dot .slider-dot-tooltip:after{position:absolute;content:"";display:inline-block;box-sizing:content-box;height:0;width:0;top:100%;left:calc(50% - 4px);border:solid 4px transparent;border-top-color:rgba(0,0,0,.8)}.pl-slider .slider-dot-wrapper .slider-dot .slider-dot-tooltip:hover{opacity:.5}.pl-slider .slider-dot-wrapper .slider-dot:hover .slider-dot-tooltip{opacity:1}.pl-slider.slider-horizontal>div{flex-direction:row}.pl-slider.slider-vertical>div{flex-direction:column}.pl-slider.slider-dragging .slider-dot-tooltip{opacity:1 !important}.pl-slider.slider-status-secondary:not(.slider-disabled) .slider-progress{background-color:var(--pl-secondary-6)}.pl-slider.slider-status-secondary:not(.slider-disabled) .slider-dot-inner{border:solid 2px var(--pl-secondary-6)}.pl-slider.slider-status-secondary.slider-disabled .slider-progress{background-color:var(--pl-secondary-3)}.pl-slider.slider-status-secondary.slider-disabled .slider-dot-inner{border:solid 2px var(--pl-secondary-3)}.pl-slider.slider-status-primary:not(.slider-disabled) .slider-progress{background-color:var(--pl-primary-6)}.pl-slider.slider-status-primary:not(.slider-disabled) .slider-dot-inner{border:solid 2px var(--pl-primary-6)}.pl-slider.slider-status-primary.slider-disabled .slider-progress{background-color:var(--pl-primary-3)}.pl-slider.slider-status-primary.slider-disabled .slider-dot-inner{border:solid 2px var(--pl-primary-3)}.pl-slider.slider-status-success:not(.slider-disabled) .slider-progress{background-color:var(--pl-success-6)}.pl-slider.slider-status-success:not(.slider-disabled) .slider-dot-inner{border:solid 2px var(--pl-success-6)}.pl-slider.slider-status-success.slider-disabled .slider-progress{background-color:var(--pl-success-3)}.pl-slider.slider-status-success.slider-disabled .slider-dot-inner{border:solid 2px var(--pl-success-3)}.pl-slider.slider-status-warn:not(.slider-disabled) .slider-progress{background-color:var(--pl-warn-6)}.pl-slider.slider-status-warn:not(.slider-disabled) .slider-dot-inner{border:solid 2px var(--pl-warn-6)}.pl-slider.slider-status-warn.slider-disabled .slider-progress{background-color:var(--pl-warn-3)}.pl-slider.slider-status-warn.slider-disabled .slider-dot-inner{border:solid 2px var(--pl-warn-3)}.pl-slider.slider-status-error:not(.slider-disabled) .slider-progress{background-color:var(--pl-error-6)}.pl-slider.slider-status-error:not(.slider-disabled) .slider-dot-inner{border:solid 2px var(--pl-error-6)}.pl-slider.slider-status-error.slider-disabled .slider-progress{background-color:var(--pl-error-3)}.pl-slider.slider-status-error.slider-disabled .slider-dot-inner{border:solid 2px var(--pl-error-3)}.slider-loading{cursor:wait}.slider-disabled{cursor:not-allowed}.slider-block{display:block;min-width:initial;width:100%}
42
42
  .pl-toggle:not(.toggle-input-mode-text){background-color:var(--pl-secondary-2);position:relative;outline:none;display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color 300ms;cursor:pointer;border-radius:100px}.pl-toggle:not(.toggle-input-mode-text) .toggle-inner{content:"";position:absolute;left:2px;top:2px;bottom:2px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.16),0 3px 1px rgba(0,0,0,.1);transition:all .3s cubic-bezier(0.3, 1.3, 0.3, 1);border-radius:inherit}.pl-toggle:not(.toggle-input-mode-text):before{position:absolute;left:2px;right:2px;top:2px;bottom:2px;border-radius:inherit;background-color:var(--pl-secondary-2);content:"";-webkit-transform:scaleX(1);transform:scaleX(1);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large{height:calc(var(--pl-box-size-large-height) - 6px);width:calc((var(--pl-box-size-large-height) - 6px) * 52 / 32)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-large-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-large-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.toggle-active .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.mt{margin-top:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.ml{margin-left:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.mr{margin-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.margin{margin:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.pt{padding-top:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.pl{padding-left:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.pr{padding-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-large.padding{padding:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal{height:calc(var(--pl-box-size-normal-height) - 6px);width:calc((var(--pl-box-size-normal-height) - 6px) * 52 / 32)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-normal-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-normal-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.toggle-active .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.margin{margin:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-normal.padding{padding:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small{height:calc(var(--pl-box-size-small-height) - 6px);width:calc((var(--pl-box-size-small-height) - 6px) * 52 / 32)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-small-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-small-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.toggle-active .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.mt{margin-top:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.ml{margin-left:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.mr{margin-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.margin{margin:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.pt{padding-top:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.pl{padding-left:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.pr{padding-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-small.padding{padding:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini{height:calc(var(--pl-box-size-mini-height) - 6px);width:calc((var(--pl-box-size-mini-height) - 6px) * 52 / 32)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-mini-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) * 52 / 32 - 2px - (var(--pl-box-size-mini-height) - 6px - 4px))}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.toggle-active .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.margin{margin:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-size-mini.padding{padding:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square,.pl-toggle:not(.toggle-input-mode-text).toggle-square>.toggle-inner .pl-toggle:not(.toggle-input-mode-text).toggle-square>:before{border-radius:var(--pl-box-size-normal-border-radius)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large{height:calc(var(--pl-box-size-large-height) - 6px);width:calc((var(--pl-box-size-large-height) - 6px) * 52 / 30)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.toggle-active .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.mt{margin-top:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.ml{margin-left:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.mr{margin-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.margin{margin:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.pt{padding-top:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.pl{padding-left:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.pr{padding-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-large.padding{padding:var(--pl-margin-large)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal{height:calc(var(--pl-box-size-normal-height) - 6px);width:calc((var(--pl-box-size-normal-height) - 6px) * 52 / 30)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.toggle-active .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.margin{margin:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-normal.padding{padding:var(--pl-margin-normal)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small{height:calc(var(--pl-box-size-small-height) - 6px);width:calc((var(--pl-box-size-small-height) - 6px) * 52 / 30)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.toggle-active .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.mt{margin-top:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.ml{margin-left:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.mr{margin-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.margin{margin:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.pt{padding-top:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.pl{padding-left:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.pr{padding-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-small.padding{padding:var(--pl-margin-small)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini{height:calc(var(--pl-box-size-mini-height) - 6px);width:calc((var(--pl-box-size-mini-height) - 6px) * 52 / 30)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2 + 8px)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.toggle-active .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.margin{margin:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-square.toggle-size-mini.padding{padding:var(--pl-margin-mini)}.pl-toggle:not(.toggle-input-mode-text).toggle-on:before,.pl-toggle:not(.toggle-input-mode-text).toggle-on.toggle-square:before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}.pl-toggle:not(.toggle-input-mode-text).toggle-on .toggle-inner,.pl-toggle:not(.toggle-input-mode-text).toggle-on.toggle-square .toggle-inner{right:2px}.pl-toggle:not(.toggle-input-mode-text).toggle-active .toggle-inner,.pl-toggle:not(.toggle-input-mode-text).toggle-active.toggle-square .toggle-inner{left:2px}.pl-toggle:not(.toggle-input-mode-text).toggle-active.toggle-on .toggle-inner,.pl-toggle:not(.toggle-input-mode-text).toggle-active.toggle-square.toggle-on .toggle-inner{right:2px}.pl-toggle:not(.toggle-input-mode-text).toggle-status-secondary.toggle-on{background-color:var(--pl-secondary-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-secondary:after{border-color:var(--pl-secondary-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-primary.toggle-on{background-color:var(--pl-primary-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-primary:after{border-color:var(--pl-primary-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-success.toggle-on{background-color:var(--pl-success-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-success:after{border-color:var(--pl-success-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-warn.toggle-on{background-color:var(--pl-warn-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-warn:after{border-color:var(--pl-warn-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-error.toggle-on{background-color:var(--pl-error-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-status-error:after{border-color:var(--pl-error-6)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled{cursor:not-allowed;background-color:var(--pl-secondary-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled:before{background-color:var(--pl-secondary-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled .toggle-inner{background-color:#eee}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled.toggle-on.toggle-status-secondary{background-color:var(--pl-secondary-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled.toggle-on.toggle-status-primary{background-color:var(--pl-primary-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled.toggle-on.toggle-status-success{background-color:var(--pl-success-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled.toggle-on.toggle-status-warn{background-color:var(--pl-warn-3)}.pl-toggle:not(.toggle-input-mode-text).toggle-disabled.toggle-on.toggle-status-error{background-color:var(--pl-error-3)}.toggle-loading{cursor:wait}.toggle-disabled{cursor:not-allowed}.toggle-block{display:block;min-width:initial;width:100%}
43
43
  .pl-rate{position:relative;display:inline-block;cursor:pointer;overflow:hidden;vertical-align:text-bottom}.pl-rate .rate-active{white-space:nowrap;overflow:hidden;position:absolute;left:0;top:0;bottom:0;color:inherit}.pl-rate .rate-inactive{color:var(--pl-secondary-light-3)}.pl-rate.rate-status-secondary{color:var(--pl-secondary-6)}.pl-rate.rate-status-primary{color:var(--pl-primary-6)}.pl-rate.rate-status-success{color:var(--pl-success-6)}.pl-rate.rate-status-warn{color:var(--pl-warn-6)}.pl-rate.rate-status-error{color:var(--pl-error-6)}.pl-rate.rate-disabled{color:var(--pl-secondary-light-6) !important;cursor:not-allowed}.pl-rate.rate-size-large{font-size:var(--pl-box-size-large-font-size)}.pl-rate.rate-size-large.mt{margin-top:var(--pl-margin-large)}.pl-rate.rate-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-rate.rate-size-large.ml{margin-left:var(--pl-margin-large)}.pl-rate.rate-size-large.mr{margin-right:var(--pl-margin-large)}.pl-rate.rate-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-rate.rate-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-rate.rate-size-large.margin{margin:var(--pl-margin-large)}.pl-rate.rate-size-large.pt{padding-top:var(--pl-margin-large)}.pl-rate.rate-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-rate.rate-size-large.pl{padding-left:var(--pl-margin-large)}.pl-rate.rate-size-large.pr{padding-right:var(--pl-margin-large)}.pl-rate.rate-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-rate.rate-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-rate.rate-size-large.padding{padding:var(--pl-margin-large)}.pl-rate.rate-size-normal{font-size:var(--pl-box-size-normal-font-size)}.pl-rate.rate-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-rate.rate-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-rate.rate-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-rate.rate-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-rate.rate-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-rate.rate-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-rate.rate-size-normal.margin{margin:var(--pl-margin-normal)}.pl-rate.rate-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-rate.rate-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-rate.rate-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-rate.rate-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-rate.rate-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-rate.rate-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-rate.rate-size-normal.padding{padding:var(--pl-margin-normal)}.pl-rate.rate-size-small{font-size:var(--pl-box-size-small-font-size)}.pl-rate.rate-size-small.mt{margin-top:var(--pl-margin-small)}.pl-rate.rate-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-rate.rate-size-small.ml{margin-left:var(--pl-margin-small)}.pl-rate.rate-size-small.mr{margin-right:var(--pl-margin-small)}.pl-rate.rate-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-rate.rate-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-rate.rate-size-small.margin{margin:var(--pl-margin-small)}.pl-rate.rate-size-small.pt{padding-top:var(--pl-margin-small)}.pl-rate.rate-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-rate.rate-size-small.pl{padding-left:var(--pl-margin-small)}.pl-rate.rate-size-small.pr{padding-right:var(--pl-margin-small)}.pl-rate.rate-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-rate.rate-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-rate.rate-size-small.padding{padding:var(--pl-margin-small)}.pl-rate.rate-size-mini{font-size:var(--pl-box-size-mini-font-size)}.pl-rate.rate-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-rate.rate-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-rate.rate-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-rate.rate-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-rate.rate-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-rate.rate-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-rate.rate-size-mini.margin{margin:var(--pl-margin-mini)}.pl-rate.rate-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-rate.rate-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-rate.rate-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-rate.rate-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-rate.rate-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-rate.rate-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-rate.rate-size-mini.padding{padding:var(--pl-margin-mini)}.rate-loading{cursor:wait}.rate-disabled{cursor:not-allowed}.rate-block{display:block;min-width:initial;width:100%}
44
- .pl-badge{box-sizing:border-box;font-weight:400;margin:0;padding:0;display:inline-block;vertical-align:baseline;position:relative}.pl-badge .badge-content{position:absolute;font-size:12px;padding:0;border:solid 1px var(--pl-background-color);display:flex;align-items:center;justify-content:center;height:16px;min-width:16px}.pl-badge .badge-content.badge-content-status-secondary{background-color:var(--pl-secondary-6);border-radius:100px;color:var(--pl-pbfc)}.pl-badge .badge-content.badge-content-status-primary{background-color:var(--pl-primary-6);border-radius:100px;color:var(--pl-pbfc)}.pl-badge .badge-content.badge-content-status-success{background-color:var(--pl-success-6);border-radius:100px;color:var(--pl-pbfc)}.pl-badge .badge-content.badge-content-status-warn{background-color:var(--pl-warn-6);border-radius:100px;color:var(--pl-pbfc)}.pl-badge .badge-content.badge-content-status-error{background-color:var(--pl-error-6);border-radius:100px;color:var(--pl-pbfc)}.pl-badge .badge-content.badge-content-top{top:0}.pl-badge .badge-content.badge-content-top.badge-content-start{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pl-badge .badge-content.badge-content-top.badge-content-end{-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.pl-badge .badge-content.badge-content-bottom{bottom:0}.pl-badge .badge-content.badge-content-bottom.badge-content-start{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.pl-badge .badge-content.badge-content-bottom.badge-content-end{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.pl-badge .badge-content.badge-content-start{left:0}.pl-badge .badge-content.badge-content-end{right:0}.pl-badge .badge-content.badge-content-dot{height:12px;width:12px;padding:0;min-width:initial}.pl-badge .badge-content.badge-content-len-3,.pl-badge .badge-content.badge-content-len-4{padding:0 4px}.badge-loading{cursor:wait}.badge-disabled{cursor:not-allowed}.badge-block{display:block;min-width:initial;width:100%}
44
+ .pl-badge{box-sizing:border-box;font-weight:400;margin:0;padding:0;display:inline-block;vertical-align:baseline;position:relative}.pl-badge .badge-content{position:absolute;font-size:12px;padding:0;border:solid 1px var(--pl-background-color);display:flex;align-items:center;justify-content:center;height:16px;min-width:16px}.pl-badge .badge-content.badge-content-status-secondary{background-color:var(--pl-secondary-6);border-radius:100px;color:var(--pl-pbfc);z-index:2}.pl-badge .badge-content.badge-content-status-secondary span{-webkit-transform:scale(0.8);transform:scale(0.8)}.pl-badge .badge-content.badge-content-status-primary{background-color:var(--pl-primary-6);border-radius:100px;color:var(--pl-pbfc);z-index:2}.pl-badge .badge-content.badge-content-status-primary span{-webkit-transform:scale(0.8);transform:scale(0.8)}.pl-badge .badge-content.badge-content-status-success{background-color:var(--pl-success-6);border-radius:100px;color:var(--pl-pbfc);z-index:2}.pl-badge .badge-content.badge-content-status-success span{-webkit-transform:scale(0.8);transform:scale(0.8)}.pl-badge .badge-content.badge-content-status-warn{background-color:var(--pl-warn-6);border-radius:100px;color:var(--pl-pbfc);z-index:2}.pl-badge .badge-content.badge-content-status-warn span{-webkit-transform:scale(0.8);transform:scale(0.8)}.pl-badge .badge-content.badge-content-status-error{background-color:var(--pl-error-6);border-radius:100px;color:var(--pl-pbfc);z-index:2}.pl-badge .badge-content.badge-content-status-error span{-webkit-transform:scale(0.8);transform:scale(0.8)}.pl-badge .badge-content.badge-content-top{top:0}.pl-badge .badge-content.badge-content-top.badge-content-start{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pl-badge .badge-content.badge-content-top.badge-content-end{-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.pl-badge .badge-content.badge-content-bottom{bottom:0}.pl-badge .badge-content.badge-content-bottom.badge-content-start{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.pl-badge .badge-content.badge-content-bottom.badge-content-end{-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}.pl-badge .badge-content.badge-content-start{left:0}.pl-badge .badge-content.badge-content-end{right:0}.pl-badge .badge-content.badge-content-dot{height:12px;width:12px;padding:0;min-width:initial}.pl-badge .badge-content.badge-content-len-3,.pl-badge .badge-content.badge-content-len-4{padding:0 4px}.badge-loading{cursor:wait}.badge-disabled{cursor:not-allowed}.badge-block{display:block;min-width:initial;width:100%}
45
45
  .pl-step-group .pl-step .step-title{font-size:var(--pl-font-size-normal);color:var(--pl-text-1)}.pl-step-group .pl-step .step-content{font-size:var(--pl-font-size-small)}.pl-step-group .pl-step .step-dot{width:12px;height:12px;border-radius:12px;display:inline-block}.pl-step-group:not(.step-group-dot-icon) .step-icon{width:32px;height:32px;font-size:var(--pl-font-size-normal);line-height:32px;text-align:center;border-radius:32px;border:solid 1px var(--pl-secondary-light-4);display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.pl-step-group:not(.step-group-dot-icon) .step-icon .pl-icon,.pl-step-group:not(.step-group-dot-icon) .step-icon .pl-loading{font-size:1em}.pl-step-group:not(.step-group-dot-icon) .step-icon .step-number{display:flex;align-items:center;justify-content:center;height:100%}.pl-step-group:not(.step-group-dot-icon) .step-icon .step-number .pl-icon{font-size:1em}.pl-step-group.step-group-horizontal{display:flex;align-items:flex-start}.pl-step-group.step-group-horizontal .pl-step{flex:1}.pl-step-group.step-group-horizontal .pl-step .step-divider{flex:1;height:1px;background-color:var(--pl-secondary-light-4);-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-step-group.step-group-horizontal .pl-step .step-head,.pl-step-group.step-group-horizontal .pl-step .step-body{display:flex}.pl-step-group.step-group-horizontal .pl-step .step-head{align-items:center;margin-bottom:8px}.pl-step-group.step-group-horizontal .pl-step .step-head .step-title{margin-right:8px}.pl-step-group.step-group-horizontal .pl-step .step-head .step-dot{margin-right:8px}.pl-step-group.step-group-horizontal .pl-step .step-body{align-items:flex-start}.pl-step-group.step-group-horizontal .pl-step .step-body .step-icon{border:none}.pl-step-group.step-group-horizontal .pl-step .step-body .step-title{margin-bottom:8px}.pl-step-group.step-group-horizontal .pl-step.step-last{flex:initial}.pl-step-group.step-group-horizontal.step-group-title-align-bottom .pl-step:first-child .step-head .step-divider:first-child{background-color:transparent !important}.pl-step-group.step-group-horizontal.step-group-title-align-bottom .pl-step:last-child{flex:1}.pl-step-group.step-group-horizontal.step-group-title-align-bottom .pl-step:last-child .step-head .step-divider:last-child{background-color:transparent !important}.pl-step-group.step-group-horizontal.step-group-title-align-bottom .step-body{display:flex;flex-direction:column;align-items:center;justify-content:center}.pl-step-group.step-group-vertical{display:flex;flex-direction:column;flex-wrap:revert}.pl-step-group.step-group-vertical .pl-step{display:flex}.pl-step-group.step-group-vertical .pl-step .step-head{display:flex;flex-direction:column;align-items:center}.pl-step-group.step-group-vertical .pl-step .step-head .step-divider{flex:1;width:1px;background-color:var(--pl-secondary-light-4);-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-step-group.step-group-vertical .pl-step .step-body{flex:1;display:flex;flex-direction:column}.pl-step-group.step-group-vertical .pl-step .step-body .step-title{line-height:32px}.pl-step-group.step-group-vertical .pl-step .step-body .step-content{padding:8px 0}.pl-step-group.step-group-vertical .pl-step:last-child .step-head .step-divider{display:none}.pl-step-group .pl-step.step-has-icon .step-head .step-icon{border:none;position:relative;top:1px}.pl-step-group .pl-step.step-status-wait .step-title{color:var(--pl-text-1)}.pl-step-group .pl-step.step-status-wait .step-content{color:var(--pl-text-2)}.pl-step-group .pl-step.step-status-wait .step-dot{border:solid 1px var(--pl-text-3);background-color:#fff}.pl-step-group .pl-step.step-status-finish .step-head .step-icon{border-color:var(--pl-primary-6);background-color:var(--pl-primary-6);color:var(--pl-pbfc)}.pl-step-group .pl-step.step-status-finish .step-head .step-dot{background-color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-finish .step-head .step-divider.step-divider-next{background-color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-finish+.pl-step .step-head .step-divider-prev{background-color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-process .step-head .step-icon{border-color:var(--pl-primary-6);background-color:var(--pl-primary-6);color:var(--pl-pbfc)}.pl-step-group .pl-step.step-status-process .step-head .step-title{color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-process .step-head .step-dot{border:solid 4px var(--pl-primary-6);box-sizing:border-box;background-color:#fff}.pl-step-group .pl-step.step-status-process .step-body .step-content{color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-process .step-body .step-title{color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-process.step-has-icon .step-icon{border-color:transparent;background-color:transparent;color:var(--pl-primary-6)}.pl-step-group .pl-step.step-status-error .step-head .step-icon{border-color:var(--pl-error-6);background-color:var(--pl-error-6);color:var(--pl-pbfc)}.pl-step-group .pl-step.step-status-error .step-head .step-title{color:var(--pl-error-6)}.pl-step-group .pl-step.step-status-error .step-head .step-dot{background-color:var(--pl-error-6)}.pl-step-group .pl-step.step-status-error .step-body .step-content{color:var(--pl-error-6)}.pl-step-group .pl-step.step-status-error .step-body .step-title{color:var(--pl-error-6)}.pl-step-group .pl-step.step-status-error.step-has-icon .step-icon{border-color:transparent;background-color:transparent;color:var(--pl-error-6)}.pl-step-group.step-group-mini:not(.step-group-dot-icon) .step-icon{width:20px;height:20px;font-size:var(--pl-font-size-small);line-height:20px;text-align:center;border-radius:20px;border:solid 1px var(--pl-secondary-light-4);display:inline-flex;align-items:center;justify-content:center;color:var(--pl-text-3);margin:0 8px}.pl-step-group.step-group-mini:not(.step-group-dot-icon) .step-icon .icon,.pl-step-group.step-group-mini:not(.step-group-dot-icon) .step-icon .loading{font-size:1em}.pl-step-group.step-group-mini:not(.step-group-dot-icon) .step-icon .step-number .icon{font-size:1em}.pl-step-group.step-group-mini .step-title{font-size:var(--pl-font-size-normal)}.pl-step-group.step-group-mini .step-content{font-size:var(--pl-font-size-small)}.pl-step-group.step-group-mini.step-group-vertical .pl-step .step-body .step-title{line-height:20px}.pl-step-group.step-group-dot-icon .pl-step .step-head .step-icon{background-color:transparent}.pl-step-group.step-group-dot-icon.step-group-horizontal:not(.step-group-vertical) .pl-step .step-content{padding-left:20px}.pl-step-group.step-group-dot-icon.step-group-title-align-bottom .pl-step .step-head .step-dot{margin-right:0}.pl-step-group.step-group-dot-icon.step-group-vertical .step-head{margin-right:8px;position:relative}.pl-step-group.step-group-dot-icon.step-group-vertical .step-head .step-divider{position:absolute;left:5px;top:22px;bottom:-10px}.pl-step-group.step-group-dot-icon.step-group-vertical .step-icon{margin-top:10px;height:12px;display:inline-block}.pl-step-group.step-group-dot-icon.step-group-vertical .step-icon .step-dot{float:left}.pl-step-group.step-group-dot-icon.step-group-vertical.step-group-mini .step-icon{margin-top:5px}.pl-step-group.step-group-dot-icon.step-group-vertical.step-group-mini .step-head .step-divider{position:absolute;left:5px;top:16px;bottom:-5px}.step-group-loading{cursor:wait}.step-group-disabled{cursor:not-allowed}.step-group-block{display:block;min-width:initial;width:100%}
46
46
  .pl-alert{border-radius:var(--pl-box-size-normal-border-radius);position:relative;padding:8px 16px;line-height:initial}.pl-alert .alert-label{font-size:var(--pl-font-size-small);line-height:var(--pl-line-height)}.pl-alert .alert-desc{font-size:var(--pl-font-size-small);line-height:var(--pl-line-height)}.pl-alert.alert-has-icon{padding-left:32px}.pl-alert.alert-has-icon .alert-icon{font-size:1.2em;position:absolute;width:32px;left:0;top:.075em;padding-top:inherit;display:inline-flex;align-items:center;justify-content:center}.pl-alert.alert-has-close{position:relative;padding-right:34px}.pl-alert.alert-has-close .alert-close{border-radius:inherit;position:absolute;top:0;right:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pl-alert.alert-has-desc .alert-label{font-weight:600}.pl-alert.alert-has-desc .alert-icon{font-size:28px}.pl-alert.alert-has-desc.alert-align-left .alert-label,.pl-alert.alert-has-desc.alert-align-left .alert-desc{text-align:left}.pl-alert.alert-has-desc.alert-align-center .alert-label,.pl-alert.alert-has-desc.alert-align-center .alert-desc{text-align:center}.pl-alert.alert-has-desc.alert-align-right .alert-label,.pl-alert.alert-has-desc.alert-align-right .alert-desc{text-align:right}.pl-alert:not(.alert-has-desc).alert-align-left{text-align:left}.pl-alert:not(.alert-has-desc).alert-align-center{text-align:center}.pl-alert:not(.alert-has-desc).alert-align-right{text-align:right}.pl-alert.alert-has-icon:not(.alert-has-desc) .alert-label{display:inline-block}.pl-alert.alert-has-icon.alert-has-desc{padding-left:56px}.pl-alert.alert-has-icon.alert-has-desc .alert-icon{width:56px}.pl-alert.alert-theme-lite.alert-status-secondary{border:solid 1px var(--pl-secondary-3);background-color:var(--pl-secondary-light-2);color:var(--pl-secondary-6)}.pl-alert.alert-theme-lite.alert-status-secondary .alert-close:hover{background-color:var(--pl-secondary-light-3)}.pl-alert.alert-theme-lite.alert-status-primary{border:solid 1px var(--pl-primary-3);background-color:var(--pl-primary-light-2);color:var(--pl-primary-6)}.pl-alert.alert-theme-lite.alert-status-primary .alert-close:hover{background-color:var(--pl-primary-light-3)}.pl-alert.alert-theme-lite.alert-status-success{border:solid 1px var(--pl-success-3);background-color:var(--pl-success-light-2);color:var(--pl-success-6)}.pl-alert.alert-theme-lite.alert-status-success .alert-close:hover{background-color:var(--pl-success-light-3)}.pl-alert.alert-theme-lite.alert-status-warn{border:solid 1px var(--pl-warn-3);background-color:var(--pl-warn-light-2);color:var(--pl-warn-6)}.pl-alert.alert-theme-lite.alert-status-warn .alert-close:hover{background-color:var(--pl-warn-light-3)}.pl-alert.alert-theme-lite.alert-status-error{border:solid 1px var(--pl-error-3);background-color:var(--pl-error-light-2);color:var(--pl-error-6)}.pl-alert.alert-theme-lite.alert-status-error .alert-close:hover{background-color:var(--pl-error-light-3)}.pl-alert.alert-theme-deep.alert-status-secondary{background-color:var(--pl-secondary-6);color:var(--pl-pbfc)}.pl-alert.alert-theme-deep.alert-status-secondary .alert-close:hover{background-color:var(--pl-secondary-8)}.pl-alert.alert-theme-deep.alert-status-primary{background-color:var(--pl-primary-6);color:var(--pl-pbfc)}.pl-alert.alert-theme-deep.alert-status-primary .alert-close:hover{background-color:var(--pl-primary-8)}.pl-alert.alert-theme-deep.alert-status-success{background-color:var(--pl-success-6);color:var(--pl-pbfc)}.pl-alert.alert-theme-deep.alert-status-success .alert-close:hover{background-color:var(--pl-success-8)}.pl-alert.alert-theme-deep.alert-status-warn{background-color:var(--pl-warn-6);color:var(--pl-pbfc)}.pl-alert.alert-theme-deep.alert-status-warn .alert-close:hover{background-color:var(--pl-warn-8)}.pl-alert.alert-theme-deep.alert-status-error{background-color:var(--pl-error-6);color:var(--pl-pbfc)}.pl-alert.alert-theme-deep.alert-status-error .alert-close:hover{background-color:var(--pl-error-8)}.alert-loading{cursor:wait}.alert-disabled{cursor:not-allowed}.alert-block{display:block;min-width:initial;width:100%}
47
47
  .pl-triangle{display:inline-block;vertical-align:middle;overflow:hidden;box-sizing:border-box}.pl-triangle .triangle-target{width:0;height:0;position:relative}.triangle-loading{cursor:wait}.triangle-disabled{cursor:not-allowed}.triangle-block{display:block;min-width:initial;width:100%}