:root{--tabs-item-horizontal-height:44px;--tabs-item-vertical-height:66px;--tabs-radius:2px;--tabs-padding:12px;--tabs-indicator-size:2px;--tabs-indicator-border-radius:0;--tabs-indicator-background:var(--color-primary);--tabs-background:#fff;--tabs-indicator-inner-size:100%}.var-tabs{border-radius:var(--tabs-radius);background:var(--tabs-background);transition:background-color .25s;overflow:hidden}.var-tabs__tab-wrap{height:100%;display:flex;position:relative}.var-tabs__indicator{z-index:1;justify-content:center;align-items:center;transition-property:width,transform;transition-duration:.3s;display:flex;position:absolute}.var-tabs__indicator-inner{background:var(--tabs-indicator-background);border-radius:var(--tabs-indicator-border-radius)}.var-tabs--layout-horizontal{flex-direction:row}.var-tabs--layout-horizontal-scrollable{scrollbar-width:none;overflow:auto hidden}.var-tabs--layout-horizontal-scrollable::-webkit-scrollbar{display:none}.var-tabs--layout-horizontal-padding{padding:0 var(--tabs-padding)}.var-tabs--layout-horizontal-indicator{height:var(--tabs-indicator-size);bottom:0;left:0}.var-tabs--layout-horizontal-reverse-indicator{height:var(--tabs-indicator-size);top:0;left:0}.var-tabs--layout-horizontal-indicator-inner{width:var(--tabs-indicator-inner-size);height:100%}.var-tabs--layout-vertical{flex-direction:column}.var-tabs--layout-vertical-scrollable{scrollbar-width:none;overflow:hidden auto}.var-tabs--layout-vertical-scrollable::-webkit-scrollbar{display:none}.var-tabs--layout-vertical-padding{padding:0}.var-tabs--layout-vertical-indicator{width:var(--tabs-indicator-size);top:0;left:0}.var-tabs--layout-vertical-reverse-indicator{width:var(--tabs-indicator-size);top:0;right:0}.var-tabs--layout-vertical-indicator-inner{width:100%;height:var(--tabs-indicator-inner-size)}.var-tabs--item-horizontal{height:var(--tabs-item-horizontal-height)}.var-tabs--item-vertical{height:var(--tabs-item-vertical-height)}.var-tabs--fixed-bottom{z-index:99;width:100%;position:fixed;bottom:0;left:0}.var-tabs--safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box!important}:root{--uploader-action-background:#f7f8fa;--uploader-action-icon-color:#888;--uploader-action-icon-size:24px;--uploader-action-margin:0 10px 10px 0;--uploader-file-size:80px;--uploader-file-margin:0 10px 10px 0;--uploader-file-name-background:#f7f8fa;--uploader-file-name-color:#888;--uploader-file-name-font-size:12px;--uploader-file-name-padding:10px;--uploader-file-text-align:center;--uploader-file-border-radius:0;--uploader-file-close-background:#0000004d;--uploader-file-close-size:24px;--uploader-file-close-icon-font-size:14px;--uploader-file-close-icon-color:#fff;--uploader-file-cover-fit:cover;--uploader-file-cover-background:#f7f8fa;--uploader-outlined-background:transparent;--uploader-filled-background:#ededed;--uploader-outline-color:var(--color-outline);--uploader-preview-video-width:100vw;--uploader-preview-video-height:100vw;--uploader-file-indicator-height:4px;--uploader-file-indicator-normal-color:var(--color-disabled);--uploader-file-indicator-success-color:var(--color-success);--uploader-file-indicator-error-color:var(--color-danger);--uploader-file-progress-color:var(--color-primary);--uploader-disabled-color:var(--color-disabled);--uploader-disabled-text-color:var(--color-text-disabled);--uploader-loading-background:linear-gradient(90deg, #fff0, #ffffff4d, #fff0)}@keyframes var-uploader-loading-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.var-uploader{width:100%}.var-uploader__file-list{flex-wrap:wrap;width:100%;display:flex}.var-uploader__file{width:var(--uploader-file-size);height:var(--uploader-file-size);margin:var(--uploader-file-margin);border-radius:var(--uploader-file-border-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.var-uploader__file-name{width:100%;height:100%;line-height:calc(var(--uploader-file-size) - var(--uploader-file-name-padding) * 2);font-size:var(--uploader-file-name-font-size);z-index:0;background:var(--uploader-file-name-background);padding:var(--uploader-file-name-padding);color:var(--uploader-file-name-color);text-align:var(--uploader-file-text-align);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;transition:background-color .25s;position:absolute;overflow:hidden}.var-uploader__file-cover{z-index:1;background:var(--uploader-file-cover-background);object-fit:var(--uploader-file-cover-fit);pointer-events:none;width:100%;height:100%;transition:background-color .25s;position:absolute;top:0;left:0}.var-uploader__file-close{z-index:2;border-top:var(--uploader-file-close-size) solid var(--uploader-file-close-background);border-left:var(--uploader-file-close-size) solid transparent;position:absolute;top:0;right:0}.var-uploader__file-close-icon[var-uploader-cover]{top:calc(-1 * var(--uploader-file-close-size));font-size:var(--uploader-file-close-icon-font-size);color:var(--uploader-file-close-icon-color);position:absolute;right:0}.var-uploader__file-indicator{z-index:2;width:100%;height:var(--uploader-file-indicator-height);white-space:nowrap;text-overflow:ellipsis;background:var(--uploader-file-indicator-normal-color);position:absolute;bottom:0;left:0;overflow:hidden}.var-uploader__action{color:var(--uploader-action-icon-color);width:var(--uploader-file-size);height:var(--uploader-file-size);background:var(--uploader-action-background);margin:var(--uploader-action-margin);border-radius:var(--uploader-file-border-radius);cursor:pointer;justify-content:center;align-items:center;transition:background-color .25s;display:flex;position:relative}.var-uploader__action-icon[var-uploader-cover]{font-size:var(--uploader-action-icon-size)}.var-uploader__action-input{visibility:hidden;width:0;height:0;display:block}.var-uploader__preview[var-uploader-cover]{box-shadow:none;background:#000}.var-uploader__preview-video{width:var(--uploader-preview-video-width);height:var(--uploader-preview-video-height)}.var-uploader__progress{background-color:var(--uploader-file-progress-color);width:0%;height:100%;transition:all .25s ease-in-out}.var-uploader--loading:after{content:"";z-index:1;background:var(--uploader-loading-background);width:100%;height:100%;transition:background-color .25s;animation:.6s infinite var-uploader-loading-animation;position:absolute;top:0;left:0}.var-uploader--success{background:var(--uploader-file-indicator-success-color)}.var-uploader--outlined{--uploader-action-background:var(--uploader-outlined-background);--uploader-file-name-background:var(--uploader-outlined-background);--uploader-file-cover-background:var(--uploader-outlined-background);border:thin solid var(--uploader-outline-color)}.var-uploader--filled{--uploader-action-background:var(--uploader-filled-background);--uploader-file-name-background:var(--uploader-filled-background);--uploader-file-cover-background:var(--uploader-filled-background)}.var-uploader--error{background:var(--uploader-file-indicator-error-color)}.var-uploader--disabled{background:var(--uploader-disabled-color);color:var(--uploader-disabled-text-color);cursor:not-allowed}.var-uploader--outline-none{outline:none}