plain-design 1.0.0-beta.152 → 1.0.0-beta.153

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +1 -0
  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/$imageSelector/index.tsx +44 -0
  7. package/src/packages/components/ImageSelector/image-selector.scss +70 -0
  8. package/src/packages/components/ImageSelector/index.tsx +49 -0
  9. package/src/packages/entry.tsx +3 -1
package/dist/plain-design.min.css CHANGED
@@ -94,6 +94,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
94
94
  .pl-paragraph{margin:0;-webkit-padding-start:2em;padding-inline-start:2em}.pl-paragraph .pl-paragraph-item+.pl-paragraph-item{margin-top:1em}
95
95
  .pl-corner path{fill:currentColor}.pl-corner.corner-size-large{height:var(--pl-box-size-large-border-radius);width:var(--pl-box-size-large-border-radius)}.pl-corner.corner-size-large.mt{margin-top:var(--pl-margin-large)}.pl-corner.corner-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-corner.corner-size-large.ml{margin-left:var(--pl-margin-large)}.pl-corner.corner-size-large.mr{margin-right:var(--pl-margin-large)}.pl-corner.corner-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-corner.corner-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-corner.corner-size-large.margin{margin:var(--pl-margin-large)}.pl-corner.corner-size-large.pt{padding-top:var(--pl-margin-large)}.pl-corner.corner-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-corner.corner-size-large.pl{padding-left:var(--pl-margin-large)}.pl-corner.corner-size-large.pr{padding-right:var(--pl-margin-large)}.pl-corner.corner-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-corner.corner-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-corner.corner-size-large.padding{padding:var(--pl-margin-large)}.pl-corner.corner-size-normal{height:var(--pl-box-size-normal-border-radius);width:var(--pl-box-size-normal-border-radius)}.pl-corner.corner-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-corner.corner-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-corner.corner-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-corner.corner-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-corner.corner-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-corner.corner-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-corner.corner-size-normal.margin{margin:var(--pl-margin-normal)}.pl-corner.corner-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-corner.corner-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-corner.corner-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-corner.corner-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-corner.corner-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-corner.corner-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-corner.corner-size-normal.padding{padding:var(--pl-margin-normal)}.pl-corner.corner-size-small{height:var(--pl-box-size-small-border-radius);width:var(--pl-box-size-small-border-radius)}.pl-corner.corner-size-small.mt{margin-top:var(--pl-margin-small)}.pl-corner.corner-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-corner.corner-size-small.ml{margin-left:var(--pl-margin-small)}.pl-corner.corner-size-small.mr{margin-right:var(--pl-margin-small)}.pl-corner.corner-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-corner.corner-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-corner.corner-size-small.margin{margin:var(--pl-margin-small)}.pl-corner.corner-size-small.pt{padding-top:var(--pl-margin-small)}.pl-corner.corner-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-corner.corner-size-small.pl{padding-left:var(--pl-margin-small)}.pl-corner.corner-size-small.pr{padding-right:var(--pl-margin-small)}.pl-corner.corner-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-corner.corner-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-corner.corner-size-small.padding{padding:var(--pl-margin-small)}.pl-corner.corner-size-mini{height:var(--pl-box-size-mini-border-radius);width:var(--pl-box-size-mini-border-radius)}.pl-corner.corner-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-corner.corner-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-corner.corner-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-corner.corner-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-corner.corner-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-corner.corner-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-corner.corner-size-mini.margin{margin:var(--pl-margin-mini)}.pl-corner.corner-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-corner.corner-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-corner.corner-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-corner.corner-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-corner.corner-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-corner.corner-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-corner.corner-size-mini.padding{padding:var(--pl-margin-mini)}.pl-corner.corner-status-secondary path{fill:var(--pl-secondary-6)}.pl-corner.corner-status-primary path{fill:var(--pl-primary-6)}.pl-corner.corner-status-success path{fill:var(--pl-success-6)}.pl-corner.corner-status-warn path{fill:var(--pl-warn-6)}.pl-corner.corner-status-error path{fill:var(--pl-error-6)}
96
96
  .pl-icon-picker-panel{height:15em;width:24em;overflow:hidden}.pl-icon-picker-panel .icon-picker-row{display:flex;align-items:center}.pl-icon-picker-panel .icon-picker-item{width:2.5em;height:2.5em;margin:.25em;display:flex;align-items:center;justify-content:center;transition:all ease 300ms;cursor:pointer}.pl-icon-picker-panel .icon-picker-item:hover{background-color:var(--pl-secondary-light-2)}.pl-icon-picker-panel .icon-picker-item[data-selected=true]{background-color:var(--pl-primary-6);color:var(--pl-pbfc)}.pl-icon-picker-panel.icon-picker-panel-size-large{font-size:var(--pl-box-size-large-font-size)}.pl-icon-picker-panel.icon-picker-panel-size-large .icon-picker-item{border-radius:var(--pl-box-size-large-border-radius)}.pl-icon-picker-panel.icon-picker-panel-size-large.mt{margin-top:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.ml{margin-left:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.mr{margin-right:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.margin{margin:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.pt{padding-top:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.pl{padding-left:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.pr{padding-right:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-large.padding{padding:var(--pl-margin-large)}.pl-icon-picker-panel.icon-picker-panel-size-normal{font-size:var(--pl-box-size-normal-font-size)}.pl-icon-picker-panel.icon-picker-panel-size-normal .icon-picker-item{border-radius:var(--pl-box-size-normal-border-radius)}.pl-icon-picker-panel.icon-picker-panel-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.margin{margin:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-normal.padding{padding:var(--pl-margin-normal)}.pl-icon-picker-panel.icon-picker-panel-size-small{font-size:var(--pl-box-size-small-font-size)}.pl-icon-picker-panel.icon-picker-panel-size-small .icon-picker-item{border-radius:var(--pl-box-size-small-border-radius)}.pl-icon-picker-panel.icon-picker-panel-size-small.mt{margin-top:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.ml{margin-left:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.mr{margin-right:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.margin{margin:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.pt{padding-top:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.pl{padding-left:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.pr{padding-right:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-small.padding{padding:var(--pl-margin-small)}.pl-icon-picker-panel.icon-picker-panel-size-mini{font-size:var(--pl-box-size-mini-font-size)}.pl-icon-picker-panel.icon-picker-panel-size-mini .icon-picker-item{border-radius:var(--pl-box-size-mini-border-radius)}.pl-icon-picker-panel.icon-picker-panel-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.margin{margin:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-icon-picker-panel.icon-picker-panel-size-mini.padding{padding:var(--pl-margin-mini)}.pl-icon-picker .icon-picker-tag{width:2.5em;display:flex;align-items:center;justify-content:center}
97
+ .pl-image-selector .image-select-option{display:inline-flex;margin-right:1em;margin-bottom:1em;border:solid 2px var(--pl-border-color);padding:10px;box-sizing:border-box;position:relative;width:calc((100% - (1em * (3 - 1))) / 3);aspect-ratio:var(--aspect-ratio);overflow:hidden;cursor:pointer;transition:all ease 300ms}.pl-image-selector .image-select-option .image-select-option-checked{position:absolute;bottom:0;right:0;height:36px;width:36px;display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;opacity:0;transition:all ease 300ms}.pl-image-selector .image-select-option .image-select-option-checked:before{position:absolute;inset:0;content:"";background-color:var(--pl-primary-6);-webkit-transform:translateX(50%) translateY(50%) rotate(45deg);transform:translateX(50%) translateY(50%) rotate(45deg);-webkit-transform-origin:center;transform-origin:center;z-index:1}.pl-image-selector .image-select-option .image-select-option-checked>.pl-icon{z-index:2;-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}.pl-image-selector .image-select-option>img{width:100%;aspect-ratio:inherit}.pl-image-selector .image-select-option:nth-child(3n){margin-right:0}.pl-image-selector .image-select-option:hover{border-color:var(--pl-primary-3)}.pl-image-selector .image-select-option[data-selected=true]{border-color:var(--pl-primary-6)}.pl-image-selector .image-select-option[data-selected=true] .image-select-option-checked{opacity:1}
97
98
  .pl-dialog.pl-search-service{align-items:flex-start;padding:80px 0}.pl-dialog.pl-search-service .dialog-content{overflow:hidden}.pl-dialog.pl-search-service .pl-empty{min-height:100px}.pl-dialog.pl-search-service .search-service-input-box .pl-input{border-color:var(--pl-primary-6) !important}.pl-dialog.pl-search-service .search-service-input-box .pl-input .input-box{color:var(--pl-primary-6) !important;font-size:1.2em;height:2.5em !important}.pl-dialog.pl-search-service .search-service-input-box .pl-input .input-prefix-icon{width:2em;font-size:1.6em;display:flex;align-items:center;justify-content:center;color:var(--pl-primary-6);position:relative;left:.15em}.pl-dialog.pl-search-service .search-service-input-box .pl-input .input-suffix-icon-wrapper{width:1.5em;font-size:1.6em}.pl-dialog.pl-search-service .search-service-foot{display:flex;align-items:center;justify-content:center;font-size:.8em;color:var(--pl-text-3);border-top:solid 1px var(--pl-border-color)}.pl-dialog.pl-search-service .search-service-foot>*+*{display:inline-block;margin-left:1em}.pl-dialog.pl-search-service .search-service-foot svg{position:relative;top:-1px}.pl-dialog.pl-search-service .search-service-option-virtual-list{height:50vh}.pl-dialog.pl-search-service .search-service-option-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default{text-align:left;box-sizing:border-box}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default[data-service-item-type=group] .search-service-option-item-default-title{font-weight:600;color:var(--pl-primary-6);font-size:1em}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]){background-color:var(--pl-bg-4);box-shadow:0 1px 3px 0 rgba(0,0,0,.25);transition:all ease 150ms}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box{display:flex;align-items:center}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label{flex:1;display:flex;flex-direction:column}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-button{opacity:0;display:flex;align-items:center}.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]){background-color:var(--pl-primary-6)}.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]) svg,.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-label{color:var(--pl-pbfc)}.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]) svg span,.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-label span{color:var(--pl-pbfc) !important}.pl-dialog.pl-search-service .search-service-option-item[data-active=true] .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-button{opacity:1}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default-button{padding:.2em}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default-button[data-search-button=favorite]:hover,.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default-button[data-search-button=remove]:hover{background-color:var(--pl-primary-8);border-radius:99px}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default-button[data-search-button=favorite]:hover path{fill:var(--pl-pbfc)}.pl-dialog.pl-search-service .search-service-option-item .search-service-option-item-default-button+.search-service-option-item-default-button{margin-left:.1em !important}.pl-dialog .pl-search-service-panel.box-size-large .search-service-input-box{padding:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large .search-service-input-box .pl-input{border-radius:calc(var(--pl-box-size-large-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-large .search-service-foot{padding:calc(var(--pl-margin-large))}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item{width:calc(100% - (var(--pl-margin-large) * 2));margin-left:var(--pl-margin-large);padding-bottom:8px}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default{border-radius:calc(var(--pl-box-size-large-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]){padding:calc(var(--pl-margin-large) / 2);cursor:pointer}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box{min-height:calc(3.5em - var(--pl-margin-large) / 2)}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box>*+*{margin-left:.5em}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-tree{width:1.8em;height:3.2em}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(1){color:var(--pl-text-1)}.pl-dialog .pl-search-service-panel.box-size-large .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(2){color:var(--pl-text-3);font-size:.8em;margin-top:.25em}.pl-dialog .pl-search-service-panel.box-size-large .search-service-empty{padding-bottom:var(--pl-margin-large);margin:var(--pl-margin-large) 0;text-align:center}.pl-dialog .pl-search-service-panel.box-size-large .search-service-empty svg+div{margin-top:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.mt{margin-top:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.ml{margin-left:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.mr{margin-right:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.margin{margin:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.pt{padding-top:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.pl{padding-left:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.pr{padding-right:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-large.padding{padding:var(--pl-margin-large)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-input-box{padding:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-input-box .pl-input{border-radius:calc(var(--pl-box-size-normal-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-foot{padding:calc(var(--pl-margin-normal))}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item{width:calc(100% - (var(--pl-margin-normal) * 2));margin-left:var(--pl-margin-normal);padding-bottom:8px}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default{border-radius:calc(var(--pl-box-size-normal-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]){padding:calc(var(--pl-margin-normal) / 2);cursor:pointer}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box{min-height:calc(3.5em - var(--pl-margin-normal) / 2)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box>*+*{margin-left:.5em}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-tree{width:1.8em;height:3.2em}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(1){color:var(--pl-text-1)}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(2){color:var(--pl-text-3);font-size:.8em;margin-top:.25em}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-empty{padding-bottom:var(--pl-margin-normal);margin:var(--pl-margin-normal) 0;text-align:center}.pl-dialog .pl-search-service-panel.box-size-normal .search-service-empty svg+div{margin-top:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.margin{margin:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-normal.padding{padding:var(--pl-margin-normal)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-input-box{padding:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-input-box .pl-input{border-radius:calc(var(--pl-box-size-small-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-foot{padding:calc(var(--pl-margin-small))}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item{width:calc(100% - (var(--pl-margin-small) * 2));margin-left:var(--pl-margin-small);padding-bottom:8px}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default{border-radius:calc(var(--pl-box-size-small-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]){padding:calc(var(--pl-margin-small) / 2);cursor:pointer}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box{min-height:calc(3.5em - var(--pl-margin-small) / 2)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box>*+*{margin-left:.5em}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-tree{width:1.8em;height:3.2em}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(1){color:var(--pl-text-1)}.pl-dialog .pl-search-service-panel.box-size-small .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(2){color:var(--pl-text-3);font-size:.8em;margin-top:.25em}.pl-dialog .pl-search-service-panel.box-size-small .search-service-empty{padding-bottom:var(--pl-margin-small);margin:var(--pl-margin-small) 0;text-align:center}.pl-dialog .pl-search-service-panel.box-size-small .search-service-empty svg+div{margin-top:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.mt{margin-top:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.ml{margin-left:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.mr{margin-right:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.margin{margin:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.pt{padding-top:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.pl{padding-left:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.pr{padding-right:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-small.padding{padding:var(--pl-margin-small)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-input-box{padding:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-input-box .pl-input{border-radius:calc(var(--pl-box-size-mini-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-foot{padding:calc(var(--pl-margin-mini))}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item{width:calc(100% - (var(--pl-margin-mini) * 2));margin-left:var(--pl-margin-mini);padding-bottom:8px}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default{border-radius:calc(var(--pl-box-size-mini-border-radius) / 1.5)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]){padding:calc(var(--pl-margin-mini) / 2);cursor:pointer}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box{min-height:calc(3.5em - var(--pl-margin-mini) / 2)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box>*+*{margin-left:.5em}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-tree{width:1.8em;height:3.2em}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(1){color:var(--pl-text-1)}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-option-item .search-service-option-item-default:not([data-service-item-type=group]) .search-service-option-item-default-box .search-service-option-item-default-label>span:nth-child(2){color:var(--pl-text-3);font-size:.8em;margin-top:.25em}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-empty{padding-bottom:var(--pl-margin-mini);margin:var(--pl-margin-mini) 0;text-align:center}.pl-dialog .pl-search-service-panel.box-size-mini .search-service-empty svg+div{margin-top:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.margin{margin:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-dialog .pl-search-service-panel.box-size-mini.padding{padding:var(--pl-margin-mini)}
98
99
  .pl-theme-color{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--pl-secondary-2);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;border-radius:24px;height:24px;width:24px}.pl-theme-color>div:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px;position:absolute;top:4px;left:4px;height:calc(100% - 4px * 2);width:calc((100% - 4px * 2) / 2 + 1px)}.pl-theme-color>div:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px;position:absolute;top:4px;right:4px;height:calc(100% - 4px * 2);width:calc((100% - 4px * 2) / 2)}
99
100
  .pl-theme-editor{position:fixed;right:0;border-right:none;padding:5px 10px 5px 5px;border-top-left-radius:999px;border-bottom-left-radius:999px;box-sizing:border-box;transition:all ease 300ms;overflow-y:hidden;z-index:1500;background-color:var(--pl-bg-4)}.pl-theme-editor:before{content:"";background-color:var(--pl-primary-light-2);border-radius:inherit;position:absolute;inset:0;pointer-events:none}.pl-theme-editor .theme-editor-inner{position:absolute;z-index:1;bottom:5px;right:10px;cursor:pointer;height:calc(var(--pl-box-size-normal-height) * 1.5);width:calc(var(--pl-box-size-normal-height) * 1.5);border-radius:calc(var(--pl-box-size-normal-height) * 1.5);background-color:var(--pl-primary-6);color:var(--pl-pbfc);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all ease 300ms}.pl-theme-editor .theme-editor-inner .theme-editor-inner-cover{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-theme-editor.is-expand{width:300px;height:330px;border-top-left-radius:var(--pl-box-size-normal-border-radius);border-bottom-left-radius:var(--pl-box-size-normal-border-radius)}.pl-theme-editor.is-expand:before{background-color:var(--pl-background-color);border:solid 1px var(--pl-border-color)}.pl-theme-editor.is-expand .theme-editor-inner{border-radius:var(--pl-box-size-normal-border-radius);background-color:transparent;color:var(--pl-text-2)}.pl-theme-editor.is-expand .theme-editor-inner:hover{background-color:var(--pl-secondary-2)}.pl-theme-editor:not(.is-expand){width:calc(var(--pl-box-size-normal-height) * 1.5 + 15px);height:calc(var(--pl-box-size-normal-height) * 1.5 + 10px)}.pl-theme-editor .theme-editor-form{padding:8px;box-sizing:border-box;position:relative;z-index:2;display:flex;flex-wrap:wrap;flex-direction:row}.pl-theme-editor .theme-editor-form>div{width:calc(50% - 4px);font-size:12px;color:var(--pl-text-2);margin-bottom:20px}.pl-theme-editor .theme-editor-form>div:nth-child(2n){margin-left:8px}.pl-theme-editor .theme-editor-form>div>div:first-child{margin-left:10px;margin-bottom:4px}.pl-theme-editor-block-item{display:flex;align-items:center}