plain-design 1.0.0-beta.14 → 1.0.0-beta.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +2 -2
  3. package/dist/plain-design.min.js +1 -1
  4. package/dist/report.html +2 -2
  5. package/package.json +3 -3
  6. package/src/packages/components/Application/theme/theme.ts +0 -2
  7. package/src/packages/components/DropdownOption/index.tsx +3 -3
  8. package/src/packages/components/Tree/RenderTreeNode.tsx +1 -0
  9. package/src/packages/components/TreeCore/createTreeDraggier.tsx +61 -51
  10. package/src/packages/components/TreeNodeWithMenu/index.tsx +44 -6
  11. package/src/packages/components/TreeNodeWithMenu/tree-node-with-menu.scss +1 -0
  12. package/src/packages/components/TreeNodeWithMenu/treeNodeWithMenu.utils.ts +12 -0
  13. package/src/packages/components/useMessage/Message.tsx +5 -1
  14. package/src/packages/components/useMessage/message.scss +4 -0
  15. package/src/packages/entry.tsx +5 -0
  16. package/src/pages/index/components/normal/DemoTree.tsx +16 -1
package/dist/plain-design.min.css CHANGED
@@ -19,7 +19,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
19
19
  .pl-popup .popup-item-content{padding:0 !important}.pl-popup.popup-item-size-large:not(.popup-item-no-padding) .popup-content{padding:var(--pl-popper-size-large-padding-y) var(--pl-popper-size-large-padding-x)}.pl-popup.popup-item-size-normal:not(.popup-item-no-padding) .popup-content{padding:var(--pl-popper-size-normal-padding-y) var(--pl-popper-size-normal-padding-x)}.pl-popup.popup-item-size-small:not(.popup-item-no-padding) .popup-content{padding:var(--pl-popper-size-small-padding-y) var(--pl-popper-size-small-padding-x)}.pl-popup.popup-item-size-mini:not(.popup-item-no-padding) .popup-content{padding:var(--pl-popper-size-mini-padding-y) var(--pl-popper-size-mini-padding-x)}
20
20
  .pl-number{display:inline-block}.pl-number .number-prepend-button,.pl-number .number-append-button{display:inline-flex;padding:0;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color ease 300ms}.pl-number .number-prepend-button:hover,.pl-number .number-append-button:hover{background-color:var(--pl-secondary-light-1)}.pl-number.number-button-type-button .number-prepend-button[plain-click-node-waving],.pl-number.number-button-type-button .number-append-button[plain-click-node-waving]{border-left:initial}.pl-number.number-button-type-button.input-size-large .number-prepend-button,.pl-number.number-button-type-button.input-size-large .number-append-button{width:var(--pl-box-size-large-height)}.pl-number.number-button-type-button.input-size-normal .number-prepend-button,.pl-number.number-button-type-button.input-size-normal .number-append-button{width:var(--pl-box-size-normal-height)}.pl-number.number-button-type-button.input-size-small .number-prepend-button,.pl-number.number-button-type-button.input-size-small .number-append-button{width:var(--pl-box-size-small-height)}.pl-number.number-button-type-button.input-size-mini .number-prepend-button,.pl-number.number-button-type-button.input-size-mini .number-append-button{width:var(--pl-box-size-mini-height)}.pl-number.number-button-type-right .number-button-container{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:0;position:relative}.pl-number.number-button-type-right .number-button-container:after{position:absolute;top:calc(50% - 0.5px);left:0;right:0;content:"";background-color:var(--pl-border-color);height:1px}.pl-number.number-button-type-right.input-size-large .number-button-container{width:var(--pl-box-size-large-height)}.pl-number.number-button-type-right.input-size-normal .number-button-container{width:var(--pl-box-size-normal-height)}.pl-number.number-button-type-right.input-size-small .number-button-container{width:var(--pl-box-size-small-height)}.pl-number.number-button-type-right.input-size-mini .number-button-container{width:var(--pl-box-size-mini-height)}.number-loading{cursor:wait}.number-disabled{cursor:not-allowed}.number-block{display:block;min-width:initial;width:100%}.pl-number-resize{padding-left:100%;position:relative}.pl-number-resize>div{position:absolute;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-number-resize:hover{background-color:var(--pl-secondary-light-2)}.pl-number-resize.number-resize-dragging{background-color:var(--pl-background-color);box-shadow:var(--pl-message-box-shadow)}.number-resize-loading{cursor:wait}.number-resize-disabled{cursor:not-allowed}.number-resize-block{display:block;min-width:initial;width:100%}
21
21
  .pl-list{position:relative}.list-loading{cursor:wait}.list-disabled{cursor:not-allowed}.list-block{display:block;min-width:initial;width:100%}
22
- .pl-message-manager{pointer-events:none;position:fixed;top:0;left:0;z-index:9999}.message-manager-loading{cursor:wait}.message-manager-disabled{cursor:not-allowed}.message-manager-block{display:block;min-width:initial;width:100%}.pl-message-container{pointer-events:none;position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;box-sizing:border-box}.pl-message-container .pl-item{position:relative}.pl-message-container .item-loading{cursor:wait}.pl-message-container .item-disabled{cursor:not-allowed}.pl-message-container .item-block{display:block;min-width:initial;width:100%}.pl-message-container.message-container-start-start{justify-content:flex-start}.pl-message-container.message-container-start-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-start-center{justify-content:center}.pl-message-container.message-container-start-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-start-end{justify-content:flex-end}.pl-message-container.message-container-start-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-center-start{justify-content:flex-start}.pl-message-container.message-container-center-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-center-center{justify-content:center}.pl-message-container.message-container-center-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-center-end{justify-content:flex-end}.pl-message-container.message-container-center-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-end-start{justify-content:flex-start}.pl-message-container.message-container-end-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.pl-message-container.message-container-end-center{justify-content:center}.pl-message-container.message-container-end-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.pl-message-container.message-container-end-end{justify-content:flex-end}.pl-message-container.message-container-end-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.message-container-loading{cursor:wait}.message-container-disabled{cursor:not-allowed}.message-container-block{display:block;min-width:initial;width:100%}.pl-message{text-align:initial;padding:var(--pl-message-padding);white-space:nowrap;pointer-events:auto;display:inline-flex;justify-content:space-between;align-items:center;font-size:var(--pl-message-font-size);box-shadow:var(--pl-message-box-shadow);position:relative;overflow:hidden;background-color:var(--pl-background-lite);color:var(--pl-text-2);border-radius:var(--pl-box-size-normal-border-radius)}.pl-message .pl-icon{font-size:1.4em}.pl-message .pl-icon:not(.message-close)+*{margin-left:8px}.pl-message .icon-loading{cursor:wait}.pl-message .icon-disabled{cursor:not-allowed}.pl-message .icon-block{display:block;min-width:initial;width:100%}.pl-message .message-close{position:absolute;right:0;top:0;opacity:0;transition:opacity 300ms linear;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pl-message .message-close .pl-icon{color:var(--pl-background-lite);position:relative;z-index:1;-webkit-transform:scale(0.6);transform:scale(0.6);right:-3px;top:-3px}.pl-message .message-close .icon-loading{cursor:wait}.pl-message .message-close .icon-disabled{cursor:not-allowed}.pl-message .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message .message-close:after{position:absolute;top:-21px;left:4px;height:40px;width:40px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pl-message:hover .message-close{opacity:initial}.pl-message .message-content{max-width:75vw;display:inline-block;white-space:normal}.pl-message .message-close{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-message.message-status-secondary .pl-icon{color:var(--pl-secondary-6)}.pl-message.message-status-secondary .icon-loading{cursor:wait}.pl-message.message-status-secondary .icon-disabled{cursor:not-allowed}.pl-message.message-status-secondary .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-secondary .message-close .pl-icon{color:#fff}.pl-message.message-status-secondary .message-close .icon-loading{cursor:wait}.pl-message.message-status-secondary .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-secondary .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-secondary .message-close:after{background-color:var(--pl-secondary-6)}.pl-message.message-status-secondary .message-close:hover:after{background-color:var(--pl-secondary-4)}.pl-message.message-status-primary .pl-icon{color:var(--pl-primary-6)}.pl-message.message-status-primary .icon-loading{cursor:wait}.pl-message.message-status-primary .icon-disabled{cursor:not-allowed}.pl-message.message-status-primary .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-primary .message-close .pl-icon{color:#fff}.pl-message.message-status-primary .message-close .icon-loading{cursor:wait}.pl-message.message-status-primary .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-primary .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-primary .message-close:after{background-color:var(--pl-primary-6)}.pl-message.message-status-primary .message-close:hover:after{background-color:var(--pl-primary-4)}.pl-message.message-status-success .pl-icon{color:var(--pl-success-6)}.pl-message.message-status-success .icon-loading{cursor:wait}.pl-message.message-status-success .icon-disabled{cursor:not-allowed}.pl-message.message-status-success .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-success .message-close .pl-icon{color:#fff}.pl-message.message-status-success .message-close .icon-loading{cursor:wait}.pl-message.message-status-success .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-success .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-success .message-close:after{background-color:var(--pl-success-6)}.pl-message.message-status-success .message-close:hover:after{background-color:var(--pl-success-4)}.pl-message.message-status-warn .pl-icon{color:var(--pl-warn-6)}.pl-message.message-status-warn .icon-loading{cursor:wait}.pl-message.message-status-warn .icon-disabled{cursor:not-allowed}.pl-message.message-status-warn .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-warn .message-close .pl-icon{color:#fff}.pl-message.message-status-warn .message-close .icon-loading{cursor:wait}.pl-message.message-status-warn .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-warn .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-warn .message-close:after{background-color:var(--pl-warn-6)}.pl-message.message-status-warn .message-close:hover:after{background-color:var(--pl-warn-4)}.pl-message.message-status-error .pl-icon{color:var(--pl-error-6)}.pl-message.message-status-error .icon-loading{cursor:wait}.pl-message.message-status-error .icon-disabled{cursor:not-allowed}.pl-message.message-status-error .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-error .message-close .pl-icon{color:#fff}.pl-message.message-status-error .message-close .icon-loading{cursor:wait}.pl-message.message-status-error .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-error .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-error .message-close:after{background-color:var(--pl-error-6)}.pl-message.message-status-error .message-close:hover:after{background-color:var(--pl-error-4)}.message-loading{cursor:wait}.message-disabled{cursor:not-allowed}.message-block{display:block;min-width:initial;width:100%}
22
+ .pl-message-manager{pointer-events:none;position:fixed;top:0;left:0;z-index:9999}.message-manager-loading{cursor:wait}.message-manager-disabled{cursor:not-allowed}.message-manager-block{display:block;min-width:initial;width:100%}.pl-message-container{pointer-events:none;position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;box-sizing:border-box}.pl-message-container .pl-item{position:relative}.pl-message-container .item-loading{cursor:wait}.pl-message-container .item-disabled{cursor:not-allowed}.pl-message-container .item-block{display:block;min-width:initial;width:100%}.pl-message-container.message-container-start-start{justify-content:flex-start}.pl-message-container.message-container-start-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-start-center{justify-content:center}.pl-message-container.message-container-start-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-start-end{justify-content:flex-end}.pl-message-container.message-container-start-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:left}.pl-message-container.message-container-center-start{justify-content:flex-start}.pl-message-container.message-container-center-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-center-center{justify-content:center}.pl-message-container.message-container-center-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-center-end{justify-content:flex-end}.pl-message-container.message-container-center-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:center}.pl-message-container.message-container-end-start{justify-content:flex-start}.pl-message-container.message-container-end-start>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.pl-message-container.message-container-end-center{justify-content:center}.pl-message-container.message-container-end-center>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.pl-message-container.message-container-end-end{justify-content:flex-end}.pl-message-container.message-container-end-end>.pl-list>.pl-item{margin-bottom:8px;width:100%;text-align:right}.message-container-loading{cursor:wait}.message-container-disabled{cursor:not-allowed}.message-container-block{display:block;min-width:initial;width:100%}.pl-message{text-align:initial;padding:var(--pl-message-padding);white-space:nowrap;pointer-events:auto;display:inline-flex;justify-content:space-between;align-items:center;font-size:var(--pl-message-font-size);box-shadow:var(--pl-message-box-shadow);position:relative;overflow:hidden;background-color:var(--pl-background-lite);color:var(--pl-text-2);border-radius:var(--pl-box-size-normal-border-radius)}.pl-message .pl-icon{font-size:1.4em}.pl-message .pl-icon:not(.message-close)+*{margin-left:8px}.pl-message .icon-loading{cursor:wait}.pl-message .icon-disabled{cursor:not-allowed}.pl-message .icon-block{display:block;min-width:initial;width:100%}.pl-message .message-close{position:absolute;right:0;top:0;opacity:0;transition:opacity 300ms linear;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pl-message .message-close .pl-icon{color:var(--pl-background-lite);position:relative;z-index:1;-webkit-transform:scale(0.6);transform:scale(0.6);right:-3px;top:-3px}.pl-message .message-close .icon-loading{cursor:wait}.pl-message .message-close .icon-disabled{cursor:not-allowed}.pl-message .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message .message-close:after{position:absolute;top:-21px;left:4px;height:40px;width:40px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pl-message:hover .message-close{opacity:initial}.pl-message .message-content{max-width:75vw;display:inline-block;white-space:normal}.pl-message .message-close{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-message.message-status-secondary .pl-icon{color:var(--pl-secondary-6)}.pl-message.message-status-secondary .icon-loading{cursor:wait}.pl-message.message-status-secondary .icon-disabled{cursor:not-allowed}.pl-message.message-status-secondary .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-secondary .message-close .pl-icon{color:#fff}.pl-message.message-status-secondary .message-close .icon-loading{cursor:wait}.pl-message.message-status-secondary .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-secondary .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-secondary .message-close:after{background-color:var(--pl-secondary-6)}.pl-message.message-status-secondary .message-close:hover:after{background-color:var(--pl-secondary-4)}.pl-message.message-status-primary .pl-icon{color:var(--pl-primary-6)}.pl-message.message-status-primary .icon-loading{cursor:wait}.pl-message.message-status-primary .icon-disabled{cursor:not-allowed}.pl-message.message-status-primary .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-primary .message-close .pl-icon{color:#fff}.pl-message.message-status-primary .message-close .icon-loading{cursor:wait}.pl-message.message-status-primary .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-primary .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-primary .message-close:after{background-color:var(--pl-primary-6)}.pl-message.message-status-primary .message-close:hover:after{background-color:var(--pl-primary-4)}.pl-message.message-status-success .pl-icon{color:var(--pl-success-6)}.pl-message.message-status-success .icon-loading{cursor:wait}.pl-message.message-status-success .icon-disabled{cursor:not-allowed}.pl-message.message-status-success .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-success .message-close .pl-icon{color:#fff}.pl-message.message-status-success .message-close .icon-loading{cursor:wait}.pl-message.message-status-success .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-success .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-success .message-close:after{background-color:var(--pl-success-6)}.pl-message.message-status-success .message-close:hover:after{background-color:var(--pl-success-4)}.pl-message.message-status-warn .pl-icon{color:var(--pl-warn-6)}.pl-message.message-status-warn .icon-loading{cursor:wait}.pl-message.message-status-warn .icon-disabled{cursor:not-allowed}.pl-message.message-status-warn .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-warn .message-close .pl-icon{color:#fff}.pl-message.message-status-warn .message-close .icon-loading{cursor:wait}.pl-message.message-status-warn .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-warn .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-warn .message-close:after{background-color:var(--pl-warn-6)}.pl-message.message-status-warn .message-close:hover:after{background-color:var(--pl-warn-4)}.pl-message.message-status-error .pl-icon{color:var(--pl-error-6)}.pl-message.message-status-error .icon-loading{cursor:wait}.pl-message.message-status-error .icon-disabled{cursor:not-allowed}.pl-message.message-status-error .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-error .message-close .pl-icon{color:#fff}.pl-message.message-status-error .message-close .icon-loading{cursor:wait}.pl-message.message-status-error .message-close .icon-disabled{cursor:not-allowed}.pl-message.message-status-error .message-close .icon-block{display:block;min-width:initial;width:100%}.pl-message.message-status-error .message-close:after{background-color:var(--pl-error-6)}.pl-message.message-status-error .message-close:hover:after{background-color:var(--pl-error-4)}.pl-message.message-size-large{font-size:var(--pl-box-size-large-font-size);padding:calc(var(--pl-dropdown-size-large-padding-y) * 2)}.pl-message.message-size-normal{font-size:var(--pl-box-size-normal-font-size);padding:calc(var(--pl-dropdown-size-normal-padding-y) * 2)}.pl-message.message-size-small{font-size:var(--pl-box-size-small-font-size);padding:calc(var(--pl-dropdown-size-small-padding-y) * 2)}.pl-message.message-size-mini{font-size:var(--pl-box-size-mini-font-size);padding:calc(var(--pl-dropdown-size-mini-padding-y) * 2)}.message-loading{cursor:wait}.message-disabled{cursor:not-allowed}.message-block{display:block;min-width:initial;width:100%}
23
23
  .pl-notice-manager{pointer-events:none}.pl-notice-manager .pl-notice-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;box-sizing:border-box}.pl-notice-manager .pl-notice-container.notice-container-start-start{justify-content:flex-start}.pl-notice-manager .pl-notice-container.notice-container-start-start>.pl-list>.pl-item{width:100%;text-align:left}.pl-notice-manager .pl-notice-container.notice-container-start-end{justify-content:flex-end}.pl-notice-manager .pl-notice-container.notice-container-start-end>.pl-list>.pl-item{width:100%;text-align:left}.pl-notice-manager .pl-notice-container.notice-container-end-start{justify-content:flex-start}.pl-notice-manager .pl-notice-container.notice-container-end-start>.pl-list>.pl-item{width:100%;text-align:right}.pl-notice-manager .pl-notice-container.notice-container-end-end{justify-content:flex-end}.pl-notice-manager .pl-notice-container.notice-container-end-end>.pl-list>.pl-item{width:100%;text-align:right}.pl-notice-manager .notice-container-loading{cursor:wait}.pl-notice-manager .notice-container-disabled{cursor:not-allowed}.pl-notice-manager .notice-container-block{display:block;min-width:initial;width:100%}.notice-manager-loading{cursor:wait}.notice-manager-disabled{cursor:not-allowed}.notice-manager-block{display:block;min-width:initial;width:100%}.pl-notice{text-align:initial;pointer-events:auto;background-color:var(--pl-background-lite);display:inline-block;padding:var(--pl-notice-padding);box-shadow:var(--pl-notice-box-shadow);width:var(--pl-notice-width);max-width:var(--pl-notice-max-width);margin-bottom:var(--pl-notice-space);box-sizing:border-box;border-radius:var(--pl-box-size-normal-border-radius);position:relative;overflow:hidden}.pl-notice .notice-close{position:absolute;right:0;top:0;transition:opacity 300ms linear;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pl-notice .notice-close .pl-icon{color:#fff;position:relative;z-index:1;-webkit-transform:scale(0.8);transform:scale(0.8);right:-3px;top:-3px}.pl-notice .notice-close .icon-loading{cursor:wait}.pl-notice .notice-close .icon-disabled{cursor:not-allowed}.pl-notice .notice-close .icon-block{display:block;min-width:initial;width:100%}.pl-notice .notice-close:after{position:absolute;top:-25px;left:0;height:40px;width:40px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--pl-primary-6)}.pl-notice .notice-head{display:flex;align-items:center;position:relative}.pl-notice .notice-head .notice-title{flex:1;font-size:var(--pl-notice-title-font-size);color:var(--pl-text-1)}.pl-notice .notice-head .notice-head-icon{position:absolute;font-size:24px;left:0;top:-0.15em;border-radius:100px;padding:1px}.pl-notice .notice-content{font-size:var(--pl-notice-content-font-size);padding-top:16px;color:var(--pl-text-2);line-height:1.5715}.pl-notice .notice-foot{display:flex;justify-content:flex-end;align-items:center;padding-top:16px}.pl-notice .notice-foot>*+*{margin-left:8px}.pl-notice.notice-has-icon .notice-head,.pl-notice.notice-has-icon .notice-content,.pl-notice.notice-has-icon .notice-foot{padding-left:32px}.pl-notice.notice-status-secondary .notice-close:after{background-color:var(--pl-secondary-6)}.pl-notice.notice-status-secondary .notice-close:hover:after{background-color:var(--pl-secondary-8)}.pl-notice.notice-status-secondary .notice-title{color:var(--pl-secondary-6)}.pl-notice.notice-status-secondary .notice-head-icon{color:var(--pl-secondary-6)}.pl-notice.notice-status-primary .notice-close:after{background-color:var(--pl-primary-6)}.pl-notice.notice-status-primary .notice-close:hover:after{background-color:var(--pl-primary-8)}.pl-notice.notice-status-primary .notice-title{color:var(--pl-primary-6)}.pl-notice.notice-status-primary .notice-head-icon{color:var(--pl-primary-6)}.pl-notice.notice-status-success .notice-close:after{background-color:var(--pl-success-6)}.pl-notice.notice-status-success .notice-close:hover:after{background-color:var(--pl-success-8)}.pl-notice.notice-status-success .notice-title{color:var(--pl-success-6)}.pl-notice.notice-status-success .notice-head-icon{color:var(--pl-success-6)}.pl-notice.notice-status-warn .notice-close:after{background-color:var(--pl-warn-6)}.pl-notice.notice-status-warn .notice-close:hover:after{background-color:var(--pl-warn-8)}.pl-notice.notice-status-warn .notice-title{color:var(--pl-warn-6)}.pl-notice.notice-status-warn .notice-head-icon{color:var(--pl-warn-6)}.pl-notice.notice-status-error .notice-close:after{background-color:var(--pl-error-6)}.pl-notice.notice-status-error .notice-close:hover:after{background-color:var(--pl-error-8)}.pl-notice.notice-status-error .notice-title{color:var(--pl-error-6)}.pl-notice.notice-status-error .notice-head-icon{color:var(--pl-error-6)}.notice-loading{cursor:wait}.notice-disabled{cursor:not-allowed}.notice-block{display:block;min-width:initial;width:100%}
24
24
  .pl-checkbox{box-sizing:border-box;font-weight:400;margin:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:inline-block;vertical-align:baseline;outline:none;font-size:14px}.pl-checkbox .plain-click-node{width:1.1em;height:1.1em;display:inline-block;vertical-align:-0.18em}.pl-checkbox .plain-click-node .pl-checkbox-inner{transition:all 150ms linear;float:left}.pl-checkbox .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox .plain-click-node+.checkbox-label{margin-left:.5em}.pl-checkbox .checkbox-label{display:inline-block;color:var(--pl-text-2)}.pl-checkbox.checkbox-status-secondary .plain-click-node .pl-checkbox-inner{color:var(--pl-secondary-6)}.pl-checkbox.checkbox-status-secondary .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox.checkbox-status-secondary .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox.checkbox-status-secondary .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox.checkbox-status-secondary .plain-click-node:after{border-color:var(--pl-secondary-6)}.pl-checkbox.checkbox-status-primary .plain-click-node .pl-checkbox-inner{color:var(--pl-primary-6)}.pl-checkbox.checkbox-status-primary .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox.checkbox-status-primary .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox.checkbox-status-primary .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox.checkbox-status-primary .plain-click-node:after{border-color:var(--pl-primary-6)}.pl-checkbox.checkbox-status-success .plain-click-node .pl-checkbox-inner{color:var(--pl-success-6)}.pl-checkbox.checkbox-status-success .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox.checkbox-status-success .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox.checkbox-status-success .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox.checkbox-status-success .plain-click-node:after{border-color:var(--pl-success-6)}.pl-checkbox.checkbox-status-warn .plain-click-node .pl-checkbox-inner{color:var(--pl-warn-6)}.pl-checkbox.checkbox-status-warn .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox.checkbox-status-warn .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox.checkbox-status-warn .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox.checkbox-status-warn .plain-click-node:after{border-color:var(--pl-warn-6)}.pl-checkbox.checkbox-status-error .plain-click-node .pl-checkbox-inner{color:var(--pl-error-6)}.pl-checkbox.checkbox-status-error .plain-click-node .checkbox-inner-loading{cursor:wait}.pl-checkbox.checkbox-status-error .plain-click-node .checkbox-inner-disabled{cursor:not-allowed}.pl-checkbox.checkbox-status-error .plain-click-node .checkbox-inner-block{display:block;min-width:initial;width:100%}.pl-checkbox.checkbox-status-error .plain-click-node:after{border-color:var(--pl-error-6)}.pl-checkbox.checkbox-status-error.checkbox-check-status-check .checkbox-label{color:var(--pl-error-6)}.pl-checkbox.checkbox-size-large{font-size:var(--pl-box-size-large-font-size);line-height:1.7em}.pl-checkbox.checkbox-size-normal{font-size:var(--pl-box-size-normal-font-size);line-height:1.7em}.pl-checkbox.checkbox-size-small{font-size:var(--pl-box-size-small-font-size);line-height:1.7em}.pl-checkbox.checkbox-size-mini{font-size:var(--pl-box-size-mini-font-size);line-height:1.7em}.pl-checkbox:focus .checkbox-label{text-decoration:underline}.pl-checkbox.checkbox-disabled{cursor:not-allowed}.pl-checkbox.checkbox-disabled .checkbox-label{color:var(--pl-text-4) !important}.checkbox-loading{cursor:wait}.checkbox-disabled{cursor:not-allowed}.checkbox-block{display:block;min-width:initial;width:100%}.pl-checkbox-group{width:100%}.checkbox-group-loading{cursor:wait}.checkbox-group-disabled{cursor:not-allowed}.checkbox-group-block{display:block;min-width:initial;width:100%}
25
25
  .pl-checkbox-inner{width:1.1em;height:1.1em;display:inline-block;box-sizing:border-box;vertical-align:-0.15em;border-width:1px;border-style:solid}.pl-checkbox-inner.checkbox-inner-status-check{border-color:currentColor;background-color:currentColor}.pl-checkbox-inner.checkbox-inner-status-check .checkbox-inner-check-polyline{fill:transparent;stroke:#fff;stroke-width:10}.pl-checkbox-inner.checkbox-inner-status-uncheck{border-color:var(--pl-secondary-4);background-color:var(--pl-secondary-1)}.pl-checkbox-inner.checkbox-inner-status-minus{border-color:currentColor;background-color:transparent}.pl-checkbox-inner.checkbox-inner-status-minus .checkbox-inner-minus-polyline{fill:currentColor}.pl-checkbox-inner.checkbox-inner-disabled{border-color:var(--pl-secondary-2);background-color:var(--pl-secondary-2)}.pl-checkbox-inner.checkbox-inner-disabled.checkbox-inner-status-check .checkbox-inner-check-polyline{stroke:var(--pl-secondary-5)}.pl-checkbox-inner.checkbox-inner-disabled.checkbox-inner-status-minus .checkbox-inner-minus-polyline{fill:var(--pl-secondary-4)}.checkbox-inner-loading{cursor:wait}.checkbox-inner-disabled{cursor:not-allowed}.checkbox-inner-block{display:block;min-width:initial;width:100%}
@@ -52,7 +52,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
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))}
54
54
  .pl-tree-node{display:flex;align-items:center;line-height:22px;padding-bottom:1px;position:relative}.pl-tree-node .tree-node-operator>div,.pl-tree-node .tree-node-content{transition:background-color linear 150ms,color linear 150ms}.pl-tree-node .tree-node-operator{display:flex;align-self:stretch;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--pl-text-3)}.pl-tree-node .tree-node-operator>div:not(:last-child){margin-right:4px}.pl-tree-node .tree-node-operator .tree-node-connector,.pl-tree-node .tree-node-operator .tree-node-expander,.pl-tree-node .tree-node-operator .tree-node-checker,.pl-tree-node .tree-node-operator .tree-node-draggier{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:99px}.pl-tree-node .tree-node-operator .tree-node-connector:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-expander:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-checker:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-draggier:hover:not(.tree-node-connector){background-color:var(--pl-background-hover);cursor:pointer}.pl-tree-node .tree-node-operator .tree-node-connector{position:relative}.pl-tree-node .tree-node-operator .tree-node-connector:before,.pl-tree-node .tree-node-operator .tree-node-connector:after{background-color:#ccc}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-x:after{position:absolute;top:50%;left:8.5px;height:1px;width:6px;content:"";-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y:before{position:absolute;content:"";width:1px;left:8px;top:0;bottom:-14px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y.tree-node-connector-y-prev:before{height:50%;bottom:initial}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-hide{opacity:0}.pl-tree-node .tree-node-content{padding:5px 8px;color:var(--pl-text-2)}.pl-tree-node .tree-node-operator,.pl-tree-node .tree-node-content{position:relative;z-index:2}.pl-tree-node:after{position:absolute;top:1px;bottom:1px;left:0;right:0;z-index:1;border-radius:var(--pl-border-radius-normal);content:"";transition:background-color ease .3s}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check){cursor:pointer}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check):after{background-color:var(--pl-background-hover);content:""}.pl-tree-node.tree-node-current .tree-node-operator,.pl-tree-node.tree-node-current .tree-node-content,.pl-tree-node.tree-node-single-check .tree-node-operator,.pl-tree-node.tree-node-single-check .tree-node-content,.pl-tree-node.tree-node-multi-check .tree-node-operator,.pl-tree-node.tree-node-multi-check .tree-node-content{color:var(--pl-primary-6)}.pl-tree-node.tree-node-current:after,.pl-tree-node.tree-node-single-check:after,.pl-tree-node.tree-node-multi-check:after{background-color:var(--pl-primary-light-1);content:""}.pl-tree-node .tree-node-draggier:hover{background-color:var(--pl-background-hover);cursor:move}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable{border-radius:0;background-color:var(--pl-background-hover)}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .pl-icon{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-loading{cursor:wait}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-disabled{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-block{display:block;min-width:initial;width:100%}.pl-tree{display:block;min-height:80px}.pl-tree .tree-inner{display:inline-block;position:relative;min-height:50px;min-width:50px}.pl-tree.tree-display-block .tree-inner{display:block;min-width:initial}.pl-tree.tree-display-block .tree-inner .pl-tree-node .tree-node-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-tree.tree-display-block .tree-inner .tree-node-loading{cursor:wait}.pl-tree.tree-display-block .tree-inner .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-display-block .tree-inner .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-scroll{height:100%}.pl-tree.tree-scroll .tree-inner{height:100%}.pl-tree:not(.tree-content-wrap) .tree-node-content{white-space:nowrap}.pl-tree .tree-no-data,.pl-tree .tree-no-match{text-align:center;padding:16px 0;color:var(--pl-text-3)}.pl-tree.tree-expander-cover .tree-node-expander{border-radius:2px;background-color:var(--pl-secondary-2);-webkit-transform:scale(0.75);transform:scale(0.75)}.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:before,.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:after{display:none}.pl-tree:not(.tree-with-connector) .tree-node-loading{cursor:wait}.pl-tree:not(.tree-with-connector) .tree-node-disabled{cursor:not-allowed}.pl-tree:not(.tree-with-connector) .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .pl-tree-node,.pl-tree.tree-size-normal .pl-tree-node{line-height:22px;font-size:var(--pl-font-size-normal)}.pl-tree.tree-size-large .pl-tree-node .tree-node-content,.pl-tree.tree-size-normal .pl-tree-node .tree-node-content{padding:5px 8px}.pl-tree.tree-size-large .tree-node-loading,.pl-tree.tree-size-normal .tree-node-loading{cursor:wait}.pl-tree.tree-size-large .tree-node-disabled,.pl-tree.tree-size-normal .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-large .tree-node-block,.pl-tree.tree-size-normal .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-small .pl-tree-node,.pl-tree.tree-size-mini .pl-tree-node{line-height:20px;font-size:var(--pl-font-size-small)}.pl-tree.tree-size-small .pl-tree-node .tree-node-content,.pl-tree.tree-size-mini .pl-tree-node .tree-node-content{padding:2px 4px}.pl-tree.tree-size-small .tree-node-loading,.pl-tree.tree-size-mini .tree-node-loading{cursor:wait}.pl-tree.tree-size-small .tree-node-disabled,.pl-tree.tree-size-mini .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-small .tree-node-block,.pl-tree.tree-size-mini .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .tree-node-content{border-radius:var(--pl-box-size-large-border-radius)}.pl-tree.tree-size-normal .tree-node-content{border-radius:var(--pl-box-size-normal-border-radius)}.pl-tree.tree-size-small .tree-node-content{border-radius:var(--pl-box-size-small-border-radius)}.pl-tree.tree-size-mini .tree-node-content{border-radius:var(--pl-box-size-mini-border-radius)}.pl-tree-draggier-indicator{position:fixed;pointer-events:none;z-index:10}.pl-tree-draggier-indicator[data-available=true]{background-color:var(--pl-primary-6)}.pl-tree-draggier-indicator[data-available=false]{background-color:var(--pl-error-6)}
55
- .pl-tree-node-with-menu{display:flex;align-items:center}.pl-tree-node-with-menu .tree-node-with-menu-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-tree-node-with-menu .tree-node-with-menu-button{height:1em;width:1em;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tree-node-with-menu.tree-node-with-menu-draggable .tree-node-with-menu-button{cursor:row-resize}.pl-tree-node:not(:hover) .tree-node-with-menu-button{opacity:0;width:0;pointer-events:none}
55
+ .pl-tree-node-with-menu{display:flex;align-items:center}.pl-tree-node-with-menu .tree-node-with-menu-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-tree-node-with-menu .tree-node-with-menu-button{height:1em;width:1em;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tree-node-with-menu.tree-node-with-menu-draggable .tree-node-with-menu-button{cursor:row-resize;padding-right:6px}.pl-tree-node:not(:hover) .tree-node-with-menu-button{opacity:0;width:0;pointer-events:none}
56
56
  .pl-color-panel{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:solid 1px var(--pl-border-color);background-color:var(--pl-background-light)}.pl-color-panel .color-panel-card{padding:10px 10px 0}.pl-color-panel .color-panel-slider-bar{display:flex}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container{flex:1;overflow:hidden}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container .pl-color-slider{margin-top:4px}.pl-color-panel .color-panel-slider-bar .color-panel-slider-color{margin-top:4px;height:24px;width:24px;margin-left:4px;border-radius:var(--pl-box-size-small-border-radius);box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset}.pl-color-panel .color-panel-editor{margin-top:4px;font-size:12px;width:200px}.pl-color-panel .color-panel-editor>div{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:calc((200px - 60px) / 4);box-sizing:border-box}.pl-color-panel .color-panel-editor>div:first-child{width:60px}.pl-color-panel .color-panel-editor>div:not(:first-child){padding-left:6px}.pl-color-panel .color-panel-editor>div input{margin-bottom:4px;width:100%;font-size:12px;height:20px;padding:0;border-radius:0;box-shadow:var(--pl-secondary-4) 0 0 0 1px inset;border:none;outline:none;text-align:center;background-color:var(--pl-background-light);color:var(--pl-text-2);border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history{display:flex;flex-wrap:wrap;width:200px;margin-top:5px;border-top:solid 1px var(--pl-border-color);padding:10px 10px 0}.pl-color-panel .color-panel-history .color-panel-history-item{height:16px;width:16px;margin-bottom:10px;box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset;cursor:pointer;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history .color-panel-history-item:not(:nth-child(8n)){margin-right:10px}.color-panel-loading{cursor:wait}.color-panel-disabled{cursor:not-allowed}.color-panel-block{display:block;min-width:initial;width:100%}
57
57
  .pl-color-sv-panel{position:relative;box-shadow:0 0 4px 0 rgba(0,0,0,.4);cursor:pointer;display:inline-block;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after,.pl-color-sv-panel span{pointer-events:none}.pl-color-sv-panel,.pl-color-sv-panel:before,.pl-color-sv-panel:after{border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after{position:absolute;top:0;left:0;right:0;bottom:0;content:""}.pl-color-sv-panel:before{background:linear-gradient(to right, white, rgba(255, 255, 255, 0))}.pl-color-sv-panel:after{background:linear-gradient(to top, black, rgba(255, 255, 255, 0))}.pl-color-sv-panel .color-sv-thumb{display:inline-block;position:absolute;width:1px;height:1px;left:0;top:0;z-index:1}.pl-color-sv-panel .color-sv-thumb:after{display:inline-block;width:10px;height:10px;border-radius:10px;border:solid 2px #fff;position:absolute;top:-5px;left:-5px;content:"";box-sizing:border-box}.color-sv-panel-loading{cursor:wait}.color-sv-panel-disabled{cursor:not-allowed}.color-sv-panel-block{display:block;min-width:initial;width:100%}
58
58
  .pl-color-hue-slider{background:linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)}.color-hue-slider-loading{cursor:wait}.color-hue-slider-disabled{cursor:not-allowed}.color-hue-slider-block{display:block;min-width:initial;width:100%}