plain-design 1.0.0-beta.32 → 1.0.0-beta.34

package/dist/plain-design.min.css

@@ -20,7 +20,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
 .pl-dialog-service.dialog-position-center>.dialog-content .dialog-head{border-bottom:initial}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-head .dialog-service-head{font-size:var(--pl-font-size-large);font-weight:700;display:flex;flex-direction:column;align-items:center}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-head .dialog-service-head .pl-icon{font-size:48px;margin-bottom:.25em}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-head .dialog-service-head .icon-loading{cursor:wait}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-head .dialog-service-head .icon-disabled{cursor:not-allowed}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-head .dialog-service-head .icon-block{display:block;min-width:initial;width:100%}.pl-dialog-service.dialog-position-center>.dialog-content .dialog-foot{border-top:initial}.pl-dialog-service.dialog-position-center.dialog-service-status-secondary>.dialog-content .dialog-head{height:auto;padding-top:8px}.pl-dialog-service.dialog-position-center.dialog-service-status-secondary>.dialog-content .dialog-head .dialog-service-head .pl-icon{color:var(--pl-secondary-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-secondary>.dialog-content .dialog-head .dialog-head-close:hover:after{background-color:var(--pl-secondary-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-primary>.dialog-content .dialog-head{height:auto;padding-top:8px}.pl-dialog-service.dialog-position-center.dialog-service-status-primary>.dialog-content .dialog-head .dialog-service-head .pl-icon{color:var(--pl-primary-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-primary>.dialog-content .dialog-head .dialog-head-close:hover:after{background-color:var(--pl-primary-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-success>.dialog-content .dialog-head{height:auto;padding-top:8px}.pl-dialog-service.dialog-position-center.dialog-service-status-success>.dialog-content .dialog-head .dialog-service-head .pl-icon{color:var(--pl-success-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-success>.dialog-content .dialog-head .dialog-head-close:hover:after{background-color:var(--pl-success-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-warn>.dialog-content .dialog-head{height:auto;padding-top:8px}.pl-dialog-service.dialog-position-center.dialog-service-status-warn>.dialog-content .dialog-head .dialog-service-head .pl-icon{color:var(--pl-warn-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-warn>.dialog-content .dialog-head .dialog-head-close:hover:after{background-color:var(--pl-warn-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-error>.dialog-content .dialog-head{height:auto;padding-top:8px}.pl-dialog-service.dialog-position-center.dialog-service-status-error>.dialog-content .dialog-head .dialog-service-head .pl-icon{color:var(--pl-error-6)}.pl-dialog-service.dialog-position-center.dialog-service-status-error>.dialog-content .dialog-head .dialog-head-close:hover:after{background-color:var(--pl-error-6)}.dialog-service-loading{cursor:wait}.dialog-service-disabled{cursor:not-allowed}.dialog-service-block{display:block;min-width:initial;width:100%}
 .pl-input{display:inline-flex;width:100%;align-items:stretch;box-sizing:border-box;transition:all .1s cubic-bezier(0, 0, 1, 1);border:solid 1px transparent;position:relative}.pl-input input,.pl-input textarea{padding:0;border:none;outline:none;background-color:transparent;color:inherit}.pl-input input::-webkit-input-placeholder,.pl-input textarea::-webkit-input-placeholder{color:var(--pl-text-placeholder)}.pl-input input::-moz-placeholder,.pl-input textarea::-moz-placeholder{color:var(--pl-text-placeholder)}.pl-input input::-ms-input-placeholder,.pl-input textarea::-ms-input-placeholder{color:var(--pl-text-placeholder)}.pl-input input::placeholder,.pl-input textarea::placeholder{color:var(--pl-text-placeholder)}.pl-input input::-ms-clear,.pl-input textarea::-ms-clear{display:none}.pl-input input::-webkit-outer-spin-button,.pl-input input::-webkit-inner-spin-button,.pl-input textarea::-webkit-outer-spin-button,.pl-input textarea::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0}.pl-input input:-webkit-autofill,.pl-input textarea:-webkit-autofill{background-color:transparent !important;-webkit-transition:background-color 10000s cubic-bezier(1, -100, 1, -100) 0s !important}.pl-input .input-box{min-width:0;border:none;background-color:transparent;box-sizing:border-box;line-height:1.5715;padding-top:3px;padding-bottom:3px;color:var(--pl-text-2)}.pl-input .input-fill{flex:1}.pl-input>div,.pl-input>span,.pl-input>input,.pl-input>textarea{box-sizing:border-box;display:flex;align-items:center;padding-right:var(--pl-input-padding-x);padding-left:var(--pl-input-padding-x)}.pl-input>div:not(:first-child),.pl-input>span:not(:first-child),.pl-input>input:not(:first-child),.pl-input>textarea:not(:first-child){border-left:solid 1px var(--pl-border-color)}.pl-input .input-prefix-icon+.input-box{padding-left:0;border-left:none}.pl-input .input-suffix-icon-wrapper{position:relative;box-sizing:content-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0}.pl-input .input-suffix-icon-wrapper:not(:first-child){border-left:none}.pl-input .input-suffix-icon-wrapper,.pl-input .input-suffix-icon-wrapper .input-suffix-icon,.pl-input .input-suffix-icon-wrapper .input-suffix-clear{transition:all ease 300ms}.pl-input .input-suffix-icon-wrapper:active{opacity:.5;transition:none}.pl-input .input-suffix-icon-wrapper .input-suffix-icon,.pl-input .input-suffix-icon-wrapper .input-suffix-clear,.pl-input .input-suffix-icon-wrapper .pl-loading{position:absolute;top:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;height:auto;width:auto}.pl-input .input-suffix-icon-wrapper .input-suffix-clear{opacity:0;pointer-events:none}.pl-input.input-has-suffix-clear:hover .input-suffix-icon-wrapper .input-suffix-clear{opacity:1;pointer-events:auto}.pl-input.input-has-suffix-clear:hover .input-suffix-icon-wrapper .input-suffix-icon{opacity:0;pointer-events:none}.pl-input.input-has-suffix-clear:hover.input-has-suffix-icon.input-empty .input-suffix-icon-wrapper .input-suffix-clear{opacity:0;pointer-events:none}.pl-input.input-has-suffix-clear:hover.input-has-suffix-icon.input-empty .input-suffix-icon-wrapper .input-suffix-icon{opacity:1;pointer-events:auto}.pl-input.input-has-suffix-clear .input-box,.pl-input.input-has-suffix-icon .input-box,.pl-input.input-loading .input-box{padding-right:0}.pl-input.input-loading .input-suffix-icon,.pl-input.input-loading .input-suffix-clear{display:none}.pl-input.input-size-large{font-size:var(--pl-box-size-large-font-size)}.pl-input.input-size-large.input-shape-square{border-radius:var(--pl-box-size-large-border-radius)}.pl-input.input-size-large.input-shape-round{border-radius:calc(var(--pl-box-size-large-height) - 2px)}.pl-input.input-size-large .input-box{font-size:var(--pl-box-size-large-font-size);height:calc(var(--pl-box-size-large-height) - 2px)}.pl-input.input-size-large .input-prefix-icon{width:var(--pl-box-size-large-height)}.pl-input.input-size-large .input-suffix-icon-wrapper{width:18px}.pl-input.input-size-large.input-size-mini .input-box{line-height:1.667}.pl-input.input-size-normal{font-size:var(--pl-box-size-normal-font-size)}.pl-input.input-size-normal.input-shape-square{border-radius:var(--pl-box-size-normal-border-radius)}.pl-input.input-size-normal.input-shape-round{border-radius:calc(var(--pl-box-size-normal-height) - 2px)}.pl-input.input-size-normal .input-box{font-size:var(--pl-box-size-normal-font-size);height:calc(var(--pl-box-size-normal-height) - 2px)}.pl-input.input-size-normal .input-prefix-icon{width:var(--pl-box-size-normal-height)}.pl-input.input-size-normal .input-suffix-icon-wrapper{width:18px}.pl-input.input-size-normal.input-size-mini .input-box{line-height:1.667}.pl-input.input-size-small{font-size:var(--pl-box-size-small-font-size)}.pl-input.input-size-small.input-shape-square{border-radius:var(--pl-box-size-small-border-radius)}.pl-input.input-size-small.input-shape-round{border-radius:calc(var(--pl-box-size-small-height) - 2px)}.pl-input.input-size-small .input-box{font-size:var(--pl-box-size-small-font-size);height:calc(var(--pl-box-size-small-height) - 2px)}.pl-input.input-size-small .input-prefix-icon{width:var(--pl-box-size-small-height)}.pl-input.input-size-small .input-suffix-icon-wrapper{width:18px}.pl-input.input-size-small.input-size-mini .input-box{line-height:1.667}.pl-input.input-size-mini{font-size:var(--pl-box-size-mini-font-size)}.pl-input.input-size-mini.input-shape-square{border-radius:var(--pl-box-size-mini-border-radius)}.pl-input.input-size-mini.input-shape-round{border-radius:calc(var(--pl-box-size-mini-height) - 2px)}.pl-input.input-size-mini .input-box{font-size:var(--pl-box-size-mini-font-size);height:calc(var(--pl-box-size-mini-height) - 2px)}.pl-input.input-size-mini .input-prefix-icon{width:var(--pl-box-size-mini-height)}.pl-input.input-size-mini .input-suffix-icon-wrapper{width:18px}.pl-input.input-size-mini.input-size-mini .input-box{line-height:1.667}.pl-input.input-status-secondary.input-mode-flat{background-color:var(--pl-secondary-light-1);border-color:var(--pl-secondary-light-3)}.pl-input.input-status-secondary.input-mode-stroke{background-color:var(--pl-background-color);border-color:var(--pl-secondary-3)}.pl-input.input-status-secondary:not(.input-disabled):not(.input-loading):not(.input-readonly):hover,.pl-input.input-status-secondary:not(.input-disabled):not(.input-loading):not(.input-readonly).input-hover{background-color:var(--pl-secondary-light-3);border-color:var(--pl-secondary-light-4)}.pl-input.input-status-secondary:not(.input-disabled):not(.input-loading):not(.input-readonly):focus,.pl-input.input-status-secondary:not(.input-disabled):not(.input-loading):not(.input-readonly).input-focus{border-color:var(--pl-secondary-5);background-color:var(--pl-background-color);box-shadow:0 0 0 2px var(--pl-secondary-2);z-index:2}.pl-input.input-status-secondary .input-suffix-icon-wrapper{color:var(--pl-secondary-6)}.pl-input.input-status-primary.input-mode-flat{background-color:var(--pl-primary-light-1);border-color:var(--pl-primary-light-3)}.pl-input.input-status-primary.input-mode-stroke{background-color:var(--pl-background-color);border-color:var(--pl-primary-3)}.pl-input.input-status-primary:not(.input-disabled):not(.input-loading):not(.input-readonly):hover,.pl-input.input-status-primary:not(.input-disabled):not(.input-loading):not(.input-readonly).input-hover{background-color:var(--pl-primary-light-3);border-color:var(--pl-primary-light-4)}.pl-input.input-status-primary:not(.input-disabled):not(.input-loading):not(.input-readonly):focus,.pl-input.input-status-primary:not(.input-disabled):not(.input-loading):not(.input-readonly).input-focus{border-color:var(--pl-primary-5);background-color:var(--pl-background-color);box-shadow:0 0 0 2px var(--pl-primary-2);z-index:2}.pl-input.input-status-primary .input-suffix-icon-wrapper{color:var(--pl-primary-6)}.pl-input.input-status-success.input-mode-flat{background-color:var(--pl-success-light-1);border-color:var(--pl-success-light-3)}.pl-input.input-status-success.input-mode-stroke{background-color:var(--pl-background-color);border-color:var(--pl-success-3)}.pl-input.input-status-success:not(.input-disabled):not(.input-loading):not(.input-readonly):hover,.pl-input.input-status-success:not(.input-disabled):not(.input-loading):not(.input-readonly).input-hover{background-color:var(--pl-success-light-3);border-color:var(--pl-success-light-4)}.pl-input.input-status-success:not(.input-disabled):not(.input-loading):not(.input-readonly):focus,.pl-input.input-status-success:not(.input-disabled):not(.input-loading):not(.input-readonly).input-focus{border-color:var(--pl-success-5);background-color:var(--pl-background-color);box-shadow:0 0 0 2px var(--pl-success-2);z-index:2}.pl-input.input-status-success .input-suffix-icon-wrapper{color:var(--pl-success-6)}.pl-input.input-status-warn.input-mode-flat{background-color:var(--pl-warn-light-1);border-color:var(--pl-warn-light-3)}.pl-input.input-status-warn.input-mode-stroke{background-color:var(--pl-background-color);border-color:var(--pl-warn-3)}.pl-input.input-status-warn:not(.input-disabled):not(.input-loading):not(.input-readonly):hover,.pl-input.input-status-warn:not(.input-disabled):not(.input-loading):not(.input-readonly).input-hover{background-color:var(--pl-warn-light-3);border-color:var(--pl-warn-light-4)}.pl-input.input-status-warn:not(.input-disabled):not(.input-loading):not(.input-readonly):focus,.pl-input.input-status-warn:not(.input-disabled):not(.input-loading):not(.input-readonly).input-focus{border-color:var(--pl-warn-5);background-color:var(--pl-background-color);box-shadow:0 0 0 2px var(--pl-warn-2);z-index:2}.pl-input.input-status-warn .input-suffix-icon-wrapper{color:var(--pl-warn-6)}.pl-input.input-status-error.input-mode-flat{background-color:var(--pl-error-light-1);border-color:var(--pl-error-light-3)}.pl-input.input-status-error.input-mode-stroke{background-color:var(--pl-background-color);border-color:var(--pl-error-3)}.pl-input.input-status-error:not(.input-disabled):not(.input-loading):not(.input-readonly):hover,.pl-input.input-status-error:not(.input-disabled):not(.input-loading):not(.input-readonly).input-hover{background-color:var(--pl-error-light-3);border-color:var(--pl-error-light-4)}.pl-input.input-status-error:not(.input-disabled):not(.input-loading):not(.input-readonly):focus,.pl-input.input-status-error:not(.input-disabled):not(.input-loading):not(.input-readonly).input-focus{border-color:var(--pl-error-5);background-color:var(--pl-background-color);box-shadow:0 0 0 2px var(--pl-error-2);z-index:2}.pl-input.input-status-error .input-suffix-icon-wrapper{color:var(--pl-error-6)}.pl-input.input-align-left .input-box{text-align:left}.pl-input.input-align-center .input-box{text-align:center}.pl-input.input-align-right .input-box{text-align:right}.pl-input .input-suffix-max-length{font-size:12px}.pl-input.input-disabled{background-color:var(--pl-secondary-light-1) !important;border-color:var(--pl-secondary-light-2) !important}.pl-input.input-disabled .input-prefix-icon,.pl-input.input-disabled .input-suffix-icon{color:var(--pl-text-3)}.pl-input.input-disabled,.pl-input.input-disabled *{cursor:not-allowed !important}.pl-input.input-multiple{vertical-align:.05em}.pl-input.input-multiple .input-box.input-tag-container{height:auto;cursor:text;padding-bottom:0}.pl-input.input-multiple .input-box.input-tag-container .input-tag{font-size:12px;margin-right:3px;background-color:var(--pl-secondary-1);padding:0 4px;border-radius:var(--pl-box-size-normal-border-radius);border:solid 1px var(--pl-border-color);box-sizing:border-box;white-space:nowrap;line-height:1.5}.pl-input.input-multiple .input-box.input-tag-container .input-tag .pl-icon{cursor:pointer}.pl-input.input-multiple .input-box.input-tag-container .input-tag .icon-loading{cursor:wait}.pl-input.input-multiple .input-box.input-tag-container .input-tag .icon-disabled{cursor:not-allowed}.pl-input.input-multiple .input-box.input-tag-container .input-tag .icon-block{display:block;min-width:initial;width:100%}.pl-input.input-multiple .input-box.input-tag-container .input-tag.input-tag-takeover{width:0;white-space:nowrap;overflow:hidden;padding-left:0;padding-right:0;margin-right:0;border:none}.pl-input.input-multiple .input-box.input-tag-container>*{margin-bottom:3px}.pl-input.input-multiple .input-box.input-tag-container:not(.input-tag-container-wrap){flex-wrap:nowrap;overflow:hidden;background-color:inherit}.pl-input.input-multiple .input-box.input-tag-container:not(.input-tag-container-wrap)>*{flex-grow:0;flex-shrink:0}.pl-input.input-multiple .input-box.input-tag-container:not(.input-tag-container-wrap) .custom-auto-width-input{position:sticky;right:0;background-color:inherit}.pl-input.input-multiple.input-size-large .input-tag-container{display:inline-flex;flex-wrap:wrap;border-radius:var(--pl-box-size-large-border-radius)}.pl-input.input-multiple.input-size-large .input-tag-container>*{padding:0;height:calc(var(--pl-box-size-large-height) - 8px)}.pl-input.input-multiple.input-size-large .input-tag-container .input-tag{border-radius:var(--pl-box-size-large-border-radius);height:calc(var(--pl-box-size-large-height) - 8px);display:flex;align-items:center;justify-content:center}.pl-input.input-multiple.input-size-normal .input-tag-container{display:inline-flex;flex-wrap:wrap;border-radius:var(--pl-box-size-normal-border-radius)}.pl-input.input-multiple.input-size-normal .input-tag-container>*{padding:0;height:calc(var(--pl-box-size-normal-height) - 8px)}.pl-input.input-multiple.input-size-normal .input-tag-container .input-tag{border-radius:var(--pl-box-size-normal-border-radius);height:calc(var(--pl-box-size-normal-height) - 8px);display:flex;align-items:center;justify-content:center}.pl-input.input-multiple.input-size-small .input-tag-container{display:inline-flex;flex-wrap:wrap;border-radius:var(--pl-box-size-small-border-radius)}.pl-input.input-multiple.input-size-small .input-tag-container>*{padding:0;height:calc(var(--pl-box-size-small-height) - 8px)}.pl-input.input-multiple.input-size-small .input-tag-container .input-tag{border-radius:var(--pl-box-size-small-border-radius);height:calc(var(--pl-box-size-small-height) - 8px);display:flex;align-items:center;justify-content:center}.pl-input.input-multiple.input-size-mini .input-tag-container{display:inline-flex;flex-wrap:wrap;border-radius:var(--pl-box-size-mini-border-radius)}.pl-input.input-multiple.input-size-mini .input-tag-container>*{padding:0;height:calc(var(--pl-box-size-mini-height) - 8px)}.pl-input.input-multiple.input-size-mini .input-tag-container .input-tag{border-radius:var(--pl-box-size-mini-border-radius);height:calc(var(--pl-box-size-mini-height) - 8px);display:flex;align-items:center;justify-content:center}.pl-input.input-multiple:not(.input-empty) .input-box.input-tag-container{padding-left:3px}.pl-input.input-multiple.input-empty .input-tag-container .custom-auto-width-input{flex:1}.pl-input.input-textarea{vertical-align:.05em}.pl-input.input-textarea .input-textarea-container{padding:0;height:auto}.pl-input.input-textarea .input-textarea-container span,.pl-input.input-textarea .input-textarea-container textarea{display:inline-block;padding:3px 12px;box-sizing:border-box;line-height:1.5715;word-break:break-all}.pl-input.input-textarea .input-textarea-container span{opacity:0;pointer-events:none;min-height:calc(30px + 2em)}.pl-input.input-textarea .input-textarea-container textarea{position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;resize:vertical;max-height:100%;min-height:100%}.pl-input.input-textarea .input-textarea-container:not(.input-textarea-has-height) textarea{overflow:hidden}.pl-input.input-textarea .input-textarea-container.input-textarea-has-height span,.pl-input.input-textarea .input-textarea-container.input-textarea-has-height textarea{overflow:auto}.pl-input.input-textarea .input-suffix-max-length{position:absolute;right:0;bottom:0;padding-bottom:4px;border:none;pointer-events:none}.input-loading{cursor:wait}.input-disabled{cursor:not-allowed}.input-block{display:block;min-width:initial;width:100%}
 .pl-auto-width-input{position:relative;max-width:100%;overflow:hidden}.pl-auto-width-input span{white-space:nowrap;overflow:hidden;display:inline-block;height:100%;opacity:0;pointer-events:none;max-width:100%}.pl-auto-width-input input{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;height:100%}.auto-width-input-loading{cursor:wait}.auto-width-input-disabled{cursor:not-allowed}.auto-width-input-block{display:block;min-width:initial;width:100%}
-.pl-dropdown-panel.dropdown-panel-size-large{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-option{position:relative;font-size:var(--pl-box-size-large-font-size);padding:var(--pl-dropdown-size-large-padding-y) var(--pl-dropdown-size-large-padding-x);border-radius:var(--pl-box-size-large-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-large-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-group{font-size:var(--pl-box-size-large-font-size);padding:var(--pl-dropdown-size-large-padding-y) var(--pl-dropdown-size-large-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-normal{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-option{position:relative;font-size:var(--pl-box-size-normal-font-size);padding:var(--pl-dropdown-size-normal-padding-y) var(--pl-dropdown-size-normal-padding-x);border-radius:var(--pl-box-size-normal-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-normal-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-group{font-size:var(--pl-box-size-normal-font-size);padding:var(--pl-dropdown-size-normal-padding-y) var(--pl-dropdown-size-normal-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-small{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-option{position:relative;font-size:var(--pl-box-size-small-font-size);padding:var(--pl-dropdown-size-small-padding-y) var(--pl-dropdown-size-small-padding-x);border-radius:var(--pl-box-size-small-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-small-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-group{font-size:var(--pl-box-size-small-font-size);padding:var(--pl-dropdown-size-small-padding-y) var(--pl-dropdown-size-small-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-mini{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-option{position:relative;font-size:var(--pl-box-size-mini-font-size);padding:var(--pl-dropdown-size-mini-padding-y) var(--pl-dropdown-size-mini-padding-x);border-radius:var(--pl-box-size-mini-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-mini-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-group{font-size:var(--pl-box-size-mini-font-size);padding:var(--pl-dropdown-size-mini-padding-y) var(--pl-dropdown-size-mini-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-align-center .dropdown-option{justify-content:center}.pl-dropdown-panel.dropdown-panel-align-end .dropdown-option{justify-content:flex-end}.pl-dropdown-panel .dropdown-option{display:flex;align-items:center;justify-content:flex-start;transition:background-color ease 300ms;color:var(--pl-text-2);cursor:pointer;box-sizing:border-box}.pl-dropdown-panel .dropdown-option .pl-icon{margin-right:.5em}.pl-dropdown-panel .dropdown-option .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option .icon-block{display:block;min-width:initial;width:100%}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .pl-icon{color:var(--pl-text-3)}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-block{display:block;min-width:initial;width:100%}.pl-dropdown-panel .dropdown-option .dropdown-option-arrow{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled):not(.dropdown-option-loading):not(.dropdown-option-readonly):hover,.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled):not(.dropdown-option-loading):not(.dropdown-option-readonly).dropdown-option-hover{background-color:var(--pl-background-hover)}.pl-dropdown-panel .dropdown-option.dropdown-option-expanded{background-color:var(--pl-background-hover)}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled{color:var(--pl-text-4);cursor:not-allowed}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .pl-icon{color:var(--pl-text-4)}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-block{display:block;min-width:initial;width:100%}.dropdown-panel-loading{cursor:wait}.dropdown-panel-disabled{cursor:not-allowed}.dropdown-panel-block{display:block;min-width:initial;width:100%}
+.pl-dropdown-panel.dropdown-panel-size-large{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-option{position:relative;font-size:var(--pl-box-size-large-font-size);padding:var(--pl-dropdown-size-large-padding-y) var(--pl-dropdown-size-large-padding-x);border-radius:var(--pl-box-size-large-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-large-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-group{font-size:var(--pl-box-size-large-font-size);padding:var(--pl-dropdown-size-large-padding-y) var(--pl-dropdown-size-large-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-large.dropdown-panel-size-equal{width:100%}.pl-dropdown-panel.dropdown-panel-size-large .dropdown-separator{height:1px;background-color:var(--pl-border-color);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-normal{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-option{position:relative;font-size:var(--pl-box-size-normal-font-size);padding:var(--pl-dropdown-size-normal-padding-y) var(--pl-dropdown-size-normal-padding-x);border-radius:var(--pl-box-size-normal-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-normal-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-group{font-size:var(--pl-box-size-normal-font-size);padding:var(--pl-dropdown-size-normal-padding-y) var(--pl-dropdown-size-normal-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-normal.dropdown-panel-size-equal{width:100%}.pl-dropdown-panel.dropdown-panel-size-normal .dropdown-separator{height:1px;background-color:var(--pl-border-color);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-small{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-option{position:relative;font-size:var(--pl-box-size-small-font-size);padding:var(--pl-dropdown-size-small-padding-y) var(--pl-dropdown-size-small-padding-x);border-radius:var(--pl-box-size-small-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-small-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-group{font-size:var(--pl-box-size-small-font-size);padding:var(--pl-dropdown-size-small-padding-y) var(--pl-dropdown-size-small-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-small.dropdown-panel-size-equal{width:100%}.pl-dropdown-panel.dropdown-panel-size-small .dropdown-separator{height:1px;background-color:var(--pl-border-color);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-mini{padding:0 2px}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-option{position:relative;font-size:var(--pl-box-size-mini-font-size);padding:var(--pl-dropdown-size-mini-padding-y) var(--pl-dropdown-size-mini-padding-x);border-radius:var(--pl-box-size-mini-border-radius);margin:2px 0}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-option.dropdown-option-has-children{padding-right:calc(var(--pl-dropdown-size-mini-padding-x) + 1em)}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-group{font-size:var(--pl-box-size-mini-font-size);padding:var(--pl-dropdown-size-mini-padding-y) var(--pl-dropdown-size-mini-padding-x);color:var(--pl-text-2);opacity:.5;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left;transform-origin:left;font-weight:700}.pl-dropdown-panel.dropdown-panel-size-mini.dropdown-panel-size-equal{width:100%}.pl-dropdown-panel.dropdown-panel-size-mini .dropdown-separator{height:1px;background-color:var(--pl-border-color);margin:2px 0}.pl-dropdown-panel.dropdown-panel-align-center .dropdown-option{justify-content:center}.pl-dropdown-panel.dropdown-panel-align-end .dropdown-option{justify-content:flex-end}.pl-dropdown-panel .dropdown-option{display:flex;align-items:center;justify-content:flex-start;transition:background-color ease 300ms;color:var(--pl-text-2);cursor:pointer;box-sizing:border-box}.pl-dropdown-panel .dropdown-option .pl-icon{margin-right:.5em}.pl-dropdown-panel .dropdown-option .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option .icon-block{display:block;min-width:initial;width:100%}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .pl-icon{color:var(--pl-text-3)}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled) .icon-block{display:block;min-width:initial;width:100%}.pl-dropdown-panel .dropdown-option .dropdown-option-arrow{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled):not(.dropdown-option-loading):not(.dropdown-option-readonly):hover,.pl-dropdown-panel .dropdown-option:not(.dropdown-option-disabled):not(.dropdown-option-loading):not(.dropdown-option-readonly).dropdown-option-hover{background-color:var(--pl-background-hover)}.pl-dropdown-panel .dropdown-option.dropdown-option-expanded{background-color:var(--pl-background-hover)}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled{color:var(--pl-text-4);cursor:not-allowed}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .pl-icon{color:var(--pl-text-4)}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-loading{cursor:wait}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-disabled{cursor:not-allowed}.pl-dropdown-panel .dropdown-option.dropdown-option-disabled .icon-block{display:block;min-width:initial;width:100%}.dropdown-panel-loading{cursor:wait}.dropdown-panel-disabled{cursor:not-allowed}.dropdown-panel-block{display:block;min-width:initial;width:100%}
 .pl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--pl-text-3);font-size:12px}.pl-empty>svg{fill:currentColor;height:inherit;width:inherit}.empty-loading{cursor:wait}.empty-disabled{cursor:not-allowed}.empty-block{display:block;min-width:initial;width:100%}
 .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%}
 .pl-list{position:relative}.list-loading{cursor:wait}.list-disabled{cursor:not-allowed}.list-block{display:block;min-width:initial;width:100%}