/*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;-webkit-user-select:none;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none} /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@uppy/core/dist/style.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ /** * General Uppy styles that apply to everything inside the .uppy-Root container */ .uppy-Root { position: relative; box-sizing: border-box; color: #333; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; line-height: 1; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [dir=rtl] .uppy-Root, .uppy-Root[dir=rtl] { text-align: right; } .uppy-Root *, .uppy-Root *::before, .uppy-Root *::after { box-sizing: inherit; } .uppy-Root [hidden] { display: none; } .uppy-u-reset { all: initial; box-sizing: border-box; appearance: none; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; line-height: 1; } [dir=rtl] .uppy-u-reset { text-align: right; } .uppy-c-textInput { font-family: inherit; font-size: 14px; line-height: 1.5; padding: 6px 8px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } .uppy-size--md .uppy-c-textInput { padding: 8px 10px; } .uppy-c-textInput:focus { border-color: rgba(18, 105, 207, 0.6); outline: none; box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.15); } [data-uppy-theme=dark] .uppy-c-textInput { color: #eaeaea; background-color: #333; border-color: #333; } [data-uppy-theme=dark] .uppy-c-textInput:focus { border-color: #525252; box-shadow: none; } .uppy-c-icon { display: inline-block; max-width: 100%; max-height: 100%; overflow: hidden; fill: currentColor; } .uppy-c-btn { display: inline-flex; justify-content: center; align-items: center; font-weight: 500; font-size: inherit; font-family: inherit; color: inherit; line-height: 1; white-space: nowrap; text-align: center; transition-duration: 0.3s; transition-property: background-color, color; -webkit-user-select: none; user-select: none; } [dir=rtl] .uppy-c-btn { text-align: center; } .uppy-c-btn:not(:disabled):not(.disabled) { cursor: pointer; } .uppy-c-btn::-moz-focus-inner { border: 0; } .uppy-c-btn-primary { padding: 10px 18px; color: #fff; font-size: 14px; background-color: #1269cf; border-radius: 4px; } .uppy-c-btn-primary:hover { background-color: #0e51a0; } .uppy-c-btn-primary:focus { outline: none; box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4); } .uppy-size--md .uppy-c-btn-primary { padding: 13px 22px; } [data-uppy-theme=dark] .uppy-c-btn-primary { color: #eaeaea; } [data-uppy-theme=dark] .uppy-c-btn-primary:focus { outline: none; } [data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-c-btn-primary:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } .uppy-c-btn-link { padding: 10px 15px; color: #525252; font-size: 14px; line-height: 1; background-color: transparent; border-radius: 4px; } .uppy-c-btn-link:hover { color: #333; } .uppy-c-btn-link:focus { outline: none; box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25); } .uppy-size--md .uppy-c-btn-link { padding: 13px 18px; } [data-uppy-theme=dark] .uppy-c-btn-link { color: #eaeaea; } [data-uppy-theme=dark] .uppy-c-btn-link:focus { outline: none; } [data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-c-btn-link:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } [data-uppy-theme=dark] .uppy-c-btn-link:hover { color: #939393; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@uppy/dashboard/dist/style.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .uppy-Informer { position: absolute; right: 0; bottom: 60px; left: 0; z-index: 1005; text-align: center; } .uppy-Informer span > div { margin-bottom: 6px; } .uppy-Informer-animated { z-index: -1000; transform: translateY(350%); opacity: 0; transition: all 300ms ease-in; } .uppy-Informer p { display: inline-block; max-width: 90%; margin: 0; padding: 0; padding: 6px 15px; color: #fff; font-weight: 400; font-size: 12px; line-height: 1.4; background-color: #757575; border-radius: 18px; } .uppy-size--md .uppy-Informer p { max-width: 500px; padding: 10px 20px; font-size: 14px; line-height: 1.3; } [data-uppy-theme=dark] .uppy-Informer p { background-color: #333; } [dir="ltr"] .uppy-Informer p span{ left: 3px; } [dir="rtl"] .uppy-Informer p span{ right: 3px; } [dir="ltr"] .uppy-Informer p span{ margin-left: -1px; } [dir="rtl"] .uppy-Informer p span{ margin-right: -1px; } .uppy-Informer p span { position: relative; top: -1px; display: inline-block; width: 13px; height: 13px; color: #525252; font-size: 10px; line-height: 12px; vertical-align: middle; background-color: #fff; border-radius: 50%; } .uppy-Informer p span:hover { cursor: help; } .uppy-Informer p span::after { line-height: 1.3; word-wrap: break-word; } /* ------------------------------------------------------------------- Microtip Modern, lightweight css-only tooltips Just 1kb minified and gzipped @author Ghosh @package Microtip ---------------------------------------------------------------------- 1. Base Styles 2. Direction Modifiers 3. Position Modifiers -------------------------------------------------------------------- */ /* ------------------------------------------------ [1] Base Styles ------------------------------------------------- */ .uppy-Root [aria-label][role~=tooltip] { position: relative; } .uppy-Root [aria-label][role~=tooltip]::before, .uppy-Root [aria-label][role~=tooltip]::after { position: absolute; z-index: 10; box-sizing: border-box; transform: translate3d(0, 0, 0); transform-origin: top; backface-visibility: hidden; opacity: 0; transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s); pointer-events: none; will-change: transform; } .uppy-Root [aria-label][role~=tooltip]::before { background-size: 100% auto !important; content: ""; } .uppy-Root [aria-label][role~=tooltip]::after { box-sizing: content-box; padding: 0.5em 1em; color: #fff; font-weight: var(--microtip-font-weight, normal); font-size: var(--microtip-font-size, 13px); white-space: nowrap; text-transform: var(--microtip-text-transform, none); background: rgba(17, 17, 17, 0.9); border-radius: 4px; content: attr(aria-label); } .uppy-Root [aria-label][role~=tooltip]:hover::before, .uppy-Root [aria-label][role~=tooltip]:hover::after, .uppy-Root [aria-label][role~=tooltip]:focus::before, .uppy-Root [aria-label][role~=tooltip]:focus::after { opacity: 1; pointer-events: auto; } /* ------------------------------------------------ [2] Position Modifiers ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position|=top]::before { bottom: 100%; left: 50%; width: 18px; height: 6px; margin-bottom: 5px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; transform: translate3d(-50%, 0, 0); } .uppy-Root [role~=tooltip][data-microtip-position|=top]::after { bottom: 100%; left: 50%; margin-bottom: 11px; transform: translate3d(-50%, 0, 0); } .uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before { transform: translate3d(-50%, -5px, 0); } .uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after { transform: translate3d(-50%, -5px, 0); } /* ------------------------------------------------ [2.1] Top Left ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=top-left]::after { bottom: 100%; transform: translate3d(calc(-100% + 16px), 0, 0); } .uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after { transform: translate3d(calc(-100% + 16px), -5px, 0); } /* ------------------------------------------------ [2.2] Top Right ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=top-right]::after { bottom: 100%; transform: translate3d(calc(0% - 16px), 0, 0); } .uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after { transform: translate3d(calc(0% - 16px), -5px, 0); } /* ------------------------------------------------ [2.3] Bottom ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before { top: 100%; bottom: auto; left: 50%; width: 18px; height: 6px; margin-top: 5px; margin-bottom: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; transform: translate3d(-50%, -10px, 0); } .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after { top: 100%; left: 50%; margin-top: 11px; transform: translate3d(-50%, -10px, 0); } .uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before { transform: translate3d(-50%, 0, 0); } .uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after { transform: translate3d(-50%, 0, 0); } /* ------------------------------------------------ [2.4] Bottom Left ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after { top: 100%; transform: translate3d(calc(-100% + 16px), -10px, 0); } .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after { transform: translate3d(calc(-100% + 16px), 0, 0); } /* ------------------------------------------------ [2.5] Bottom Right ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after { top: 100%; transform: translate3d(calc(0% - 16px), -10px, 0); } .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after { transform: translate3d(calc(0% - 16px), 0, 0); } /* ------------------------------------------------ [2.6] Left ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=left]::before, .uppy-Root [role~=tooltip][data-microtip-position=left]::after { top: 50%; right: 100%; bottom: auto; left: auto; transform: translate3d(10px, -50%, 0); } .uppy-Root [role~=tooltip][data-microtip-position=left]::before { width: 6px; height: 18px; margin-right: 5px; margin-bottom: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; } .uppy-Root [role~=tooltip][data-microtip-position=left]::after { margin-right: 11px; } .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before, .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after { transform: translate3d(0, -50%, 0); } /* ------------------------------------------------ [2.7] Right ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-position=right]::before, .uppy-Root [role~=tooltip][data-microtip-position=right]::after { top: 50%; bottom: auto; left: 100%; transform: translate3d(-10px, -50%, 0); } .uppy-Root [role~=tooltip][data-microtip-position=right]::before { width: 6px; height: 18px; margin-bottom: 0; margin-left: 5px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; } .uppy-Root [role~=tooltip][data-microtip-position=right]::after { margin-left: 11px; } .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before, .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after { transform: translate3d(0, -50%, 0); } /* ------------------------------------------------ [3] Size ------------------------------------------------- */ .uppy-Root [role~=tooltip][data-microtip-size=small]::after { width: 80px; white-space: initial; } .uppy-Root [role~=tooltip][data-microtip-size=medium]::after { width: 150px; white-space: initial; } .uppy-Root [role~=tooltip][data-microtip-size=large]::after { width: 260px; white-space: initial; } .uppy-StatusBar { position: relative; z-index: 1001; display: flex; height: 46px; color: #fff; font-weight: 400; font-size: 12px; line-height: 40px; background-color: #fff; transition: height 0.2s; } [data-uppy-theme=dark] .uppy-StatusBar { background-color: #1f1f1f; } .uppy-StatusBar::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #eaeaea; content: ""; } [data-uppy-theme=dark] .uppy-StatusBar::before { background-color: #757575; } .uppy-StatusBar[aria-hidden=true] { height: 0; overflow-y: hidden; } .uppy-StatusBar.is-complete .uppy-StatusBar-progress { background-color: #1bb240; } .uppy-StatusBar.is-error .uppy-StatusBar-progress { background-color: #e32437; } .uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator { color: #1bb240; } .uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator { color: #e32437; } .uppy-StatusBar:not([aria-hidden=true]).is-waiting { height: 65px; background-color: #fff; border-top: 1px solid #eaeaea; } [data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting { background-color: #1f1f1f; border-top: 1px solid #333; } .uppy-StatusBar-progress { position: absolute; z-index: 1001; height: 2px; background-color: #1269cf; transition: background-color, width 0.3s ease-out; } .uppy-StatusBar-progress.is-indeterminate { background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent); background-size: 64px 64px; animation: uppy-StatusBar-ProgressStripes 1s linear infinite; } @keyframes uppy-StatusBar-ProgressStripes { from { background-position: 0 0; } to { background-position: 64px 0; } } .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress { background-color: #f6a623; } .uppy-StatusBar.is-waiting .uppy-StatusBar-progress { display: none; } [dir="ltr"] .uppy-StatusBar-content{ padding-left: 10px; } [dir="rtl"] .uppy-StatusBar-content{ padding-right: 10px; } .uppy-StatusBar-content { position: relative; z-index: 1002; display: flex; align-items: center; height: 100%; color: #333; white-space: nowrap; text-overflow: ellipsis; } [dir="ltr"] .uppy-size--md .uppy-StatusBar-content{ padding-left: 15px; } [dir="rtl"] .uppy-size--md .uppy-StatusBar-content{ padding-right: 15px; } [data-uppy-theme=dark] .uppy-StatusBar-content { color: #eaeaea; } [dir="ltr"] .uppy-StatusBar-status{ padding-right: 0.3em; } [dir="rtl"] .uppy-StatusBar-status{ padding-left: 0.3em; } .uppy-StatusBar-status { display: flex; flex-direction: column; justify-content: center; font-weight: normal; line-height: 1.4; } .uppy-StatusBar-statusPrimary { font-weight: 500; line-height: 1; display: flex; } .uppy-StatusBar-statusPrimary button.uppy-StatusBar-details { margin-left: 5px; } [data-uppy-theme=dark] .uppy-StatusBar-statusPrimary { color: #eaeaea; } .uppy-StatusBar-statusSecondary { display: inline-block; margin-top: 1px; color: #757575; font-size: 11px; line-height: 1.2; white-space: nowrap; } [data-uppy-theme=dark] .uppy-StatusBar-statusSecondary { color: #bbb; } [dir="ltr"] .uppy-StatusBar-statusSecondaryHint{ margin-right: 5px; } [dir="rtl"] .uppy-StatusBar-statusSecondaryHint{ margin-left: 5px; } .uppy-StatusBar-statusSecondaryHint { display: inline-block; line-height: 1; vertical-align: middle; } [dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{ margin-right: 8px; } [dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{ margin-left: 8px; } [dir="ltr"] .uppy-StatusBar-statusIndicator{ margin-right: 7px; } [dir="rtl"] .uppy-StatusBar-statusIndicator{ margin-left: 7px; } .uppy-StatusBar-statusIndicator { position: relative; top: 1px; color: #525252; } .uppy-StatusBar-statusIndicator svg { vertical-align: text-bottom; } [dir="ltr"] .uppy-StatusBar-actions{ right: 10px; } [dir="rtl"] .uppy-StatusBar-actions{ left: 10px; } .uppy-StatusBar-actions { position: absolute; top: 0; bottom: 0; z-index: 1004; display: flex; align-items: center; } .uppy-StatusBar.is-waiting .uppy-StatusBar-actions { position: static; width: 100%; height: 100%; padding: 0 15px; background-color: #fafafa; } [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions { background-color: #1f1f1f; } .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts { flex-direction: column; height: 90px; } .uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts { flex-direction: row; height: 65px; } .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions { flex-direction: column; justify-content: center; } .uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions { flex-direction: row; justify-content: initial; } .uppy-StatusBar-actionCircleBtn { margin: 3px; line-height: 1; cursor: pointer; opacity: 0.9; } .uppy-StatusBar-actionCircleBtn:focus { outline: none; } .uppy-StatusBar-actionCircleBtn::-moz-focus-inner { border: 0; } .uppy-StatusBar-actionCircleBtn:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus { outline: none; } [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } .uppy-StatusBar-actionCircleBtn:hover { opacity: 1; } .uppy-StatusBar-actionCircleBtn:focus { border-radius: 50%; } .uppy-StatusBar-actionCircleBtn svg { vertical-align: bottom; } .uppy-StatusBar-actionBtn { display: inline-block; color: #1269cf; font-size: 10px; line-height: inherit; vertical-align: middle; } .uppy-size--md .uppy-StatusBar-actionBtn { font-size: 11px; } .uppy-StatusBar-actionBtn--disabled { opacity: 0.4; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled { opacity: 0.7; } [dir="ltr"] .uppy-StatusBar-actionBtn--retry{ margin-right: 6px; } [dir="rtl"] .uppy-StatusBar-actionBtn--retry{ margin-left: 6px; } .uppy-StatusBar-actionBtn--retry { position: relative; height: 16px; padding: 1px 6px 3px 18px; color: #fff; line-height: 1; background-color: #ff4b23; border-radius: 8px; } .uppy-StatusBar-actionBtn--retry:focus { outline: none; } .uppy-StatusBar-actionBtn--retry::-moz-focus-inner { border: 0; } .uppy-StatusBar-actionBtn--retry:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus { outline: none; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } .uppy-StatusBar-actionBtn--retry:hover { background-color: #f92d00; } [dir="ltr"] .uppy-StatusBar-actionBtn--retry svg{ left: 6px; } [dir="rtl"] .uppy-StatusBar-actionBtn--retry svg{ right: 6px; } .uppy-StatusBar-actionBtn--retry svg { position: absolute; top: 3px; } .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload { width: 100%; padding: 15px 10px; color: #fff; font-size: 14px; line-height: 1; background-color: #1bb240; } .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover { background-color: #189c38; } [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload { background-color: #1c8b37; } [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover { background-color: #18762f; } .uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload { width: auto; padding: 13px 22px; } .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover { background-color: #1bb240; cursor: not-allowed; } [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover { background-color: #1c8b37; } .uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload { color: #1269cf; background-color: transparent; } [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{ padding-right: 3px; } [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{ padding-left: 3px; } [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{ padding-left: 3px; } [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{ padding-right: 3px; } .uppy-StatusBar-actionBtn--uploadNewlyAdded { padding-bottom: 1px; border-radius: 3px; } .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus { outline: none; } .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner { border: 0; } .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus { outline: none; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } .uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded { display: none; } .uppy-StatusBar-actionBtn--done { padding: 7px 8px; line-height: 1; border-radius: 3px; } .uppy-StatusBar-actionBtn--done:focus { outline: none; } .uppy-StatusBar-actionBtn--done::-moz-focus-inner { border: 0; } .uppy-StatusBar-actionBtn--done:hover { color: #0e51a0; } .uppy-StatusBar-actionBtn--done:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus { background-color: #333; } [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done { color: #02baf2; } .uppy-size--md .uppy-StatusBar-actionBtn--done { font-size: 14px; } .uppy-StatusBar-serviceMsg { padding-left: 10px; color: #000; font-size: 11px; line-height: 1.1; } .uppy-size--md .uppy-StatusBar-serviceMsg { padding-left: 15px; font-size: 14px; } [data-uppy-theme=dark] .uppy-StatusBar-serviceMsg { color: #eaeaea; } .uppy-StatusBar-serviceMsg-ghostsIcon { position: relative; top: 2px; left: 6px; width: 10px; vertical-align: text-bottom; opacity: 0.5; } .uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon { top: 1px; left: 10px; width: 15px; } [dir="ltr"] .uppy-StatusBar-details{ left: 2px; } [dir="rtl"] .uppy-StatusBar-details{ right: 2px; } .uppy-StatusBar-details { position: relative; top: 0; display: inline-block; width: 13px; height: 13px; color: #fff; font-weight: 600; font-size: 10px; line-height: 12px; text-align: center; vertical-align: middle; background-color: #939393; border-radius: 50%; cursor: help; appearance: none; } .uppy-StatusBar-details::after { line-height: 1.3; word-wrap: break-word; } [dir="ltr"] .uppy-StatusBar-spinner{ margin-right: 10px; } [dir="rtl"] .uppy-StatusBar-spinner{ margin-left: 10px; } .uppy-StatusBar-spinner { animation-name: uppy-StatusBar-spinnerAnimation; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; fill: #1269cf; } .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner { fill: #f6a623; } @keyframes uppy-StatusBar-spinnerAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list, .uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 6px; } .uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after, .uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after { flex: auto; content: ""; } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem { position: relative; width: 50%; margin: 0; } .uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem { width: 33.3333%; } .uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem, .uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem { width: 25%; } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before { display: block; padding-top: 100%; content: ""; } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg { opacity: 0.85; } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled { opacity: 0.5; } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner { background-color: rgba(147, 147, 147, 0.2); } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner { background-color: rgba(234, 234, 234, 0.2); } .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg, .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg { width: 30%; height: 30%; fill: rgba(0, 0, 0, 0.7); } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg { fill: rgba(255, 255, 255, 0.8); } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner { position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; width: calc(100% - 14px); height: calc(100% - 14px); overflow: hidden; text-align: center; border-radius: 4px; } @media (hover: none) { .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author { display: block; } } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner, [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner { box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7); } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author { position: absolute; display: none; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.3); color: white; font-weight: 500; font-size: 12px; margin: 0; padding: 5px; text-decoration: none; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover { background: rgba(0, 0, 0, 0.4); text-decoration: underline; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox { position: absolute; top: 16px; right: 16px; z-index: 1002; width: 26px; height: 26px; background-color: #1269cf; border-radius: 50%; opacity: 0; } [dir="ltr"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,[dir="ltr"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after{ left: 7px; } [dir="rtl"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,[dir="rtl"] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after{ right: 7px; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after { top: 8px; width: 12px; height: 7px; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked { opacity: 1; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author { display: block; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus { outline: none; } .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner { border: 0; } .uppy-ProviderBrowser-viewType--list { background-color: #fff; } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list { background-color: #1f1f1f; } .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem { display: flex; align-items: center; margin: 0; padding: 7px 15px; } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem { color: #eaeaea; } .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled { opacity: 0.6; } [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox{ margin-right: 15px; } [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox{ margin-left: 15px; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox { width: 17px; height: 17px; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 3px; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus { border: 1px solid #1269cf; outline: none; box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25); } [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after{ left: 3px; } [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after{ right: 3px; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after { top: 4px; width: 9px; height: 5px; opacity: 0; } [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus { border-color: rgba(2, 186, 242, 0.7); box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2); } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked { background-color: #1269cf; border-color: #1269cf; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked::after { opacity: 1; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner { display: flex; align-items: center; color: inherit; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; padding: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus { text-decoration: underline; outline: none; } [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{ margin-right: 8px; } [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{ margin-left: 8px; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span { overflow: hidden; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner { cursor: default; } [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{ margin-right: 7px; } [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{ margin-left: 7px; } .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap { width: 20px; } .uppy-ProviderBrowserItem-checkbox { position: relative; flex-shrink: 0; cursor: pointer; } .uppy-ProviderBrowserItem-checkbox:disabled { cursor: default; } .uppy-ProviderBrowserItem-checkbox::after { position: absolute; border-bottom: 2px solid #eaeaea; border-left: 2px solid #eaeaea; transform: rotate(-45deg); cursor: pointer; content: ""; } .uppy-ProviderBrowserItem-checkbox:disabled::after { cursor: default; } [data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox { background-color: #1f1f1f; border-color: #939393; } [data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked { background-color: #333; } .uppy-SearchProvider { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } [data-uppy-theme=dark] .uppy-SearchProvider { background-color: #1f1f1f; } .uppy-SearchProvider-input { width: 90%; max-width: 650px; margin-bottom: 15px; } .uppy-size--md .uppy-SearchProvider-input { margin-bottom: 20px; } .uppy-SearchProvider-input::-webkit-search-cancel-button { display: none; } .uppy-SearchProvider-searchButton { padding: 13px 25px; } .uppy-size--md .uppy-SearchProvider-searchButton { padding: 13px 30px; } .uppy-DashboardContent-panelBody { display: flex; flex: 1; align-items: center; justify-content: center; } [data-uppy-theme=dark] .uppy-DashboardContent-panelBody { background-color: #1f1f1f; } .uppy-Provider-auth, .uppy-Provider-error, .uppy-Provider-loading, .uppy-Provider-empty { display: flex; flex: 1; flex-flow: column wrap; align-items: center; justify-content: center; color: #939393; } .uppy-Provider-empty { color: #939393; } .uppy-Provider-authIcon svg { width: 100px; height: 75px; } .uppy-Provider-authTitle { max-width: 500px; margin-bottom: 30px; padding: 0 15px; color: #757575; font-weight: 400; font-size: 17px; line-height: 1.4; text-align: center; } .uppy-size--md .uppy-Provider-authTitle { font-size: 20px; } [data-uppy-theme=dark] .uppy-Provider-authTitle { color: #cfcfcf; } .uppy-Provider-btn-google { display: flex; align-items: center; padding: 8px 12px !important; background: #4285f4; } .uppy-Provider-btn-google:hover { background-color: #1266f1; } .uppy-Provider-btn-google:focus { outline: none; box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4); } .uppy-Provider-btn-google svg { margin-right: 8px; } [dir="ltr"] .uppy-Provider-breadcrumbs{ text-align: left; } [dir="rtl"] .uppy-Provider-breadcrumbs{ text-align: right; } .uppy-Provider-breadcrumbs { flex: 1; margin-bottom: 10px; color: #525252; font-size: 12px; } .uppy-size--md .uppy-Provider-breadcrumbs { margin-bottom: 0; } [data-uppy-theme=dark] .uppy-Provider-breadcrumbs { color: #eaeaea; } [dir="ltr"] .uppy-Provider-breadcrumbsIcon{ margin-right: 4px; } [dir="rtl"] .uppy-Provider-breadcrumbsIcon{ margin-left: 4px; } .uppy-Provider-breadcrumbsIcon { display: inline-block; color: #525252; line-height: 1; vertical-align: middle; } .uppy-Provider-breadcrumbsIcon svg { width: 13px; height: 13px; fill: #525252; } .uppy-Provider-breadcrumbs button { display: inline-block; padding: 4px; line-height: inherit; border-radius: 3px; } .uppy-Provider-breadcrumbs button:focus { outline: none; } .uppy-Provider-breadcrumbs button::-moz-focus-inner { border: 0; } .uppy-Provider-breadcrumbs button:hover { color: #0e51a0; } .uppy-Provider-breadcrumbs button:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus { background-color: #333; } .uppy-Provider-breadcrumbs button:not(:last-of-type) { text-decoration: underline; } .uppy-Provider-breadcrumbs button:last-of-type { color: #333; font-weight: 500; cursor: normal; pointer-events: none; } .uppy-Provider-breadcrumbs button:hover { cursor: pointer; } [data-uppy-theme=dark] .uppy-Provider-breadcrumbs button { color: #eaeaea; } .uppy-ProviderBrowser { display: flex; flex: 1; flex-direction: column; height: 100%; font-weight: 400; font-size: 14px; } .uppy-ProviderBrowser-user { margin: 0 8px 0 0; color: #333; font-weight: 500; } [data-uppy-theme=dark] .uppy-ProviderBrowser-user { color: #eaeaea; } [dir="ltr"] .uppy-ProviderBrowser-user::after{ left: 4px; } [dir="rtl"] .uppy-ProviderBrowser-user::after{ right: 4px; } .uppy-ProviderBrowser-user::after { position: relative; color: #939393; font-weight: normal; content: "ยท"; } .uppy-ProviderBrowser-header { position: relative; z-index: 1001; border-bottom: 1px solid #eaeaea; } [data-uppy-theme=dark] .uppy-ProviderBrowser-header { border-bottom: 1px solid #333; } .uppy-ProviderBrowser-headerBar { z-index: 1001; padding: 7px 15px; color: #757575; font-size: 12px; line-height: 1.4; background-color: #fafafa; } .uppy-size--md .uppy-ProviderBrowser-headerBar { display: flex; align-items: center; } [data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar { background-color: #1f1f1f; } .uppy-ProviderBrowser-headerBar--simple { display: block; justify-content: center; text-align: center; } .uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap { display: inline-block; flex: none; vertical-align: middle; } .uppy-ProviderBrowser-searchFilter { position: relative; display: flex; align-items: center; width: 100%; height: 30px; padding-left: 8px; padding-right: 8px; margin-top: 15px; margin-bottom: 15px; } [dir="ltr"] .uppy-ProviderBrowser-searchFilterInput{ padding-left: 30px; } [dir="rtl"] .uppy-ProviderBrowser-searchFilterInput{ padding-right: 30px; } [dir="ltr"] .uppy-ProviderBrowser-searchFilterInput{ padding-right: 30px; } [dir="rtl"] .uppy-ProviderBrowser-searchFilterInput{ padding-left: 30px; } .uppy-ProviderBrowser-searchFilterInput { z-index: 1001; width: 100%; height: 30px; font-size: 13px; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif; line-height: 1.4; background-color: #eaeaea; border: 0; border-radius: 4px; outline: 0; color: #333; } .uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button { display: none; } [data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput { color: #eaeaea; background-color: #1f1f1f; } .uppy-ProviderBrowser-searchFilterInput:focus { background-color: #cfcfcf; border: 0; } [data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput:focus { background-color: #333; } [dir="ltr"] .uppy-ProviderBrowser-searchFilterIcon{ left: 16px; } [dir="rtl"] .uppy-ProviderBrowser-searchFilterIcon{ right: 16px; } .uppy-ProviderBrowser-searchFilterIcon { position: absolute; z-index: 1002; width: 12px; height: 12px; color: #757575; } .uppy-ProviderBrowser-searchFilterInput::placeholder { color: #939393; opacity: 1; } [dir="ltr"] .uppy-ProviderBrowser-searchFilterReset{ right: 16px; } [dir="rtl"] .uppy-ProviderBrowser-searchFilterReset{ left: 16px; } .uppy-ProviderBrowser-searchFilterReset { border-radius: 3px; position: absolute; z-index: 1002; width: 22px; height: 22px; padding: 6px; color: #939393; cursor: pointer; } .uppy-ProviderBrowser-searchFilterReset:focus { outline: none; } .uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner { border: 0; } .uppy-ProviderBrowser-searchFilterReset:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } .uppy-ProviderBrowser-searchFilterReset:hover { color: #757575; } .uppy-ProviderBrowser-searchFilterReset svg { vertical-align: text-top; } .uppy-ProviderBrowser-userLogout { padding: 4px; color: #1269cf; line-height: inherit; border-radius: 3px; cursor: pointer; } .uppy-ProviderBrowser-userLogout:focus { outline: none; } .uppy-ProviderBrowser-userLogout::-moz-focus-inner { border: 0; } .uppy-ProviderBrowser-userLogout:hover { color: #0e51a0; } .uppy-ProviderBrowser-userLogout:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus { background-color: #333; } .uppy-ProviderBrowser-userLogout:hover { text-decoration: underline; } [data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout { color: #eaeaea; } .uppy-ProviderBrowser-body { position: relative; flex: 1; } .uppy-ProviderBrowser-list { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; flex: 1; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style: none; background-color: #fff; border-spacing: 0; -webkit-overflow-scrolling: touch; } [data-uppy-theme=dark] .uppy-ProviderBrowser-list { background-color: #1f1f1f; } .uppy-ProviderBrowser-list:focus { outline: none; } .uppy-ProviderBrowserItem-inner { font-weight: 500; font-size: 13px; cursor: pointer; } .uppy-ProviderBrowser-footer { display: flex; align-items: center; height: 65px; padding: 0 15px; background-color: #fff; border-top: 1px solid #eaeaea; } [dir="ltr"] .uppy-ProviderBrowser-footer button{ margin-right: 8px; } [dir="rtl"] .uppy-ProviderBrowser-footer button{ margin-left: 8px; } [data-uppy-theme=dark] .uppy-ProviderBrowser-footer { background-color: #1f1f1f; border-top: 1px solid #333; } .uppy-Dashboard-Item-previewInnerWrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; border-radius: 3px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); } .uppy-size--md .uppy-Dashboard-Item-previewInnerWrap { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap { box-shadow: none; } .uppy-Dashboard-Item-previewInnerWrap::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; display: none; background-color: rgba(0, 0, 0, 0.65); content: ""; } .uppy-Dashboard-Item-previewLink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1002; } .uppy-Dashboard-Item-previewLink:focus { box-shadow: inset 0 0 0 3px #579df0; } [data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus { box-shadow: inset 0 0 0 3px #016c8d; } .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; transform: translateZ(0); } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg { object-fit: contain; width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 10px; } .uppy-Dashboard-Item-progress { position: absolute; top: 50%; left: 50%; z-index: 1002; width: 120px; color: #fff; text-align: center; transform: translate(-50%, -50%); transition: all 0.35 ease; } .uppy-Dashboard-Item-progressIndicator { display: inline-block; width: 38px; height: 38px; opacity: 0.9; color: #fff; } .uppy-size--md .uppy-Dashboard-Item-progressIndicator { width: 55px; height: 55px; } button.uppy-Dashboard-Item-progressIndicator { cursor: pointer; } button.uppy-Dashboard-Item-progressIndicator:focus { outline: none; } button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner { border: 0; } button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg, button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry { fill: #579df0; } .uppy-Dashboard-Item-progressIcon--circle { width: 100%; height: 100%; } .uppy-Dashboard-Item-progressIcon--bg { stroke: rgba(255, 255, 255, 0.4); } .uppy-Dashboard-Item-progressIcon--progress { transition: stroke-dashoffset 0.5s ease-out; stroke: #fff; } .uppy-Dashboard-Item-progressIcon--play { transition: all 0.2s; fill: #fff; stroke: #fff; } .uppy-Dashboard-Item-progressIcon--cancel { transition: all 0.2s; fill: #fff; } .uppy-Dashboard-Item-progressIcon--pause { transition: all 0.2s; fill: #fff; stroke: #fff; } .uppy-Dashboard-Item-progressIcon--check { transition: all 0.2s; fill: #fff; } .uppy-Dashboard-Item-progressIcon--retry { fill: #fff; } [dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{ right: -8px; } [dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{ left: -8px; } [dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{ left: initial; } [dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{ right: initial; } .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress { top: -9px; width: auto; transform: initial; } .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator { width: 18px; height: 18px; } .uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator { width: 28px; height: 28px; } .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator { width: 18px; height: 18px; opacity: 1; } .uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator { width: 22px; height: 22px; } .uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress { opacity: 0; } [dir="ltr"] .uppy-Dashboard-Item-fileInfo{ padding-right: 5px; } [dir="rtl"] .uppy-Dashboard-Item-fileInfo{ padding-left: 5px; } [dir="ltr"] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo{ padding-right: 10px; } [dir="rtl"] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo{ padding-left: 10px; } [dir="ltr"] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo{ padding-right: 15px; } [dir="rtl"] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo{ padding-left: 15px; } .uppy-Dashboard-Item-name { margin-bottom: 5px; font-weight: 500; font-size: 12px; line-height: 1.3; word-wrap: anywhere; word-break: break-all; } [data-uppy-theme=dark] .uppy-Dashboard-Item-name { color: #eaeaea; } .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name { font-size: 14px; line-height: 1.4; } .uppy-Dashboard-Item-fileName { display: flex; align-items: baseline; } .uppy-Dashboard-Item-fileName button { margin-left: 5px; } .uppy-Dashboard-Item-author { color: #757575; vertical-align: bottom; font-size: 11px; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 5px; } .uppy-Dashboard-Item-author a { color: #757575; } .uppy-Dashboard-Item-status { color: #757575; font-weight: normal; font-size: 11px; line-height: 1; } [data-uppy-theme=dark] .uppy-Dashboard-Item-status { color: #bbb; } .uppy-Dashboard-Item-statusSize { display: inline-block; text-transform: uppercase; vertical-align: bottom; margin-bottom: 5px; } .uppy-Dashboard-Item-reSelect { color: #1269cf; font-weight: 600; font-size: inherit; font-family: inherit; } .uppy-Dashboard-Item-errorMessage { font-size: 11px; font-weight: 500; line-height: 1.3; color: #a51523; background-color: #fdeff1; padding: 5px 6px; } .uppy-Dashboard-Item-errorMessageBtn { font-size: 11px; text-decoration: underline; color: #a51523; cursor: pointer; font-weight: 500; } .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage { display: none; } .uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage { display: block; border-top: 1px solid #f7c2c8; padding: 6px 8px; line-height: 1.4; position: absolute; bottom: 0; left: 0; right: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage { display: inline-block; position: static; border: 1px solid #f7c2c8; border-radius: 3px; } .uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage { display: none; } .uppy-Dashboard-Item-action { color: #939393; cursor: pointer; } .uppy-Dashboard-Item-action:focus { outline: none; } .uppy-Dashboard-Item-action::-moz-focus-inner { border: 0; } .uppy-Dashboard-Item-action:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } .uppy-Dashboard-Item-action:hover { color: #1f1f1f; opacity: 1; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action { color: #cfcfcf; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus { outline: none; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner { border: 0; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus { box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); } [data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover { color: #eaeaea; } .uppy-Dashboard-Item-action--remove { color: #1f1f1f; opacity: 0.95; } .uppy-Dashboard-Item-action--remove:hover { color: #000; opacity: 1; } [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove{ right: -8px; } [dir="rtl"] .uppy-size--md .uppy-Dashboard-Item-action--remove{ left: -8px; } .uppy-size--md .uppy-Dashboard-Item-action--remove { position: absolute; top: -8px; z-index: 1002; width: 18px; height: 18px; padding: 0; } .uppy-size--md .uppy-Dashboard-Item-action--remove:focus { border-radius: 50%; } [dir="ltr"] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove{ right: 8px; } [dir="rtl"] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove{ left: 8px; } .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove { position: absolute; top: 8px; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove { color: #525252; } [data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover { color: #333; } .uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper { display: flex; align-items: center; } .uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action { width: 22px; height: 22px; margin-left: 3px; padding: 3px; } .uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus { border-radius: 3px; } .uppy-size--md .uppy-Dashboard-Item-action--copyLink, .uppy-size--md .uppy-Dashboard-Item-action--edit { width: 16px; height: 16px; padding: 0; } .uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus, .uppy-size--md .uppy-Dashboard-Item-action--edit:focus { border-radius: 3px; } .uppy-Dashboard-Item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #eaeaea; } [dir="ltr"] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item{ padding-right: 0; } [dir="rtl"] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item{ padding-left: 0; } [data-uppy-theme=dark] .uppy-Dashboard-Item { border-bottom: 1px solid #333; } [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item{ float: left; } [dir="rtl"] .uppy-size--md .uppy-Dashboard-Item{ float: right; } .uppy-size--md .uppy-Dashboard-Item { position: relative; display: block; /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */ width: calc(33.333% - 15px - 15px); height: 215px; margin: 5px 15px; padding: 0; border-bottom: 0; } .uppy-size--lg .uppy-Dashboard-Item { /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */ width: calc(25% - 15px - 15px); height: 190px; margin: 5px 15px; padding: 0; } .uppy-size--xl .uppy-Dashboard-Item { /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */ width: calc(20% - 15px - 15px); height: 210px; padding: 0; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item { display: flex; flex-direction: column; width: 100%; max-width: 400px; height: 100%; border-bottom: 0; position: relative; padding: 15px; } .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap { opacity: 0.2; } .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name { opacity: 0.7; } .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 10px; background-size: 25px; opacity: 0.5; content: ""; } .uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before { background-position: 50% 50%; background-size: 40px; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before { background-position: 50% 50%; background-size: 30%; } .uppy-Dashboard-Item-preview { position: relative; flex-grow: 0; flex-shrink: 0; width: 50px; height: 50px; } .uppy-size--md .uppy-Dashboard-Item-preview { width: 100%; height: 140px; } .uppy-size--lg .uppy-Dashboard-Item-preview { height: 120px; } .uppy-size--xl .uppy-Dashboard-Item-preview { height: 140px; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview { width: 100%; max-height: 75%; flex-grow: 1; } .uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview { max-height: 100%; } [dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{ padding-right: 8px; } [dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{ padding-left: 8px; } [dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{ padding-left: 12px; } [dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{ padding-right: 12px; } .uppy-Dashboard-Item-fileInfoAndButtons { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; } .uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons { align-items: flex-start; padding: 0; padding-top: 9px; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons { width: 100%; flex-grow: 0; } .uppy-Dashboard-Item-fileInfo { flex-grow: 1; flex-shrink: 1; } .uppy-Dashboard-Item-actionWrapper { flex-grow: 0; flex-shrink: 0; } .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after, .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after { display: block; } [dir="ltr"] .uppy-Dashboard-Item-errorDetails{ left: 2px; } [dir="rtl"] .uppy-Dashboard-Item-errorDetails{ right: 2px; } .uppy-Dashboard-Item-errorDetails { position: relative; top: 0; flex-shrink: 0; width: 13px; height: 13px; color: #fff; font-weight: 600; font-size: 10px; line-height: 12px; text-align: center; background-color: #939393; border-radius: 50%; border: none; cursor: help; appearance: none; } .uppy-Dashboard-Item-errorDetails::after { line-height: 1.3; word-wrap: break-word; } .uppy-Dashboard-FileCard { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); } .uppy-Dashboard-FileCard .uppy-DashboardContent-bar { border-top-left-radius: 5px; border-top-right-radius: 5px; } .uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .uppy-Dashboard-FileCard-inner { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; height: 100%; min-height: 0; } .uppy-Dashboard-FileCard-preview { position: relative; display: flex; flex-grow: 0; flex-shrink: 1; align-items: center; justify-content: center; height: 60%; min-height: 0; border-bottom: 1px solid #eaeaea; } [data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview { background-color: #333; border-bottom: 0; } .uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg { flex: 0 0 auto; max-width: 90%; max-height: 90%; object-fit: cover; border-radius: 3px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); } [dir="ltr"] .uppy-Dashboard-FileCard-edit{ right: 10px; } [dir="rtl"] .uppy-Dashboard-FileCard-edit{ left: 10px; } .uppy-Dashboard-FileCard-edit { position: absolute; top: 10px; padding: 7px 15px; color: #fff; font-size: 13px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50px; } .uppy-Dashboard-FileCard-edit:focus { outline: none; } .uppy-Dashboard-FileCard-edit::-moz-focus-inner { border: 0; } .uppy-Dashboard-FileCard-edit:focus { box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5); } .uppy-Dashboard-FileCard-edit:hover { background-color: rgba(0, 0, 0, 0.8); } .uppy-Dashboard-FileCard-info { flex-grow: 0; flex-shrink: 0; height: 40%; padding: 30px 20px 20px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; } [data-uppy-theme=dark] .uppy-Dashboard-FileCard-info { background-color: #1f1f1f; } .uppy-Dashboard-FileCard-fieldset { max-width: 640px; margin: auto; margin-bottom: 12px; padding: 0; font-size: 0; border: 0; } .uppy-Dashboard-FileCard-label { display: inline-block; width: 22%; color: #525252; font-size: 12px; vertical-align: middle; } .uppy-size--md .uppy-Dashboard-FileCard-label { font-size: 14px; } [data-uppy-theme=dark] .uppy-Dashboard-FileCard-label { color: #eaeaea; } .uppy-Dashboard-FileCard-input { display: inline-block; width: 78%; vertical-align: middle; } .uppy-Dashboard-FileCard-actions { display: flex; flex-grow: 0; flex-shrink: 0; align-items: center; height: 55px; padding: 0 15px; background-color: #fafafa; border-top: 1px solid #eaeaea; } .uppy-size--md .uppy-Dashboard-FileCard-actions { height: 65px; } [data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions { background-color: #1f1f1f; border-top: 1px solid #333; } [dir="ltr"] .uppy-Dashboard-FileCard-actionsBtn{ margin-right: 10px; } [dir="rtl"] .uppy-Dashboard-FileCard-actionsBtn{ margin-left: 10px; } .uppy-transition-slideDownUp-enter { transform: translate3d(0, -105%, 0); opacity: 0.01; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; } .uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active { transform: translate3d(0, 0, 0); opacity: 1; } .uppy-transition-slideDownUp-leave { transform: translate3d(0, 0, 0); opacity: 1; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; } .uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active { transform: translate3d(0, -105%, 0); opacity: 0.01; } @keyframes uppy-Dashboard-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes uppy-Dashboard-fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes uppy-Dashboard-slideDownAndFadeIn { from { transform: translate3d(-50%, -70%, 0); opacity: 0; } to { transform: translate3d(-50%, -50%, 0); opacity: 1; } } @keyframes uppy-Dashboard-slideDownAndFadeIn--small { from { transform: translate3d(0, -20%, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes uppy-Dashboard-slideUpFadeOut { from { transform: translate3d(-50%, -50%, 0); opacity: 1; } to { transform: translate3d(-50%, -70%, 0); opacity: 0; } } @keyframes uppy-Dashboard-slideUpFadeOut--small { from { transform: translate3d(0, 0, 0); opacity: 1; } to { transform: translate3d(0, -20%, 0); opacity: 0; } } .uppy-Dashboard--modal { z-index: 1001; } .uppy-Dashboard--modal[aria-hidden=true] { display: none; } .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner { animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1); } @media only screen and (min-width: 820px) { .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner { animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } } .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay { animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner { animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1); } @media only screen and (min-width: 820px) { .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner { animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } } .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay { animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .uppy-Dashboard-isFixed { height: 100vh; overflow: hidden; } .uppy-Dashboard--modal .uppy-Dashboard-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); } .uppy-Dashboard-inner { position: relative; max-width: 100%; max-height: 100%; background-color: #f4f4f4; border: 1px solid #eaeaea; border-radius: 5px; outline: none; } .uppy-size--md .uppy-Dashboard-inner { min-height: auto; } @media only screen and (min-width: 820px) { .uppy-Dashboard-inner { width: 650px; height: 500px; } } .uppy-Dashboard--modal .uppy-Dashboard-inner { z-index: 1002; } [data-uppy-theme=dark] .uppy-Dashboard-inner { background-color: #1f1f1f; } .uppy-Dashboard--isDisabled .uppy-Dashboard-inner { cursor: not-allowed; } .uppy-Dashboard-innerWrap { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 5px; opacity: 0; } .uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap { opacity: 1; } .uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap { opacity: 0.6; filter: grayscale(100%); -webkit-user-select: none; user-select: none; cursor: not-allowed; } .uppy-Dashboard--isDisabled .uppy-ProviderIconBg { fill: #9f9f9f; } .uppy-Dashboard--isDisabled [disabled], .uppy-Dashboard--isDisabled [aria-disabled] { pointer-events: none; cursor: not-allowed; } .uppy-Dashboard--modal .uppy-Dashboard-inner { position: fixed; top: 35px; right: 15px; bottom: 15px; left: 15px; border: none; } @media only screen and (min-width: 820px) { .uppy-Dashboard--modal .uppy-Dashboard-inner { top: 50%; right: auto; left: 50%; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); } } [dir="ltr"] .uppy-Dashboard-close{ right: -2px; } [dir="rtl"] .uppy-Dashboard-close{ left: -2px; } .uppy-Dashboard-close { position: absolute; top: -33px; z-index: 1005; display: block; color: rgba(255, 255, 255, 0.9); font-size: 27px; cursor: pointer; } .uppy-Dashboard-close:focus { outline: none; } .uppy-Dashboard-close::-moz-focus-inner { border: 0; } .uppy-Dashboard-close:focus { color: #6eabf2; } @media only screen and (min-width: 820px) { [dir="ltr"] .uppy-Dashboard-close{ right: -35px; } [dir="rtl"] .uppy-Dashboard-close{ left: -35px; } .uppy-Dashboard-close { top: -10px; font-size: 35px; } } .uppy-Dashboard-serviceMsg { position: relative; top: -1px; z-index: 1004; padding: 12px 0; font-weight: 500; font-size: 12px; line-height: 1.3; background-color: #fffbf7; border-top: 1px solid #edd4b9; border-bottom: 1px solid #edd4b9; } .uppy-size--md .uppy-Dashboard-serviceMsg { font-size: 14px; line-height: 1.4; } [data-uppy-theme=dark] .uppy-Dashboard-serviceMsg { color: #eaeaea; background-color: #1f1f1f; border-top: 1px solid #333; border-bottom: 1px solid #333; } .uppy-Dashboard-serviceMsg-title { display: block; margin-bottom: 4px; padding-left: 42px; line-height: 1; } .uppy-Dashboard-serviceMsg-text { padding: 0 15px; } .uppy-Dashboard-serviceMsg-actionBtn { color: #1269cf; font-weight: inherit; font-size: inherit; vertical-align: initial; } [data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn { color: rgba(2, 186, 242, 0.9); } .uppy-Dashboard-serviceMsg-icon { position: absolute; top: 10px; left: 15px; } .uppy-Dashboard-AddFiles { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-align: center; } [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles { height: calc(100% - 14px); margin: 7px; border: 1px dashed #dfdfdf; border-radius: 3px; } .uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles { height: calc(100% - 14px - 40px); border: none; } .uppy-Dashboard--modal .uppy-Dashboard-AddFiles { border-color: #cfcfcf; } [data-uppy-theme=dark] .uppy-Dashboard-AddFiles { border-color: #757575; } .uppy-Dashboard-AddFiles-info { display: none; margin-top: auto; padding-top: 15px; padding-bottom: 15px; } .uppy-size--height-md .uppy-Dashboard-AddFiles-info { display: block; } .uppy-size--md .uppy-Dashboard-AddFiles-info { position: absolute; right: 0; bottom: 25px; left: 0; padding-top: 30px; padding-bottom: 0; } [data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info { margin-top: 0; } .uppy-Dashboard-browse { color: #1269cf; cursor: pointer; } .uppy-Dashboard-browse:focus { outline: none; } .uppy-Dashboard-browse::-moz-focus-inner { border: 0; } .uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus { border-bottom: 1px solid #1269cf; } [data-uppy-theme=dark] .uppy-Dashboard-browse { color: rgba(2, 186, 242, 0.9); } [data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus { border-bottom: 1px solid #02baf2; } .uppy-Dashboard-browseBtn { display: block; width: 100%; margin-top: 8px; margin-bottom: 5px; font-weight: 500; font-size: 14px; } .uppy-size--md .uppy-Dashboard-browseBtn { width: auto; margin: auto; margin-top: 15px; margin-bottom: 15px; padding: 13px 44px; font-size: 15px; } .uppy-Dashboard-AddFiles-list { display: flex; flex: 1; flex-direction: column; width: 100%; margin-top: 2px; padding: 2px 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .uppy-size--md .uppy-Dashboard-AddFiles-list { flex: none; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 600px; margin-top: 15px; padding-top: 0; overflow-y: visible; } .uppy-DashboardTab { width: 100%; text-align: center; border-bottom: 1px solid #eaeaea; } [data-uppy-theme=dark] .uppy-DashboardTab { border-bottom: 1px solid #333; } .uppy-size--md .uppy-DashboardTab { display: inline-block; width: initial; margin-bottom: 10px; border-bottom: none; } .uppy-DashboardTab-btn { flex-direction: row; align-items: center; justify-content: left; width: 100%; height: 100%; padding: 12px 15px; color: #525252; background-color: transparent; cursor: pointer; appearance: none; } .uppy-DashboardTab-btn:focus { outline: none; } .uppy-DashboardTab-btn::-moz-focus-inner { border: 0; } [dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn{ margin-right: 1px; } [dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn{ margin-left: 1px; } .uppy-size--md .uppy-DashboardTab-btn { flex-direction: column; width: 86px; padding: 10px 3px; border-radius: 5px; } [data-uppy-theme=dark] .uppy-DashboardTab-btn { color: #eaeaea; } .uppy-DashboardTab-btn::-moz-focus-inner { border: 0; } .uppy-DashboardTab-btn:hover { background-color: #e9ecef; } [data-uppy-theme=dark] .uppy-DashboardTab-btn:hover { background-color: #333; } .uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-DashboardTab-btn:active, [data-uppy-theme=dark] .uppy-DashboardTab-btn:focus { background-color: #525252; } .uppy-DashboardTab-btn svg { display: inline-block; max-width: 100%; max-height: 100%; overflow: hidden; vertical-align: text-top; transition: transform ease-in-out 0.15s; } [dir="ltr"] .uppy-DashboardTab-inner{ margin-right: 10px; } [dir="rtl"] .uppy-DashboardTab-inner{ margin-left: 10px; } .uppy-DashboardTab-inner { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.02); } [dir="ltr"] .uppy-size--md .uppy-DashboardTab-inner{ margin-right: 0; } [dir="rtl"] .uppy-size--md .uppy-DashboardTab-inner{ margin-left: 0; } [data-uppy-theme=dark] .uppy-DashboardTab-inner { background-color: #323232; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.08); } .uppy-DashboardTab-name { font-weight: 400; font-size: 14px; } .uppy-size--md .uppy-DashboardTab-name { margin-top: 8px; margin-bottom: 0; font-size: 12px; line-height: 15px; } .uppy-DashboardTab-iconMyDevice { color: #1269cf; } [data-uppy-theme=dark] .uppy-DashboardTab-iconMyDevice { color: #02baf2; } .uppy-DashboardTab-iconBox { color: #0061d5; } [data-uppy-theme=dark] .uppy-DashboardTab-iconBox { color: #eaeaea; } .uppy-DashboardTab-iconDropbox { color: #0061fe; } [data-uppy-theme=dark] .uppy-DashboardTab-iconDropbox { color: #eaeaea; } .uppy-DashboardTab-iconUnsplash { color: #111; } [data-uppy-theme=dark] .uppy-DashboardTab-iconUnsplash { color: #eaeaea; } .uppy-DashboardTab-iconScreenRec { color: #2c3e50; } [data-uppy-theme=dark] .uppy-DashboardTab-iconScreenRec { color: #eaeaea; } .uppy-DashboardTab-iconAudio { color: #8030a3; } [data-uppy-theme=dark] .uppy-DashboardTab-iconAudio { color: #bf6ee3; } .uppy-Dashboard-input { position: absolute; z-index: -1; width: 0.1px; height: 0.1px; overflow: hidden; opacity: 0; } .uppy-DashboardContent-bar { position: relative; z-index: 1004; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; width: 100%; height: 40px; padding: 0 10px; background-color: #fafafa; border-bottom: 1px solid #eaeaea; } .uppy-size--md .uppy-DashboardContent-bar { height: 50px; padding: 0 15px; } [data-uppy-theme=dark] .uppy-DashboardContent-bar { background-color: #1f1f1f; border-bottom: 1px solid #333; } .uppy-DashboardContent-title { position: absolute; top: 0; right: 0; left: 0; width: 100%; max-width: 170px; margin: auto; overflow-x: hidden; font-weight: 500; font-size: 12px; line-height: 40px; white-space: nowrap; text-align: center; text-overflow: ellipsis; } .uppy-size--md .uppy-DashboardContent-title { max-width: 300px; font-size: 14px; line-height: 50px; } [data-uppy-theme=dark] .uppy-DashboardContent-title { color: #eaeaea; } [dir="ltr"] .uppy-DashboardContent-back,[dir="ltr"] .uppy-DashboardContent-save{ margin-left: -6px; } [dir="rtl"] .uppy-DashboardContent-back,[dir="rtl"] .uppy-DashboardContent-save{ margin-right: -6px; } .uppy-DashboardContent-back, .uppy-DashboardContent-save { margin: 0; padding: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: 1; background: none; border: 0; -webkit-appearance: none; padding: 7px 6px; color: #1269cf; font-weight: 400; font-size: 12px; border-radius: 3px; cursor: pointer; } .uppy-DashboardContent-back:focus, .uppy-DashboardContent-save:focus { outline: none; } .uppy-DashboardContent-back::-moz-focus-inner, .uppy-DashboardContent-save::-moz-focus-inner { border: 0; } .uppy-DashboardContent-back:hover, .uppy-DashboardContent-save:hover { color: #0e51a0; } .uppy-DashboardContent-back:focus, .uppy-DashboardContent-save:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-DashboardContent-back:focus, [data-uppy-theme=dark] .uppy-DashboardContent-save:focus { background-color: #333; } .uppy-size--md .uppy-DashboardContent-back, .uppy-size--md .uppy-DashboardContent-save { font-size: 14px; } [data-uppy-theme=dark] .uppy-DashboardContent-back, [data-uppy-theme=dark] .uppy-DashboardContent-save { color: #02baf2; } [dir="ltr"] .uppy-DashboardContent-addMore{ margin-right: -5px; } [dir="rtl"] .uppy-DashboardContent-addMore{ margin-left: -5px; } .uppy-DashboardContent-addMore { margin: 0; padding: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: 1; background: none; border: 0; -webkit-appearance: none; width: 29px; height: 29px; padding: 7px 8px; color: #1269cf; font-weight: 500; border-radius: 3px; cursor: pointer; } .uppy-DashboardContent-addMore:focus { outline: none; } .uppy-DashboardContent-addMore::-moz-focus-inner { border: 0; } .uppy-DashboardContent-addMore:hover { color: #0e51a0; } .uppy-DashboardContent-addMore:focus { background-color: #dfe6f1; } [data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus { background-color: #333; } [dir="ltr"] .uppy-size--md .uppy-DashboardContent-addMore{ margin-right: -8px; } [dir="rtl"] .uppy-size--md .uppy-DashboardContent-addMore{ margin-left: -8px; } .uppy-size--md .uppy-DashboardContent-addMore { width: auto; height: auto; font-size: 14px; } [data-uppy-theme=dark] .uppy-DashboardContent-addMore { color: #02baf2; } [dir="ltr"] .uppy-DashboardContent-addMore svg{ margin-right: 4px; } [dir="rtl"] .uppy-DashboardContent-addMore svg{ margin-left: 4px; } .uppy-DashboardContent-addMore svg { vertical-align: baseline; } .uppy-size--md .uppy-DashboardContent-addMore svg { width: 11px; height: 11px; } .uppy-DashboardContent-addMoreCaption { display: none; } .uppy-size--md .uppy-DashboardContent-addMoreCaption { display: inline; } .uppy-DashboardContent-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: flex; flex: 1; flex-direction: column; overflow: hidden; background-color: whitesmoke; border-radius: 5px; } .uppy-Dashboard-AddFilesPanel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: flex; flex-direction: column; overflow: hidden; background: #fafafa; background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%); border-radius: 5px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); } [data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel { background-color: #333; background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%); } .uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files { filter: blur(2px); } .uppy-Dashboard-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 12%; } .uppy-Dashboard-progressBarContainer.is-active { position: absolute; top: 0; left: 0; z-index: 1004; width: 100%; height: 100%; } .uppy-Dashboard-filesContainer { position: relative; flex: 1; margin: 0; overflow-y: hidden; } .uppy-Dashboard-filesContainer::after { display: table; clear: both; content: ""; } .uppy-Dashboard-files { flex: 1; margin: 0; padding: 0 0 10px 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .uppy-size--md .uppy-Dashboard-files { padding-top: 10px; } .uppy-Dashboard--singleFile .uppy-Dashboard-filesInner { display: flex; justify-content: center; align-items: center; height: 100%; } .uppy-Dashboard-dropFilesHereHint { position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; z-index: 2000; display: flex; align-items: center; justify-content: center; padding-top: 90px; color: #757575; font-size: 16px; text-align: center; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; border: 1px dashed #1269cf; border-radius: 3px; visibility: hidden; } [data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint { color: #bbb; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E"); border-color: #02baf2; } .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint { visibility: visible; } .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg { opacity: 0.15; } .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles { opacity: 0.03; } .uppy-Dashboard-AddFiles-title { width: 100%; margin-top: 15px; margin-bottom: 5px; padding: 0 15px; color: #000; font-weight: 500; font-size: 17px; line-height: 1.35; text-align: inline-start; } .uppy-size--md .uppy-Dashboard-AddFiles-title { max-width: 480px; padding: 0 35px; margin-top: 5px; font-weight: 400; font-size: 21px; text-align: center; } [data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title { text-align: center; } [data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title { color: #eaeaea; } .uppy-Dashboard-AddFiles-title button { font-weight: 500; } .uppy-size--md .uppy-Dashboard-AddFiles-title button { font-weight: 400; } .uppy-Dashboard-note { max-width: 350px; margin: auto; padding: 0 15px; color: #757575; font-size: 14px; line-height: 1.25; text-align: center; } .uppy-size--md .uppy-Dashboard-note { max-width: 600px; line-height: 1.35; } [data-uppy-theme=dark] .uppy-Dashboard-note { color: #cfcfcf; } a.uppy-Dashboard-poweredBy { display: inline-block; margin-top: 8px; color: #939393; font-size: 11px; text-align: center; text-decoration: none; } .uppy-Dashboard-poweredByIcon { position: relative; top: 1px; margin-right: 1px; margin-left: 1px; vertical-align: text-top; opacity: 0.9; fill: none; stroke: #939393; } .uppy-Dashboard-Item-previewIcon { position: absolute; top: 50%; left: 50%; z-index: 100; width: 25px; height: 25px; transform: translate(-50%, -50%); } .uppy-size--md .uppy-Dashboard-Item-previewIcon { width: 38px; height: 38px; } .uppy-Dashboard-Item-previewIcon svg { width: 100%; height: 100%; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon { width: 100%; height: 100%; max-width: 60%; max-height: 60%; } .uppy-Dashboard-Item-previewIconWrap { position: relative; height: 76px; max-height: 75%; } .uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap { width: 100%; height: 100%; } .uppy-Dashboard-Item-previewIconBg { width: 100%; height: 100%; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px); } .uppy-Dashboard-upload { position: relative; width: 50px; height: 50px; } .uppy-size--md .uppy-Dashboard-upload { width: 60px; height: 60px; } .uppy-Dashboard-upload .uppy-c-icon { position: relative; top: 1px; width: 50%; } [dir="ltr"] .uppy-Dashboard-uploadCount{ right: -12px; } [dir="rtl"] .uppy-Dashboard-uploadCount{ left: -12px; } .uppy-Dashboard-uploadCount { position: absolute; top: -12px; width: 16px; height: 16px; color: #fff; font-size: 8px; line-height: 16px; background-color: #1bb240; border-radius: 50%; } .uppy-size--md .uppy-Dashboard-uploadCount { width: 18px; height: 18px; font-size: 9px; line-height: 18px; } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-scale-multiple.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-scale-multiple, .la-ball-scale-multiple > div { position: relative; box-sizing: border-box; } .la-ball-scale-multiple { display: block; font-size: 0; color: #fff; } .la-ball-scale-multiple.la-dark { color: #333; } .la-ball-scale-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-multiple { width: 32px; height: 32px; } .la-ball-scale-multiple > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0; animation: ball-scale-multiple 1s 0s linear infinite; } .la-ball-scale-multiple > div:nth-child(2) { animation-delay: .2s; } .la-ball-scale-multiple > div:nth-child(3) { animation-delay: .4s; } .la-ball-scale-multiple.la-sm { width: 16px; height: 16px; } .la-ball-scale-multiple.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-multiple.la-2x { width: 64px; height: 64px; } .la-ball-scale-multiple.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-multiple.la-3x { width: 96px; height: 96px; } .la-ball-scale-multiple.la-3x > div { width: 96px; height: 96px; } /* * Animation */ @keyframes ball-scale-multiple { 0% { opacity: 0; transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; transform: scale(1); } } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************/ [data-uppy-theme=dark] .uppy-Dashboard-inner, .uppy-DashboardContent-bar, .uppy-StatusBar-actions, .uppy-Dashboard-AddFiles { background-color: var(--phoenix-primary-bg-subtle) !important; } [data-uppy-theme=dark] { --uppy-dark-border-color: #2d323f; } [data-uppy-theme=dark] .uppy-Dashboard-inner { border: 1px solid var(--uppy-dark-border-color); } [data-uppy-theme=dark] .uppy-DashboardContent-bar { border-bottom: 1px solid var(--uppy-dark-border-color) !important; } [data-uppy-theme=dark] .uppy-StatusBar { border-top: 1px solid var(--uppy-dark-border-color) !important; } [data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel { background-color: var(--phoenix-white) !important; background-image: linear-gradient(0deg, var(--phoenix-white) 35%, var(--phoenix-white) 100% ) !important; } .fancybox__container { z-index: 1060 !important; } /*# sourceMappingURL=styles.7fc0c7d06a4f1b9c.css.map*/