@layer base{.Widget{--left: 0px;--top: 0px;--width: 50px;--height: 30px;--index: 0;--color: black;--hover-color: invalid;--active-color: invalid;--disable-color: gray;--back-active-color: white;--back-disable-color: lightgrey;--back-hover-color: invalid;--back-color: white;--back-focus-color: invalid;--background-image: url();--background-repeat: no-repeat;--background-position: center;--background-size: contain;--border-width: 1px;--border-radius: 0px;--border-color: black;--border-style: solid;--padding: 0px;--opacity: 1;--transition: background .2s ease;--transform: rotate(0deg);--cursor: auto;--font-family: inherit}.Widget{left:var(--left);top:var(--top);width:var(--width);height:var(--height);z-index:var(--index);color:var(--color);background-color:var(--back-color);background-image:var(--background-image);background-repeat:var(--background-repeat);background-position:var(--background-position);background-size:var(--background-size);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border-color);border-style:var(--border-style);padding:var(--padding);opacity:var(--opacity);transition:var(--transition);transform:var(--transform);cursor:var(--cursor);font-family:var(--font-family);position:absolute;box-sizing:border-box;will-change:left,top,border,background}.Widget.disabled{background-color:var(--back-disable-color);color:var(--disable-color);border-color:#d3d3d3;cursor:not-allowed}.Widget.disabled>*{pointer-events:none}.Widget.disabled:after{position:absolute;left:0;top:0;width:100%;height:100%;content:" ";cursor:not-allowed;pointer-events:none;background-color:#6464641a}.Widget.backHovered:not(.disabled):hover{background-color:var(--back-hover-color)}.Widget.frontHovered:not(.disabled):hover{color:var(--hover-color)}.Widget.infocus:not(.disabled):focus-within{background-color:var(--back-focus-color)}.Widget.actived:not(.disabled){background-color:var(--back-active-color);color:var(--active-color)}.Widget.hidden{display:none;visibility:hidden}.Widget.fillFull{left:0;top:0;width:100%;height:100%}}@layer base{.WidgetButton{--back-active-color: rgba(70, 98, 217, 1);--back-hover-color: rgba(78, 110, 242, 1);--back-color: rgba(70, 112, 200, 1);--overflow: hidden;--align-items: center;--justify-content: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--white-space: nowrap}.WidgetButton{overflow:var(--overflow)}.WidgetButton button{display:flex;width:100%;height:100%;padding:0;border-width:0;background-color:transparent;cursor:pointer;color:inherit;align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family);white-space:var(--white-space)}}@layer base{.WidgetChartLine{--width: 300px;--height: 300px;--back-color: white}.WidgetChartLine .chartLineBox{width:100%;height:100%;padding:0;border:none;color:var(--color);cursor:var(--cursor);background-color:var(--back-color)}}@layer base{.WidgetChartPie{--back-color: transparent;--overflow: hidden;--width: 150px;--height: 150px;--padding: 0px;--cursor: pointer;--color: inherit}.WidgetChartPie{overflow:var(--overflow);border-width:0px}.WidgetChartPie .chartBox{width:100%;height:100%;padding:0;border:none;background-color:transparent;color:var(--color);cursor:var(--cursor)}}@layer base{.WidgetColorPicker{--color: skyblue;--width: 30px;--padding: 2px;--cursor: pointer}.WidgetColorPicker{overflow:hidden}.WidgetColorPicker .content{position:relative;width:100%;height:100%;overflow:hidden;cursor:inherit;border:1px solid gray;border-radius:4px;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.WidgetColorPicker .content:after{content:" ";position:absolute;width:100%;height:100%;background-color:var(--color)}.WidgetColorPicker .invalid{position:relative;background-color:#fff;background-image:unset}.WidgetColorPicker .invalid:after{content:" ";position:absolute;top:calc(50% - 1px);left:calc(50% - 250px);width:500px;height:500px;border-top:1px solid red;transform:rotate(45deg);transform-origin:center top}.WidgetColorPicker .ColorPicker{display:none}}@layer base{.ColorPicker.expand{will-change:top,left;display:block;position:fixed;z-index:99999;background-color:#fff;width:310px;height:350px;border:1px solid lightgray;border-radius:4px}.ColorPicker .panel{width:300px;height:180px;margin:5px 5px 10px;will-change:background;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:var(--hue-color, #f00);position:relative}.ColorPicker .panel:after{content:" ";position:absolute;width:4px;height:4px;left:var(--panel-left, 0);top:var(--panel-top, 0);will-change:left;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px);cursor:pointer}.ColorPicker .preview{display:inline-block;position:relative;width:30px;height:30px;border:1px solid lightgray;border-radius:30px;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);overflow:hidden}.ColorPicker .preview:before{content:" ";position:absolute;width:100%;height:100%;background-color:var(--current-color)}.ColorPicker .invalid .preview{position:relative;background-color:#fff;background-image:unset}.ColorPicker .invalid .preview:after{content:" ";position:absolute;width:200%;height:200%;border-left:1px solid red;transform:rotate(-45deg);transform-origin:left top;pointer-events:none}.ColorPicker .support .straw{display:inline-block}.ColorPicker .straw{display:none;text-align:center;width:18px;height:18px;font-size:18px;color:#000;cursor:pointer}.ColorPicker .huebar{position:relative;margin:5px 5px 10px;width:300px;height:12px;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.ColorPicker .huebar:after,.ColorPicker .alpha:after{content:" ";position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:calc(100% + 4px);border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px #0009;z-index:1;transform:translate(-2px,-2px)}.ColorPicker .alpha:after{left:var(--alpha-left, 0)}.ColorPicker .huebar:after{left:var(--hue-left, 0)}.ColorPicker .alpha{position:relative;margin:5px;width:300px;height:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.ColorPicker .alpha:before{content:" ";position:absolute;width:100%;height:100%;background:linear-gradient(to right,#13ce6600,#13ce66)}.ColorPicker .container{display:flex;width:300px;height:50px;margin:5px;flex-wrap:wrap;justify-content:space-between;column-gap:8px;row-gap:5px}.ColorPicker .history{border-bottom:1px solid lightgray;flex-wrap:no-wrap;height:20px}.ColorPicker .container div{position:relative;width:18px;height:18px;border:1px solid lightgray;border-radius:2px;box-sizing:border-box;cursor:pointer;overflow:hidden}.ColorPicker .container div.showgrid{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.ColorPicker .container div:before{content:" ";position:absolute;width:100%;height:100%;background-color:var(--value)}.ColorPicker .history div.empty{pointer-events:none;opacity:0}.ColorPicker .container div.invalid{position:relative;background-color:#fff;background-image:unset}.ColorPicker .container div.invalid:after{content:" ";position:absolute;top:calc(50% - 1px);left:calc(50% - 250px);width:500px;height:500px;border-top:1px solid red;transform:rotate(45deg);transform-origin:center top}.ColorPicker .valuebox{display:flex;align-items:center;justify-content:space-around}.ColorPicker .value{height:24px;line-height:24px;width:150px;text-align:center;outline:none}.ColorPicker .confirm{cursor:pointer;color:#87ceeb;font-size:20px}.ColorPicker .confirm:hover{color:#00f}}@layer base{.WidgetDatePicker{--width: 319px;--height: 418px;--border-width: 0;--back-active-color: rgba(255, 255, 255, 1);--back-hover-color: rgba(255, 255, 255, 1);--back-color: rgba(255, 255, 255, 1)}.WidgetDatePicker>.date-picker-container{width:100%;height:100%;position:relative}.WidgetDatePicker>.date-picker-container>.dateInput{width:100%;height:100%;border:none;border-radius:4px;font-size:14px;cursor:pointer;box-sizing:border-box}.WidgetDatePicker>.date-picker-container .calendar-container{top:100%;left:0;width:100%;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;height:100%;display:flex;flex-direction:column}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-header{display:flex;justify-content:space-between;align-items:center;padding:0 10px;background-color:#f0f0f0;border-radius:4px 4px 0 0;height:47px}.WidgetDatePicker>.date-picker-container .calendar-container .weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;background-color:#e0e0e0;padding:5px 0}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#ddd;flex:1}.WidgetDatePicker>.date-picker-container .calendar-container .year-grid{display:none;grid-template-columns:repeat(4,1fr);gap:1px;padding:10px;background-color:#ddd;flex:1}.WidgetDatePicker>.date-picker-container .calendar-container .year-grid>.year-item:hover{background-color:#f0f0f0}.WidgetDatePicker>.date-picker-container .calendar-container .year-grid>.year-item{padding:10px;text-align:center;background-color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day{text-align:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day:hover{background-color:#f0f0f0}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day.other-month{color:#999}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day.today{background-color:#e6f3ff}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day .lunar-date{font-size:12px;color:#999}.WidgetDatePicker>.date-picker-container .calendar-container .year-grid>.selected{background-color:#1890ff;color:#fff}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day.selected{background-color:#1890ff;color:#fff}.WidgetDatePicker>.date-picker-container .calendar-container .calendar-grid>.calendar-day.selected .lunar-date{color:#fff}}.WidgetDynamic{--width: 150px;--height: 150px}@layer base{.WidgetFlex{--width: 150px;--height: 150px;--item-width: auto;--item-height: auto;--overflow: auto;--justify-content: center;--align-content: center;--align-items: center;--flex-direction: row;--flex-wrap: nowrap;--row-gap: 0px;--column-gap: 0px}.WidgetFlex{display:flex;width:var(--width);height:var(--height);overflow:var(--overflow);justify-content:var(--justify-content);align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);row-gap:var(--row-gap);column-gap:var(--column-gap)}.WidgetFlex>.Widget{position:relative;flex-shrink:0;order:var(--index);left:unset;top:unset}.WidgetFlex.stretch-x>.Widget{width:auto}.WidgetFlex.stretch-y>.Widget{height:auto}.WidgetFlex.cover-item-width>.Widget{width:var(--item-width)}.WidgetFlex.cover-item-height>.Widget{height:var(--item-height)}}@layer base{.WidgetFloat{--width: 100px;--align-items: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--text-align: center}.WidgetFloat{display:flex;align-items:var(--align-items)}.WidgetFloat input{width:100%;border:0;padding:0;outline:none;color:inherit;background-color:transparent;font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family);text-align:var(--text-align)}}@layer base{.WidgetGrid{--width: 150px;--height: 150px;--overflow: auto;--justify-content: center;--align-content: center;--justify-items: stretch;--align-items: stretch;--grid-template-rows: 100%;--grid-template-columns: 100%;--row-gap: 0px;--column-gap: 0px}.WidgetGrid{display:grid;overflow:var(--overflow);justify-content:var(--justify-content);align-content:var(--align-content);justify-items:var(--justify-items);align-items:var(--align-items);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);row-gap:var(--row-gap);column-gap:var(--column-gap)}.WidgetGrid>.Widget{position:relative;grid-area:var(--area);order:var(--index);left:unset;top:unset}.WidgetGrid.stretch-x>.Widget{width:auto}.WidgetGrid.stretch-y>.Widget{height:auto}}@layer base{.WidgetIcon{--border-width: 0px;--align-items: center;--justify-content: center;--font-size: 26px;--font-style: normal;--font-weight: normal;--font-family: iconfont}.WidgetIcon{display:flex;align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight)}.WidgetIcon i{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:inherit;font-style:inherit;font-family:var(--font-family)}}@layer base{.WidgetIconPicker{--width: 100px;--align-items: center;--justify-content: center;--font-size: 20px;--font-style: normal;--font-weight: normal;--font-family: iconfont;--text-align: center}.WidgetIconPicker{display:flex;overflow:hidden;align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family)}.WidgetIconPicker>span.content{text-align:var(--text-align);display:inline-block;width:100%;overflow:hidden;white-space:nowrap;cursor:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.WidgetIconPicker .arrow.show{display:block}.WidgetIconPicker .arrow{display:none;position:absolute;right:2px;color:gray;cursor:inherit;font-size:14px}.WidgetIconPicker .arrow:hover{color:#87ceeb}.WidgetIconPicker .IconPicker{display:none}}@layer base{.IconPicker{--width: 100px;--font-size: 20px;--font-style: normal;--font-weight: normal;--font-family: iconfont;--text-align: center}.IconPicker.expand{display:block;position:fixed;z-index:99999}.IconPicker.modal{left:0;top:0;width:100vw;height:100vh;background-color:#6464644d}.IconPicker.modal .optiongroup{position:absolute;width:100vw;bottom:0;border:0}.IconPicker .optiongroup{width:var(--width);text-align:var(--text-align);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family);position:relative;max-height:150px;min-height:15px;overflow:auto;border:1px solid gray;box-sizing:border-box;background-color:#fff}.IconPicker .optiongroup .item{padding:4px;cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.IconPicker .optiongroup .item:hover,.IconPicker .optiongroup .item.hover{background-color:#e1e3fa}.IconPicker .optiongroup .item.selected{color:#00f;font-weight:700}}@layer base{.WidgetInput{--width: 100px;--align-items: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--text-align: center}.WidgetInput{display:flex;align-items:var(--align-items)}.WidgetInput input{font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family);text-align:var(--text-align);width:100%;border:0;padding:0;outline:none;color:inherit;background-color:transparent}}@layer base{.WidgetInteger{--width: 100px;--align-items: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--text-align: center}.WidgetInteger{display:flex;align-items:var(--align-items)}.WidgetInteger input{font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family);text-align:var(--text-align);width:100%;border:0;padding:0;outline:none;color:inherit;background-color:transparent}}@layer base{.WidgetLabel{--back-color: transparent;--border-width: 0px;--overflow: hidden;--align-items: center;--justify-content: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--white-space: nowrap}.WidgetLabel{display:flex;overflow:var(--overflow);align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight)}.WidgetLabel>span{font-family:var(--font-family);white-space:var(--white-space)}}@layer base{.WidgetLayout{--overflow: visible;--justify-content: center;--align-content: center;--justify-items: center;--align-items: center;--flex-direction: row;--flex-wrap: nowrap;--grid-template-rows: 100%;--grid-template-columns: 100%;--row-gap: 0px;--column-gap: 0px}.WidgetLayout{user-select:none;overflow:var(--overflow)}.WidgetLayout.modeFlex{display:flex;justify-content:var(--justify-content);align-content:var(--align-content);justify-items:var(--justify-items);align-items:var(--align-items);row-gap:var(--row-gap);column-gap:var(--column-gap);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap)}.WidgetLayout.modeFlex>.Widget{position:relative;flex-shrink:0;left:unset;top:unset;order:var(--index)}.WidgetLayout.modeGrid{display:grid;justify-content:var(--justify-content);align-content:var(--align-content);justify-items:var(--justify-items);align-items:var(--align-items);row-gap:var(--row-gap);column-gap:var(--column-gap);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns)}.WidgetLayout.modeGrid>.Widget{position:relative;grid-area:var(--grid-area);left:unset;top:unset}.flexStretchX>.Widget,.gridStretchX>.Widget,.WidgetLayout>.Widget.itemStretchX{width:unset}.flexStretchY>.Widget,.gridStretchY>.Widget,.WidgetLayout>.Widget.itemStretchY{height:unset}}@layer base{.WidgetMessage{position:fixed;display:flex;top:0;height:0;width:100vw;border-width:0;overflow:visible;max-height:100vh;pointer-events:none;z-index:9999999}[posi=top]{align-items:center;flex-direction:column}[posi=leftTop]{align-items:start;flex-direction:column}[posi=leftBottom]{top:unset;bottom:0;align-items:start;flex-direction:column-reverse}[posi=rightTop]{align-items:end;flex-direction:column}[posi=rightBottom]{top:unset;bottom:0;align-items:end;flex-direction:column-reverse}.WidgetMessage .message{background-color:#fff;box-sizing:border-box;border:1px solid #ebeef5;border-radius:4px;color:#222;margin:0 10px;opacity:0;min-width:250px;height:0;pointer-events:auto;transition:height .2s ease-in-out,opacity .2s ease-in-out,margin-top .2s ease-in-out,margin-bottom .2s ease-in-out}.WidgetMessage .message.success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.WidgetMessage .message.warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.WidgetMessage .message.error{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.WidgetMessage .showframe{margin-top:10px;margin-bottom:10px;height:70px;opacity:1}.WidgetMessage .titlebar{height:36px;display:flex;align-items:center}.WidgetMessage .titlebar .icon{font-family:iconfont;margin:auto 8px;font-size:16px}.WidgetMessage .titlebar .title{flex-grow:1}.WidgetMessage .titlebar .icon.info{color:#6b72ef}.WidgetMessage .titlebar .icon.success{color:#67c23a}.WidgetMessage .titlebar .icon.warning{color:#e6a23c}.WidgetMessage .titlebar .icon.error{color:#f56c6c}.WidgetMessage .titlebar .icon.icon-close{cursor:pointer}.WidgetMessage .titlebar .icon.icon-close:hover{color:#6b72ef}.WidgetMessage .content{padding:0 8px 6px}}@layer base{.WidgetMsgBox{--width: 300px;--height: 60px;--border-radius: 4px;--border-color: #ebeef5;--align-items: center;--justify-content: center;--min-width: 300px;--min-height: 60px;--margin: 0px}.WidgetMsgBox{position:fixed;display:flex;top:0;left:0;height:100vh;width:100vw;border-width:0;background-color:transparent;z-index:9999999;overflow:hidden;align-items:var(--align-items);justify-content:var(--justify-content)}.WidgetMsgBox .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-color:#0000004d}.WidgetMsgBox .msgbox{z-index:1;border-width:1px;border-radius:4px;border-color:#ebeef5;border-style:solid;box-shadow:0 2px 12px #0000001a;background-color:var(--back-color);min-width:var(--min-width);min-height:var(--min-height);margin:var(--margin)}.WidgetMsgBox .msgbox .hidden{display:none;visibility:hidden}.WidgetMsgBox .titlebar{height:30px;position:relative;display:flex;align-items:center;margin:5px 13px}.WidgetMsgBox .titlebar .title{flex-grow:1;font-weight:700}.WidgetMsgBox .titlebar .icon{font-family:iconfont;font-size:16px;cursor:pointer}.WidgetMsgBox .titlebar .icon-close:hover{color:#6b72ef}.WidgetMsgBox .contentbar{padding:10px 13px;position:relative}.WidgetMsgBox .contentbar .promptValue{background-color:transparent;outline:none;border:1px solid lightgrey;padding:2px 4px;width:100%;height:30px;border-radius:4px;box-sizing:border-box}.WidgetMsgBox .footbar{padding:0 0 10px;display:flex;justify-content:end}.WidgetMsgBox .footbar button{cursor:pointer;padding:6px 12px;border-radius:4px;font-size:12px;border:1px solid #c6e2ff;transition:background .2s ease;margin-right:13px}.WidgetMsgBox .footbar .cancel{background-color:#fff;border-color:#dcdfe6;color:#606266}.WidgetMsgBox .footbar .cancel:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.WidgetMsgBox .footbar .confirm{background-color:#409eff;border-color:#409eff;color:#fff}.WidgetMsgBox .footbar .confirm:hover{border-color:#66b1ff;background-color:#66b1ff}}@layer base{.WidgetRepeatList{--overflow: auto;--justify-content: start;--align-content: center;--align-items: stretch;--flex-direction: column;--flex-wrap: nowrap;--row-gap: 0px;--column-gap: 0px}.WidgetRepeatList>.blank{position:relative;flex-shrink:0;order:var(--index)}.WidgetRepeatList>.hbox{position:absolute;left:0;top:0;width:100%;z-index:-1}}@layer base{.WidgetSelect{--width: 100px;--align-items: center;--justify-content: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--text-align: center}.WidgetSelect{display:flex;overflow:hidden;align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family)}.WidgetSelect>span.content{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;cursor:inherit;text-align:var(--text-align)}.WidgetSelect>span.tips{font-style:italic;color:gray}.WidgetSelect .arrow.show{display:block}.WidgetSelect .arrow{display:none;position:absolute;right:2px;color:gray;cursor:inherit}.WidgetSelect .arrow:hover{color:#87ceeb}.WidgetSelect .SelectOptions{display:none}}@layer base{.SelectOptions{--width: 100px;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--text-align: center}.SelectOptions.expand{display:block;position:fixed;z-index:99999}.SelectOptions.modal{left:0;top:0;width:100vw;height:100vh;background-color:#6464644d}.SelectOptions.modal .optiongroup{position:absolute;width:100vw;bottom:0;border:0}.SelectOptions .optiongroup{position:relative;max-height:150px;min-height:15px;overflow:auto;border:1px solid gray;box-sizing:border-box;background-color:#fff;width:var(--width);text-align:var(--text-align);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family)}.SelectOptions .optiongroup .item{padding:4px;cursor:default}.SelectOptions .optiongroup .item:hover,.SelectOptions .optiongroup .item.hover{background-color:#e1e3fa}.SelectOptions .optiongroup .item.selected{color:#00f;font-weight:700}}@layer base{.WidgetSwitch{--padding: 4px;--active-color: blue;--align-items: center;--justify-content: center;--font-size: 14px;--font-style: normal;--font-weight: normal;--font-family: inherit;--icon-height: 22px;--icon-width: 42px;--inactive-color: blue;--core-color: white;--core-back-color: gray}.WidgetSwitch{display:flex;column-gap:4px;align-items:var(--align-items);justify-content:var(--justify-content);font-size:var(--font-size);font-style:var(--font-style);font-weight:var(--font-weight);font-family:var(--font-family)}.WidgetSwitch>span.inactiveText{cursor:pointer;word-break:keep-all;background-color:transparent;color:var(--inactive-color)}.WidgetSwitch>span.activeText{cursor:pointer;word-break:keep-all;background-color:transparent;color:var(--inactive-color)}.WidgetSwitch>span.iconCore{cursor:pointer;position:relative;display:inline-block;transition:background-color .4s ease;min-height:10px;min-width:calc(1.5 * var(--icon-height));width:var(--icon-width);height:var(--icon-height);border-radius:var(--icon-height);background-color:var(--core-back-color)}.WidgetSwitch>span.iconCore:after{content:" ";transition:left .4s ease;position:absolute;border-radius:100%;min-width:10px;min-height:10px;top:2px;left:2px;background-color:var(--core-color);width:calc(var(--icon-height) - 4px);height:calc(var(--icon-height) - 4px)}.WidgetSwitch.actived>span.iconCore:after{left:calc(100% - var(--icon-height) + 2px)}}@layer base{.WidgetTimePicker{--width: 136px;--height: 155px;--border-width: 1px;--border-radius: 4px;--border-color: #e4e7ed;--back-color: white;--back-hover-color: invalid;--back-active-color: white}.WidgetTimePicker{box-shadow:0 2px 12px #0000001a}.WidgetTimePicker>.time-picker-container{width:100%;height:100%;position:relative;display:flex}.WidgetTimePicker>.time-picker-container>.select-picker{width:100%;height:100%;position:relative;display:flex;flex:1;flex-direction:column;align-items:center;overflow-y:auto;box-sizing:border-box}.WidgetTimePicker>.time-picker-container>.select-picker::-webkit-scrollbar{width:4px;background:transparent}.WidgetTimePicker>.time-picker-container>.select-picker:hover::-webkit-scrollbar{background:#0000001a}.WidgetTimePicker>.time-picker-container>.select-picker:hover::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.WidgetTimePicker>.time-picker-container>.select-picker>.time-item{width:100%;height:40px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.WidgetTimePicker>.time-picker-container>.select-picker>.time-item:hover{background-color:#f0f0f0}.WidgetTimePicker>.time-picker-container>.select-picker>.select-time{background-color:#e6f3ff;border-radius:4px;padding:10px;box-sizing:border-box}}@layer base{.WidgetFrame{--width: 400px;--height: 300px;--align-items: start;--justify-content: start}.WidgetFrame{display:flex;overflow:auto;align-items:var(--align-items);justify-content:var(--justify-content)}.WidgetFrame.unset>.Widget{left:unset;top:unset;position:relative}.WidgetFrame.fullScreen{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:99999;border-width:0}}@layer base{.WidgetWindow{--width: 800px;--height: 600px;--border-width: 0px}.WidgetWindow{left:unset;top:unset}}