various-ui
Version:
This is a test version of the Vue 3 component library
1 lines • 55.7 kB
CSS
:root{--uicolor-main-color:#5449db;--uicolor-main-color-05:#a9a4ed;--uicolor-main-color-005:#f6f6fd;--uicolor-main-active-color:#5364e6;--uicolor-font-1:#404040;--uicolor-font-2:#848484;--uicolor-font-3:#999999;--uicolor-font-4:#c7c7c7;--uicolor-font-4-02:#f4f4f4;--uicolor-font-4-03:#eeeeee;--uicolor-font-4-05:#e3e3e3;--uicolor-font-5:#f8f8f8;--uicolor-font-6:#ffffff;--uicolor-font-6-03:rgba(255, 255, 255, 0.3);--uicolor-error:#cf2424;--uicolor-error-05:#e79191;--uicolor-error-005:#fdf4f4;--uicolor-error-active:#d13e3e;--uicolor-success:#00b137;--uicolor-success-05:#7fd89b;--uicolor-success-005:#f2fbf5;--uicolor-success-active:#13b345;--uicolor-warning:#ff9c00;--uicolor-warning-05:#ffcd7f;--uicolor-warning-005:#fffaf2;--uicolor-warning-active:#faa51c;--uicolor-mask:rgba(255, 255, 255, 0.8);--uicolor-full-mask:rgba(0, 0, 0, 0.75);--uicolor-box-shadow:0px 8px 16px 0px rgba(114, 41, 157, 0.08)}:root{--uisize-font-spacing:8px;--uisize-font-size:14px;--uisize-model-spacing-x:112px;--uisize-model-spacing-y:68px;--uisize-spacing-x:16px;--uisize-spacing-y:16px;--uisize-radius:4px;--uisize-size:40px}:root{--uioption-font-active-color:var(--uicolor-main-color);--uioption-font-color:var(--uicolor-font-2);--uioption-form-color:var(--uicolor-font-4);--uioption-form-radius:var(--uisize-radius);--uioption-form-spacing-x:var(--uisize-spacing-x);--uioption-form-font-size:var(--uisize-font-size);--uioption-form-font-color:var(--uioption-font-color);--uioption-form-message-color:var(--uicolor-font-2);--uioption-form-candidate-color:var(--uicolor-font-2);--uioption-form-background-color:var(--uicolor-font-6);--uioption-form-placeholder-color:var(--uicolor-font-3);--uioption-form-candidate-spacing-x:var(--uisize-spacing-x);--uioption-form-candidate-box-shadow:var(--uicolor-box-shadow);--uioption-form-candidate-background-color:var(--uicolor-font-6);--uioption-form-active-color:var(--uicolor-main-color);--uioption-form-active-font-color:var(--uioption-font-active-color);--uioption-form-candidate-active-color:var(--uicolor-main-active-color);--uioption-form-candidate-active-background-color:var(--uicolor-main-color-005);--uioption-scrollbar-color:var(--uicolor-font-4);--uioption-scrollbar-active-color:var(--uicolor-font-3);--uioption-scrollbar-background-color:var(--uicolor-font-4-02)}:root .ui-middle{--uisize-size:48px}:root .ui-large{--uisize-size:56px}:root .ui-small{--uisize-size:32px;--uisize-font-size:12px}:root .ui-error-type{--uioption-form-message-color:var(--uicolor-error);--uioption-form-active-color:var(--uicolor-error-active);--uioption-form-color:var(--uicolor-error)}:root .ui-warning-type{--uioption-form-message-color:var(--uicolor-warning);--uioption-form-active-color:var(--uicolor-warning-active);--uioption-form-color:var(--uicolor-warning)}:root .ui-success-type{--uioption-form-message-color:var(--uicolor-success);--uioption-form-active-color:var(--uicolor-success-active);--uioption-form-color:var(--uicolor-success)}:root .ui-disabled-status{--uioption-form-color:var(--uicolor-font-4-03);--uioption-form-active-color:var(--uicolor-font-4-03);--uioption-form-background-color:var(--uicolor-font-4-03)}:root .ui-readonly-status{--uioption-form-color:var(--uicolor-font-4-03);--uioption-form-active-color:var(--uicolor-font-4-03);--uioption-form-background-color:var(--uicolor-font-4-03)}*{box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{border:2px solid var(--uicolor-font-4-05);cursor:pointer;background-color:#fff}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background-color:var(--uicolor-font-4-05)}::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none}body{color:var(--uioption-font-color);font-size:var(--uisize-font-size);line-height:calc(var(--uisize-font-size) + var(--uisize-font-spacing) * 2);margin:0}a{color:inherit;transition:all .2s;font-family:inherit;text-decoration:none;background-color:transparent}a:hover{color:var(--uioption-font-active-color)}main{display:block}h1,h2,h3,h4,h5,h6{font-size:1em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{display:block;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;line-height:calc(var(--uisize-font-size) + var(--uisize-font-spacing) * 2);background:0 0;font-size:1em;outline:0;margin:0;border:0}button{overflow:visible}input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button;-moz-appearance:button;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}p{border:0;margin:0;padding:0}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[v-cloak]{display:none}@keyframes uiRotateAnimation{from{transform:rotate(0)}to{transform:rotate(360deg)}}#ui-messages{top:0;left:0;width:100%;z-index:6666;display:flex;position:absolute;flex-direction:column}.ui-relative{position:relative;z-index:1}.ui-form-control{background-color:var(--uioption-form-background-color);border-radius:var(--uioption-form-radius);transition:all .3s;font-size:var(--uioption-form-font-size);position:relative;padding:0 var(--uioption-form-spacing-x);border:1px solid var(--uioption-form-color);height:var(--uisize-size);width:100%;color:var(--uioption-form-font-color)}.ui-form-control:focus,.ui-form-control:hover{border-color:var(--uioption-form-active-color)}.ui-form-selector .ui-form-control{border-color:var(--uioption-form-active-color)}.ui-form-clearable{transition:all .3s;transform:translate(0,-50%);font-size:24px;position:absolute;cursor:pointer;color:var(--uioption-form-font-color);right:var(--uioption-form-spacing-x);top:50%}.ui-form-clearable:hover{color:var(--uioption-form-active-font-color)}.ui-form-candidates{background-color:var(--uioption-form-candidate-background-color);transform-origin:center top;border-radius:var(--uioption-form-radius);box-shadow:var(--uioption-form-candidate-box-shadow);position:absolute;border:1px solid var(--uicolor-font-4-05);left:0;top:0}.ui-form-candidates>.ui-form-candidates-triangle{position:absolute;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--uioption-form-candidate-background-color)}.ui-form-candidates>.ui-form-candidate-container{height:100%;overflow:hidden}.ui-form-candidates>.ui-form-candidate-container>.ui-form-candidate-content{overflow-y:auto;padding:8px 0}.ui-form-candidates>.ui-form-candidate-container>.ui-form-candidate-content>.ui-form-candidate{cursor:pointer;height:var(--uisize-size);padding:0 var(--uioption-form-candidate-spacing-x);overflow:hidden;transition:all .3s;white-space:nowrap;line-height:var(--uisize-size);text-overflow:ellipsis}.ui-form-candidates>.ui-form-candidate-container>.ui-form-candidate-content>.ui-form-candidate.ui-active,.ui-form-candidates>.ui-form-candidate-container>.ui-form-candidate-content>.ui-form-candidate:hover{background:var(--uioption-form-candidate-active-background-color);color:var(--uioption-form-candidate-active-color)}.ui-form-candidates>.ui-form-candidate-container>.ui-form-candidate-content::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px}.ui-form-candidates.ui-form-candidates-detach{top:calc(100% + 8px)}.ui-mask{background-color:var(--uicolor-mask);justify-content:center;border-radius:var(--uisize-radius);align-items:center;transition:all .3s;position:absolute;z-index:6666;display:flex;bottom:0;right:0;left:0;top:0}.ui-mask .ui-mask-icon{animation:uiRotateAnimation 1s linear infinite}.ui-mask .ui-mask-context{margin-top:4px}.ui-mask.v-enter-from,.ui-mask.v-leave-to{opacity:0}.ui-mask.v-enter-to,.ui-mask.v-leave-from{opacity:1}.ui-loading .ui-loading-icon{font-size:20px}.ui-loading.ui-fixed-loading .ui-loading-icon{font-size:36px}.ui-loading.ui-fixed-loading .ui-loading-content{margin:8px 0 0;font-size:20px;font-weight:700}.ui-loading.ui-fixed-loading,.ui-loading.ui-fixed-loading.ui-mask{position:fixed;flex-direction:column}.ui-tooltip{--uioption-tooltip-radius:var(--uisize-radius);--uioption-tooltip-spacing-x:var(--uisize-spacing-x);--uioption-tooltip-spacing-y:calc(var(--uisize-spacing-y) / 2);--uioption-tooltip-box-shadow:var(--uicolor-box-shadow);--uioption-tooltip-background-color:var(--uicolor-font-6)}.ui-tooltip{background-color:var(--uioption-tooltip-background-color);border-radius:var(--uioption-tooltip-radius);white-space:nowrap;box-shadow:var(--uioption-tooltip-box-shadow);position:absolute;padding:var(--uioption-tooltip-spacing-y) var(--uioption-tooltip-spacing-x);border:1px solid var(--uicolor-font-4-03);left:0;top:0}.ui-tooltip .ui-tooltip-triangle{position:absolute;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--uicolor-font-4-03)}.ui-tooltip .ui-tooltip-triangle::before{top:0;left:-1px;content:"";position:absolute;transform:translate(-100%,-50%);border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--uioption-tooltip-background-color)}.ui-tooltip .ui-tooltip-content{height:100%;overflow:hidden auto}.ui-tooltip-container{display:inline-block;vertical-align:baseline}.ui-scrollbar-container{position:absolute;border-radius:9999px;background-color:var(--uioption-scrollbar-background-color)}.ui-scrollbar-container .ui-scrollbar-bar{cursor:pointer;transition:all .3s;background:var(--uioption-scrollbar-color);border-radius:9999px}.ui-scrollbar-container .ui-scrollbar-bar:hover{background:var(--uioption-scrollbar-active-color)}.ui-scrollbar-container.ui-scrollbar-level{left:0;right:0;bottom:0;height:6px}.ui-scrollbar-container.ui-scrollbar-level .ui-scrollbar-bar{height:100%}.ui-scrollbar-container.ui-scrollbar-vertical{top:0;width:6px;right:0;bottom:0}.ui-scrollbar-container.ui-scrollbar-vertical .ui-scrollbar-bar{width:100%}.ui-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.ui-button{--uioption-button-size:var(--uisize-size);--uioption-button-width:auto;--uioption-button-color:var(--uicolor-main-color);--uioption-button-radius:var(--uisize-radius);--uioption-button-spacing-x:var(--uisize-spacing-x);--uioption-button-font-color:var(--uicolor-font-6);--uioption-button-active-color:var(--uicolor-main-active-color);--uioption-button-disabled-color:var(--uicolor-main-color-05);--uioption-button-readonly-color:var(--uicolor-font-4-02)}.ui-button{display:inline-block;position:relative;border-radius:var(--uioption-button-radius);vertical-align:top}.ui-button .ui-button-main{color:var(--uioption-button-font-color);cursor:pointer;border:1px solid var(--uioption-button-color);height:var(--uioption-button-size);display:flex;padding:0 var(--uioption-button-spacing-x);font-size:var(--uisize-font-size);min-width:var(--uioption-button-width);transition:all .2s;align-items:center;justify-content:center;border-radius:var(--uioption-button-radius);background-color:var(--uioption-button-color)}.ui-button .ui-button-main:hover{background-color:var(--uioption-button-active-color)}.ui-button .ui-mask{font-size:24px}.ui-button.ui-button-simple .ui-button-main{background-color:#fff;color:var(--uioption-button-color)}.ui-button.ui-button-simple .ui-button-main:focus,.ui-button.ui-button-simple .ui-button-main:hover{background-color:var(--uioption-button-color);color:var(--uioption-button-font-color)}.ui-button.ui-middle{--uioption-button-width:128px}.ui-button.ui-large{--uioption-button-width:152px}.ui-button.ui-error-type{--uioption-button-color:var(--uicolor-error);--uioption-button-active-color:var(--uicolor-error-active);--uioption-button-disabled-color:var(--uicolor-error-05)}.ui-button.ui-warning-type{--uioption-button-color:var(--uicolor-warning);--uioption-button-active-color:var(--uicolor-warning-active);--uioption-button-disabled-color:var(--uicolor-warning-05)}.ui-button.ui-success-type{--uioption-button-color:var(--uicolor-success);--uioption-button-active-color:var(--uicolor-success-active);--uioption-button-disabled-color:var(--uicolor-success-05)}.ui-button.ui-disabled-status{--uioption-button-color:var(--uioption-button-disabled-color);--uioption-button-active-color:var(--uioption-button-disabled-color)}.ui-button.ui-disabled-status .ui-button-main{cursor:auto}.ui-button.ui-readonly-status{--uioption-button-color:var(--uioption-button-readonly-color);--uioption-button-font-color:var(--uicolor-font-3);--uioption-button-active-color:var(--uioption-button-readonly-color)}.ui-button.ui-readonly-status .ui-button-main{cursor:auto}.ui-button.ui-button-simple.ui-disabled-status{--uioption-button-color:var(--uioption-button-readonly-color);--uioption-button-font-color:var(--uicolor-font-3)}.ui-button.ui-button-simple.ui-disabled-status .ui-button-main,.ui-button.ui-button-simple.ui-readonly-status .ui-button-main{background-color:var(--uioption-button-color);border-color:var(--uioption-button-color);color:var(--uioption-button-font-color)}.ui-message{--uioption-message-radius:var(--uisize-radius);--uioption-message-spacing-x:var(--uisize-spacing-x);--uioption-message-spacing-y:calc(var(--uisize-spacing-y) / 2);--uioption-message-icon-color:var(--uicolor-main-color);--uioption-message-box-shadow:var(--uicolor-box-shadow);--uioption-message-background-color:var(--uicolor-main-color-005)}.ui-message{display:flex;padding:var(--uioption-message-spacing-y) var(--uioption-message-spacing-x);transition:all .3s;box-shadow:var(--uioption-message-box-shadow);align-items:flex-start;border-radius:var(--uioption-message-radius);background-color:var(--uioption-message-background-color)}.ui-message .ui-message-icon{color:#fff;margin:5px 8px 0 0;font-size:20px;border-radius:50%;background-color:var(--uioption-message-icon-color)}.ui-message .ui-message-content{flex:1}.ui-message.v-enter-from,.ui-message.v-leave-to{opacity:0;transform:translateY(0)!important}.ui-message.v-enter-to,.ui-message.v-leave-from{opacity:1}.ui-message.ui-error-type{--uioption-message-icon-color:var(--uicolor-error);--uioption-message-background-color:var(--uicolor-error-005)}.ui-message.ui-warning-type{--uioption-message-icon-color:var(--uicolor-warning);--uioption-message-background-color:var(--uicolor-warning-005)}.ui-message.ui-success-type{--uioption-message-icon-color:var(--uicolor-success);--uioption-message-background-color:var(--uicolor-success-005)}.ui-form-item>.ui-form-container{position:relative}.ui-form-item>.ui-form-container>.ui-form-message{transition:all .2s;transform:translateY(100%);font-size:14px;position:absolute;bottom:0;color:var(--uioption-form-message-color);left:0}.ui-form-item>.ui-form-container>.ui-form-message.v-enter-from,.ui-form-item>.ui-form-container>.ui-form-message.v-leave-to{opacity:0;transform:translateY(50%)}.ui-form-item>.ui-form-container>.ui-form-message.v-enter-to,.ui-form-item>.ui-form-container>.ui-form-message.v-leave-from{opacity:1;transform:translateY(100%)}.ui-form-item.ui-form-row{display:flex;align-items:center}.ui-form-item.ui-form-row>.ui-form-name{margin:0 8px 0 0}.ui-form-item.ui-form-column>.ui-form-name{margin:0 0 8px}.ui-input{display:inline-block;position:relative}.ui-input .ui-mask{font-size:20px}.ui-input .ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-input .ui-form-control:focus::placeholder{color:transparent}.ui-input.ui-clearable .ui-form-control{padding:0 32px 0 var(--uioption-form-spacing-x)}.ui-input.ui-disabled-status .ui-form-control{cursor:auto}.ui-input.ui-readonly-status .ui-form-control:focus::placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input{--uioption-steps-spacing:16px}.ui-steps-input{display:flex;align-items:center}.ui-steps-input .ui-steps-container{display:flex;align-items:center}.ui-steps-input .ui-steps-container .ui-steps-control{flex:1;padding:0 var(--uioption-steps-spacing);border-right:0;border-radius:var(--uioption-form-radius) 0 0 var(--uioption-form-radius)}.ui-steps-input .ui-steps-container .ui-steps-number{padding:0 4px;border-radius:0 var(--uioption-form-radius) var(--uioption-form-radius) 0}.ui-steps-input .ui-steps-container .ui-form-control{text-align:center}.ui-steps-input .ui-steps-container .ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-steps-input .ui-steps-container .ui-form-control::-webkit-inner-spin-button,.ui-steps-input .ui-steps-container .ui-form-control::-webkit-outer-spin-button{appearance:none;margin:0}.ui-steps-input .ui-steps-rect{display:flex;align-items:center;justify-content:center}.ui-steps-input .ui-steps-rect::before{width:12px;height:2px;display:block;content:"";background-color:var(--uicolor-font-1)}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container .ui-form-control:focus::placeholder{color:transparent}.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container.ui-active,.ui-steps-input:not(.ui-disabled-status):not(.ui-readonly-status) .ui-steps-container:hover{--uioption-form-color:var(--uicolor-font-2)}.ui-scope-input{--uioption-scope-input-spacing-x:var(--uisize-spacing-x);--uioption-scope-input-line-color:var(--uicolor-font-4);--uioption-scope-input-active-border-color:var(--uioption-form-active-color)}.ui-scope-input{position:relative}.ui-scope-input .ui-form-control{padding:0;display:inline-flex;align-items:center;justify-content:space-between}.ui-scope-input .ui-form-control:focus,.ui-scope-input .ui-form-control:hover{border-color:var(--uioption-scope-input-active-border-color)}.ui-scope-input .ui-scope-input-control{flex-shrink:1;padding:0 var(--uioption-scope-input-spacing-x);width:45%;height:100%;text-align:center;background:0 0}.ui-scope-input .ui-scope-input-control::-webkit-inner-spin-button,.ui-scope-input .ui-scope-input-control::-webkit-outer-spin-button{-webkit-appearance:none!important}.ui-scope-input .ui-scope-input-control[type=number]{appearance:textfield}.ui-scope-input .ui-scope-input-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-scope-input .ui-scope-input-control:focus::placeholder{color:transparent}.ui-scope-input .ui-scope-input-line{flex-shrink:0;width:5%;height:2px;background:var(--uioption-scope-input-line-color)}.ui-scope-input.ui-disabled-status .ui-scope-input-control{color:var(--uioption-form-placeholder-color);cursor:auto}.ui-scope-input.ui-readonly-status .ui-scope-input-control{color:var(--uioption-form-placeholder-color)}.ui-scope-input.ui-readonly-status .ui-scope-input-control:focus::placeholder{color:var(--uioption-form-placeholder-color)}.ui-scope-input.ui-active .ui-form-control{border-color:var(--uioption-scope-input-active-border-color)}.ui-select{display:inline-block;position:relative}.ui-select .ui-mask{font-size:20px}.ui-select .ui-form-control{cursor:pointer;padding-right:calc(var(--uioption-form-spacing-x) + 24px)}.ui-select .ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-select .ui-form-control:focus::placeholder{color:var(--uioption-form-placeholder-color)}.ui-select .ui-select-arrow{top:50%;right:var(--uioption-form-spacing-x);cursor:pointer;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s}.ui-select .ui-form-clearable{top:50%;right:calc(var(--uioption-form-spacing-x) + 20px)}.ui-select.ui-clearable .ui-form-control{padding-right:calc(var(--uioption-form-spacing-x) + 48px)}.ui-select.ui-form-selector .ui-select-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-select.ui-disabled-status .ui-form-control,.ui-select.ui-disabled-status .ui-select-arrow{cursor:auto}.ui-select.ui-readonly-status .ui-form-control,.ui-select.ui-readonly-status .ui-select-arrow{cursor:auto}.ui-region-selector{position:relative;background-color:var(--uioption-form-background-color)}.ui-region-selector .ui-mask{font-size:20px}.ui-region-selector .ui-form-control{cursor:pointer}.ui-region-selector .ui-form-control input{width:100%;color:transparent;height:100%}.ui-region-selector .ui-region-selector-arrow{top:50%;right:var(--uioption-form-spacing-x);cursor:pointer;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s}.ui-region-selector .ui-region-selector-content{top:50%;left:var(--uioption-form-spacing-x);right:calc(var(--uioption-form-spacing-x) + 24px);cursor:pointer;overflow:hidden;position:absolute;transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis}.ui-region-selector .ui-region-selector-content .ui-region-selector-division{width:8px;height:1px;margin:0 4px;background-color:var(--uicolor-font-2)}.ui-region-selector .ui-region-selector-content .ui-region-selector-context.ui-active{color:var(--uicolor-main-color)}.ui-region-selector.ui-form-selector .ui-region-selector-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-region-selector.ui-disabled-status .ui-form-control,.ui-region-selector.ui-disabled-status .ui-region-selector-arrow{cursor:auto}.ui-region-selector.ui-readonly-status .ui-form-control,.ui-region-selector.ui-readonly-status .ui-region-selector-arrow{cursor:auto}.ui-time-picker{cursor:pointer;position:relative}.ui-time-picker .ui-form-control{display:flex;align-items:center}.ui-time-picker .ui-form-control .ui-time-context{flex:1;width:0;color:var(--uioption-form-font-color);cursor:pointer;border:0;padding:0;text-align:center}.ui-time-picker .ui-form-control .ui-time-rect{width:16px;height:2px;margin:0 var(--uisize-spacing-x);background-color:var(--uicolor-font-2)}.ui-time-picker .ui-form-candidates.ui-form-candidates-detach{left:50%;transform:translateX(-50%)}.ui-time-picker.ui-active .ui-form-control,.ui-time-picker:hover .ui-form-control{border-color:var(--uioption-form-active-color)}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates{display:flex;padding:var(--uisize-spacing-y) var(--uisize-spacing-x)}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate{text-align:center}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-name{margin-bottom:4px}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls{border:1px solid var(--uicolor-font-4);display:flex;position:relative;border-radius:2px}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls .ui-simplebar-content{padding:90px 0}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls .ui-simplebar-content .ui-candidate{width:48px;cursor:pointer;font-size:12px}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls .ui-simplebar-content .ui-candidate:hover{background-color:var(--uicolor-font-5)}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls .ui-simplebar-content .ui-candidate.ui-active{color:var(--uicolor-font-1);font-weight:700}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-candidate-controls .ui-candidate-division{top:50%;left:10%;width:80%;height:28px;border:solid var(--uicolor-font-4);z-index:1;position:absolute;transform:translateY(-50%);border-width:1px 0 1px 0}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-simplebar-slideway{width:8px;background-color:var(--uicolor-font-4-05)}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate .ui-simplebar-slideway .ui-simplebar-bar{border-radius:9999px;border-color:var(--uicolor-font-4-05)}.ui-form-candidates .ui-form-candidate-container .ui-time-picker-candidates .ui-time-picker-candidate:not(:first-child){margin-left:8px}.ui-date-picker{position:relative}.ui-date-picker .ui-date-picker-icons{top:50%;right:var(--uioption-form-spacing-x);cursor:text;position:absolute;font-size:20px;transform:translate(0,-50%);transition:all .3s;transform-origin:center}.ui-date-picker .ui-date-picker-icons.ui-date-picker-clearable{cursor:pointer;transform:translate(0,-50%) scale(0);border-radius:50%}.ui-date-picker .ui-date-picker-icons.ui-date-picker-clearable:hover{color:#fff;background-color:var(--uicolor-main-color)}.ui-date-picker .ui-form-candidates.ui-form-candidates-detach{left:50%;transform:translateX(-50%)}.ui-date-picker.ui-clearable:hover .ui-date-picker-icons.ui-date-picker-arrow{transform:translate(0,-50%) scale(0)}.ui-date-picker.ui-clearable:hover .ui-date-picker-icons.ui-date-picker-clearable{transform:translate(0,-50%) scale(1)}.ui-date-picker.ui-active .ui-form-control,.ui-date-picker:hover .ui-form-control{border-color:var(--uioption-form-active-color)}.ui-date-picker.ui-active .ui-date-picker-icons.ui-date-picker-arrow{transform:translate(0,-50%) rotate(180deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header{height:40px;display:flex;padding:0 calc(var(--uioption-form-spacing-x) - 2px);border-bottom:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls{display:flex}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls .ui-date-picker-candidate-control{cursor:pointer;display:flex;padding:0 4px;font-size:18px;-webkit-user-select:none;user-select:none;align-items:center;transition:color .5s}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls .ui-date-picker-candidate-control:hover{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-left-controls .ui-date-picker-candidate-month-control{transform:rotate(90deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-right-controls .ui-date-picker-candidate-year-control{transform:rotate(180deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-controls.ui-date-picker-candidate-right-controls .ui-date-picker-candidate-month-control{transform:rotate(-90deg)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context{flex:1;display:flex;align-items:center;justify-content:center}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context>*{color:var(--uicolor-font-1);transition:color .3s;font-weight:700}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-header .ui-date-picker-candidate-context>.ui-date-picker-candidate-month:not(:first-child){margin-left:8px}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content{padding:16px var(--uioption-form-spacing-x)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-picker-candidate{display:flex;align-items:center;justify-content:center}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-picker-candidate.ui-readonly-status{color:var(--uicolor-font-4)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-header{display:flex}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container{display:flex;flex-wrap:wrap}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate{cursor:pointer;transition:background-color .5s;-webkit-user-select:none;user-select:none;border-radius:var(--uisize-radius)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate:hover{background-color:var(--uicolor-font-5)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate.ui-active{color:#fff;background-color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container .ui-picker-candidate.ui-disabled-status{cursor:no-drop;color:var(--uicolor-font-4);background-color:var(--uioption-form-background-color)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-header .ui-date-picker-candidate-context:hover{cursor:pointer}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-header .ui-date-picker-candidate-context:hover>*{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content{width:calc((var(--uioption-form-spacing-x) * 2) + 276px)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate{width:36px;height:36px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate:not(:nth-child(7n+1)){margin-left:4px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-date .ui-date-picker-candidate-content .ui-picker-candidate:nth-child(n+8){margin-top:4px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content{width:calc((var(--uioption-form-spacing-x) * 2) + (80px * 3) + 16px)}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-date-picker-candidate-content-container{justify-content:space-between}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-picker-candidate{width:80px;height:36px}.ui-form-candidates .ui-date-picker-candidate.ui-picker-month .ui-date-picker-candidate-content .ui-picker-candidate:nth-child(n+4){margin-top:8px}.ui-date-range-picker{cursor:pointer;position:relative}.ui-date-range-picker .ui-form-control{display:flex;align-items:center}.ui-date-range-picker .ui-form-control .ui-date-range-context{flex:1;width:0;color:var(--uioption-form-font-color);cursor:pointer;border:0;padding:0;text-align:center}.ui-date-range-picker .ui-form-control .ui-date-range-rect{width:16px;height:2px;margin:0 var(--uisize-spacing-x);background-color:var(--uicolor-font-2)}.ui-date-range-picker .ui-form-candidates.ui-form-candidates-detach{left:50%;transform:translateX(-50%)}.ui-date-range-picker.ui-active .ui-form-control,.ui-date-range-picker:hover .ui-form-control{border-color:var(--uioption-form-active-color)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header{height:40px;display:flex;padding:0 var(--uisize-spacing-x);border-bottom:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-context{flex:1;color:var(--uicolor-font-1);display:flex;transition:color .3s;align-items:center;font-weight:700;justify-content:center}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-context>span:not(:first-child){margin-left:8px}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-context.ui-candidates-selector{cursor:pointer}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-context.ui-candidates-selector:hover{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls{display:flex}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls .ui-candidates-control{cursor:pointer;display:flex;padding:0 4px;font-size:18px;-webkit-user-select:none;user-select:none;align-items:center;transition:color .5s}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls .ui-candidates-control:hover{color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls.ui-candidates-left .ui-candidates-month{transform:rotate(90deg)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls.ui-candidates-right .ui-candidates-year{transform:rotate(180deg)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-header .ui-candidates-controls.ui-candidates-right .ui-candidates-month{transform:rotate(-90deg)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidates-footer{padding:8px var(--uisize-spacing-x);text-align:right;border-top:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate,.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate-context{display:flex;align-items:center;justify-content:center}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate{cursor:pointer;transition:background-color .5s;-webkit-user-select:none;user-select:none;border-radius:var(--uisize-radius)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate:hover{background-color:var(--uicolor-font-5)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate.ui-active{color:#fff;background-color:var(--uicolor-main-color)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate.ui-other-status{color:var(--uicolor-font-4)}.ui-form-candidates .ui-date-range-picker-candidate .ui-candidate.ui-contain-status{background-color:var(--uicolor-main-color-005)}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidate-modules{display:flex}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidate-modules .ui-candidate-module:not(:first-child){border-left:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidates-times{display:flex;text-align:center}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidates-times>.ui-candidates-time{width:56px;padding:4px}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidates-times>.ui-candidates-time .ui-simplebar-slideway{width:8px;background-color:var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidates-times>.ui-candidates-time .ui-simplebar-slideway .ui-simplebar-bar{border-radius:9999px;border-color:var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-time .ui-candidates-times>.ui-candidates-time:not(:first-child){border-left:1px solid var(--uicolor-font-4-05)}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date{width:calc((var(--uisize-spacing-x) * 2) + 276px);display:flex;padding:var(--uisize-spacing-y) var(--uisize-spacing-x);flex-wrap:wrap}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate,.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate-context{width:36px;height:36px}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate-context:not(:nth-child(7n+1)),.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate:not(:nth-child(7n+1)){margin-left:4px}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate-context:nth-child(n+8),.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-date .ui-candidates-date .ui-candidate:nth-child(n+8){margin-top:4px}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-month .ui-candidates-month{width:calc((var(--uisize-spacing-x) * 2) + (80px * 3) + 16px);display:flex;padding:var(--uisize-spacing-y) var(--uisize-spacing-x);flex-wrap:wrap;justify-content:space-between}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-month .ui-candidates-month .ui-candidate{width:80px;height:36px}.ui-form-candidates .ui-date-range-picker-candidate.ui-picker-month .ui-candidates-month .ui-candidate:nth-child(n+4){margin-top:8px}.ui-checkbox{--uioption-checkbox-border-color:var(--uicolor-font-4);--uioption-checkbox-background-color:var(--uicolor-font-6);--uioption-checkbox-active-border-color:var(--uicolor-main-color);--uioption-checkbox-active-background-color:var(--uicolor-main-color);--uioption-checkbox-disabled-border-color:var(--uicolor-font-4);--uioption-checkbox-disabled-background-color:var(--uicolor-font-4)}.ui-checkbox{cursor:pointer;display:inline-flex;align-items:center;vertical-align:bottom}.ui-checkbox>.ui-checkbox-control{width:20px;height:20px;border:1px solid var(--uioption-checkbox-border-color);position:relative;transition:all .3s;border-radius:2px;background-color:var(--uioption-checkbox-background-color)}.ui-checkbox>.ui-checkbox-control .ui-checkbox-input{width:0;height:0;opacity:0}.ui-checkbox>.ui-checkbox-control .ui-checkbox-icon{transition:all .3s;font-size:20px;position:absolute;opacity:0;color:#fff;left:-1px;top:-1px}.ui-checkbox>.ui-checkbox-content{margin:0 0 0 8px}.ui-checkbox.ui-active>.ui-checkbox-control{border-color:var(--uioption-checkbox-active-border-color);background-color:var(--uioption-checkbox-active-background-color)}.ui-checkbox.ui-active>.ui-checkbox-control .ui-checkbox-icon{opacity:1}.ui-checkbox.ui-disabled-status{cursor:auto}.ui-checkbox.ui-disabled-status>.ui-checkbox-control{border-color:var(--uioption-checkbox-disabled-border-color);background-color:var(--uioption-checkbox-disabled-background-color)}.ui-carousel{--uioption-carousel-indicator-color:var(--uicolor-font-2);--uioption-carousel-control-icon-color:var(--uicolor-font-6);--uioption-carousel-control-border-color:var(--uicolor-font-6);--uioption-carousel-control-background-color:var(--uicolor-font-6-03);--uioption-carousel-indicator-active-color:var(--uicolor-main-color);--uioption-carousel-control-active-icon-color:var(--uicolor-main-color);--uioption-carousel-control-active-border-color:var(--uicolor-font-6);--uioption-carousel-control-active-background-color:var(--uicolor-font-6)}.ui-carousel{position:relative}.ui-carousel>.ui-carousel-control{justify-content:center;border-radius:50%;align-items:center;background:var(--uioption-carousel-control-background-color);transition:all .3s ease-in-out;transform:translate(0,-50%);font-size:20px;position:absolute;display:flex;opacity:0;border:1px solid var(--uioption-carousel-control-border-color);cursor:pointer;height:48px;color:var(--uioption-carousel-control-icon-color);width:48px}.ui-carousel>.ui-carousel-control.ui-carousel-left-control{top:50%;left:0}.ui-carousel>.ui-carousel-control.ui-carousel-left-control .ui-icon{transform:rotate(90deg)}.ui-carousel>.ui-carousel-control.ui-carousel-right-control{top:50%;right:0}.ui-carousel>.ui-carousel-control.ui-carousel-right-control .ui-icon{transform:rotate(-90deg)}.ui-carousel>.ui-carousel-schedules{align-items:center;transform:translateX(-50%);position:absolute;display:flex;bottom:20px;left:50%}.ui-carousel>.ui-carousel-schedules .ui-carousel-schedule{width:4px;height:5px;margin:0 16px;cursor:pointer;transition:all .3s ease-in-out;border-radius:9999px;background-color:var(--uioption-carousel-indicator-color)}.ui-carousel>.ui-carousel-schedules .ui-carousel-schedule.active{width:72px;background-color:var(--uioption-carousel-indicator-active-color)}.ui-carousel>.ui-carousel-main{width:100%;height:100%;overflow:hidden}.ui-carousel>.ui-carousel-main>.ui-carousel-container{width:100%;height:100%;position:relative}.ui-carousel>.ui-carousel-main>.ui-carousel-container>*{top:0;left:100%;width:100%;height:100%;position:absolute;transition:none!important}.ui-carousel>.ui-carousel-main>.ui-carousel-container>:nth-child(1){position:relative;transform:translateX(-100%)}.ui-carousel.ui-carousel-always .ui-carousel-control,.ui-carousel.ui-carousel-hover:hover .ui-carousel-control{opacity:1}.ui-carousel.ui-carousel-always .ui-carousel-control.ui-carousel-left-control,.ui-carousel.ui-carousel-hover:hover .ui-carousel-control.ui-carousel-left-control{transform:translate(100%,-50%)}.ui-carousel.ui-carousel-always .ui-carousel-control.ui-carousel-right-control,.ui-carousel.ui-carousel-hover:hover .ui-carousel-control.ui-carousel-right-control{transform:translate(-100%,-50%)}.ui-carousel.ui-carousel-always .ui-carousel-control:hover,.ui-carousel.ui-carousel-hover:hover .ui-carousel-control:hover{color:var(--uioption-carousel-control-active-icon-color);border-color:var(--uioption-carousel-control-active-border-color);background-color:var(--uioption-carousel-control-active-background-color)}.ui-carousel-seamless{position:relative;overflow:hidden;width:100%}.ui-carousel-seamless .ui-carousel-seamless-container{height:100%}.ui-carousel-seamless .ui-carousel-seamless-container .ui-carousel-seamless-content{position:absolute;display:flex;height:100%}.ui-carousel-seamless .ui-carousel-seamless-container .ui-carousel-seamless-copy-content{transform:translateX(100%)}.ui-mv-carousel{--uioption-mv-carousel-indicator-color:var(--uicolor-font-2);--uioption-mv-carousel-control-icon-color:var(--uicolor-font-6);--uioption-mv-carousel-control-border-color:var(--uicolor-font-6);--uioption-mv-carousel-control-background-color:var(--uicolor-font-6-03);--uioption-mv-carousel-indicator-active-color:var(--uicolor-main-color);--uioption-mv-carousel-control-active-icon-color:var(--uicolor-main-color);--uioption-mv-carousel-control-active-border-color:var(--uicolor-font-6);--uioption-mv-carousel-control-active-background-color:var(--uicolor-font-6)}.ui-mv-carousel{position:relative}.ui-mv-carousel>.ui-mv-carousel-main{width:100%;height:100%;overflow:hidden}.ui-mv-carousel>.ui-mv-carousel-main>.ui-mv-carousel-container{height:100%;display:inline-flex;position:relative}.ui-mv-carousel>.ui-mv-carousel-main>.ui-mv-carousel-container>*{transition:none!important}.ui-mv-carousel>.ui-mv-carousel-control{justify-content:center;border-radius:50%;align-items:center;background:var(--uioption-mv-carousel-control-background-color);transition:all .3s ease-in-out;transform:translate(0,-50%);font-size:20px;position:absolute;display:flex;opacity:0;border:1px solid var(--uioption-mv-carousel-control-border-color);cursor:pointer;height:48px;color:var(--uioption-mv-carousel-control-icon-color);width:48px}.ui-mv-carousel>.ui-mv-carousel-control.ui-mv-carousel-left-control{top:50%;left:0}.ui-mv-carousel>.ui-mv-carousel-control.ui-mv-carousel-left-control .ui-icon{transform:rotate(90deg)}.ui-mv-carousel>.ui-mv-carousel-control.ui-mv-carousel-right-control{top:50%;right:0}.ui-mv-carousel>.ui-mv-carousel-control.ui-mv-carousel-right-control .ui-icon{transform:rotate(-90deg)}.ui-mv-carousel.ui-mv-carousel-always>.ui-mv-carousel-control,.ui-mv-carousel.ui-mv-carousel-hover:hover>.ui-mv-carousel-control{opacity:1}.ui-mv-carousel.ui-mv-carousel-always>.ui-mv-carousel-control.ui-mv-carousel-left-control,.ui-mv-carousel.ui-mv-carousel-hover:hover>.ui-mv-carousel-control.ui-mv-carousel-left-control{transform:translate(100%,-50%)}.ui-mv-carousel.ui-mv-carousel-always>.ui-mv-carousel-control.ui-mv-carousel-right-control,.ui-mv-carousel.ui-mv-carousel-hover:hover>.ui-mv-carousel-control.ui-mv-carousel-right-control{transform:translate(-100%,-50%)}.ui-mv-carousel.ui-mv-carousel-always>.ui-mv-carousel-control:hover,.ui-mv-carousel.ui-mv-carousel-hover:hover>.ui-mv-carousel-control:hover{color:var(--uioption-mv-carousel-control-active-icon-color);border-color:var(--uioption-mv-carousel-control-active-border-color);background-color:var(--uioption-mv-carousel-control-active-background-color)}.ui-pagination{--uioption-pagination-color:var(--uioption-font-color);--uioption-pagination-radius:var(--uisize-radius);--uioption-pagination-background-color:var(--uicolor-font-5);--uioption-pagination-active-color:var(--uicolor-font-6);--uioption-pagination-active-background-color:var(--uicolor-main-color);--uioption-pagination-disabled-color:var(--uioption-font-color);--uioption-pagination-disabled-background-color:var(--uicolor-font-4-05)}.ui-pagination{width:100%;display:flex;align-items:center;justify-content:space-between}.ui-pagination .ui-pagination-controls{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.ui-pagination .ui-pagination-controls .ui-pagination-control{width:40px;color:var(--uioption-pagination-color);height:40px;margin:0 4px;cursor:pointer;display:flex;padding:0 2px;position:relative;align-items:center;border-radius:var(--uioption-pagination-radius);justify-content:center;background-color:var(--uioption-pagination-background-color)}.ui-pagination .ui-pagination-controls .ui-pagination-control.ui-active,.ui-pagination .ui-pagination-controls .ui-pagination-control:hover{color:var(--uioption-pagination-active-color);background-color:var(--uioption-pagination-active-background-color)}.ui-pagination .ui-pagination-controls .ui-pagination-control.ui-disabled-status{color:var(--uioption-pagination-disabled-color);cursor:auto;background-color:var(--uioption-pagination-disabled-background-color)}.ui-pagination .ui-pagination-controls .ui-pagination-control.ui-next .ui-icon{transform:rotate(90deg)}.ui-pagination .ui-pagination-controls .ui-pagination-control.ui-back .ui-icon{transform:rotate(-90deg)}.ui-textarea{--uioption-textarea-spacing-x:var(--uisize-spacing-x);--uioption-textarea-spacing-y:var(--uisize-spacing-y)}.ui-textarea{position:relative}.ui-textarea>.ui-form-control{resize:none;height:100%;display:block;overflow:visible;padding:var(--uioption-textarea-spacing-y) var(--uioption-textarea-spacing-x)}.ui-textarea>.ui-form-control::placeholder{color:var(--uioption-form-placeholder-color)}.ui-textarea>.ui-form-control:focus::placeholder{color:transparent}.ui-textarea>.ui-form-control::-webkit-scrollbar-track,.ui-textarea>.ui-form-control::-webkit-scrollbar-track-piece{border-radius:0 var(--uioption-form-radius) var(--uioption-form-radius) 0}.ui-textarea.ui-disabled-status>.ui-form-control{cursor:auto}.ui-textarea.ui-readonly-status>.ui-form-control:focus::placeholder{color:var(--uioption-form-placeholder-color)}.ui-textarea.ui-disabled-status>.ui-scrollbar-container,.ui-textarea.ui-loading-status>.ui-scrollbar-container{display:none}.ui-textarea.ui-disabled-status::after,.ui-textarea.ui-disabled-status::before,.ui-textarea.ui-loading-status::after,.ui-textarea.ui-loading-status::before,.ui-textarea.ui-readonly-status::after,.ui-textarea.ui-readonly-status::before{background-color:var(--uioption-form-background-color)}.ui-modal{--uioption-modal-icon-color:var(--uicolor-font-1);--uioption-modal-box-shadow:var(--uicolor-box-shadow);--uioption-modal-border-radius:8px;--uioption-modal-background-color:var(--uicolor-font-6);--uioption-modal-active-icon-color:var(--uicolor-main-color)}.ui-modal>.ui-modal-container{position:relative;transition:margin-top .5s;box-shadow:var(--uioption-modal-box-shadow);border-radius:var(--uioption-modal-border-radius);background-color:var(--uioption-modal-background-color)}.ui-modal>.ui-modal-container>.ui-modal-header{line-height:40px;font-weight:700;font-size:32px;position:relative;margin:0 0 28px}.ui-modal>.ui-modal-container>.ui-modal-close{transition:all .3s;font-size:48px;position:absolute;cursor:pointer;right:20px;color:var(--uioption-modal-icon-color);top:20px}.ui-modal>.ui-modal-container>.ui-modal-close:hover{color:var(--uioption-modal-active-icon-color)}.ui-modal,.ui-modal.ui-mask{position:fixed;overflow-y:auto;background-color:var(--uicolor-full-mask)}.ui-modal-aside{--uioption-modal-aside-icon-color:var(--uicolor-font-1);--uioption-modal-aside-box-shadow:var(--uicolor-box-shadow);--uioption-modal-aside-background-color:var(--uicolor-font-6);--uioption-modal-aside-active-icon-color:var(--uicolor-main-color)}.ui-modal-aside>.ui-modal-container{overflow:auto;position:absolute;box-shadow:var(--uioption-modal-aside-box-shadow);background-color:var(--uioption-modal-aside-background-color)}.ui-modal-aside>.ui-modal-container .ui-modal-close{background-color:#fff;text-align:right;position:sticky;padding:16px 16px 0 0;top:0}.ui-modal-aside>.ui-modal-container .ui-modal-close .ui-icon{transition:all .3s;cursor:pointer;color:var(--uioption-modal-aside-icon-color)}.ui-modal-aside>.ui-modal-container .ui-modal-close .ui-icon:hover{color:var(--uioption-modal-aside-active-icon-color)}.ui-modal-aside,.ui-modal-aside.ui-mask{position:fixed;overflow:hidden;background-color:var(--uicolor-full-mask)}.ui-table2{--ui-table2-icon-color:var(--uicolor-font-2);--ui-table2-body-border:var(--uicolor-font-4-05);--ui-table2-header-