plain-design 1.0.0-beta.11 → 1.0.0-beta.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +3 -3
  3. package/dist/plain-design.min.js +1 -1
  4. package/dist/report.html +2 -2
  5. package/package.json +1 -1
  6. package/src/packages/components/StepGroup/step-group.scss +6 -6
  7. package/src/packages/components/TabGroup/TabsInner.tsx +3 -2
  8. package/src/packages/components/TabGroup/header/horizontal/tabs-header-horizontal.scss +0 -1
  9. package/src/packages/components/TabGroup/index.tsx +7 -1
  10. package/src/packages/components/TabGroup/tabs.scss +3 -0
  11. package/src/pages/index/components/normal/DemoTab.tsx +6 -6
package/dist/plain-design.min.css CHANGED
@@ -39,15 +39,15 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
39
39
  .pl-toggle{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 .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: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.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.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.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.toggle-size-large.toggle-active .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle.toggle-size-large.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle.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.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.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.toggle-size-normal.toggle-active .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle.toggle-size-normal.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle.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.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.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.toggle-size-small.toggle-active .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle.toggle-size-small.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle.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.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.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.toggle-size-mini.toggle-active .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle.toggle-size-mini.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle.toggle-square,.pl-toggle.toggle-square>.toggle-inner .pl-toggle.toggle-square>:before{border-radius:var(--pl-box-size-normal-border-radius)}.pl-toggle.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.toggle-square.toggle-size-large.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-large .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-large.toggle-active .toggle-inner{right:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle.toggle-square.toggle-size-large.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-large-height) - 6px) / 2)}.pl-toggle.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.toggle-square.toggle-size-normal.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-normal .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-normal.toggle-active .toggle-inner{right:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle.toggle-square.toggle-size-normal.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-normal-height) - 6px) / 2)}.pl-toggle.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.toggle-square.toggle-size-small.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-small .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-small.toggle-active .toggle-inner{right:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle.toggle-square.toggle-size-small.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-small-height) - 6px) / 2)}.pl-toggle.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.toggle-square.toggle-size-mini.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-mini .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2 + 8px)}.pl-toggle.toggle-square.toggle-size-mini.toggle-active .toggle-inner{right:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle.toggle-square.toggle-size-mini.toggle-active.toggle-on .toggle-inner{left:calc((var(--pl-box-size-mini-height) - 6px) / 2)}.pl-toggle.toggle-on:before,.pl-toggle.toggle-on.toggle-square:before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}.pl-toggle.toggle-on .toggle-inner,.pl-toggle.toggle-on.toggle-square .toggle-inner{right:2px}.pl-toggle.toggle-active .toggle-inner,.pl-toggle.toggle-active.toggle-square .toggle-inner{left:2px}.pl-toggle.toggle-active.toggle-on .toggle-inner,.pl-toggle.toggle-active.toggle-square.toggle-on .toggle-inner{right:2px}.pl-toggle.toggle-status-secondary.toggle-on{background-color:var(--pl-secondary-6)}.pl-toggle.toggle-status-secondary:after{border-color:var(--pl-secondary-6)}.pl-toggle.toggle-status-primary.toggle-on{background-color:var(--pl-primary-6)}.pl-toggle.toggle-status-primary:after{border-color:var(--pl-primary-6)}.pl-toggle.toggle-status-success.toggle-on{background-color:var(--pl-success-6)}.pl-toggle.toggle-status-success:after{border-color:var(--pl-success-6)}.pl-toggle.toggle-status-warn.toggle-on{background-color:var(--pl-warn-6)}.pl-toggle.toggle-status-warn:after{border-color:var(--pl-warn-6)}.pl-toggle.toggle-status-error.toggle-on{background-color:var(--pl-error-6)}.pl-toggle.toggle-status-error:after{border-color:var(--pl-error-6)}.pl-toggle.toggle-disabled{cursor:not-allowed;background-color:var(--pl-secondary-3)}.pl-toggle.toggle-disabled:before{background-color:var(--pl-secondary-3)}.pl-toggle.toggle-disabled .toggle-inner{background-color:#eee}.pl-toggle.toggle-disabled.toggle-on.toggle-status-secondary{background-color:var(--pl-secondary-3)}.pl-toggle.toggle-disabled.toggle-on.toggle-status-primary{background-color:var(--pl-primary-3)}.pl-toggle.toggle-disabled.toggle-on.toggle-status-success{background-color:var(--pl-success-3)}.pl-toggle.toggle-disabled.toggle-on.toggle-status-warn{background-color:var(--pl-warn-3)}.pl-toggle.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%}
40
40
  .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-normal{font-size:var(--pl-box-size-normal-font-size)}.pl-rate.rate-size-small{font-size:var(--pl-box-size-small-font-size)}.pl-rate.rate-size-mini{font-size:var(--pl-box-size-mini-font-size)}.rate-loading{cursor:wait}.rate-disabled{cursor:not-allowed}.rate-block{display:block;min-width:initial;width:100%}
41
41
  .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:#fff}.pl-badge .badge-content.badge-content-status-primary{background-color:var(--pl-primary-6);border-radius:100px;color:#fff}.pl-badge .badge-content.badge-content-status-success{background-color:var(--pl-success-6);border-radius:100px;color:#fff}.pl-badge .badge-content.badge-content-status-warn{background-color:var(--pl-warn-6);border-radius:100px;color:#fff}.pl-badge .badge-content.badge-content-status-error{background-color:var(--pl-error-6);border-radius:100px;color:#fff}.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%}
42
- .pl-step-group .pl-step .step-title{font-size:16px;color:var(--pl-text-1)}.pl-step-group .pl-step .step-content{font-size:14px}.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:16px;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:#fff}.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:#fff}.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:#fff}.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:12px;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:14px}.pl-step-group.step-group-mini .step-content{font-size:12px}.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%}
42
+ .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:#fff}.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:#fff}.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:#fff}.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%}
43
43
  .pl-alert{border-radius:var(--pl-box-size-normal-border-radius);position:relative;padding:8px 16px}.pl-alert .alert-label{font-size:var(--pl-font-size-small);line-height:1.5715}.pl-alert .alert-desc{font-size:var(--pl-font-size-small);line-height:1.5715}.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:.15em;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{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{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{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{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{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{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:#fff}.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:#fff}.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:#fff}.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:#fff}.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:#fff}.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%}
44
44
  .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%}
45
45
  .pl-arrow-step-group{display:flex;align-items:center;height:40px}.pl-arrow-step-group.disabled-arrow-item-transition .pl-arrow-step .arrow-step-content,.pl-arrow-step-group.disabled-arrow-item-transition .pl-arrow-step .pl-triangle{transition:none !important}.pl-arrow-step-group .pl-arrow-step{flex:1;height:100%;box-sizing:border-box;display:flex;align-items:center;position:relative}.pl-arrow-step-group .pl-arrow-step .arrow-step-sequence{font-style:italic;font-size:1.2em}.pl-arrow-step-group .pl-arrow-step .arrow-step-content{flex:1;overflow:hidden;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;color:#fff}.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-top,.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-bottom{position:absolute;right:100%}.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-top.triangle-direction-top,.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-bottom.triangle-direction-top{bottom:0}.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-top.triangle-direction-bottom,.pl-arrow-step-group .pl-arrow-step .pl-triangle.triangle-direction-bottom.triangle-direction-bottom{top:0}.pl-arrow-step-group .pl-arrow-step .arrow-step-content,.pl-arrow-step-group .pl-arrow-step .pl-triangle{transition:all ease 300ms}.pl-arrow-step-group .pl-arrow-step:not(:first-child){margin-left:4px}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-wait .arrow-step-content{background-color:var(--pl-secondary-light-2);color:var(--pl-text-3)}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-wait .pl-triangle{color:var(--pl-secondary-light-2)}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-process .arrow-step-content,.pl-arrow-step-group .pl-arrow-step.arrow-step-status-finish .arrow-step-content{background-color:var(--pl-primary-6);color:#fff}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-process .pl-triangle,.pl-arrow-step-group .pl-arrow-step.arrow-step-status-finish .pl-triangle{color:var(--pl-primary-6)}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-success .arrow-step-content{background-color:var(--pl-success-6);color:#fff}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-success .pl-triangle{color:var(--pl-success-6)}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-error .arrow-step-content{background-color:var(--pl-error-6);color:#fff}.pl-arrow-step-group .pl-arrow-step.arrow-step-status-error .pl-triangle{color:var(--pl-error-6)}.pl-arrow-step-group .arrow-step-loading{cursor:wait}.pl-arrow-step-group .arrow-step-disabled{cursor:not-allowed}.pl-arrow-step-group .arrow-step-block{display:block;min-width:initial;width:100%}.arrow-step-group-loading{cursor:wait}.arrow-step-group-disabled{cursor:not-allowed}.arrow-step-group-block{display:block;min-width:initial;width:100%}
46
- .pl-tab-group .tabs-collector{height:0;width:0;overflow:hidden;display:block}.pl-tab-group .tabs-header-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tab-group .tabs-header-item .pl-icon{margin-left:8px}.pl-tab-group .tabs-header-item .icon-loading{cursor:wait}.pl-tab-group .tabs-header-item .icon-disabled{cursor:not-allowed}.pl-tab-group .tabs-header-item .icon-block{display:block;min-width:initial;width:100%}.pl-tab-group .tabs-header-item-operator{flex-grow:1;flex-shrink:0;position:sticky;right:4px;height:45px;line-height:45px;padding-left:16px;justify-self:flex-end;display:inline-flex;align-items:center;justify-content:flex-end;background-color:var(--pl-background-color)}.pl-tab-group .tabs-header-item-operator>*+*{margin-left:4px}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
46
+ .pl-tab-group .tabs-collector{height:0;width:0;overflow:hidden;display:block}.pl-tab-group .tabs-header-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tab-group .tabs-header-item .pl-icon{margin-left:8px}.pl-tab-group .tabs-header-item .icon-loading{cursor:wait}.pl-tab-group .tabs-header-item .icon-disabled{cursor:not-allowed}.pl-tab-group .tabs-header-item .icon-block{display:block;min-width:initial;width:100%}.pl-tab-group .tabs-header-item-operator{flex-grow:1;flex-shrink:0;position:sticky;right:4px;height:45px;line-height:45px;padding-left:16px;justify-self:flex-end;display:inline-flex;align-items:center;justify-content:flex-end;background-color:var(--pl-background-color)}.pl-tab-group .tabs-header-item-operator>*+*{margin-left:4px}.pl-tab-group.tab-group-size-large{font-size:var(--pl-box-size-large-font-size)}.pl-tab-group.tab-group-size-normal{font-size:var(--pl-box-size-normal-font-size)}.pl-tab-group.tab-group-size-small{font-size:var(--pl-box-size-small-font-size)}.pl-tab-group.tab-group-size-mini{font-size:var(--pl-box-size-mini-font-size)}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
47
47
  .pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-item{line-height:45px}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-item+.tabs-header-item{margin-left:32px}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-item.tabs-header-item-active,.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-item:hover{color:var(--pl-primary-6)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-list{position:relative}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-list .tabs-header-horizontal-text-indicator-container{background-color:var(--pl-secondary-light-2);position:absolute;left:0;right:0;height:2px}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text .tabs-header-list .tabs-header-horizontal-text-indicator-container .tabs-header-horizontal-text-indicator{position:absolute;width:0;left:0;height:100%;background-color:var(--pl-primary-6);display:block;transition:all ease 150ms}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text.tabs-header-pos-top .tabs-header-horizontal-text-indicator-container{bottom:0}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-text.tabs-header-pos-bottom .tabs-header-horizontal-text-indicator-container{top:0}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
48
48
  .pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card .tabs-header-item{line-height:45px;padding:0 20px;border-left:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card .tabs-header-item:last-child{border-right:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card .tabs-header-item:hover,.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card .tabs-header-item.tabs-header-item-active{color:var(--pl-primary-6)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card .tabs-header-item:not(.tabs-header-item-active){background-color:var(--pl-secondary-light-1)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list{border-bottom:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list .tabs-header-item{border-top:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list .tabs-header-item:first-child{border-top-left-radius:var(--pl-box-size-normal-border-radius)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list .tabs-header-item:last-child{border-top-right-radius:var(--pl-box-size-normal-border-radius)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list .tabs-header-item.tabs-header-item-active{position:relative}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-top .tabs-header-list .tabs-header-item.tabs-header-item-active:before{position:absolute;background-color:var(--pl-background-light);left:0;right:0;top:100%;height:1px;content:""}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list{border-top:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list .tabs-header-item{border-bottom:solid 1px var(--pl-border-color)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list .tabs-header-item:first-child{border-bottom-left-radius:var(--pl-box-size-normal-border-radius)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list .tabs-header-item:last-child{border-bottom-right-radius:var(--pl-box-size-normal-border-radius)}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list .tabs-header-item.tabs-header-item-active{position:relative}.pl-tab-group .tabs-header.tabs-header-horizontal.tabs-header-type-card.tabs-header-pos-bottom .tabs-header-list .tabs-header-item.tabs-header-item-active:before{position:absolute;background-color:var(--pl-background-light);left:0;right:0;bottom:100%;height:1px;content:""}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
49
49
  .pl-tab-group.tabs-head-type-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 0 4px 0px rgba(0,0,0,.04);border:solid 1px var(--pl-border-color);box-sizing:border-box}.pl-tab-group.tabs-head-type-shadow+*{margin-top:16px}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow{background-color:var(--pl-secondary-light-1)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item{line-height:45px;padding:0 20px;color:var(--pl-text-2);box-sizing:border-box;transition:background-color linear 300ms;border-left:solid 1px transparent;border-right:solid 1px transparent;border-bottom:solid 1px var(--pl-border-color)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item:first-child{border-left:none}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item:hover,.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item.tabs-header-item-active{color:var(--pl-primary-6)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item:before{position:absolute;background-color:transparent;left:0;right:0;height:1px;content:"";transition:all linear 300ms}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item.tabs-header-item-active{position:relative;background-color:var(--pl-background-light);border-color:var(--pl-border-color);border-bottom-color:transparent}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow .tabs-header-item.tabs-header-item-active:before{background-color:var(--pl-background-light)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow>.tabs-header-list:after{flex:1;content:" ";display:block;align-self:stretch;border-bottom:solid 1px var(--pl-border-color)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow.tabs-header-pos-top .tabs-header-list{border-bottom:solid 1px var(--pl-secondary-light-1)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow.tabs-header-pos-top .tabs-header-list .tabs-header-item-active:before{top:100%}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow.tabs-header-pos-bottom .tabs-header-list{border-top:solid 1px var(--pl-secondary-light-1)}.pl-tab-group.tabs-head-type-shadow .tabs-header.tabs-header-horizontal.tabs-header-type-shadow.tabs-header-pos-bottom .tabs-header-list .tabs-header-item-active:before{bottom:100%}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
50
- .pl-tab-group .tabs-header-horizontal{overflow:hidden;position:relative}.pl-tab-group .tabs-header-horizontal .tabs-header-list{display:inline-flex;align-items:center;white-space:nowrap;min-width:100%;position:relative;transition:300ms ease left}.pl-tab-group .tabs-header-horizontal .tabs-header-item{display:inline-block;font-size:14px}.pl-tab-group .tabs-header-horizontal.tabs-header-show-more{padding-right:80px}.pl-tab-group .tabs-header-horizontal.tabs-header-show-more .tabs-header-more-button{z-index:1;position:absolute;background-color:var(--pl-background-color);right:0;top:0;bottom:0;width:80px;box-shadow:0 2px 8px var(--pl-gray-4);display:flex;align-items:center;justify-content:center;color:var(--pl-text-1)}.pl-tab-group.tabs-head-position-top.tabs-fit-height,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height{display:flex;flex-direction:column;height:100%;flex:1}.pl-tab-group.tabs-head-position-top.tabs-fit-height>.tabs-body,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height>.tabs-body{flex:1;overflow:hidden;display:flex;align-items:stretch}.pl-tab-group.tabs-head-position-top.tabs-fit-height>.tabs-body>.inner-tab,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height>.tabs-body>.inner-tab{flex:1;overflow:auto}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
50
+ .pl-tab-group .tabs-header-horizontal{overflow:hidden;position:relative}.pl-tab-group .tabs-header-horizontal .tabs-header-list{display:inline-flex;align-items:center;white-space:nowrap;min-width:100%;position:relative;transition:300ms ease left}.pl-tab-group .tabs-header-horizontal .tabs-header-item{display:inline-block}.pl-tab-group .tabs-header-horizontal.tabs-header-show-more{padding-right:80px}.pl-tab-group .tabs-header-horizontal.tabs-header-show-more .tabs-header-more-button{z-index:1;position:absolute;background-color:var(--pl-background-color);right:0;top:0;bottom:0;width:80px;box-shadow:0 2px 8px var(--pl-gray-4);display:flex;align-items:center;justify-content:center;color:var(--pl-text-1)}.pl-tab-group.tabs-head-position-top.tabs-fit-height,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height{display:flex;flex-direction:column;height:100%;flex:1}.pl-tab-group.tabs-head-position-top.tabs-fit-height>.tabs-body,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height>.tabs-body{flex:1;overflow:hidden;display:flex;align-items:stretch}.pl-tab-group.tabs-head-position-top.tabs-fit-height>.tabs-body>.inner-tab,.pl-tab-group.tabs-head-position-bottom.tabs-fit-height>.tabs-body>.inner-tab{flex:1;overflow:auto}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
51
51
  .pl-tab-group.tabs-head-position-left,.pl-tab-group.tabs-head-position-right{display:flex}.pl-tab-group.tabs-head-position-left .tabs-body,.pl-tab-group.tabs-head-position-right .tabs-body{flex:1;box-sizing:border-box}.pl-tab-group.tabs-head-position-left .tabs-header,.pl-tab-group.tabs-head-position-right .tabs-header{position:relative}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item{line-height:36px;padding:0 16px;position:relative;z-index:1;transition:all linear 150ms;white-space:nowrap}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item:hover{color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item.tabs-header-item-active{color:var(--pl-primary-6);background-color:var(--pl-primary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left:before{position:absolute;content:"";right:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item{text-align:right;border-right:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item:hover{border-right-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active{border-right-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right:before{position:absolute;content:"";left:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item{text-align:left;border-left:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item:hover{border-left-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active{border-left-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left.tabs-fit-height,.pl-tab-group.tabs-head-position-right.tabs-fit-height{height:100%;flex:1;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-header,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-header{overflow:auto}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body{overflow:hidden;display:flex;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body>.inner-tab,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body>.inner-tab{flex:1;overflow:auto}.pl-tab-group.tabs-head-position-left .tabs-body{padding-left:16px}.pl-tab-group.tabs-head-position-right .tabs-body{padding-right:16px}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
52
52
  .pl-tag{display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;transition:all ease 300ms}.pl-tag+.pl-tag{margin-left:8px}.pl-tag.tag-size-large{font-size:var(--pl-box-size-large-font-size);border-radius:var(--pl-box-size-large-border-radius);height:var(--pl-tag-size-large-height);padding:0 4px}.pl-tag.tag-size-normal{font-size:var(--pl-box-size-normal-font-size);border-radius:var(--pl-box-size-normal-border-radius);height:var(--pl-tag-size-normal-height);padding:0 4px}.pl-tag.tag-size-small{font-size:var(--pl-box-size-small-font-size);border-radius:var(--pl-box-size-small-border-radius);height:var(--pl-tag-size-small-height);padding:0 4px}.pl-tag.tag-size-mini{font-size:var(--pl-box-size-mini-font-size);border-radius:var(--pl-box-size-mini-border-radius);height:var(--pl-tag-size-mini-height);padding:0 4px}.pl-tag .pl-loading:last-child,.pl-tag .pl-icon:last-child{cursor:pointer;margin-left:4px}.pl-tag .pl-loading:not(:last-child),.pl-tag .pl-icon:not(:last-child){margin-right:4px !important}.tag-loading{cursor:wait}.tag-disabled{cursor:not-allowed}.tag-block{display:block;min-width:initial;width:100%}
53
53
  .pl-auto-scroll-utils-wrapper{position:fixed;top:0;left:0;z-index:10;pointer-events:none}.pl-auto-scroll-utils-wrapper .pl-auto-scroll-utils-shadow{position:absolute;opacity:.1;pointer-events:auto}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow{left:0;right:0;height:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{top:0;background:linear-gradient(to top, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{bottom:0;background:linear-gradient(to bottom, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow{top:0;bottom:0;width:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{left:0;background:linear-gradient(to left, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{right:0;background:linear-gradient(to right, transparent, var(--pl-secondary-9))}