DijiHax.pytorch / 65.0ca882d8d7e3f6c5e765.css
dijihax's picture
Upload 25 files
6d68c3f verified
.emoji-mart,
.emoji-mart * {
box-sizing: border-box;
line-height: 1.15;
}
.emoji-mart {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
font-size: 16px;
display: inline-block;
color: #222427;
border: 1px solid #d9d9d9;
border-radius: 5px;
background: #fff;
}
.emoji-mart .emoji-mart-emoji {
padding: 6px;
}
.emoji-mart-bar {
border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
border-bottom-width: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
border-top-width: 1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 6px;
line-height: 0;
}
.emoji-mart-anchor {
position: relative;
display: block;
flex: 1 1 auto;
color: #858585;
text-align: center;
padding: 12px 4px;
overflow: hidden;
transition: color .1s ease-out;
margin: 0;
box-shadow: none;
background: none;
border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
bottom: 0;
}
.emoji-mart-anchor-bar {
position: absolute;
bottom: -3px; left: 0;
width: 100%; height: 3px;
background-color: #464646;
}
.emoji-mart-anchors i {
display: inline-block;
width: 100%;
max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
fill: currentColor;
height: 18px;
width: 18px;
}
.emoji-mart-scroll {
overflow-y: scroll;
overflow-x: hidden;
height: 270px;
padding: 0 6px 6px 6px;
will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
margin-top: 6px;
padding: 0 6px;
position: relative;
}
.emoji-mart-search input {
font-size: 16px;
display: block;
width: 100%;
padding: 5px 25px 6px 10px;
border-radius: 5px;
border: 1px solid #d9d9d9;
outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
/* remove webkit/blink styles for <input type="search">
* via https://stackoverflow.com/a/9422689 */
-webkit-appearance: none;
}
.emoji-mart-search-icon {
position: absolute;
top: 7px;
right: 11px;
z-index: 2;
padding: 2px 5px 1px;
border: none;
background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
z-index: 1;
position: relative;
text-align: center;
cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
z-index: 0;
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: #f4f4f4;
border-radius: 100%;
}
.emoji-mart-category-label {
z-index: 2;
position: relative;
position: sticky;
top: 0;
}
.emoji-mart-category-label span {
display: block;
width: 100%;
font-weight: 500;
padding: 5px 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, .95);
}
.emoji-mart-category-list {
margin: 0;
padding: 0;
}
.emoji-mart-category-list li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.emoji-mart-emoji {
position: relative;
display: inline-block;
font-size: 0;
margin: 0;
padding: 0;
border: none;
background: none;
box-shadow: none;
}
.emoji-mart-emoji-native {
font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}
.emoji-mart-no-results {
font-size: 14px;
text-align: center;
padding-top: 70px;
color: #858585;
}
.emoji-mart-no-results-img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
content: none;
}
.emoji-mart-preview {
position: relative;
height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
left: 12px;
}
.emoji-mart-preview-data {
left: 68px; right: 12px;
word-break: break-all;
}
.emoji-mart-preview-skins {
right: 30px;
text-align: right;
}
.emoji-mart-preview-skins.custom {
right: 10px;
text-align: right;
}
.emoji-mart-preview-name {
font-size: 14px;
}
.emoji-mart-preview-shortname {
font-size: 12px;
color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
margin-left: .5em;
}
.emoji-mart-preview-emoticon {
font-size: 11px;
color: #bbb;
}
.emoji-mart-title span {
display: inline-block;
vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
padding: 0;
}
.emoji-mart-title-label {
color: #999A9C;
font-size: 26px;
font-weight: 300;
}
.emoji-mart-skin-swatches {
font-size: 0;
padding: 2px 0;
border: 1px solid #d9d9d9;
border-radius: 12px;
background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
font-size: 0;
border: none;
background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
width: 16px;
padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
opacity: .75;
}
.emoji-mart-skin-swatch {
display: inline-block;
width: 0;
vertical-align: middle;
transition-property: width, padding;
transition-duration: .125s;
transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }
.emoji-mart-skin-swatch.selected {
position: relative;
width: 16px;
padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background-color: #fff;
border-radius: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-out;
}
.emoji-mart-skin-swatch.custom {
display: inline-block;
width: 0;
height: 38px;
overflow: hidden;
vertical-align: middle;
transition-property: width, height;
transition-duration: .125s;
transition-timing-function: ease-out;
cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
position: relative;
width: 36px;
height: 38px;
padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
content: "";
width: 0;
height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
background-color: #f4f4f4;
border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
width: 36px;
height: 38px;
padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
opacity: .75;
}
.emoji-mart-skin-text.opened {
display: inline-block;
vertical-align: middle;
text-align: left;
color: #888;
font-size: 11px;
padding: 5px 2px;
width: 95px;
height: 40px;
border-radius: 10%;
background-color: #fff;
}
.emoji-mart-skin {
display: inline-block;
width: 100%;
padding-top: 100%;
max-width: 12px;
border-radius: 100%;
}
.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*
* Dark mode styles
*/
.emoji-mart-dark {
color: #fff;
border-color: #555453;
background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
color: #fff;
border-color: #555453;
background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
background-color: #222;
color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
border-color: #555453;
background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
color: #bfbfbf;
}
.rcp,.rcp button,.rcp div{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.rcp{display:block;overflow:hidden;width:280px;height:280px;position:relative;transform:scale(1.001);transition:transform .15s cubic-bezier(.68,0,.47,2)}.rcp:focus{outline:0}.rcp:hover .rcp__knob{box-shadow:0 0 20px rgba(0,0,0,.19),0 0 10px rgba(0,0,0,.24)}.rcp.dragging{transform:scale(1.04)}.rcp.disabled{cursor:not-allowed;transform:scale(.96)}.rcp.dragging .rcp__rotator{z-index:1}.rcp__palette{top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:100% 100%;background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden;will-change:transform,opacity;transition:transform .5s cubic-bezier(.35,0,.25,1),opacity .5s cubic-bezier(.35,0,.25,1)}.rcp__palette,.rcp__palette:before{position:absolute;border-radius:50%}.rcp__palette:before{box-sizing:border-box;content:"";display:block;width:76%;height:76%;top:12%;left:12%;background-color:#fff}.rcp__palette.in{transform:scale(1);opacity:1}.rcp__palette.out{transform:scale(0);opacity:0}.disabled .rcp__palette{background-image:radial-gradient(grey,#fff)!important}.rcp__rotator{width:100%;height:100%;position:absolute}.rcp__knob{box-shadow:0 0 10px rgba(0,0,0,.12),0 0 5px rgba(0,0,0,.16);border-radius:50%;position:absolute;width:7%;height:7%;top:2.5%;left:46.5%;background-color:#fff;transition:transform .4s cubic-bezier(.35,0,.25,1);outline:0;border-style:none}.rcp__knob.in{transform:scale(1)}.rcp__knob.out{transform:scale(0)}.disabled .rcp__knob{box-shadow:none!important;pointer-events:none}.rcp__well{position:absolute;width:25%;height:25%;top:37.5%;left:37.5%;padding:0;margin:0;border-radius:50%;background-color:red;outline:0;cursor:pointer;overflow:visible;border:6px solid #fff;box-shadow:0 0 0 1px #b2b2b2}.rcp__well::-moz-focus-inner{border:0}.rcp__well:hover{box-shadow:0 0 1px 1px #333}.rcp__well:focus{box-shadow:0 0 1px 2px #b2b2b2}.rcp__well.pressed{-webkit-animation:rcp-beat .4s cubic-bezier(.35,0,.25,1) forwards;animation:rcp-beat .4s cubic-bezier(.35,0,.25,1) forwards}.disabled .rcp__well{background-color:#bfbfbf!important;pointer-events:none}.rcp__ripple{width:20%;height:20%;border-radius:50%;border:8px solid red;opacity:0;position:absolute;top:40%;left:40%;z-index:-1}.rcp__ripple.rippling{z-index:0;-webkit-animation:rcp-ripple .5s cubic-bezier(.35,0,.25,1) forwards;animation:rcp-ripple .5s cubic-bezier(.35,0,.25,1) forwards}@-webkit-keyframes rcp-ripple{0%{transform:scale(1);opacity:.3}50%{opacity:.1}to{opacity:0;border-width:0;transform:scale(3.8)}}@keyframes rcp-ripple{0%{transform:scale(1);opacity:.3}50%{opacity:.1}to{opacity:0;border-width:0;transform:scale(3.8)}}@-webkit-keyframes rcp-beat{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes rcp-beat{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(1)}}
/*# sourceMappingURL=react-color-picker.min.css.map */
/**
* 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;
-webkit-appearance: none;
-moz-appearance: none;
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;
-moz-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;
}
@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;
-webkit-appearance: none;
-moz-appearance: none;
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%;
-o-object-fit: cover;
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;
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::-moz-placeholder {
color: #939393;
opacity: 1;
}
.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%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 3px;
transform: translateZ(0);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
-o-object-fit: contain;
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;
}
.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
display: none;
}
[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;
-webkit-appearance: none;
-moz-appearance: none;
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%;
-o-object-fit: cover;
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;
-moz-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;
-webkit-appearance: none;
-moz-appearance: none;
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;
}
.uppy-Audio-container{flex-direction:column}.uppy-Audio-audioContainer,.uppy-Audio-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.uppy-Audio-audioContainer{background-color:#cfcfcf;position:relative}.uppy-Audio-player{border-radius:12px;width:85%}.uppy-Audio-canvas{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.uppy-Audio-footer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;width:100%}.uppy-Audio-audioSourceContainer{flex-grow:0;width:100%}.uppy-size--lg .uppy-Audio-audioSourceContainer{margin:0;width:33%}.uppy-Audio-audioSource-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .4em top 50%,0 0;background-repeat:no-repeat;background-size:.65em auto,100%;border:1px solid #757575;display:block;font-size:16px;line-height:1.2;margin:auto auto 10px;max-width:90%;padding:.4em 1em .3em .4em;text-overflow:ellipsis;white-space:nowrap;width:100%}.uppy-size--lg .uppy-Audio-audioSource-select{font-size:14px;margin-bottom:0}.uppy-Audio-audioSource-select::-ms-expand{display:none}.uppy-Audio-buttonContainer{flex:1;margin-left:25%;text-align:center;width:50%}.uppy-size--lg .uppy-Audio-buttonContainer{margin-left:0;width:34%}.uppy-Audio-recordingLength{color:#757575;flex-grow:0;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:right;width:25%}.uppy-size--lg .uppy-Audio-recordingLength{width:33%}.uppy-Audio-button{background-color:#e32437;border-radius:50%;color:#fff;cursor:pointer;height:45px;transition:all .3s;width:45px}.uppy-Audio-button:focus{outline:none}.uppy-Audio-button::-moz-focus-inner{border:0}.uppy-Audio-button:focus{box-shadow:0 0 0 3px #2275d780}.uppy-Audio-button:hover{background-color:#d31b2d}[data-uppy-theme=dark] .uppy-Audio-button:focus{outline:none}[data-uppy-theme=dark] .uppy-Audio-button::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-Audio-button:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-Audio-button--submit{background-color:#2275d7;margin:0 12px}.uppy-Audio-button--submit:hover{background-color:#1f69c1}.uppy-Audio-button svg{fill:currentColor;display:inline-block;height:26px;max-height:100%;max-width:100%;overflow:hidden;vertical-align:text-top;width:26px}.uppy-size--md .uppy-Audio-button{height:60px;width:60px}.uppy-Audio-permissons{align-items:center;display:flex;flex:1;flex-flow:column wrap;height:100%;justify-content:center;padding:15px}.uppy-Audio-permissons p{color:#939393;line-height:1.45;margin:0;max-width:450px;text-align:center}.uppy-Audio-permissonsIcon svg{color:#bbb;height:75px;margin-bottom:30px;width:100px}.uppy-Audio-title{color:#333;font-size:22px;font-weight:400;line-height:1.35;margin:0 0 5px;max-width:500px;padding:0 15px;text-align:center}[data-uppy-theme=dark] .uppy-Audio-title{color:#eaeaea}
.uppy-Webcam-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.uppy-Webcam-videoContainer{background-color:#333;flex:1;flex-grow:1;overflow:hidden;position:relative;text-align:center;width:100%}.uppy-Webcam-video{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0}.uppy-Webcam-video--mirrored{transform:scaleX(-1)}.uppy-Webcam-footer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:75px;padding:20px;width:100%}.uppy-Webcam-videoSourceContainer{flex-grow:0;width:100%}.uppy-size--lg .uppy-Webcam-videoSourceContainer{margin:0;width:33%}.uppy-Webcam-videoSource-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .4em top 50%,0 0;background-repeat:no-repeat;background-size:.65em auto,100%;border:1px solid #757575;display:block;font-size:16px;line-height:1.2;margin:auto auto 10px;max-width:90%;padding:.4em 1em .3em .4em;text-overflow:ellipsis;white-space:nowrap;width:100%}.uppy-size--lg .uppy-Webcam-videoSource-select{font-size:14px;margin-bottom:0}.uppy-Webcam-videoSource-select::-ms-expand{display:none}.uppy-Webcam-buttonContainer{margin-left:25%;text-align:center;width:50%}.uppy-size--lg .uppy-Webcam-buttonContainer{margin-left:0;width:34%}.uppy-Webcam-recordingLength{color:#757575;flex-grow:0;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:right;width:25%}.uppy-size--lg .uppy-Webcam-recordingLength{width:33%}.uppy-Webcam-button{background-color:#e32437;border-radius:50%;color:#fff;cursor:pointer;height:45px;transition:all .3s;width:45px}.uppy-Webcam-button:focus{outline:none}.uppy-Webcam-button::-moz-focus-inner{border:0}.uppy-Webcam-button:focus{box-shadow:0 0 0 3px #2275d780}.uppy-Webcam-button:hover{background-color:#d31b2d}[data-uppy-theme=dark] .uppy-Webcam-button:focus{outline:none}[data-uppy-theme=dark] .uppy-Webcam-button::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-Webcam-button:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-Webcam-button--submit{background-color:#2275d7;margin:0 12px}.uppy-Webcam-button--submit:hover{background-color:#1f69c1}.uppy-Webcam-button svg{fill:currentColor;display:inline-block;height:30px;max-height:100%;max-width:100%;overflow:hidden;vertical-align:text-top;width:30px}.uppy-size--md .uppy-Webcam-button{height:60px;width:60px}.uppy-Webcam-button--picture{margin-right:12px}.uppy-Webcam-permissons{align-items:center;display:flex;flex:1;flex-flow:column wrap;height:100%;justify-content:center;padding:15px}.uppy-Webcam-permissons p{color:#939393;line-height:1.45;margin:0;max-width:450px;text-align:center}.uppy-Webcam-permissonsIcon svg{color:#bbb;height:75px;margin-bottom:30px;width:100px}.uppy-Webcam-title{color:#333;font-size:22px;font-weight:400;line-height:1.35;margin:0 0 5px;max-width:500px;padding:0 15px;text-align:center}[data-uppy-theme=dark] .uppy-Webcam-title{color:#eaeaea}
.uppy-ScreenCapture-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.uppy-ScreenCapture-videoContainer{background-color:#333;flex:1;flex-grow:1;overflow:hidden;position:relative;text-align:center;width:100%}.uppy-size--md .uppy-ScreenCapture-videoContainer{max-width:100%}.uppy-ScreenCapture-video{bottom:0;left:0;margin:auto;max-height:100%;max-width:100%;outline:0;position:absolute;right:0;top:0}.uppy-ScreenCapture-buttonContainer{align-items:center;background-color:#fff;border-top:1px solid #eaeaea;display:flex;height:75px;justify-content:center;padding:0 20px;width:100%}[data-uppy-theme=dark] .uppy-ScreenCapture-buttonContainer{background-color:#1f1f1f;border-top:1px solid #333}.uppy-ScreenCapture-button{border-radius:50%;color:#fff;cursor:pointer;height:45px;transition:all .3s;width:45px}.uppy-ScreenCapture-button:focus{outline:none}.uppy-ScreenCapture-button::-moz-focus-inner{border:0}.uppy-ScreenCapture-button:focus{box-shadow:0 0 0 3px #2275d780}[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus{outline:none}[data-uppy-theme=dark] .uppy-ScreenCapture-button::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-size--md .uppy-ScreenCapture-button{height:60px;width:60px}.uppy-ScreenCapture-button:hover{background-color:#d31b2d}.uppy-ScreenCapture-button svg{fill:currentColor;display:inline-block;height:30px;max-height:100%;max-width:100%;overflow:hidden;vertical-align:text-top;width:30px}.uppy-ScreenCapture-button--submit{background-color:#2275d7;margin-left:12px}.uppy-ScreenCapture-button--submit:hover{background-color:#1f69c1}.uppy-ScreenCapture-button--submit:disabled{background-color:#939393;cursor:default}.uppy-ScreenCapture-button--submit:disabled:hover{background-color:#eaeaea}.uppy-ScreenCapture-title{color:#333;font-size:22px;font-weight:400;line-height:1.35;margin:0 0 5px;max-width:500px;padding:0 15px;text-align:center}.uppy-ScreenCapture-icon--stream{margin:1rem;position:absolute;right:0;top:0;z-index:1}.uppy-ScreenCapture-icon--stream svg{fill:#939393}.uppy-ScreenCapture-icon--streamActive svg{animation:uppy-ScreenCapture-icon--blink 1s cubic-bezier(.47,0,.75,.72) infinite}@keyframes uppy-ScreenCapture-icon--blink{0%{fill:#2275d7}50%{fill:#939393}to{fill:#2275d7}}.uppy-ScreenCapture-button--video{background:#e32437;color:#fff}.uppy-ScreenCapture-button--video:hover{background-color:#bc1828}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow__container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.react-flow__pane {
z-index: 1;
cursor: grab;
}
.react-flow__pane.selection {
cursor: pointer;
}
.react-flow__pane.dragging {
cursor: grabbing;
}
.react-flow__viewport {
transform-origin: 0 0;
z-index: 2;
pointer-events: none;
}
.react-flow__renderer {
z-index: 4;
}
.react-flow__selection {
z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
outline: none;
}
.react-flow .react-flow__edges {
pointer-events: none;
overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
stroke: #b1b1b7;
stroke-width: 1;
fill: none;
}
.react-flow__edge {
pointer-events: visibleStroke;
cursor: pointer;
}
.react-flow__edge.animated path {
stroke-dasharray: 5;
animation: dashdraw 0.5s linear infinite;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
stroke-dasharray: none;
animation: none;
}
.react-flow__edge.inactive {
pointer-events: none;
}
.react-flow__edge.selected,
.react-flow__edge:focus,
.react-flow__edge:focus-visible {
outline: none;
}
.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
stroke: #555;
}
.react-flow__edge-textwrapper {
pointer-events: all;
}
.react-flow__edge-textbg {
fill: white;
}
.react-flow__edge .react-flow__edge-text {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.react-flow__connection {
pointer-events: none;
}
.react-flow__connection .animated {
stroke-dasharray: 5;
animation: dashdraw 0.5s linear infinite;
}
.react-flow__connectionline {
z-index: 1001;
}
.react-flow__nodes {
pointer-events: none;
transform-origin: 0 0;
}
.react-flow__node {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: all;
transform-origin: 0 0;
box-sizing: border-box;
cursor: grab;
}
.react-flow__node.dragging {
cursor: grabbing;
}
.react-flow__nodesselection {
z-index: 3;
transform-origin: left top;
pointer-events: none;
}
.react-flow__nodesselection-rect {
position: absolute;
pointer-events: all;
cursor: grab;
}
.react-flow__handle {
position: absolute;
pointer-events: none;
min-width: 5px;
min-height: 5px;
width: 6px;
height: 6px;
background: #1a192b;
border: 1px solid white;
border-radius: 100%;
}
.react-flow__handle.connectionindicator {
pointer-events: all;
cursor: crosshair;
}
.react-flow__handle-bottom {
top: auto;
left: 50%;
bottom: -4px;
transform: translate(-50%, 0);
}
.react-flow__handle-top {
left: 50%;
top: -4px;
transform: translate(-50%, 0);
}
.react-flow__handle-left {
top: 50%;
left: -4px;
transform: translate(0, -50%);
}
.react-flow__handle-right {
right: -4px;
top: 50%;
transform: translate(0, -50%);
}
.react-flow__edgeupdater {
cursor: move;
pointer-events: all;
}
.react-flow__panel {
position: absolute;
z-index: 5;
margin: 15px;
}
.react-flow__panel.top {
top: 0;
}
.react-flow__panel.bottom {
bottom: 0;
}
.react-flow__panel.left {
left: 0;
}
.react-flow__panel.right {
right: 0;
}
.react-flow__panel.center {
left: 50%;
transform: translateX(-50%);
}
.react-flow__attribution {
font-size: 10px;
background: rgba(255, 255, 255, 0.5);
padding: 2px 3px;
margin: 0;
}
.react-flow__attribution a {
text-decoration: none;
color: #999;
}
@keyframes dashdraw {
from {
stroke-dashoffset: 10;
}
}
.react-flow__edgelabel-renderer {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
stroke: #777;
}
.react-flow__edge-text {
font-size: 10px;
}
.react-flow__node.selectable:focus,
.react-flow__node.selectable:focus-visible {
outline: none;
}
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
padding: 10px;
border-radius: 3px;
width: 150px;
font-size: 12px;
color: #222;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #1a192b;
background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__node-default.selectable.selected,
.react-flow__node-default.selectable:focus,
.react-flow__node-default.selectable:focus-visible,
.react-flow__node-input.selectable.selected,
.react-flow__node-input.selectable:focus,
.react-flow__node-input.selectable:focus-visible,
.react-flow__node-output.selectable.selected,
.react-flow__node-output.selectable:focus,
.react-flow__node-output.selectable:focus-visible,
.react-flow__node-group.selectable.selected,
.react-flow__node-group.selectable:focus,
.react-flow__node-group.selectable:focus-visible {
box-shadow: 0 0 0 0.5px #1a192b;
}
.react-flow__node-group {
background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
background: rgba(0, 89, 220, 0.08);
border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible,
.react-flow__selection:focus,
.react-flow__selection:focus-visible {
outline: none;
}
.react-flow__controls {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
border: none;
background: #fefefe;
border-bottom: 1px solid #eee;
box-sizing: content-box;
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 5px;
}
.react-flow__controls-button:hover {
background: #f4f4f4;
}
.react-flow__controls-button svg {
width: 100%;
max-width: 12px;
max-height: 12px;
}
.react-flow__controls-button:disabled {
pointer-events: none;
}
.react-flow__controls-button:disabled svg {
fill-opacity: 0.4;
}
.react-flow__minimap {
background-color: #fff;
}
.react-flow__resize-control {
position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
width: 4px;
height: 4px;
border: 1px solid #fff;
border-radius: 1px;
background-color: #3367d9;
transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
left: 0;
top: 50%;
}
.react-flow__resize-control.handle.right {
left: 100%;
top: 50%;
}
.react-flow__resize-control.handle.top {
left: 50%;
top: 0;
}
.react-flow__resize-control.handle.bottom {
left: 50%;
top: 100%;
}
.react-flow__resize-control.handle.top.left {
left: 0;
}
.react-flow__resize-control.handle.bottom.left {
left: 0;
}
.react-flow__resize-control.handle.top.right {
left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
border-color: #3367d9;
border-width: 0;
border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
width: 1px;
transform: translate(-50%, 0);
top: 0;
height: 100%;
}
.react-flow__resize-control.line.left {
left: 0;
border-left-width: 1px;
}
.react-flow__resize-control.line.right {
left: 100%;
border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
height: 1px;
transform: translate(0, -50%);
left: 0;
width: 100%;
}
.react-flow__resize-control.line.top {
top: 0;
border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
border-bottom-width: 1px;
top: 100%;
}