plain-design 1.0.0-beta.139 → 1.0.0-beta.140

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 (8) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +1 -1
  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/Layout/index.tsx +5 -0
  7. package/src/packages/components/Layout/layout.scss +8 -0
  8. package/src/packages/components/LayoutSection/index.tsx +7 -0
package/dist/plain-design.min.css CHANGED
@@ -85,7 +85,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
85
85
  .pl-ai-chat-box .ai-chat-box-input{position:relative}.pl-ai-chat-box .ai-chat-box-input .ai-chat-box-send-button{position:absolute;bottom:4px;right:4px;z-index:2}.pl-ai-chat-box .ai-chat-box-input .ai-chat-box-send-button.button-loading .pl-loading{top:1px;left:-0.5px}.pl-ai-chat-box .ai-chat-box-histories .ai-chat-box-history-item{word-break:break-all}.pl-ai-chat-box .ai-chat-box-histories .ai-chat-box-history-item[data-role=user]{text-align:right}.pl-ai-chat-box .ai-chat-box-histories .ai-chat-box-history-item[data-role=user] .ai-chat-box-history-item-inner{display:inline-block;background-color:var(--pl-secondary-2);color:var(--pl-text-1)}.pl-ai-chat-box.ai-chat-box-fit-height{height:100%;display:flex;flex-direction:column;align-items:stretch}.pl-ai-chat-box.ai-chat-box-fit-height .ai-chat-box-histories{flex:1;overflow:hidden}.pl-ai-chat-box.ai-chat-box-size-large .ai-chat-box-history-item[data-role=user] .ai-chat-box-history-item-inner{padding:calc(var(--pl-margin-large) / 2) var(--pl-margin-large);border-radius:var(--pl-box-size-large-border-radius)}.pl-ai-chat-box.ai-chat-box-size-large .ai-chat-box-history-item+*{margin-top:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large .ai-chat-box-histories{margin-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large .ai-chat-box-history-prepend{margin-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.mt{margin-top:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.ml{margin-left:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.mr{margin-right:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.margin{margin:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.pt{padding-top:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.pl{padding-left:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.pr{padding-right:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-large.padding{padding:var(--pl-margin-large)}.pl-ai-chat-box.ai-chat-box-size-normal .ai-chat-box-history-item[data-role=user] .ai-chat-box-history-item-inner{padding:calc(var(--pl-margin-normal) / 2) var(--pl-margin-normal);border-radius:var(--pl-box-size-normal-border-radius)}.pl-ai-chat-box.ai-chat-box-size-normal .ai-chat-box-history-item+*{margin-top:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal .ai-chat-box-histories{margin-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal .ai-chat-box-history-prepend{margin-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.margin{margin:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-normal.padding{padding:var(--pl-margin-normal)}.pl-ai-chat-box.ai-chat-box-size-small .ai-chat-box-history-item[data-role=user] .ai-chat-box-history-item-inner{padding:calc(var(--pl-margin-small) / 2) var(--pl-margin-small);border-radius:var(--pl-box-size-small-border-radius)}.pl-ai-chat-box.ai-chat-box-size-small .ai-chat-box-history-item+*{margin-top:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small .ai-chat-box-histories{margin-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small .ai-chat-box-history-prepend{margin-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.mt{margin-top:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.ml{margin-left:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.mr{margin-right:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.margin{margin:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.pt{padding-top:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.pl{padding-left:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.pr{padding-right:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-small.padding{padding:var(--pl-margin-small)}.pl-ai-chat-box.ai-chat-box-size-mini .ai-chat-box-history-item[data-role=user] .ai-chat-box-history-item-inner{padding:calc(var(--pl-margin-mini) / 2) var(--pl-margin-mini);border-radius:var(--pl-box-size-mini-border-radius)}.pl-ai-chat-box.ai-chat-box-size-mini .ai-chat-box-history-item+*{margin-top:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini .ai-chat-box-histories{margin-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini .ai-chat-box-history-prepend{margin-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.margin{margin:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-ai-chat-box.ai-chat-box-size-mini.padding{padding:var(--pl-margin-mini)}
86
86
  .pl-space{display:flex}.pl-space.space-size-large.space-horizontal>*+*{margin-left:var(--pl-margin-large)}.pl-space.space-size-large.space-vertical>*+*{margin-top:var(--pl-margin-large)}.pl-space.space-size-large.mt{margin-top:var(--pl-margin-large)}.pl-space.space-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-space.space-size-large.ml{margin-left:var(--pl-margin-large)}.pl-space.space-size-large.mr{margin-right:var(--pl-margin-large)}.pl-space.space-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-space.space-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-space.space-size-large.margin{margin:var(--pl-margin-large)}.pl-space.space-size-large.pt{padding-top:var(--pl-margin-large)}.pl-space.space-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-space.space-size-large.pl{padding-left:var(--pl-margin-large)}.pl-space.space-size-large.pr{padding-right:var(--pl-margin-large)}.pl-space.space-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-space.space-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-space.space-size-large.padding{padding:var(--pl-margin-large)}.pl-space.space-size-normal.space-horizontal>*+*{margin-left:var(--pl-margin-normal)}.pl-space.space-size-normal.space-vertical>*+*{margin-top:var(--pl-margin-normal)}.pl-space.space-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-space.space-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-space.space-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-space.space-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-space.space-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-space.space-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-space.space-size-normal.margin{margin:var(--pl-margin-normal)}.pl-space.space-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-space.space-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-space.space-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-space.space-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-space.space-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-space.space-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-space.space-size-normal.padding{padding:var(--pl-margin-normal)}.pl-space.space-size-small.space-horizontal>*+*{margin-left:var(--pl-margin-small)}.pl-space.space-size-small.space-vertical>*+*{margin-top:var(--pl-margin-small)}.pl-space.space-size-small.mt{margin-top:var(--pl-margin-small)}.pl-space.space-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-space.space-size-small.ml{margin-left:var(--pl-margin-small)}.pl-space.space-size-small.mr{margin-right:var(--pl-margin-small)}.pl-space.space-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-space.space-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-space.space-size-small.margin{margin:var(--pl-margin-small)}.pl-space.space-size-small.pt{padding-top:var(--pl-margin-small)}.pl-space.space-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-space.space-size-small.pl{padding-left:var(--pl-margin-small)}.pl-space.space-size-small.pr{padding-right:var(--pl-margin-small)}.pl-space.space-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-space.space-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-space.space-size-small.padding{padding:var(--pl-margin-small)}.pl-space.space-size-mini.space-horizontal>*+*{margin-left:var(--pl-margin-mini)}.pl-space.space-size-mini.space-vertical>*+*{margin-top:var(--pl-margin-mini)}.pl-space.space-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-space.space-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-space.space-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-space.space-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-space.space-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-space.space-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-space.space-size-mini.margin{margin:var(--pl-margin-mini)}.pl-space.space-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-space.space-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-space.space-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-space.space-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-space.space-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-space.space-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-space.space-size-mini.padding{padding:var(--pl-margin-mini)}.pl-space.space-horizontal{flex-direction:row}.pl-space.space-vertical{flex-direction:column}.pl-space.space-inline-block{display:inline-block}.pl-space.space-align-left{text-align:left}.pl-space.space-align-center{text-align:center}.pl-space.space-align-right{text-align:right}
87
87
  .pl-confirm-popup .popup-content .popper-head{color:var(--pl-text-1);text-align:center;padding:1em 1.25em 0}.pl-confirm-popup .popup-content .confirm-popup-button-bar{display:flex;align-items:center;justify-content:flex-end;padding:1em 1.25em}
88
- .pl-layout{display:flex;align-items:stretch;justify-content:space-between}.pl-layout.layout-vertical{flex-direction:column}.pl-layout.layout-full-height{height:100%}.pl-layout>.pl-layout-section.layout-section-fixed-inner .layout-section-inner{position:absolute;inset:0}.pl-layout>.pl-layout-section.layout-section-position-center{flex:1;position:relative;z-index:1}.pl-layout>.pl-layout-section.layout-section-position-top,.pl-layout>.pl-layout-section.layout-section-position-bottom,.pl-layout>.pl-layout-section.layout-section-position-left,.pl-layout>.pl-layout-section.layout-section-position-right{position:relative;flex-shrink:0;flex-grow:0;z-index:2}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-inner{overflow:hidden}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-fixed>.layout-section-inner{position:absolute;top:0;left:0;right:0;bottom:0}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{opacity:0;transition:all ease .3s;cursor:pointer}.pl-layout>.pl-layout-section.layout-section-position-top:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right:hover>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{cursor:col-resize}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse{width:0 !important}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn{border-top-left-radius:0;border-bottom-left-radius:0;right:-12px}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn{border-top-right-radius:0;border-bottom-right-radius:0;left:-12px}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator{position:absolute;right:0;width:4px;top:0;bottom:0;border-right:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn{position:absolute;right:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{position:absolute;left:0;width:4px;top:0;bottom:0;border-left:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{position:absolute;left:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{cursor:row-resize}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse{height:0 !important}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn{border-top-left-radius:0;border-top-right-radius:0;bottom:-12px}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;top:-12px}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator{position:absolute;bottom:0;height:4px;left:0;right:0;border-bottom:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn{position:absolute;bottom:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{position:absolute;top:0;height:4px;left:0;right:0;border-top:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn{position:absolute;top:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}
88
+ .pl-layout{display:flex;align-items:stretch;justify-content:space-between}.pl-layout.layout-vertical{flex-direction:column}.pl-layout.layout-full-height{height:100%}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large>.layout-section-inner{padding:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.mt{margin-top:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.ml{margin-left:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.mr{margin-right:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.margin{margin:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.pt{padding-top:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.pl{padding-left:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.pr{padding-right:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-large.padding{padding:var(--pl-margin-large)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal>.layout-section-inner{padding:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.margin{margin:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-normal.padding{padding:var(--pl-margin-normal)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small>.layout-section-inner{padding:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.mt{margin-top:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.ml{margin-left:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.mr{margin-right:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.margin{margin:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.pt{padding-top:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.pl{padding-left:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.pr{padding-right:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-small.padding{padding:var(--pl-margin-small)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini>.layout-section-inner{padding:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.margin{margin:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-padding.layout-section-size-mini.padding{padding:var(--pl-margin-mini)}.pl-layout>.pl-layout-section.layout-section-fixed-inner .layout-section-inner{position:absolute;inset:0}.pl-layout>.pl-layout-section.layout-section-position-center{flex:1;position:relative;z-index:1}.pl-layout>.pl-layout-section.layout-section-position-top,.pl-layout>.pl-layout-section.layout-section-position-bottom,.pl-layout>.pl-layout-section.layout-section-position-left,.pl-layout>.pl-layout-section.layout-section-position-right{position:relative;flex-shrink:0;flex-grow:0;z-index:2}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-inner{overflow:hidden}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-fixed>.layout-section-inner,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-fixed>.layout-section-inner{position:absolute;top:0;left:0;right:0;bottom:0}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{opacity:0;transition:all ease .3s;cursor:pointer}.pl-layout>.pl-layout-section.layout-section-position-top:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-left:hover>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right:hover>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{cursor:col-resize}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse{width:0 !important}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-left>.layout-section-collapse-btn{border-top-left-radius:0;border-bottom-left-radius:0;right:-12px}.pl-layout>.pl-layout-section.layout-section-position-left.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-right.layout-section-collapse.layout-section-position-right>.layout-section-collapse-btn{border-top-right-radius:0;border-bottom-right-radius:0;left:-12px}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-separator{position:absolute;right:0;width:4px;top:0;bottom:0;border-right:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-left>.layout-section-collapse-btn{position:absolute;right:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-separator{position:absolute;left:0;width:4px;top:0;bottom:0;border-left:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-right>.layout-section-collapse-btn{position:absolute;left:calc(12px / 2 * -1);top:calc(50% - 12px * 3 / 2);font-size:12px;height:calc(12px * 3);width:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator,.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{cursor:row-resize}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse{height:0 !important}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse>.layout-section-collapse-btn{opacity:1}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-top>.layout-section-collapse-btn{border-top-left-radius:0;border-top-right-radius:0;bottom:-12px}.pl-layout>.pl-layout-section.layout-section-position-top.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn,.pl-layout>.pl-layout-section.layout-section-position-bottom.layout-section-collapse.layout-section-position-bottom>.layout-section-collapse-btn{border-bottom-left-radius:0;border-bottom-right-radius:0;top:-12px}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-separator{position:absolute;bottom:0;height:4px;left:0;right:0;border-bottom:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-top>.layout-section-collapse-btn{position:absolute;bottom:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-separator{position:absolute;top:0;height:4px;left:0;right:0;border-top:solid 1px var(--pl-border-color)}.pl-layout>.pl-layout-section.layout-section-position-bottom>.layout-section-collapse-btn{position:absolute;top:calc(12px / 2 * -1);left:calc(50% - 12px * 3 / 2);font-size:12px;width:calc(12px * 3);height:12px;display:flex;align-items:center;justify-content:center;background-color:var(--pl-background-color);border-radius:100px;box-shadow:0 2px 5px var(--pl-secondary-4)}
89
89
  .pl-stack-card{display:block;box-sizing:border-box}.pl-stack-card.stack-card-direction-vertical{height:100%}.pl-stack-card.stack-card-direction-vertical .stack-card-container{height:100%}.pl-stack-card.stack-card-direction-vertical .pl-stack-card-item{height:100%}.pl-stack-card .stack-card-container{position:relative}.pl-stack-card .stack-card-container .pl-stack-card-item{transition:opacity linear 300ms,-webkit-transform linear 100ms;transition:transform linear 100ms,opacity linear 300ms;transition:transform linear 100ms,opacity linear 300ms,-webkit-transform linear 100ms}.pl-stack-card .stack-card-container .pl-stack-card-item:not(:first-child){position:absolute;inset:0}.pl-stack-card .stack-card-container .pl-stack-card-item:first-child{position:relative}.pl-stack-card .stack-card-container .pl-stack-card-item>img{width:100%}
90
90
  .pl-sort-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-sort-list[data-direction=horizontal]{display:flex;flex-wrap:wrap}.pl-sort-list[data-direction=vertical]{display:flex;flex-direction:column}
91
91
  .pl-box.box-size-large{font-size:var(--pl-box-size-large-font-size);border-radius:var(--pl-box-size-large-border-radius)}.pl-box.box-size-large.mt{margin-top:var(--pl-margin-large)}.pl-box.box-size-large.mb{margin-bottom:var(--pl-margin-large)}.pl-box.box-size-large.ml{margin-left:var(--pl-margin-large)}.pl-box.box-size-large.mr{margin-right:var(--pl-margin-large)}.pl-box.box-size-large.mx{margin-left:var(--pl-margin-large);margin-right:var(--pl-margin-large)}.pl-box.box-size-large.my{margin-top:var(--pl-margin-large);margin-bottom:var(--pl-margin-large)}.pl-box.box-size-large.margin{margin:var(--pl-margin-large)}.pl-box.box-size-large.pt{padding-top:var(--pl-margin-large)}.pl-box.box-size-large.pb{padding-bottom:var(--pl-margin-large)}.pl-box.box-size-large.pl{padding-left:var(--pl-margin-large)}.pl-box.box-size-large.pr{padding-right:var(--pl-margin-large)}.pl-box.box-size-large.px{padding-left:var(--pl-margin-large);padding-right:var(--pl-margin-large)}.pl-box.box-size-large.py{padding-top:var(--pl-margin-large);padding-bottom:var(--pl-margin-large)}.pl-box.box-size-large.padding{padding:var(--pl-margin-large)}.pl-box.box-size-normal{font-size:var(--pl-box-size-normal-font-size);border-radius:var(--pl-box-size-normal-border-radius)}.pl-box.box-size-normal.mt{margin-top:var(--pl-margin-normal)}.pl-box.box-size-normal.mb{margin-bottom:var(--pl-margin-normal)}.pl-box.box-size-normal.ml{margin-left:var(--pl-margin-normal)}.pl-box.box-size-normal.mr{margin-right:var(--pl-margin-normal)}.pl-box.box-size-normal.mx{margin-left:var(--pl-margin-normal);margin-right:var(--pl-margin-normal)}.pl-box.box-size-normal.my{margin-top:var(--pl-margin-normal);margin-bottom:var(--pl-margin-normal)}.pl-box.box-size-normal.margin{margin:var(--pl-margin-normal)}.pl-box.box-size-normal.pt{padding-top:var(--pl-margin-normal)}.pl-box.box-size-normal.pb{padding-bottom:var(--pl-margin-normal)}.pl-box.box-size-normal.pl{padding-left:var(--pl-margin-normal)}.pl-box.box-size-normal.pr{padding-right:var(--pl-margin-normal)}.pl-box.box-size-normal.px{padding-left:var(--pl-margin-normal);padding-right:var(--pl-margin-normal)}.pl-box.box-size-normal.py{padding-top:var(--pl-margin-normal);padding-bottom:var(--pl-margin-normal)}.pl-box.box-size-normal.padding{padding:var(--pl-margin-normal)}.pl-box.box-size-small{font-size:var(--pl-box-size-small-font-size);border-radius:var(--pl-box-size-small-border-radius)}.pl-box.box-size-small.mt{margin-top:var(--pl-margin-small)}.pl-box.box-size-small.mb{margin-bottom:var(--pl-margin-small)}.pl-box.box-size-small.ml{margin-left:var(--pl-margin-small)}.pl-box.box-size-small.mr{margin-right:var(--pl-margin-small)}.pl-box.box-size-small.mx{margin-left:var(--pl-margin-small);margin-right:var(--pl-margin-small)}.pl-box.box-size-small.my{margin-top:var(--pl-margin-small);margin-bottom:var(--pl-margin-small)}.pl-box.box-size-small.margin{margin:var(--pl-margin-small)}.pl-box.box-size-small.pt{padding-top:var(--pl-margin-small)}.pl-box.box-size-small.pb{padding-bottom:var(--pl-margin-small)}.pl-box.box-size-small.pl{padding-left:var(--pl-margin-small)}.pl-box.box-size-small.pr{padding-right:var(--pl-margin-small)}.pl-box.box-size-small.px{padding-left:var(--pl-margin-small);padding-right:var(--pl-margin-small)}.pl-box.box-size-small.py{padding-top:var(--pl-margin-small);padding-bottom:var(--pl-margin-small)}.pl-box.box-size-small.padding{padding:var(--pl-margin-small)}.pl-box.box-size-mini{font-size:var(--pl-box-size-mini-font-size);border-radius:var(--pl-box-size-mini-border-radius)}.pl-box.box-size-mini.mt{margin-top:var(--pl-margin-mini)}.pl-box.box-size-mini.mb{margin-bottom:var(--pl-margin-mini)}.pl-box.box-size-mini.ml{margin-left:var(--pl-margin-mini)}.pl-box.box-size-mini.mr{margin-right:var(--pl-margin-mini)}.pl-box.box-size-mini.mx{margin-left:var(--pl-margin-mini);margin-right:var(--pl-margin-mini)}.pl-box.box-size-mini.my{margin-top:var(--pl-margin-mini);margin-bottom:var(--pl-margin-mini)}.pl-box.box-size-mini.margin{margin:var(--pl-margin-mini)}.pl-box.box-size-mini.pt{padding-top:var(--pl-margin-mini)}.pl-box.box-size-mini.pb{padding-bottom:var(--pl-margin-mini)}.pl-box.box-size-mini.pl{padding-left:var(--pl-margin-mini)}.pl-box.box-size-mini.pr{padding-right:var(--pl-margin-mini)}.pl-box.box-size-mini.px{padding-left:var(--pl-margin-mini);padding-right:var(--pl-margin-mini)}.pl-box.box-size-mini.py{padding-top:var(--pl-margin-mini);padding-bottom:var(--pl-margin-mini)}.pl-box.box-size-mini.padding{padding:var(--pl-margin-mini)}