.scx-context-menu{background:var(--scx-glass-bg);z-index:3000;box-shadow:var(--scx-box-shadow);max-height:500px;-webkit-backdrop-filter:var(--scx-glass-bg-filter);backdrop-filter:var(--scx-glass-bg-filter);box-sizing:border-box;border-radius:2px;width:max-content;margin:0;padding:3px;font-size:12px;font-weight:400;list-style-type:none;position:absolute;overflow:auto}@keyframes from-top{0%{opacity:0;transform:translateY(-10px)}}@keyframes from-bottom{0%{opacity:0;transform:translateY(10px)}}.scx-context-menu.top{animation:.2s cubic-bezier(.23,1,.32,1) from-top}.scx-context-menu.bottom{animation:.2s cubic-bezier(.23,1,.32,1) from-bottom}.scx-context-menu-item{cursor:pointer;margin:0;padding:7px 16px}.scx-context-menu-item:hover{background:var(--scx-theme);color:var(--scx-bg)}.scx-group{box-sizing:border-box;flex-direction:column;align-items:center;row-gap:10px;width:100%;padding:10px;display:flex;position:relative}.scx-group-item{box-sizing:border-box;border:1px dashed var(--scx-text-placeholder-color);background-color:var(--scx-theme-bg);width:100%;padding:10px;transition:transform .6s,opacity .6s;position:relative}.scx-group-item-operation{display:flex;position:absolute;top:0;right:0}.scx-group-item-operation .placeholder-button{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.scx-group-list-enter-from,.scx-group-list-leave-to{opacity:0;transform:scale(.98)}.scx-group-list-move .scx-group-list-move{transition:unset}.scx-icon{fill:currentColor;vertical-align:-.125em;pointer-events:none;flex-shrink:0;width:1em;height:1em;display:inline-block}.scx-input{background:var(--scx-input_bg);box-shadow:var(--scx-input_box-shadow);box-sizing:border-box;border-radius:16px;justify-content:space-between;align-self:center;align-items:center;padding-left:10px;padding-right:10px;transition:all .1s cubic-bezier(.23,1,.32,1);display:flex}.scx-input>input{background-color:#0000;border:0;outline:none;width:100%;height:30px;margin-left:10px;margin-right:10px;font-size:15px}.scx-input>input::placeholder{color:var(--scx-text-placeholder-color)}.scx-input>svg{cursor:pointer;flex-shrink:0;width:20px}.scx-input:focus-within{box-shadow:var(--scx-input-hover_box-shadow)}.scx-panel{background:var(--scx-glass-bg);-webkit-backdrop-filter:var(--scx-glass-bg-filter);backdrop-filter:var(--scx-glass-bg-filter);box-shadow:var(--scx-box-shadow-center);border-radius:4px;flex-direction:column;padding:10px;transition:background-color .25s cubic-bezier(.7,.3,.1,1);display:flex;overflow:hidden}.scx-panel-t_left-bottom-enter-active,.scx-panel-t_left-bottom-leave-active,.scx-panel-t_left-top-enter-active,.scx-panel-t_left-top-leave-active,.scx-panel-t_top-enter-active,.scx-panel-t_top-leave-active{opacity:1;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .1s cubic-bezier(.23,1,.32,1)}.scx-panel-t_left-top-enter-from,.scx-panel-t_left-top-leave-to,.scx-panel-t_left-bottom-enter-from,.scx-panel-t_left-bottom-leave-to,.scx-panel-t_top-enter-from,.scx-panel-t_top-leave-to{opacity:0;transform:scale(.95)}.scx-panel-t_left-bottom-enter-active,.scx-panel-t_left-bottom-leave-active{transform-origin:0 100%}.scx-panel-t_left-top-enter-active,.scx-panel-t_left-top-leave-active{transform-origin:0 0}.scx-panel-t_top-enter-active,.scx-panel-t_top-leave-active{transform-origin:top}.scx-panel-item{cursor:pointer;border:2px solid var(--scx-panel-item_border-color);box-sizing:border-box;background:var(--scx-panel-item_bg);border-radius:2px;flex-shrink:0;align-items:center;height:40px;padding-left:5px;padding-right:5px;transition:all .1s;display:flex}.scx-panel-item:hover,.scx-panel-item.active{background:var(--scx-panel-item_hover-bg);border:2px solid var(--scx-panel-item_hover-border-color);color:var(--scx-panel-item_hover-color)}.scx-panel-item>svg{fill:currentColor;flex-shrink:0;margin-left:10px;margin-right:10px}.scx-panel-item>span{white-space:nowrap;text-overflow:ellipsis;padding-right:5px;font-weight:600;overflow:hidden}.scx-progress{background-color:silver;border-radius:.25rem;height:1rem;font-size:.75rem;display:flex;overflow:hidden}.scx-progress-bar{color:#fff;text-align:right;white-space:nowrap;background-color:#0d6efd;background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;flex-direction:column;justify-content:center;transition:width .6s;animation:1s linear infinite scx-progress-bar-stripes;display:flex}.scx-progress-bar-text{margin:0 5px;font-weight:600}@keyframes scx-progress-bar-stripes{0%{background-position-x:1rem}}.scx-switch+.scx-switch{margin:2px}.scx-switch{vertical-align:middle;cursor:pointer;background:#00000040;border:none;border-radius:11px;width:44px;height:22px;padding:0;transition:background-color .15s,box-shadow .15s;position:relative}.scx-switch:hover{box-shadow:0 0 0 .1rem var(--scx-text-placeholder-color)}.scx-switch>.scx-switch-icon{z-index:1;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;transition:left .15s ease-in-out,width .2s ease-in-out,margin-left .2s ease-in-out;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00230b33}.scx-switch.scx-switch-checked{background:var(--scx-theme)}.scx-switch.scx-switch-checked>.scx-switch-icon{left:calc(100% - 20px)}.scx-switch.scx-switch-checked:active>.scx-switch-icon{width:22px;margin-left:-4px}.scx-switch:active>.scx-switch-icon{width:22px;margin-left:0}.scx-switch>.scx-switch-label{align-items:center;display:flex;position:absolute;top:2px;right:8px}.scx-switch.scx-switch-checked>.scx-switch-label{left:8px}.scx-switch:focus{outline:none}.scx-switch[disabled]{cursor:not-allowed;opacity:.4}.scx-switch.scx-switch-checked:active{animation:1.5s linear infinite scx-switch-close-tips}.scx-switch:active{animation:1.5s linear infinite scx-switch-open-tips}@keyframes scx-switch-close-tips{0%{box-shadow:0 0 0 .1rem #63acff80}50%{box-shadow:0 0 0 .2rem #ff266780}to{box-shadow:0 0 0 .1rem #63acff80}}@keyframes scx-switch-open-tips{0%{box-shadow:0 0 0 .1rem #63acff80}50%{box-shadow:0 0 0 .2rem #118d2f80}to{box-shadow:0 0 0 .1rem #63acff80}}.scx-upload{background:var(--scx-overlay-bg);border:3px dashed var(--scx-text-placeholder-color);border-radius:6px;width:150px;height:150px;transition:border .2s;position:relative;overflow:hidden}.scx-upload:hover{border-color:var(--scx-theme)}.scx-upload>.preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.scx-upload .preview-image{width:100%;min-width:50%;height:100%;min-height:50%}.scx-upload .preview-text{width:100%;height:100%;font-size:15px;display:flex;overflow:auto}.scx-upload .preview-text>div{word-break:break-all;margin:auto}.scx-upload .operation{width:100%;height:30px;display:flex;position:absolute;bottom:0}.scx-upload .operation>div,.scx-upload .operation>a{opacity:.5;cursor:pointer;color:#fff;height:100%;-webkit-text-decoration:unset;text-decoration:unset;flex:1 1 0;justify-content:center;align-items:center;font-weight:600;transition:opacity .2s ease-in-out;display:flex}.scx-upload .operation>div:hover,.scx-upload .operation>a:hover{opacity:1}.scx-upload .item-download{background:#44be16}.scx-upload .item-replace{background:#29aaf5}.scx-upload .item-delete{background:#f44336}.scx-upload>.no-preview{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;row-gap:10px;width:100%;height:100%;display:flex}.scx-upload>.no-preview>.scx-icon{fill:var(--scx-text-placeholder-color);pointer-events:none;flex-shrink:0;width:40px;height:40px}.scx-upload>.no-preview>span{color:var(--scx-text-placeholder-color);pointer-events:none;flex-shrink:0;font-size:20px;font-weight:600}.scx-upload>.no-preview.dragover:after{content:" ";background:var(--scx-theme-bg);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scx-upload>.progress-preview{width:100%;height:100%;position:absolute;top:0;left:0}.scx-upload>.progress{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#32323266;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scx-upload .temp-file-name{width:100%;height:100%;display:flex;overflow:auto}.scx-upload .temp-file-name>div{word-break:break-all;margin:auto}.scx-upload .progress-state{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;row-gap:5px;width:100%;padding:5px;font-weight:600;display:flex}.scx-upload .progress-state>.progress-state-text{flex-shrink:0;font-size:14px;font-weight:600}.scx-upload .progress-state>.scx-progress,.scx-upload-list{width:100%}.scx-upload-list>.scx-group{padding:0}.scx-upload-list .scx-group-item{border:1px solid var(--scx-theme);border-radius:4px;column-gap:10px;padding:5px;display:flex;overflow:hidden}.scx-upload-list .scx-group-item:hover{background:var(--scx-theme-secondary)}.scx-upload-list .upload-button{align-self:start}.scx-upload-list .preview-image{border:1px solid var(--scx-theme);box-sizing:border-box;border-radius:4px;flex-shrink:0;width:60px;height:60px}.scx-upload-list .preview-text{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;line-height:normal;display:flex;position:relative;overflow:hidden}.scx-upload-list .file-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 70px);color:var(--scx-theme);font-size:16px;font-weight:600;overflow:hidden}.scx-upload-list .preview-text>a{-webkit-text-decoration:unset;text-decoration:unset}.scx-upload-list .preview-text>a:hover{text-decoration:underline}.scx-upload-list .progress-state{align-items:center;column-gap:10px;width:100%;display:flex}.scx-upload-list .progress-state>.progress-state-text{flex-shrink:0;font-size:14px;font-weight:600}.scx-upload-list .progress-state>.scx-progress{width:100%}.scx-upload-list .item-info{white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;display:flex;overflow:auto hidden}