:root{--swipe-indicator-color: #fff;--swipe-indicators-offset: 10px;--swipe-indicator-offset: 4px;--swipe-navigation-z-index: 9;--swipe-navigation-button-width: 36px;--swipe-navigation-button-height: 36px;--swipe-navigation-button-border-radius: 50%;--swipe-navigation-icon-size: 20px;--swipe-navigation-prev-left: 8px;--swipe-navigation-next-right: 8px;--swipe-navigation-prev-top: 8px;--swipe-navigation-next-bottom: 8px}.var-swipe{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.var-swipe__track{width:100%;height:100%;display:flex;transition-property:transform}.var-swipe__navigation{position:absolute;top:50%;z-index:var(--swipe-navigation-z-index)}.var-swipe__navigation-prev{left:0;transform:translate(var(--swipe-navigation-prev-left),-50%)}.var-swipe__navigation-prev-button[var-swipe-cover]{width:var(--swipe-navigation-button-width);height:var(--swipe-navigation-button-height);border-radius:var(--swipe-navigation-button-border-radius)}.var-swipe__navigation-prev-button-icon[var-swipe-cover]{font-size:var(--swipe-navigation-icon-size)}.var-swipe__navigation-next{right:0;transform:translate(calc(-1 * var(--swipe-navigation-next-right)),-50%)}.var-swipe__navigation-next-button[var-swipe-cover]{width:var(--swipe-navigation-button-width);height:var(--swipe-navigation-button-height);border-radius:var(--swipe-navigation-button-border-radius)}.var-swipe__navigation-next-button-icon[var-swipe-cover]{font-size:var(--swipe-navigation-icon-size)}.var-swipe__indicators{position:absolute;display:flex;bottom:var(--swipe-indicators-offset);left:50%;transform:translate(-50%)}.var-swipe__indicator{width:8px;height:8px;border-radius:50%;background:var(--swipe-indicator-color);opacity:.3;margin:0 var(--swipe-indicator-offset);transition:opacity .3s}.var-swipe--vertical{flex-direction:column}.var-swipe--indicators-vertical{flex-direction:column;left:var(--swipe-indicators-offset);bottom:50%;transform:translateY(50%)}.var-swipe--indicator-active{opacity:1}.var-swipe--indicator-vertical{margin:var(--swipe-indicator-offset) 0}.var-swipe--navigation-vertical-prev{top:0;left:50%;right:unset;transform:translate(-50%,var(--swipe-navigation-prev-top))}.var-swipe--navigation-vertical-next{bottom:0;left:50%;right:unset;top:unset;transform:translate(-50%,calc(-1 * var(--swipe-navigation-next-bottom)))}.var-swipe--navigation-prev-animation-enter-active,.var-swipe--navigation-prev-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-prev-animation-enter-from,.var-swipe--navigation-prev-animation-leave-to{transform:translate(-100%,-50%)}.var-swipe--navigation-next-animation-enter-active,.var-swipe--navigation-next-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-next-animation-enter-from,.var-swipe--navigation-next-animation-leave-to{transform:translate(100%,-50%)}.var-swipe--navigation-vertical-prev-animation-enter-active,.var-swipe--navigation-vertical-prev-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-vertical-prev-animation-enter-from,.var-swipe--navigation-vertical-prev-animation-leave-to{transform:translate(-50%,-100%)}.var-swipe--navigation-vertical-next-animation-enter-active,.var-swipe--navigation-vertical-next-animation-leave-active{transition:transform .25s cubic-bezier(.25,.8,.5,1)}.var-swipe--navigation-vertical-next-animation-enter-from,.var-swipe--navigation-vertical-next-animation-leave-to{transform:translate(-50%,100%)}.var-swipe-item{flex-shrink:0;width:100%;height:100%}.var-swipe-item:focus{outline:none}:root{--image-preview-swipe-indicators-text-color: #ddd;--image-preview-swipe-indicators-padding: 16px 0;--image-preview-zoom-container-background: #000;--image-preview-close-icon-top: 14px;--image-preview-close-icon-right: 14px;--image-preview-extra-top: 14px;--image-preview-extra-left: 14px;--image-preview-close-icon-size: 22px;--image-preview-close-icon-color: #fff}.var-image-preview__popup[var-image-preview-cover]{height:100%;background:var(--image-preview-zoom-container-background)}.var-image-preview__swipe[var-image-preview-cover]{width:100vw;height:100%}.var-image-preview__swipe-item[var-image-preview-cover]{overflow:hidden}.var-image-preview__close-icon[var-image-preview-cover]{position:absolute;top:var(--image-preview-close-icon-top);right:var(--image-preview-close-icon-right);color:var(--image-preview-close-icon-color);font-size:var(--image-preview-close-icon-size)}.var-image-preview__extra{position:absolute;top:var(--image-preview-extra-top);left:var(--image-preview-extra-left)}.var-image-preview__indicators{position:absolute;top:0;width:100%;padding:var(--image-preview-swipe-indicators-padding);color:var(--image-preview-swipe-indicators-text-color);text-align:center}.var-image-preview__image{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.var-image-preview--prevent{-webkit-touch-callout:none;pointer-events:none}.var-image-preview__zoom-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100%;transition:transform .2s}: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: rgba(0, 0, 0, .3);--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-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, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0))}@keyframes var-uploader-loading-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.var-uploader{width:100%}.var-uploader__file-list{width:100%;display:flex;flex-wrap:wrap}.var-uploader__file{position:relative;width:var(--uploader-file-size);height:var(--uploader-file-size);margin:var(--uploader-file-margin);border-radius:var(--uploader-file-border-radius);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.var-uploader__file-name{position:absolute;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;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background-color .25s}.var-uploader__file-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--uploader-file-cover-background);object-fit:var(--uploader-file-cover-fit);pointer-events:none;transition:background-color .25s}.var-uploader__file-close{position:absolute;top:0;right:0;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}.var-uploader__file-close-icon[var-uploader-cover]{position:absolute;top:calc(-1 * var(--uploader-file-close-size));right:0;font-size:var(--uploader-file-close-icon-font-size);color:var(--uploader-file-close-icon-color)}.var-uploader__file-indicator{position:absolute;left:0;bottom:0;z-index:2;width:100%;height:var(--uploader-file-indicator-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--uploader-file-indicator-normal-color)}.var-uploader__action{position:relative;display:flex;justify-content:center;align-items:center;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);transition:background-color .25s;cursor:pointer}.var-uploader__action-icon[var-uploader-cover]{font-size:var(--uploader-action-icon-size)}.var-uploader__action-input{display:block;width:0;height:0;visibility:hidden}.var-uploader__preview[var-uploader-cover]{background:#000;box-shadow:none}.var-uploader__preview-video{width:var(--uploader-preview-video-width);height:var(--uploader-preview-video-height)}.var-uploader__progress{width:0%;height:100%;background-color:var(--uploader-file-progress-color);transition:all .25s ease-in-out}.var-uploader--loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:var-uploader-loading-animation .6s infinite;background:var(--uploader-loading-background);transition:background-color .25s}.var-uploader--success{background:var(--uploader-file-indicator-success-color)}.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}