mirror of
https://github.com/silenty4ng/k5web
synced 2024-11-14 14:33:23 +00:00
2 lines
34 KiB
CSS
2 lines
34 KiB
CSS
.t-textarea{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;width:100%}.t-textarea__inner{display:flex;width:100%;height:var(--td-comp-size-xxxl);min-height:var(--td-comp-size-xxxl);border:1px solid var(--td-border-level-2-color);border-radius:var(--td-radius-default);padding:calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);background-color:var(--td-bg-color-specialcomponent);font:var(--td-font-body-medium);color:var(--td-text-color-primary);resize:vertical;outline:none;transition:all cubic-bezier(.38,0,.24,1) .2s,height 0s;box-sizing:border-box}.t-textarea__inner:hover{border-color:var(--td-brand-color)}.t-textarea__inner:focus{border-color:var(--td-brand-color);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-textarea__inner::placeholder{color:var(--td-text-color-placeholder)}.t-textarea__inner.t-is-success{border-color:var(--td-success-color)}.t-textarea__inner.t-is-success:focus{box-shadow:0 0 0 2px var(--td-success-color-focus)}.t-textarea__inner.t-is-warning{border-color:var(--td-warning-color)}.t-textarea__inner.t-is-warning:focus{box-shadow:0 0 0 2px var(--td-warning-color-focus)}.t-textarea__inner.t-is-error{border-color:var(--td-error-color)}.t-textarea__inner.t-is-error:focus{box-shadow:0 0 0 2px var(--td-error-color-focus)}.t-textarea__info_wrapper{display:flex;column-gap:var(--td-comp-margin-s);justify-content:space-between}.t-textarea__info_wrapper_align{justify-content:end}.t-textarea__limit{font:var(--td-font-body-small);color:var(--td-text-color-placeholder)}.t-textarea .t-is-disabled{color:var(--td-text-color-disabled);background-color:var(--td-bg-color-component-disabled);cursor:not-allowed}.t-textarea .t-is-disabled:hover{border-color:var(--td-border-level-2-color)}.t-textarea .t-is-disabled::placeholder{color:var(--td-text-color-disabled)}.t-textarea .t-resize-none{resize:none}.t-textarea__tips{height:auto;min-height:var(--td-comp-size-xs);font:var(--td-font-body-small);display:inline-block}.t-textarea__tips--normal{color:var(--td-text-color-placeholder)}.t-textarea__tips--success{color:var(--td-success-color)}.t-textarea__tips--warning{color:var(--td-warning-color)}.t-textarea__tips--error{color:var(--td-error-color)}.t-image__wrapper{position:relative;background:var(--td-bg-color-secondarycontainer);z-index:1}.t-image__wrapper--shape-square{border-radius:0}.t-image__wrapper--shape-round{border-radius:var(--td-radius-medium)}.t-image__wrapper--shape-circle{border-radius:50%}.t-image__wrapper--gallery{border-radius:var(--td-radius-medium)}.t-image__wrapper--gallery .t-image{position:relative;z-index:5}.t-image__wrapper--need-hover{cursor:pointer}.t-image{width:100%;height:100%;border-radius:inherit;position:relative;z-index:inherit}.t-image--fit-fill{object-fit:fill}.t-image--fit-contain{object-fit:contain}.t-image--fit-cover{object-fit:cover}.t-image--fit-scale-down{object-fit:scale-down}.t-image--fit-none{object-fit:none}.t-image--position-center{object-position:center}.t-image--position-bottom{object-position:bottom}.t-image--position-top{object-position:top}.t-image--position-left{object-position:left}.t-image--position-right{object-position:right}.t-image__gallery-shadow{position:absolute;left:0;right:-24px;top:24px;bottom:24px;background:rgba(238,238,238,.26);border-radius:var(--td-radius-medium);z-index:3}.t-image__gallery-shadow:before,.t-image__gallery-shadow:after{content:"";position:absolute;left:0;border-radius:var(--td-radius-medium)}.t-image__gallery-shadow:after{top:-16px;right:16px;bottom:-16px;background:rgba(238,238,238,.8);z-index:4}.t-image__gallery-shadow:before{top:-8px;right:8px;bottom:-8px;background:rgba(238,238,238,.5);z-index:2}.t-image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:0}.t-image__overlay-content{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;opacity:1;visibility:visible;transition:visibility 0s,opacity .2s linear}.t-image__overlay-content--hidden{visibility:hidden;opacity:0}.t-image__loading,.t-image__error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.t-image__loading{color:var(--td-text-color-secondary)}.t-image__error{color:var(--td-text-color-disabled)}.t-image-viewer__img-error{height:440px;width:440px;background-color:var(--td-bg-color-component-disabled);border-radius:4px;color:#000;cursor:inherit;position:absolute}.t-image-viewer__img-error .t-image-viewer__img-error-content{position:absolute;height:100%;width:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;font:var(--td-font-body-medium)}.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text{margin-top:var(--td-comp-margin-s)}@keyframes modal-image-hide{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes modal-mask-show{0%{opacity:0}to{opacity:1}}@keyframes modal-mask-hide{0%{opacity:1}to{opacity:0}}.t-image-viewer-preview-image{position:fixed;top:0;bottom:0;left:0;right:0;z-index:3000;overflow:hidden;animation:.2s cubic-bezier(.82,0,1,.9) modal-mask-show}.t-image-viewer-preview-image.t-is-hide{animation:.2s cubic-bezier(0,0,.15,1) modal-mask-hide}.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box{animation:.2s cubic-bezier(0,0,.15,1) modal-image-hide}.t-image-viewer-preview-image .t-image-viewer__modal-index{text-align:center;font-size:var(--td-font-size-body-medium);color:var(--td-text-color-anti);position:absolute;top:92px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.4);border-radius:var(--td-radius-default);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);z-index:1}.t-image-viewer-preview-image .t-image-viewer__modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--td-mask-active);height:100%;width:100%;transition:all .2s ease;opacity:1}.t-image-viewer-preview-image .t-image-viewer__modal-pic{height:0;width:0;position:absolute;top:50%;left:50%}.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:.2s cubic-bezier(.38,0,.24,1) modal-image-show}.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image{display:block;max-width:min(90vw,1000px);max-height:min(90vh,800px);transition:all .2s cubic-bezier(.38,0,.24,1);transform:rotate(0);object-fit:contain}.t-image-viewer-preview-image .t-image-viewer__modal-header{width:100%;position:absolute;top:0;z-index:1;height:auto;display:flex;align-items:center;justify-content:center;background-color:var(--td-bg-color-container);padding:0 0 12px}.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show{padding:12px 0}@keyframes preview-icon-range{0%{transform:translate(-50%,50%) rotate(0)}to{transform:translate(-50%,50%) rotate(-180deg)}}@keyframes preview-icon-unrange{0%{transform:translate(-50%,50%) rotate(-180deg)}to{transform:translate(-50%,50%) rotate(0)}}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt{width:var(--td-comp-size-xxs);height:var(--td-comp-size-xxs);display:inline-flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);background-color:var(--td-bg-color-container);color:var(--td-text-color-primary);border-radius:50%;box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-unrange}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon{font-size:var(--td-font-size-body-large)}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover{background-color:inherit}@keyframes preview-image-show{0%{height:0}to{height:40px}}@keyframes preview-image-hide{0%{height:40px}to{height:0}}.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev{animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-show}.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt{animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-icon-range}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev{width:calc(40px / 9 * 16 * 7 + 4px * 6);animation:.2s cubic-bezier(.38,0,.24,1) 0s 1 normal forwards running preview-image-hide;display:flex;position:relative;overflow:hidden}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before,.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after{content:"";position:absolute;height:100%;z-index:1;width:calc(40px / 9 * 16);pointer-events:none}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:before{left:0;background-image:linear-gradient(to right,var(--td-bg-color-container),rgba(255,255,255,0))}.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev:after{right:0;background-image:linear-gradient(to right,rgba(255,255,255,0),var(--td-bg-color-container))}.t-image-viewer-preview-image .t-image-viewer__header-trans{height:100%;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:4px;margin-left:calc(40px / 9 * 16 * 3 + 4px * 3)}.t-image-viewer-preview-image .t-image-viewer__header-box{box-sizing:border-box;width:calc(40px / 9 * 16);height:40px;position:relative;transition:.2s;overflow:hidden;border-radius:var(--td-radius-default);display:flex;align-items:center;justify-content:center;border:1px solid transparent;background-color:var(--td-bg-color-secondarycontainer)}.t-image-viewer-preview-image .t-image-viewer__header-box .t-image-viewer__header-img{width:auto;height:100%}.t-image-viewer-preview-image .t-image-viewer__header-box:hover,.t-image-viewer-preview-image .t-image-viewer__header-box.t-is-active{border-color:var(--td-brand-color)}.t-image-viewer-preview-image .t-image-viewer__modal-icon{cursor:pointer;color:var(--td-text-color-primary);border-radius:var(--td-radius-default);transition:.2s}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt{top:100px;right:40px}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt{top:50%;transform:translateY(-50%)}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt{left:40px}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt{right:40px}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt{position:fixed;z-index:10;color:var(--td-text-color-anti);background-color:#0006;border-radius:50%;width:var(--td-comp-size-xl);height:var(--td-comp-size-xl);display:flex;justify-content:center;align-items:center}.t-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label{margin-left:2px}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled{color:#ffffff38}.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover{background-color:#0006}.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover{background-color:#0003}.t-image-viewer__mask{width:100vh;height:100vh;left:0;top:0;z-index:99;position:fixed;background-color:transparent}.t-image-viewer__utils{width:100%;position:absolute;bottom:32px;z-index:1;height:auto;display:flex;align-items:center;justify-content:center;color:var(--td-text-color-primary);user-select:none}.t-image-viewer__utils .t-image-viewer__utils-content{display:inline-flex;align-items:center;justify-content:center;height:50px;line-height:100%;background:var(--td-bg-color-container);border-radius:var(--td-radius-medium);padding:0 var(--td-comp-paddingLR-xs)}.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon{margin:0 var(--td-comp-margin-xs);width:var(--td-comp-size-m);height:var(--td-comp-size-m);display:flex;justify-content:center;align-items:center;border-radius:var(--td-radius-default);transition:.2s}.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover{background-color:var(--td-bg-color-container-hover)}.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale{width:var(--td-comp-size-xl);text-align:center;cursor:inherit}.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover{background-color:var(--td-bg-color-container)}.t-image-viewer-mini__footer .t-image-viewer__utils{position:inherit}.t-image-viewer-mini__content{max-width:min(90vw,1000px);max-height:min(90vh,800px)}@keyframes modal-image-show{0%{transform:scale(0)}to{transform:scale(1)}}.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image{display:block;max-width:min(80vw,800px);max-height:min(80vh,600px);transition:all .2s ease;transform:rotate(0);object-fit:contain}.t-image-viewer__dialog.t-dialog__ctx--fixed{z-index:3000}.t-image-viewer__dialog .t-dialog__header{padding:0 var(--td-comp-paddingLR-s);pointer-events:none}.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title{pointer-events:all}.t-image-viewer__dialog .t-dialog__header .t-dialog__close{pointer-events:auto}.t-image-viewer__dialog .t-dialog{border-color:var(--td-component-border);overflow:hidden;padding:0;box-shadow:var(--td-shadow-3)}.t-image-viewer__dialog .t-dialog__header{height:40px;width:100%;font-size:var(--td-font-size-body-medium);background-color:var(--td-bg-color-secondarycontainer)}.t-image-viewer__dialog .t-dialog__header-content{margin-left:32px;justify-content:center}.t-image-viewer__dialog .t-dialog__close:hover{background-color:var(--td-bg-color-secondarycontainer-hover)}.t-list{font:var(--td-font-body-medium);box-sizing:border-box;margin:0;padding:0;list-style:none;overflow:auto;color:var(--td-text-color-primary);background:var(--td-bg-color-container)}@supports not selector(::-webkit-scrollbar){.t-list{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.t-list::-webkit-scrollbar{width:6px;height:6px}.t-list::-webkit-scrollbar-thumb{border:0px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:11px}.t-list::-webkit-scrollbar-thumb:vertical:hover,.t-list::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-list__inner{list-style:none;padding:0;margin:0}.t-list-item{font:var(--td-font-body-medium);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);display:flex;justify-content:space-between;align-items:center;position:relative}.t-list-item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.t-list-item-main{display:flex;align-items:center;justify-content:space-between;width:100%;flex:1}.t-list-item__meta{display:flex}.t-list-item__meta-avatar{width:var(--td-comp-size-xxxl);height:var(--td-comp-size-xxxl);border-radius:calc(var(--td-comp-size-xxxl) / 2);overflow:hidden;background:var(--td-bg-color-page);margin-right:var(--td-comp-margin-l);flex-shrink:0}.t-list-item__meta-avatar img{max-width:100%;width:100%;height:100%}.t-list-item__meta-title{padding:0;font:var(--td-font-title-medium);margin:0 0 var(--td-comp-margin-s);color:var(--td-text-color-primary)}.t-list-item__meta-description{margin-right:var(--td-comp-margin-xxl);color:var(--td-text-color-primary)}.t-list-item__action{list-style:none;padding:0;flex-shrink:0}.t-list-item__action>li{display:inline-block}.t-list-item__action>li:not(:last-child){margin-right:var(--td-comp-margin-l)}.t-list-item__action>li .t-icon{color:var(--td-text-color-secondary);font-size:var(--td-comp-size-xxxs)}.t-list-item__action>li .t-icon:hover{color:var(--td-text-color-link);cursor:pointer}.t-list-item__action>li>a{text-decoration:none;color:var(--td-brand-color)}.t-list--split .t-list-item:after{background:var(--td-border-level-1-color)}.t-list--stripe .t-list-item:nth-child(even){background:var(--td-bg-color-secondarycontainer)}.t-list--vertical-action .t-list-item{flex-direction:column}.t-list.t-size-s .t-list-item{padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m)}.t-list.t-size-l .t-list-item{padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl)}.t-list__header,.t-list__footer{background:var(--td-bg-color-container);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-list__load{background:var(--td-bg-color-container);text-align:center;line-height:var(--td-line-height-body-medium)}.t-list__load>div{display:flex;align-items:center;justify-content:center}.t-list__load:not(:empty){padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-list__load .t-loading{font-size:var(--td-comp-size-xxxs);margin-right:var(--td-comp-margin-s)}.t-list__load .t-loading.t-is-load-more{cursor:pointer}.t-drawer-fade-enter,.t-drawer-fade-appear{opacity:0;animation-duration:.2s;animation-fill-mode:both;animation-timing-function:linear;animation-play-state:paused}.t-drawer-fade-exit{animation-duration:.2s;animation-fill-mode:both;animation-timing-function:linear;animation-play-state:paused}.t-drawer-fade-enter.t-drawer-fade-enter-active,.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,.t-drawer-fade-appear.t-drawer-fade-appear-active,.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to{animation-name:tDrawerFadeIn;animation-duration:.2s;animation-play-state:running}.t-drawer-fade-exit.t-drawer-fade-exit-active,.t-drawer-fade-leave-active.t-drawer-fade-leave-to{animation-name:tDrawerFadeOut;animation-duration:.2s;animation-play-state:running}@keyframes tDrawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tDrawerFadeOut{0%{opacity:1}to{opacity:0}}.t-drawer{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;position:fixed;z-index:1500;width:100%;height:100%;pointer-events:none;overflow:hidden;outline:none}.t-drawer--lock{overflow:hidden}.t-drawer--attach{position:absolute}.t-drawer--left,.t-drawer--right{top:0}.t-drawer--left{left:0}.t-drawer--right{right:0}.t-drawer--top,.t-drawer--bottom{left:0}.t-drawer--top{top:0}.t-drawer--bottom{bottom:0}.t-drawer__mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--td-mask-active);transition:opacity .2s cubic-bezier(.38,0,.24,1);opacity:0}.t-drawer__content-wrapper{display:flex;flex-direction:column;background:var(--td-bg-color-container);width:16px;height:16px;font-size:var(--td-font-body-medium);color:var(--td-text-color-secondary);box-shadow:var(--td-shadow-2);overflow:hidden;pointer-events:auto;transition:transform .28s cubic-bezier(.38,0,.24,1),visibility .28s cubic-bezier(.38,0,.24,1);position:relative}.t-drawer .t-drawer__content-wrapper{position:absolute;width:100%;height:100%;visibility:hidden}.t-drawer .t-drawer__content-wrapper--left,.t-drawer .t-drawer__content-wrapper--right{top:0}.t-drawer .t-drawer__content-wrapper--left{left:0;transform:translate(-100%)}.t-drawer .t-drawer__content-wrapper--right{right:0;transform:translate(100%)}.t-drawer .t-drawer__content-wrapper--top,.t-drawer .t-drawer__content-wrapper--bottom{left:0}.t-drawer .t-drawer__content-wrapper--top{top:0;transform:translateY(-100%)}.t-drawer .t-drawer__content-wrapper--bottom{bottom:0;transform:translateY(100%)}.t-drawer__header{display:flex;align-items:center;min-height:var(--td-comp-size-xxxl);padding:0 var(--td-comp-paddingLR-l);font:var(--td-font-title-medium);color:var(--td-text-color-primary);border-bottom:1px solid var(--td-border-level-1-color);border-radius:var(--td-radius-small) var(--td-radius-small) 0 0;box-sizing:border-box}.t-drawer__body{padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);overflow:auto;flex:1}.t-drawer__footer{width:100%;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);text-align:left;border-top:1px solid var(--td-border-level-1-color);background-color:var(--td-bg-color-container);box-sizing:border-box}.t-drawer__footer .t-button{margin-left:var(--td-comp-margin-s)}.t-drawer__footer .t-button:first-child{margin-left:0}.t-drawer__close-btn{position:absolute;display:flex;justify-content:center;align-items:center;width:var(--td-comp-size-xs);height:var(--td-comp-size-xs);top:calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);right:var(--td-comp-margin-s);color:var(--td-text-color-primary);background-color:var(--td-bg-color-container);border-radius:var(--td-radius-default);cursor:pointer;transition:background-color .2s}.t-drawer__close-btn:hover{background-color:var(--td-bg-color-container-hover)}.t-drawer__close-btn:active{background-color:var(--td-bg-color-container-active)}.t-drawer__close-btn .t-icon{font-size:calc(var(--td-font-size-body-medium) + 2px);vertical-align:unset}.t-drawer--open{width:100%;height:100%;pointer-events:auto}.t-drawer--open>.t-drawer__content-wrapper{visibility:visible}.t-drawer--open>.t-drawer__mask{opacity:1;width:100%;height:100%}.t-drawer--without-mask{pointer-events:none}[tabindex="-1"]:focus{outline:none!important}.t-upload{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none}.t-upload .t-is-bordered{border:1px solid var(--td-component-border)}.t-upload .t-upload__trigger{display:inline-block}.t-upload .t-icon{font-size:calc(var(--td-font-size-body-medium) + 2px);flex-shrink:0}.t-upload .t-icon-check-circle-filled{color:var(--td-success-color)}.t-upload .t-icon-error-circle-filled{color:var(--td-error-color)}.t-upload .t-icon-time-filled{color:var(--td-text-color-placeholder)}.t-upload .t-icon-add{color:var(--td-text-color-primary)}.t-upload__list-file{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin-right:var(--td-comp-margin-m);overflow:hidden}.t-upload__list-file .t-icon{font-size:var(--td-comp-size-xl);color:var(--td-brand-color)}.t-upload__list-item{display:flex;justify-content:space-between;align-items:center;margin-top:var(--td-comp-margin-m);width:496px;height:124px;padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);border:1px solid var(--td-component-border);border-radius:var(--td-radius-default);font:var(--td-font-body-medium)}.t-upload__list-item.t-is--error .t-upload__list-name,.t-upload__list-item.t-is--error .t-upload__list-file .t-icon{color:var(--td-error-color)}.t-upload__list-content{display:flex;align-items:center}.t-upload-list__control{cursor:pointer}.t-upload-list__control:hover{color:var(--td-error-color)}.t-upload__list-img{object-fit:cover;max-width:100%;max-height:100%;cursor:pointer}.t-upload__list-name{max-width:200px;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-upload--highlight{color:var(--td-text-color-brand)}.t-upload__single-name{margin-right:var(--td-comp-margin-s)}.t-upload__card{font:var(--td-font-body-small);overflow:hidden;width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--td-comp-margin-s)}.t-upload__card .t-is-disabled :hover{cursor:not-allowed}.t-upload__card-item{cursor:pointer;box-sizing:border-box;list-style:none}.t-upload__card-item:after{content:"";display:block}.t-upload__card-item:hover .t-upload__card-mask{opacity:1;transition:opacity .2s linear}.t-upload__card-item.t-is--error .t-icon-warning_fill{color:var(--td-error-color);margin-bottom:var(--td-comp-margin-s)}.t-upload__card-item.t-is--error .t-upload__card-status{color:var(--td-error-color)}.t-upload__card-item.t-is-background{transition:border-color .2s linear}.t-upload__card .t-icon-loading{margin-bottom:var(--td-comp-margin-s)}.t-upload__card-name{max-width:100%;margin-top:var(--td-comp-margin-s);white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-upload__card-content{position:relative;width:110px;height:110px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--td-bg-color-secondarycontainer);border:1px dashed var(--td-component-border);padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);border-radius:var(--td-radius-default)}.t-upload__card-container{width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--td-bg-color-secondarycontainer);border:1px dashed var(--td-component-border);box-sizing:border-box;position:relative;border-radius:var(--td-radius-default);transition:border .2s linear}.t-upload__card-container:hover:not(.t-is-disabled){border-color:var(--td-brand-color);transition:border-color .2s linear}.t-upload__card-container>.t-icon{color:var(--td-text-color-placeholder)}.t-upload__card-container>.t-icon,.t-upload__card-container .t-loading{font-size:var(--td-comp-size-xs);margin-bottom:var(--td-comp-margin-s)}.t-upload__card-container>p,.t-upload__card-container .t-upload__add-text{color:var(--td-text-color-placeholder);margin:0}.t-upload__card-status-wrap{text-align:center}.t-upload__card-status-wrap>svg{margin-bottom:var(--td-comp-margin-s)}.t-upload__card-status-wrap .t-icon,.t-upload__card-status-wrap .t-loading{font-size:var(--td-comp-size-xs)}.t-upload__card-image{max-width:100%;max-height:100%}.t-upload__card-status{color:var(--td-text-color-disabled);font:var(--td-font-body-small)}.t-upload__card-mask{background-color:var(--td-mask-active);color:var(--td-text-color-anti);will-change:transform;opacity:0;z-index:2;transition:opacity .2s linear;display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0}.t-upload__card-mask-item-divider{margin:0 var(--td-comp-margin-l);border-left:1px var(--td-text-color-anti) solid;height:var(--td-comp-size-xxxs)}.t-upload__card-mask-item>.t-icon{cursor:pointer;font-size:calc(var(--td-font-size-body-medium) + 2px)}.t-upload__dialog .t-dialog{max-width:80%}.t-upload__dialog .t-dialog--default{padding:32px}.t-upload__dialog .t-dialog-body{padding-bottom:0}.t-upload__dialog .t-dialog-body-img-box img{display:block;max-width:100%;max-height:100%}.t-upload__dragger{display:flex;width:336px;height:144px;border:1px dashed var(--td-component-border);border-radius:var(--td-radius-small);font:var(--td-font-body-medium);color:var(--td-text-color-secondary);cursor:pointer;padding:var(--td-comp-margin-l);position:relative;overflow:auto;box-sizing:border-box;transition:border-color .2s linear}.t-upload__dragger.t-is--active{background-color:var(--td-bg-color-container-active);border-color:var(--td-brand-color)}.t-upload__dragger:hover{border-color:var(--td-brand-color)}.t-upload__dragger-btns{position:absolute;bottom:var(--td-comp-margin-l)}.t-upload__dragger .t-size-s{display:block}.t-upload__dragger-center{justify-content:center;align-items:center}.t-upload__dragger-error,.t-upload__dragger-error:hover{border-color:var(--td-error-color)}.t-upload__dragger-text{display:flex;align-items:center;font:var(--td-font-body-medium);color:var(--td-text-color-primary);margin-bottom:var(--td-comp-margin-s);max-width:calc(336px - var(--td-comp-margin-l) * 2 - 0)}.t-upload__dragger-text .t-upload__single-name{white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-upload__tips{display:block;color:var(--td-text-color-placeholder);margin-top:var(--td-comp-margin-s);font:var(--td-font-body-small)}.t-upload__tips.t-upload__tips-error{color:var(--td-error-color)}.t-upload__tips.t-upload__tips-warn{color:var(--td-warning-color)}.t-upload__placeholder{color:var(--td-text-color-placeholder)}.t-upload__display-text--margin{margin-top:var(--td-comp-margin-s)}.t-upload__single-display-text{color:var(--td-text-color-secondary);font:var(--td-font-body-small);display:flex;align-items:center}.t-upload__single-display-text .t-upload__flow-status .t-icon{font-size:calc(var(--td-font-size-body-medium) + 2px)}.t-icon-clear-circle-filled{color:var(--td-text-color-placeholder);margin-top:var(--td-comp-margin-xxs);transition:color .2s linear}.t-icon-clear-circle-filled:hover{color:var(--td-text-color-secondary);cursor:pointer;transition:color .2s linear}.t-upload__single-percent{margin-left:var(--td-comp-margin-xs)}.t-upload__single-progress{color:var(--td-brand-color);display:flex;align-items:center}.t-upload__single-progress .t-loading{font-size:calc(var(--td-font-size-body-medium) + 2px);flex-shrink:0}.t-upload__single-input-delete{margin-left:var(--td-comp-margin-l);font:var(--td-font-body-medium);color:var(--td-brand-color);cursor:pointer}.t-upload__single-input-preview{display:flex;justify-content:space-between;flex:1}.t-upload__single-input-text{display:block;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis}.t-upload__single-file-input{display:flex;align-items:center}.t-upload__single-file-input .t-upload__trigger{margin-left:var(--td-comp-margin-l)}.t-upload__single-file-input .t-upload__single-progress{white-space:nowrap}.t-upload__single-file-input .t-input__inner{display:flex;align-items:center;justify-content:space-between}.t-upload__dragger-progress{width:100%;display:flex}.t-upload__dragger-progress .t-icon,.t-upload__dragger-progress .t-loading{font-size:calc(var(--td-font-size-body-medium) + 2px);flex-shrink:0}.t-upload__dragger-img-wrap{width:110px;height:110px;background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-default);display:flex;align-items:center;justify-content:center;flex-shrink:0}.t-upload__dragger-img-wrap>img{max-width:100%;max-height:100%}.t-upload__dragger-img-wrap+.t-upload__dragger-progress-info{margin-left:var(--td-comp-margin-l);max-width:calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)))}.t-upload__dragger-progress-info{flex:1}.t-upload__dragger-progress-info .t-upload__single-display-text{margin-bottom:var(--td-comp-margin-s)}.t-upload__dragger-progress-info .t-button:hover{background-color:transparent}.t-upload__dragger-progress-cancel,.t-upload__dragger-progress-reupload{margin-right:var(--td-comp-margin-l)}.t-upload__dragger-progress-cancel:hover,.t-upload__dragger-progress-reupload:hover,.t-upload__dragger-delete-btn:hover,.t-upload__dragger-upload-btn:hover{border-color:transparent}.t-upload__flow-image-flow{width:498px}.t-upload__flow{min-width:498px;max-width:960px}.t-upload__flow-placeholder{display:inline-block;margin-left:var(--td-comp-margin-l)}.t-upload__flow-op{display:flex;align-items:center}.t-upload__flow-bottom{display:flex;justify-content:flex-end;margin-top:var(--td-comp-margin-xxl)}.t-upload__flow-bottom .t-button+.t-button{margin-left:var(--td-comp-margin-s)}.t-upload__flow-empty{width:100%;height:184px;display:flex;justify-content:center;align-items:center;color:var(--td-text-color-placeholder)}.t-upload__flow-table{width:100%;border:1px dashed var(--td-component-border);margin-top:var(--td-comp-margin-xxl);border-collapse:collapse}.t-upload__flow-table>thead>tr,.t-upload__flow-table>tbody>tr,.t-upload__flow-table>tfoot>tr,.t-upload__flow-table>tr{border-top:1px solid var(--td-component-border)}.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th{color:var(--td-text-color-placeholder);font-weight:400;border:1px solid var(--td-component-border);text-align:left;background-color:var(--td-bg-color-container)}.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td{color:var(--td-text-color-primary)}.t-upload__flow-table>thead>tr>td,.t-upload__flow-table>tbody>tr>td,.t-upload__flow-table>tfoot>tr>td,.t-upload__flow-table>tr>td,.t-upload__flow-table>thead>tr>th,.t-upload__flow-table>tbody>tr>th,.t-upload__flow-table>tfoot>tr>th,.t-upload__flow-table>tr>th{padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-upload__flow-table__batch-row{border-left:1px solid var(--td-component-border)}.t-upload__flow-button{color:var(--td-text-color-placeholder);cursor:pointer;transition:color .2s linear}.t-upload__flow-button:hover{color:var(--td-text-color-secondary)}.t-upload__flow-status{display:flex;align-items:center}.t-upload__flow-status .t-icon,.t-upload__flow-status .t-loading{margin-right:var(--td-comp-margin-s);font-size:calc(var(--td-font-size-body-medium) + 2px)}.t-upload__flow-card-area{border:1px dashed var(--td-component-border);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);margin-top:var(--td-comp-margin-xxl);transition:border .2s linear}.t-upload__flow-card-area:hover{border-color:var(--td-brand-color);transition:border-color .2s linear}.t-upload__icon-delete,.t-upload__single-input-clear{color:var(--td-text-color-placeholder);cursor:pointer;transition:color .2s linear}.t-upload__icon-delete:hover,.t-upload__single-input-clear:hover{color:var(--td-text-color-secondary);transition:color .2s linear}.t-icon.t-upload__single-input-clear{display:none}.t-upload__single-input-preview:hover .t-upload__single-input-clear{display:initial}.t-upload__single-input-preview:hover .t-upload__status-icon{display:none}.t-upload .t-upload__single-name{color:var(--td-text-color-secondary)}.t-upload .t-upload__file-thumbnail{margin-right:var(--td-comp-paddingLR-s);width:var(--td-comp-size-xxl);height:var(--td-comp-size-xxl);display:flex;justify-content:center;align-items:center;cursor:pointer}.t-upload .t-upload__file-thumbnail>svg{font-size:var(--td-comp-size-s);color:var(--td-text-color-placeholder)}.t-upload__card-name{margin-top:8px}.t-upload--theme-file-input{width:100%}.t-upload__dragger-btns>.t-button{padding:0}.t-upload__file-info{display:flex;align-items:center}.t-upload__card-container.t-is-disabled{cursor:not-allowed}.t-upload__card-container.t-is-disabled .t-upload__add-text,.t-upload__card-container.t-is-disabled .t-icon{color:var(--td-text-color-disabled)}
|