.os-upload{overflow:hidden;font-size:var(--os-upload-font-size)}.os-upload input[type=file]{display:none;opacity:0}.os-upload .os-upload-tip{font-size:var(--os-upload-tip-font-size);color:var(--os-upload-tip-color)}.os-upload-input{--os-upload-hover-border-color: var(--os-color-neutral-4);cursor:pointer;position:relative;display:flex;color:var(--os-upload-color);border-radius:var(--os-upload-border-radius);padding:.6em 1em;height:2.2em;background-color:transparent;border:1px solid;border-color:var(--os-upload-border-color);background-color:var(--os-upload-background-color);justify-content:space-between;align-items:center}.is-disabled .os-upload-input{background-color:var(--os-upload-disabled-background-color)}.os-upload-input:hover{border-color:var(--os-upload-hover-border-color)}.os-upload-input .os-bd{flex:1;padding:0 .4em;width:100%}.os-upload-input .os-button{height:1.6em}.os-upload-input .os-upload-placeholder{opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-upload-drop{display:flex;outline:none;width:100%;justify-content:center;align-items:center;cursor:pointer;border:dashed 1px var(--os-upload-border-color);min-height:8em;border-radius:var(--os-border-radius-base);flex-direction:column}.os-upload-drop *{pointer-events:none}.is-disabled .os-upload-drop{background-color:var(--os-upload-disabled-background-color);border-color:var(--os-upload-border-color)!important}.os-upload-drop.is-active,.os-upload-drop:hover{border-color:var(--os-upload-hover-border-color)}.os-upload-drop .os-upload-icon{margin-right:var(--os-space-xs)}.os-upload-ul{margin:4px 0;padding:0;list-style:none;display:flex;flex-direction:column}.os-upload-ul:empty{display:none}.os-upload-ul li{position:relative;display:flex}.os-upload-ul li .os-upload-item{word-break:break-word;display:flex;width:100%;padding:.2em .4em}.os-upload-ul li .os-upload-item>i{padding-right:.4em}.os-upload-ul li .os-upload-item:hover{background-color:var(--os-upload-hover-item-background-color)}.os-upload-ul li .os-upload-item-box{flex:1;width:100%}.os-upload-ul li .os-upload-item-mask{position:absolute;left:0;top:0;height:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:.2em .3em;color:var(--os-color-neutral-6);background-color:var(--os-upload-hover-item-background-color);display:none}.os-upload-ul li .os-upload-item-mask i{cursor:pointer}.os-upload-ul li .os-upload-item-mask i+i{margin-left:4px}.os-upload-ul li .os-upload-item-mask i:hover{color:var(--os-color-primary)}.os-upload-ul li:hover .os-upload-item-mask{display:flex}.os-upload-item-title{cursor:pointer;margin:0em var(--os-space-s) 0em var(--os-space-none)}.os-upload-item-title:hover{color:var(--os-color-primary)}.os-upload-item-des{color:var(--os-color-neutral-6)}.os-upload-images-card{flex-wrap:wrap;margin-left:-1em!important;flex-direction:row}.os-upload-images-card li{display:inline-flex;padding:0;width:calc(16.6666666667% - 1em);padding-top:calc(16.6666666667% - 1em);margin-left:1em;margin-bottom:1em}.os-upload-images-card .os-upload-item{border:solid 1px var(--os-upload-border-color);border-radius:var(--os-border-radius-base);flex-direction:column;overflow:hidden;background-color:var(--os-upload-item-background-color);position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.os-upload-images-card .os-upload-item.is-active,.os-upload-images-card .os-upload-item:hover{border-color:var(--os-upload-hover-border-color)}.os-upload-images-card .os-upload-item.is-active .os-upload-item-mask,.os-upload-images-card .os-upload-item:hover .os-upload-item-mask{opacity:1;display:flex}.os-upload-images-card .os-upload-item.is-active .os-upload-item-mask i,.os-upload-images-card .os-upload-item:hover .os-upload-item-mask i{display:inline-flex}.os-upload-images-card .os-upload-item i{font-size:1.6em}.os-upload-images-card .os-upload-item img{max-width:100%;width:100%;display:block;object-fit:contain}.os-upload-images-card .os-upload-item .os-upload-item-mask{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background-color:#000c;opacity:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.876em;transition:all .2s}.os-upload-images-card .os-upload-item .os-upload-item-mask i{display:none}.os-upload-images-card .os-upload-item .os-upload-item-mask i:hover{opacity:1}.os-upload-images-card .os-upload-image{cursor:pointer}.os-upload-images-card .os-upload-image .os-upload-item{border-style:dashed}.is-disabled .os-upload-images-card .os-upload-image .os-upload-item{background-color:var(--os-upload-disabled-background-color);border-color:var(--os-upload-border-color)!important}.os-upload-images-card .os-upload-image .os-upload-item i{margin:0;padding:0}.os-upload-view{transition:.5s all;position:fixed;left:0;top:0;background-color:#000c;width:100%;height:100%;padding:2em;box-sizing:border-box;z-index:999;overflow:auto}.os-upload-view .os-upload-view-box{display:block;text-align:center;transition:.5s all;height:100%}.os-upload-view .os-upload-view-box:after{content:"";display:inline-block;vertical-align:middle;height:100%}.os-upload-view .os-upload-view-box img{max-width:100%;vertical-align:middle;display:inline-block}.os-upload-view .os-upload-view-close{position:fixed;top:.5em;right:.5em;color:#fff;font-size:2em;cursor:pointer;padding:.5em;background-color:#00000080;z-index:1}.os-upload-view .os-upload-view-control{font-size:2em;position:fixed;top:50%;left:1em;right:1em;display:flex;align-items:center;justify-content:space-between;height:0px;color:#fff;z-index:1}.os-upload-view .os-upload-view-control i{background-color:#00000080;padding:.5em;cursor:pointer}.os-upload-view .os-upload-view-title{position:fixed;left:0;width:100%;text-align:center;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center}.os-upload-view .os-upload-view-title>div{background-color:#00000080;border-radius:100px;margin-bottom:1em;padding:.5em 1em;font-size:1.2em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.os-upload{--os-upload-font-size: var(--os-heading8);--os-upload-tip-font-size: var(--os-heading9);--os-upload-color: var(--os-color-neutral-9);--os-upload-tip-color: var(--os-color-neutral-6);--os-upload-border-radius: var(--os-border-radius-base);--os-upload-border-color: var(--os-color-neutral-3);--os-upload-hover-border-color: var(--os-color-primary);--os-upload-hover-item-color: var(--os-color-primary);--os-upload-item-background-color: var(--os-color-neutral-0);--os-upload-hover-item-background-color: var(--os-color-neutral-1);--os-upload-background-color: var(--os-color-neutral-0);--os-upload-disabled-background-color: var(--os-color-neutral-1);--os-upload-placeholder-color: var(--os-color-neutral-3)}.os-upload-large{--os-upload-font-size: var(--os-heading7)}.os-upload-mini{--os-upload-font-size: var(--os-heading9)}.upload-fade-enter-from,.upload-fade-leave-to{transform:0;opacity:0}.upload-fade-enter-from .os-upload-view-box,.upload-fade-leave-to .os-upload-view-box{transform:translateY(-20px);opacity:0}