chess/public/assets/plugins/custom/uppy/uppy.bundle.css
Ramadhon Ikhsan Prasetya 603e31b0f4 init
2024-08-29 10:56:32 +07:00

3372 lines
84 KiB
CSS
Vendored

.uppy-Root {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: left;
position: relative;
color: #333; }
.uppy-Root *, .uppy-Root :after, .uppy-Root :before {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.uppy-Root [hidden] {
display: none; }
.UppyIcon {
max-width: 100%;
max-height: 100%;
fill: currentColor;
display: inline-block;
overflow: hidden; }
.uppy-u-reset {
-webkit-appearance: none;
line-height: 1;
padding: 0;
color: inherit;
-webkit-backface-visibility: visible;
backface-visibility: visible;
background: none;
border: none;
border-collapse: separate;
-o-border-image: none;
border-image: none;
border-radius: 0;
border-spacing: 0;
-webkit-box-shadow: none;
box-shadow: none;
clear: none;
cursor: auto;
display: inline;
empty-cells: show;
float: none;
font-family: inherit;
font-size: inherit;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-stretch: normal;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
left: auto;
letter-spacing: normal;
list-style: none;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1;
outline: medium none invert;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
text-align: left;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
top: auto;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transition: none 0s ease 0s;
transition: none 0s ease 0s;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
z-index: auto; }
.uppy-c-textInput {
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
padding: 6px 8px;
background-color: #fff; }
.uppy-size--md .uppy-c-textInput {
padding: 8px 10px; }
.uppy-c-textInput:focus {
border-color: rgba(34, 117, 215, 0.6);
outline: none;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15); }
[data-uppy-theme=dark] .uppy-c-textInput {
background-color: #333;
border-color: #333;
color: #eaeaea; }
[data-uppy-theme=dark] .uppy-c-textInput:focus {
border-color: #525252;
-webkit-box-shadow: none;
box-shadow: none; }
.uppy-c-btn {
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-family: inherit;
font-size: 16px;
line-height: 1;
font-weight: 500;
-webkit-transition-property: background-color,color;
transition-property: background-color,color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.uppy-c-btn:not(:disabled):not(.disabled) {
cursor: pointer; }
.uppy-c-btn::-moz-focus-inner {
border: 0; }
.uppy-c-btn-primary {
font-size: 14px;
padding: 10px 18px;
border-radius: 4px;
background-color: #2275d7;
color: #fff; }
.uppy-c-btn-primary:hover {
background-color: #1b5dab; }
.uppy-c-btn-primary:focus {
outline: none;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
.uppy-c-btn-link {
font-size: 14px;
line-height: 1;
padding: 10px 15px;
border-radius: 4px;
background-color: transparent;
color: #525252; }
.uppy-c-btn-link:hover {
color: #333; }
.uppy-c-btn-link:focus {
outline: none;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
[data-uppy-theme=dark] .uppy-c-btn-link:hover {
color: #939393; }
.uppy-c-btn--small {
font-size: .9em;
padding: 7px 16px;
border-radius: 2px; }
.uppy-size--md .uppy-c-btn--small {
padding: 8px 10px;
border-radius: 2px; }
.uppy-Informer {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
text-align: center;
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
z-index: 1005; }
.uppy-Informer[aria-hidden=true] {
opacity: 0;
-webkit-transform: translateY(350%);
transform: translateY(350%);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
z-index: -1000; }
.uppy-Informer p {
display: inline-block;
margin: 0;
font-size: 12px;
line-height: 1.4;
font-weight: 400;
padding: 6px 15px;
background-color: #757575;
color: #fff;
border-radius: 18px;
max-width: 90%; }
.uppy-size--md .uppy-Informer p {
font-size: 14px;
line-height: 1.3;
max-width: 500px;
padding: 10px 20px; }
[data-uppy-theme=dark] .uppy-Informer p {
background-color: #333; }
.uppy-Informer span {
line-height: 12px;
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
color: #525252;
background-color: #fff;
border-radius: 50%;
position: relative;
top: -1px;
left: 3px;
font-size: 10px;
margin-left: -1px; }
.uppy-Informer span:hover {
cursor: help; }
.uppy-Informer span:after {
line-height: 1.3;
word-wrap: break-word; }
.uppy-Root [aria-label][role~=tooltip] {
position: relative; }
.uppy-Root [aria-label][role~=tooltip]:after, .uppy-Root [aria-label][role~=tooltip]:before {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
opacity: 0;
pointer-events: none;
-webkit-transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
-webkit-transform-origin: top;
transform-origin: top; }
.uppy-Root [aria-label][role~=tooltip]:before {
background-size: 100% auto !important;
content: ""; }
.uppy-Root [aria-label][role~=tooltip]:after {
background: rgba(17, 17, 17, 0.9);
border-radius: 4px;
color: #fff;
content: attr(aria-label);
font-size: var(--microtip-font-size, 13px);
font-weight: var(--microtip-font-weight, normal);
text-transform: var(--microtip-text-transform, none);
padding: .5em 1em;
white-space: nowrap;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.uppy-Root [aria-label][role~=tooltip]:focus:after, .uppy-Root [aria-label][role~=tooltip]:focus:before, .uppy-Root [aria-label][role~=tooltip]:hover:after, .uppy-Root [aria-label][role~=tooltip]:hover:before {
opacity: 1;
pointer-events: auto; }
.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
height: 6px;
width: 18px;
margin-bottom: 5px; }
.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
margin-bottom: 11px; }
.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
bottom: 100%;
left: 50%; }
.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before {
-webkit-transform: translate3d(-50%, -5px, 0);
transform: translate3d(-50%, -5px, 0); }
.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
bottom: 100%;
left: 50%; }
.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after {
-webkit-transform: translate3d(-50%, -5px, 0);
transform: translate3d(-50%, -5px, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after {
-webkit-transform: translate3d(calc(-100% + 16px), 0, 0);
transform: translate3d(calc(-100% + 16px), 0, 0);
bottom: 100%; }
.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after {
-webkit-transform: translate3d(calc(-100% + 16px), -5px, 0);
transform: translate3d(calc(-100% + 16px), -5px, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after {
-webkit-transform: translate3d(-16px, 0, 0);
transform: translate3d(-16px, 0, 0);
bottom: 100%; }
.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after {
-webkit-transform: translate3d(-16px, -5px, 0);
transform: translate3d(-16px, -5px, 0); }
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
height: 6px;
width: 18px;
margin-top: 5px;
margin-bottom: 0; }
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
margin-top: 11px; }
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
-webkit-transform: translate3d(-50%, -10px, 0);
transform: translate3d(-50%, -10px, 0);
bottom: auto;
left: 50%;
top: 100%; }
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
-webkit-transform: translate3d(-50%, -10px, 0);
transform: translate3d(-50%, -10px, 0);
top: 100%;
left: 50%; }
.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after {
-webkit-transform: translate3d(calc(-100% + 16px), -10px, 0);
transform: translate3d(calc(-100% + 16px), -10px, 0);
top: 100%; }
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after {
-webkit-transform: translate3d(calc(-100% + 16px), 0, 0);
transform: translate3d(calc(-100% + 16px), 0, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after {
-webkit-transform: translate3d(-16px, -10px, 0);
transform: translate3d(-16px, -10px, 0);
top: 100%; }
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after {
-webkit-transform: translate3d(-16px, 0, 0);
transform: translate3d(-16px, 0, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=left]:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:before {
bottom: auto;
left: auto;
right: 100%;
top: 50%;
-webkit-transform: translate3d(10px, -50%, 0);
transform: translate3d(10px, -50%, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=left]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
height: 18px;
width: 6px;
margin-right: 5px;
margin-bottom: 0; }
.uppy-Root [role~=tooltip][data-microtip-position=left]:after {
margin-right: 11px; }
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=right]:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:before {
bottom: auto;
left: 100%;
top: 50%;
-webkit-transform: translate3d(-10px, -50%, 0);
transform: translate3d(-10px, -50%, 0); }
.uppy-Root [role~=tooltip][data-microtip-position=right]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
height: 18px;
width: 6px;
margin-bottom: 0;
margin-left: 5px; }
.uppy-Root [role~=tooltip][data-microtip-position=right]:after {
margin-left: 11px; }
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.uppy-Root [role~=tooltip][data-microtip-size=small]:after {
white-space: normal;
width: 80px; }
.uppy-Root [role~=tooltip][data-microtip-size=medium]:after {
white-space: normal;
width: 150px; }
.uppy-Root [role~=tooltip][data-microtip-size=large]:after {
white-space: normal;
width: 260px; }
.uppy-StatusBar {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: 400;
color: #fff;
background-color: #fff;
z-index: 1001;
-webkit-transition: height .2s;
transition: height .2s; }
[data-uppy-theme=dark] .uppy-StatusBar {
background-color: #1f1f1f; }
.uppy-size--md .uppy-StatusBar {
height: 46px; }
.uppy-StatusBar:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #eaeaea; }
[data-uppy-theme=dark] .uppy-StatusBar:before {
background-color: #757575; }
.uppy-StatusBar[aria-hidden=true] {
overflow-y: hidden;
height: 0; }
.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 {
background-color: #fff;
height: 65px;
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 {
background-color: #2275d7;
height: 2px;
position: absolute;
z-index: 1001;
-webkit-transition: background-color,width .3s ease-out;
transition: background-color,width .3s ease-out; }
.uppy-StatusBar-progress.is-indeterminate {
background-size: 64px 64px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 75%, transparent 0, transparent);
-webkit-animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
animation: uppy-StatusBar-ProgressStripes 1s linear infinite; }
@-webkit-keyframes uppy-StatusBar-ProgressStripes {
0% {
background-position: 0 0; }
to {
background-position: 64px 0; } }
@keyframes uppy-StatusBar-ProgressStripes {
0% {
background-position: 0 0; }
to {
background-position: 64px 0; } }
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress {
background-color: #f6a623; }
.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
display: none; }
.uppy-StatusBar-content {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
position: relative;
z-index: 1002;
padding-left: 10px;
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
height: 100%; }
.uppy-size--md .uppy-StatusBar-content {
padding-left: 15px; }
[data-uppy-theme=dark] .uppy-StatusBar-content {
color: #eaeaea; }
.uppy-StatusBar-status {
line-height: 1.4;
font-weight: 400;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
padding-right: .3em; }
.uppy-Root:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
display: none; }
.uppy-StatusBar-statusPrimary {
font-weight: 500;
line-height: 1; }
[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
color: #eaeaea; }
.uppy-StatusBar-statusSecondary {
margin-top: 1px;
font-size: 11px;
line-height: 1.2;
display: inline-block;
color: #757575;
white-space: nowrap; }
[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
color: #bbb; }
.uppy-StatusBar-statusSecondaryHint {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
line-height: 1; }
.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
margin-right: 8px; }
.uppy-StatusBar-statusIndicator {
position: relative;
top: 1px;
color: #525252;
margin-right: 7px; }
.uppy-StatusBar-statusIndicator svg {
vertical-align: text-bottom; }
.uppy-StatusBar-actions {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
z-index: 1004; }
.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
width: 100%;
position: static;
padding: 0 15px;
background-color: #fafafa; }
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
background-color: #1f1f1f; }
.uppy-StatusBar-actionCircleBtn {
line-height: 1;
cursor: pointer;
margin: 3px;
opacity: .9; }
.uppy-StatusBar-actionCircleBtn:focus {
outline: none; }
.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
border: 0; }
.uppy-StatusBar-actionCircleBtn:focus {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
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;
vertical-align: middle;
font-size: 10px;
line-height: inherit;
color: #2275d7; }
.uppy-size--md .uppy-StatusBar-actionBtn {
font-size: 11px; }
.uppy-StatusBar-actionBtn--retry {
height: 16px;
border-radius: 8px;
margin-right: 6px;
background-color: #ff4b23;
line-height: 1;
color: #fff;
padding: 1px 6px 3px 18px;
position: relative; }
.uppy-StatusBar-actionBtn--retry:focus {
outline: none; }
.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
border: 0; }
.uppy-StatusBar-actionBtn--retry:focus {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
.uppy-StatusBar-actionBtn--retry:hover {
background-color: #f92d00; }
.uppy-StatusBar-actionBtn--retry svg {
position: absolute;
top: 3px;
left: 6px; }
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
font-size: 14px;
width: 100%;
padding: 15px 10px;
color: #fff;
background-color: #1bb240;
line-height: 1; }
.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 {
padding: 13px 22px;
width: auto; }
.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
background-color: transparent;
color: #2275d7; }
.uppy-StatusBar-actionBtn--uploadNewlyAdded {
padding-right: 3px;
padding-left: 3px;
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 {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
.uppy-StatusBar-details {
line-height: 12px;
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
color: #fff;
background-color: #939393;
border-radius: 50%;
position: relative;
top: 0;
left: 2px;
font-size: 10px;
font-weight: 600;
text-align: center;
cursor: help; }
.uppy-StatusBar-details:after {
line-height: 1.3;
word-wrap: break-word; }
.uppy-StatusBar-spinner {
-webkit-animation-name: uppy-StatusBar-spinnerAnimation;
animation-name: uppy-StatusBar-spinnerAnimation;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
margin-right: 10px;
fill: #2275d7; }
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner {
fill: #f6a623; }
@-webkit-keyframes uppy-StatusBar-spinnerAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
@keyframes uppy-StatusBar-spinnerAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
padding: 6px; }
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after {
content: "";
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto; }
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
width: 50%;
position: relative;
margin: 0; }
.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
width: 33.3333%; }
.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
width: 25%; }
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before {
content: "";
padding-top: 100%;
display: block; }
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg {
opacity: .85; }
.uppy-ProviderBrowser-viewType--grid 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 {
background-color: rgba(234, 234, 234, 0.2); }
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
fill: rgba(0, 0, 0, 0.7);
width: 30%;
height: 30%; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
fill: rgba(255, 255, 255, 0.8); }
.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
border-radius: 4px;
overflow: hidden;
position: absolute;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
text-align: center;
width: calc(100% - 14px);
height: calc(100% - 14px); }
.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner:focus {
outline: none;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9); }
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
-webkit-box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7);
box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7); }
.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px; }
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox {
position: absolute;
top: 16px;
right: 16px;
width: 26px;
height: 26px;
background-color: #2275d7;
border-radius: 50%;
z-index: 1002;
opacity: 0; }
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after {
width: 12px;
height: 7px;
left: 7px;
top: 8px; }
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
opacity: 1; }
.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: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 7px 15px;
margin: 0; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
color: #eaeaea; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox {
margin-right: 15px;
height: 17px;
width: 17px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #cfcfcf; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
border: 1px solid #2275d7;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
outline: none; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:after {
opacity: 0;
height: 5px;
width: 9px;
left: 3px;
top: 4px; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
border-color: rgba(2, 186, 242, 0.7);
-webkit-box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2); }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
background-color: #2275d7;
border-color: #2275d7; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked:after {
opacity: 1; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 2px; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
outline: none;
text-decoration: underline; }
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
margin-right: 8px;
max-width: 20px;
max-height: 20px; }
.uppy-ProviderBrowserItem-fakeCheckbox {
position: relative;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0; }
.uppy-ProviderBrowserItem-fakeCheckbox:after {
content: "";
position: absolute;
cursor: pointer;
border-left: 2px solid #eaeaea;
border-bottom: 2px solid #eaeaea;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox {
background-color: #1f1f1f;
border-color: #939393; }
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
background-color: #333; }
.uppy-DashboardContent-panelBody {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
background-color: #1f1f1f; }
.uppy-Provider-auth, .uppy-Provider-empty, .uppy-Provider-error, .uppy-Provider-loading {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-flow: column wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column wrap;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
color: #939393; }
.uppy-Provider-empty {
color: #939393; }
.uppy-Provider-authIcon svg {
width: 100px;
height: 75px;
margin-bottom: 15px; }
.uppy-Provider-authTitle {
font-size: 17px;
line-height: 1.4;
font-weight: 400;
margin-bottom: 30px;
padding: 0 15px;
max-width: 500px;
text-align: center;
color: #757575; }
.uppy-size--md .uppy-Provider-authTitle {
font-size: 20px; }
[data-uppy-theme=dark] .uppy-Provider-authTitle {
color: #cfcfcf; }
.uppy-Provider-breadcrumbs {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
color: #525252;
font-size: 12px;
margin-bottom: 10px;
text-align: left; }
.uppy-size--md .uppy-Provider-breadcrumbs {
margin-bottom: 0; }
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
color: #eaeaea; }
.uppy-Provider-breadcrumbsIcon {
display: inline-block;
color: #525252;
vertical-align: middle;
margin-right: 4px;
line-height: 1; }
.uppy-Provider-breadcrumbsIcon svg {
width: 13px;
height: 13px;
fill: #525252; }
.uppy-Provider-breadcrumbs button {
display: inline-block;
line-height: inherit;
padding: 4px;
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: #1b5dab; }
.uppy-Provider-breadcrumbs button:focus {
background-color: #eceef2; }
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
background-color: #333; }
.uppy-Provider-breadcrumbs button:hover {
text-decoration: underline;
cursor: pointer; }
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
color: #eaeaea; }
.uppy-ProviderBrowser {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
font-weight: 400;
height: 100%; }
.uppy-ProviderBrowser-user {
margin: 0 8px 0 0;
font-weight: 500;
color: #333; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
color: #eaeaea; }
.uppy-ProviderBrowser-user:after {
content: "\00B7";
position: relative;
left: 4px;
color: #939393;
font-weight: 400; }
.uppy-ProviderBrowser-header {
z-index: 1001;
border-bottom: 1px solid #eaeaea;
position: relative; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
border-bottom: 1px solid #333; }
.uppy-ProviderBrowser-headerBar {
padding: 7px 15px;
background-color: #fafafa;
z-index: 1001;
color: #757575;
line-height: 1.4;
font-size: 12px; }
.uppy-size--md .uppy-ProviderBrowser-headerBar {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
background-color: #1f1f1f; }
.uppy-ProviderBrowser-headerBar--simple {
text-align: center;
display: block;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
display: inline-block;
vertical-align: middle; }
.uppy-ProviderBrowser-search {
width: 100%;
background-color: #fff;
position: relative;
height: 30px;
margin-top: 10px;
margin-bottom: 5px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-search {
background-color: #1f1f1f; }
.uppy-ProviderBrowser-searchIcon {
position: absolute;
width: 12px;
height: 12px;
left: 16px;
z-index: 1002;
color: #bbb; }
.uppy-ProviderBrowser-searchInput {
width: 100%;
height: 30px;
background-color: transparent;
outline: 0;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
font-size: 12px;
line-height: 1.4;
border: 0;
margin: 0 8px;
padding-left: 27px;
z-index: 1001;
border-radius: 4px; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
background-color: #1f1f1f;
color: #eaeaea; }
.uppy-ProviderBrowser-searchInput:focus {
outline: 0;
background-color: #f4f4f4; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
background-color: #333; }
.uppy-ProviderBrowser-searchClose {
position: absolute;
width: 22px;
height: 22px;
padding: 6px;
right: 12px;
top: 4px;
z-index: 1002;
color: #939393;
cursor: pointer; }
.uppy-ProviderBrowser-searchClose:hover {
color: #757575; }
.uppy-ProviderBrowser-searchClose svg {
vertical-align: text-top; }
.uppy-ProviderBrowser-searchInput:-ms-input-placeholder {
color: #939393;
opacity: 1; }
.uppy-ProviderBrowser-searchInput::-webkit-input-placeholder {
color: #939393;
opacity: 1; }
.uppy-ProviderBrowser-searchInput::-moz-placeholder {
color: #939393;
opacity: 1; }
.uppy-ProviderBrowser-searchInput::-ms-input-placeholder {
color: #939393;
opacity: 1; }
.uppy-ProviderBrowser-searchInput::placeholder {
color: #939393;
opacity: 1; }
.uppy-ProviderBrowser-userLogout {
cursor: pointer;
line-height: inherit;
color: #2275d7;
padding: 4px;
border-radius: 3px; }
.uppy-ProviderBrowser-userLogout:focus {
outline: none; }
.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
border: 0; }
.uppy-ProviderBrowser-userLogout:hover {
color: #1b5dab; }
.uppy-ProviderBrowser-userLogout:focus {
background-color: #eceef2; }
[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 {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
position: relative; }
.uppy-ProviderBrowser-list {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: #fff;
border-spacing: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
list-style: none;
margin: 0;
padding: 0; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
background-color: #1f1f1f; }
.uppy-ProviderBrowserItem-inner {
cursor: pointer;
font-weight: 500;
font-size: 13px; }
.uppy-ProviderBrowser-footer {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
background-color: #fff;
height: 65px;
border-top: 1px solid #eaeaea;
padding: 0 15px; }
.uppy-ProviderBrowser-footer button {
margin-right: 8px; }
[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
background-color: #1f1f1f;
border-top: 1px solid #333; }
.uppy-DashboardItem-previewInnerWrap {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 3px; }
.uppy-size--md .uppy-DashboardItem-previewInnerWrap {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.uppy-DashboardItem-previewInnerWrap:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.65);
display: none;
z-index: 1001; }
.uppy-DashboardItem-previewLink {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1002; }
.uppy-DashboardItem-previewLink:focus {
-webkit-box-shadow: inset 0 0 0 3px #76abe9;
box-shadow: inset 0 0 0 3px #76abe9; }
[data-uppy-theme=dark] .uppy-DashboardItem-previewLink:focus {
-webkit-box-shadow: inset 0 0 0 3px #016c8d;
box-shadow: inset 0 0 0 3px #016c8d; }
.uppy-DashboardItem-preview img.uppy-DashboardItem-previewImg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translateZ(0);
transform: translateZ(0);
border-radius: 3px; }
.uppy-DashboardItem-progress {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1002;
color: #fff;
text-align: center;
width: 120px;
-webkit-transition: all .35 ease;
transition: all .35 ease; }
.uppy-DashboardItem-progressIndicator {
display: inline-block;
width: 38px;
height: 38px;
opacity: .9;
cursor: pointer; }
.uppy-DashboardItem-progressIndicator:focus {
outline: none; }
.uppy-DashboardItem-progressIndicator::-moz-focus-inner {
border: 0; }
.uppy-DashboardItem-progressIndicator:focus svg.retry, .uppy-DashboardItem-progressIndicator:focus svg.UppyIcon-progressCircle .bg {
fill: #76abe9; }
svg.UppyIcon-progressCircle {
width: 100%;
height: 100%; }
svg.UppyIcon-progressCircle .bg {
stroke: rgba(255, 255, 255, 0.4);
opacity: 0; }
svg.UppyIcon-progressCircle .progress {
stroke: #fff;
-webkit-transition: stroke-dashoffset .5s ease-out;
transition: stroke-dashoffset .5s ease-out;
opacity: 0; }
svg.UppyIcon-progressCircle .play {
stroke: #fff;
display: none; }
svg.UppyIcon-progressCircle .cancel, svg.UppyIcon-progressCircle .pause, svg.UppyIcon-progressCircle .play {
fill: #fff;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s; }
svg.UppyIcon-progressCircle .pause {
stroke: #fff;
display: none; }
svg.UppyIcon-progressCircle .check {
opacity: 0;
fill: #fff;
-webkit-transition: all .2s;
transition: all .2s; }
svg.UppyIcon.retry {
fill: #fff; }
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
-webkit-transform: none;
transform: none;
top: -9px;
right: -8px;
left: auto;
width: auto; }
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress, .uppy-DashboardItem.is-error .uppy-DashboardItem-progress, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress {
display: block; }
.uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
width: 18px;
height: 18px; }
.uppy-size--md .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
width: 28px;
height: 28px; }
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
width: 18px;
height: 18px;
opacity: 1; }
.uppy-size--md .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
width: 22px;
height: 22px; }
.uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .pause {
opacity: 0; }
.uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .play {
opacity: 1; }
.uppy-DashboardItem.is-noIndividualCancellation .uppy-DashboardItem-progressIndicator {
cursor: default; }
.uppy-DashboardItem.is-noIndividualCancellation .cancel {
display: none; }
.uppy-DashboardItem.is-processing .uppy-DashboardItem-progress {
opacity: 0; }
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
cursor: default; }
.uppy-DashboardItem.is-complete .progress {
stroke: #1bb240;
fill: #1bb240;
opacity: 1; }
.uppy-DashboardItem.is-complete .check {
opacity: 1; }
.uppy-size--md .uppy-DashboardItem-progressIndicator {
width: 55px;
height: 55px; }
.uppy-DashboardItem.is-resumable .pause, .uppy-DashboardItem.is-resumable .play {
display: block; }
.uppy-DashboardItem.is-resumable .cancel {
display: none; }
.uppy-DashboardItem.is-inprogress .bg, .uppy-DashboardItem.is-inprogress .cancel, .uppy-DashboardItem.is-inprogress .pause, .uppy-DashboardItem.is-inprogress .progress {
opacity: 1; }
.uppy-DashboardItem-fileInfo {
padding-right: 5px; }
.uppy-DashboardItem-name {
font-size: 12px;
line-height: 1.3;
font-weight: 500;
margin-bottom: 4px;
word-break: break-all;
word-wrap: anywhere; }
[data-uppy-theme=dark] .uppy-DashboardItem-name {
color: #eaeaea; }
.uppy-DashboardItem-status {
font-size: 11px;
line-height: 1.3;
font-weight: 400;
color: #757575; }
[data-uppy-theme=dark] .uppy-DashboardItem-status {
color: #bbb; }
.uppy-DashboardItem-statusSize {
display: inline-block;
vertical-align: bottom;
text-transform: uppercase; }
.uppy-DashboardItem-sourceIcon {
display: none;
vertical-align: bottom;
color: #bbb; }
.uppy-DashboardItem-sourceIcon:not(:first-child) {
position: relative;
margin-left: 14px; }
.uppy-DashboardItem-sourceIcon svg, .uppy-DashboardItem-sourceIcon svg * {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: text-bottom;
overflow: hidden;
fill: currentColor;
width: 11px;
height: 12px; }
.uppy-DashboardItem-action {
cursor: pointer;
color: #939393; }
.uppy-DashboardItem-action:focus {
outline: none; }
.uppy-DashboardItem-action::-moz-focus-inner {
border: 0; }
.uppy-DashboardItem-action:focus {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }
.uppy-DashboardItem-action:hover {
opacity: 1;
color: #1f1f1f; }
[data-uppy-theme=dark] .uppy-DashboardItem-action {
color: #cfcfcf; }
[data-uppy-theme=dark] .uppy-DashboardItem-action:focus {
outline: none; }
[data-uppy-theme=dark] .uppy-DashboardItem-action::-moz-focus-inner {
border: 0; }
[data-uppy-theme=dark] .uppy-DashboardItem-action:focus {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
[data-uppy-theme=dark] .uppy-DashboardItem-action:hover {
color: #eaeaea; }
.uppy-DashboardItem-action--remove {
color: #1f1f1f;
opacity: .95; }
.uppy-DashboardItem-action--remove:hover {
opacity: 1;
color: #000; }
[data-uppy-theme=dark] .uppy-DashboardItem-action--remove {
color: #525252; }
[data-uppy-theme=dark] .uppy-DashboardItem-action--remove:hover {
color: #333; }
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-actionWrapper {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center; }
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-action {
width: 22px;
height: 22px;
padding: 3px;
margin-left: 3px; }
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-action:focus {
border-radius: 3px; }
.uppy-size--md .uppy-DashboardItem-action--copyLink, .uppy-size--md .uppy-DashboardItem-action--edit {
width: 16px;
height: 16px;
padding: 0; }
.uppy-size--md .uppy-DashboardItem-action--copyLink:focus, .uppy-size--md .uppy-DashboardItem-action--edit:focus {
border-radius: 3px; }
.uppy-size--md .uppy-DashboardItem-action--remove {
z-index: 1002;
position: absolute;
top: -8px;
right: -8px;
width: 18px;
height: 18px;
padding: 0; }
.uppy-size--md .uppy-DashboardItem-action--remove:focus {
border-radius: 50%; }
.uppy-DashboardItem {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #eaeaea;
padding: 10px 0 10px 10px; }
[data-uppy-theme=dark] .uppy-DashboardItem {
border-bottom: 1px solid #333; }
.uppy-size--md .uppy-DashboardItem {
position: relative;
display: block;
float: left;
margin: 5px 15px;
padding: 0;
width: calc(33.333% - 30px);
height: 215px;
border-bottom: 0; }
.uppy-size--lg .uppy-DashboardItem {
margin: 5px 15px;
width: calc(25% - 30px);
height: 190px; }
.uppy-size--xl .uppy-DashboardItem {
width: calc(20% - 30px);
height: 210px; }
.uppy-DashboardItem-preview {
position: relative; }
.uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-preview {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
width: 50px;
height: 50px; }
.uppy-size--md .uppy-DashboardItem-preview {
width: 100%;
height: 140px; }
.uppy-size--lg .uppy-DashboardItem-preview {
height: 120px; }
.uppy-size--xl .uppy-DashboardItem-preview {
height: 140px; }
.uppy-DashboardItem-fileInfoAndButtons {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding-right: 8px;
padding-left: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between; }
.uppy-size--md .uppy-DashboardItem-fileInfoAndButtons {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
padding: 9px 0 0; }
.uppy-DashboardItem-fileInfo {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1; }
.uppy-DashboardItem-actionWrapper {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
display: block; }
.uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove {
display: none; }
.uppy-DashboardItem-errorDetails {
line-height: 12px;
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
color: #fff;
background-color: #939393;
border-radius: 50%;
position: relative;
top: 0;
left: 2px;
font-size: 10px;
font-weight: 600;
text-align: center;
cursor: help; }
.uppy-DashboardItem-errorDetails:after {
line-height: 1.3;
word-wrap: break-word; }
.uppy-Dashboard-FileCard {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1005;
-webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 5px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.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-left-radius: 5px;
border-bottom-right-radius: 5px; }
.uppy-Dashboard-FileCard-inner {
height: 100%;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.uppy-Dashboard-FileCard-inner, .uppy-Dashboard-FileCard-preview {
-ms-flex-negative: 1;
flex-shrink: 1;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex; }
.uppy-Dashboard-FileCard-preview {
height: 60%;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
border-bottom: 1px solid #eaeaea;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
background-color: #333;
border-bottom: 0; }
.uppy-Dashboard-FileCard-preview img.uppy-DashboardItem-previewImg {
max-width: 90%;
max-height: 90%;
-o-object-fit: cover;
object-fit: cover;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
border-radius: 3px;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }
.uppy-Dashboard-FileCard-info {
height: 40%;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 30px 20px 20px;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
background-color: #1f1f1f; }
.uppy-Dashboard-FileCard-fieldset {
font-size: 0;
border: 0;
padding: 0;
max-width: 640px;
margin: auto auto 12px; }
.uppy-Dashboard-FileCard-label {
display: inline-block;
vertical-align: middle;
width: 22%;
font-size: 12px;
color: #525252; }
.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;
vertical-align: middle;
width: 78%; }
.uppy-Dashboard-FileCard-actions {
height: 55px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
border-top: 1px solid #eaeaea;
padding: 0 15px;
background-color: #fafafa;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center; }
.uppy-size--md .uppy-Dashboard-FileCard-actions {
height: 65px; }
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
border-top: 1px solid #333;
background-color: #1f1f1f; }
.uppy-Dashboard-FileCard-actionsBtn {
margin-right: 10px; }
.uppy-transition-slideDownUp-enter {
opacity: .01;
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
-webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out,opacity .25s ease-in-out;
transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out; }
.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.uppy-transition-slideDownUp-leave {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out,opacity .25s ease-in-out;
transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out; }
.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
opacity: .01;
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0); }
@-webkit-keyframes uppy-Dashboard-fadeIn {
0% {
opacity: 0; }
to {
opacity: 1; } }
@keyframes uppy-Dashboard-fadeIn {
0% {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes uppy-Dashboard-fadeOut {
0% {
opacity: 1; }
to {
opacity: 0; } }
@keyframes uppy-Dashboard-fadeOut {
0% {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes uppy-Dashboard-slideDownAndFadeIn {
0% {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
opacity: 0; }
to {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1; } }
@keyframes uppy-Dashboard-slideDownAndFadeIn {
0% {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
opacity: 0; }
to {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1; } }
@-webkit-keyframes uppy-Dashboard-slideDownAndFadeIn--small {
0% {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
opacity: 0; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; } }
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
0% {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
opacity: 0; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; } }
@-webkit-keyframes uppy-Dashboard-slideUpFadeOut {
0% {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1; }
to {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
opacity: 0; } }
@keyframes uppy-Dashboard-slideUpFadeOut {
0% {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1; }
to {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
opacity: 0; } }
@-webkit-keyframes uppy-Dashboard-slideUpFadeOut--small {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; }
to {
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0);
opacity: 0; } }
@keyframes uppy-Dashboard-slideUpFadeOut--small {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; }
to {
-webkit-transform: translate3d(0, -20%, 0);
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 {
-webkit-animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
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 {
-webkit-animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } }
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
-webkit-animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
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 {
-webkit-animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
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 {
-webkit-animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
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 {
-webkit-animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }
.uppy-Dashboard-isFixed {
overflow: hidden;
height: 100vh; }
.uppy-Dashboard--modal .uppy-Dashboard-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1001; }
.uppy-Dashboard-inner {
position: relative;
background-color: #fafafa;
max-width: 100%;
max-height: 100%;
outline: none;
border: 1px solid #eaeaea;
border-radius: 5px; }
.uppy-size--md .uppy-Dashboard-inner {
min-height: auto; }
@media only screen and (min-width: 820px) {
.uppy-Dashboard-inner {
width: 750px;
height: 550px; } }
.uppy-Dashboard--modal .uppy-Dashboard-inner {
z-index: 1002; }
[data-uppy-theme=dark] .uppy-Dashboard-inner {
background-color: #1f1f1f; }
.uppy-Dashboard-innerWrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
overflow: hidden;
position: relative;
border-radius: 5px;
opacity: 0; }
.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
opacity: 1; }
.uppy-Dashboard--modal .uppy-Dashboard-inner {
position: fixed;
top: 35px;
left: 15px;
right: 15px;
bottom: 15px;
border: none; }
@media only screen and (min-width: 820px) {
.uppy-Dashboard--modal .uppy-Dashboard-inner {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15); } }
.uppy-Dashboard-close {
display: block;
position: absolute;
top: -33px;
right: -2px;
cursor: pointer;
color: rgba(255, 255, 255, 0.9);
font-size: 27px;
z-index: 1005; }
.uppy-Dashboard-close:focus {
outline: none; }
.uppy-Dashboard-close::-moz-focus-inner {
border: 0; }
.uppy-Dashboard-close:focus {
color: #8cb8ed; }
@media only screen and (min-width: 820px) {
.uppy-Dashboard-close {
font-size: 35px;
top: -10px;
right: -35px; } }
.uppy-Dashboard-AddFiles {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
position: relative;
text-align: center; }
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
margin: 7px;
height: calc(100% - 14px);
border-radius: 3px;
border: 1px dashed #dfdfdf; }
.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
border: none;
height: calc(100% - 54px); }
.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
border-color: #cfcfcf; }
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
border-color: #757575; }
.uppy-Dashboard-AddFiles-info {
padding-top: 15px;
padding-bottom: 15px;
margin-top: auto;
display: none; }
.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
display: block; }
.uppy-size--md .uppy-Dashboard-AddFiles-info {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
padding-top: 30px;
padding-bottom: 0; }
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
margin-top: 0; }
.uppy-Dashboard-browse {
cursor: pointer;
color: rgba(34, 117, 215, 0.9); }
.uppy-Dashboard-browse:focus {
outline: none; }
.uppy-Dashboard-browse::-moz-focus-inner {
border: 0; }
.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
border-bottom: 1px solid #2275d7; }
[data-uppy-theme=dark] .uppy-Dashboard-browse {
color: rgba(2, 186, 242, 0.9); }
[data-uppy-theme=dark] .uppy-Dashboard-browse:focus, [data-uppy-theme=dark] .uppy-Dashboard-browse:hover {
border-bottom: 1px solid #02baf2; }
.uppy-Dashboard-browseBtn {
display: block;
font-size: 14px;
font-weight: 500;
margin-top: 8px;
margin-bottom: 5px;
width: 100%; }
.uppy-size--md .uppy-Dashboard-browseBtn {
font-size: 15px;
width: auto;
margin: 15px auto;
padding: 13px 44px; }
.uppy-Dashboard-AddFiles-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-top: 2px;
padding: 2px 0;
width: 100%; }
.uppy-size--md .uppy-Dashboard-AddFiles-list {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
max-width: 600px;
overflow-y: visible;
margin-top: 15px;
padding-top: 0;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none; }
.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: auto;
margin-bottom: 10px;
border-bottom: none; }
.uppy-DashboardTab-btn {
width: 100%;
height: 100%;
cursor: pointer;
border: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #525252;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 12px 15px;
line-height: 1;
text-align: center; }
.uppy-DashboardTab-btn:focus {
outline: none; }
.uppy-size--md .uppy-DashboardTab-btn {
width: 86px;
margin-right: 1px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
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: #f1f3f6; }
[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
background-color: #333; }
.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
background-color: #eceef2; }
[data-uppy-theme=dark] .uppy-DashboardTab-btn:active, [data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
background-color: #525252; }
.uppy-DashboardTab-btn svg {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: text-top;
overflow: hidden;
-webkit-transition: -webkit-transform .15s ease-in-out;
transition: -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out;
transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
margin-right: 10px; }
.uppy-size--md .uppy-DashboardTab-btn svg {
margin-right: 0; }
.uppy-DashboardTab-name {
font-size: 14px;
font-weight: 500; }
.uppy-size--md .uppy-DashboardTab-name {
font-size: 11px;
line-height: 15px;
margin-top: 8px;
margin-bottom: 0; }
.uppy-DashboardTab svg {
width: 23px;
height: 23px;
vertical-align: middle; }
.uppy-size--md .uppy-DashboardTab svg {
width: 30px;
height: 30px; }
.uppy-Dashboard-input {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.uppy-DashboardContent-bar {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 40px;
width: 100%;
padding: 0 10px;
z-index: 1004;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
border-bottom: 1px solid #eaeaea;
background-color: #fafafa; }
.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;
left: 0;
right: 0;
text-align: center;
font-size: 12px;
line-height: 40px;
font-weight: 500;
width: 100%;
max-width: 170px;
text-overflow: ellipsis;
white-space: nowrap;
overflow-x: hidden;
margin: auto; }
.uppy-size--md .uppy-DashboardContent-title {
font-size: 14px;
line-height: 50px;
max-width: 300px; }
[data-uppy-theme=dark] .uppy-DashboardContent-title {
color: #eaeaea; }
.uppy-DashboardContent-back {
background: none;
-webkit-appearance: none;
font-family: inherit;
font-size: inherit;
line-height: 1;
border: 0;
color: inherit;
border-radius: 3px;
font-size: 12px;
font-weight: 400;
cursor: pointer;
color: #2275d7;
padding: 7px 6px;
margin: 0 0 0 -6px; }
.uppy-DashboardContent-back:focus {
outline: none; }
.uppy-DashboardContent-back::-moz-focus-inner {
border: 0; }
.uppy-DashboardContent-back:hover {
color: #1b5dab; }
.uppy-DashboardContent-back:focus {
background-color: #eceef2; }
[data-uppy-theme=dark] .uppy-DashboardContent-back:focus {
background-color: #333; }
.uppy-size--md .uppy-DashboardContent-back {
font-size: 14px; }
[data-uppy-theme=dark] .uppy-DashboardContent-back {
color: #02baf2; }
.uppy-DashboardContent-addMore {
background: none;
-webkit-appearance: none;
font-family: inherit;
font-size: inherit;
line-height: 1;
border: 0;
color: inherit;
border-radius: 3px;
font-weight: 500;
cursor: pointer;
color: #2275d7;
width: 29px;
height: 29px;
padding: 7px 8px;
margin: 0 -5px 0 0; }
.uppy-DashboardContent-addMore:focus {
outline: none; }
.uppy-DashboardContent-addMore::-moz-focus-inner {
border: 0; }
.uppy-DashboardContent-addMore:hover {
color: #1b5dab; }
.uppy-DashboardContent-addMore:focus {
background-color: #eceef2; }
[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
background-color: #333; }
.uppy-size--md .uppy-DashboardContent-addMore {
font-size: 14px;
width: auto;
height: auto;
margin-right: -8px; }
[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
color: #02baf2; }
.uppy-DashboardContent-addMore svg {
vertical-align: baseline;
margin-right: 4px; }
.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 {
background-color: #f5f5f5;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 1005;
border-radius: 5px;
display: -ms-flexbox;
display: -webkit-box;
display: flex; }
.uppy-Dashboard-AddFilesPanel {
background: #fafafa;
background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #fafafa), to(rgba(250, 250, 250, 0.85)));
background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85));
-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
background-color: #333;
background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #1f1f1f), to(rgba(31, 31, 31, 0.85)));
background: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85)); }
.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
-webkit-filter: blur(2px);
filter: blur(2px); }
.uppy-Dashboard-progress {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 12%; }
.uppy-Dashboard-progressBarContainer.is-active {
z-index: 1004;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.uppy-Dashboard-filesContainer {
position: relative;
overflow-y: hidden;
margin: 0;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
.uppy-Dashboard-filesContainer:after {
content: "";
display: table;
clear: both; }
.uppy-Dashboard-files {
margin: 0;
padding: 0 0 10px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
.uppy-size--md .uppy-Dashboard-files {
padding-top: 10px; }
.uppy-Dashboard-dropFilesHereHint {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
visibility: hidden;
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
padding-top: 90px;
border: 1px dashed #2275d7;
border-radius: 3px;
z-index: 2000;
text-align: center;
background-image: url("data:image/svg+xml;charset=utf-8,%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 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%232275D7'/%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
color: #757575;
font-size: 16px; }
[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
color: #bbb;
border-color: #02baf2;
background-image: url("data:image/svg+xml;charset=utf-8,%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 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E"); }
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
visibility: visible; }
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
opacity: .15; }
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
opacity: .03; }
.uppy-Dashboard-dropFilesIcon {
display: none;
margin-bottom: 15px; }
.uppy-size--md.uppy-size--height-md .uppy-Dashboard-dropFilesIcon {
display: block; }
.uppy-Dashboard-AddFiles-title {
font-size: 17px;
line-height: 1.35;
font-weight: 500;
color: #000;
margin-top: 15px;
margin-bottom: 5px;
text-align: left;
padding: 0 15px;
width: 100%; }
.uppy-size--md .uppy-Dashboard-AddFiles-title {
font-size: 25px;
margin-top: 5px;
font-weight: 400;
text-align: center;
max-width: 480px; }
[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 {
font-size: 14px;
line-height: 1.25;
text-align: center;
color: #757575;
max-width: 350px;
margin: auto;
padding: 0 15px; }
.uppy-size--md .uppy-Dashboard-note {
font-size: 15px;
line-height: 1.35;
max-width: 600px; }
[data-uppy-theme=dark] .uppy-Dashboard-note {
color: #cfcfcf; }
a.uppy-Dashboard-poweredBy {
display: inline-block;
text-align: center;
font-size: 11px;
color: #939393;
text-decoration: none;
margin-top: 8px; }
.uppy-Dashboard-poweredByIcon {
stroke: #939393;
fill: none;
margin-left: 1px;
margin-right: 1px;
position: relative;
top: 1px;
opacity: .9;
vertical-align: text-top; }
.uppy-DashboardItem-previewIcon {
width: 25px;
height: 25px;
z-index: 100;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.uppy-size--md .uppy-DashboardItem-previewIcon {
width: 38px;
height: 38px; }
.uppy-DashboardItem-previewIcon svg {
width: 100%;
height: 100%; }
.uppy-DashboardItem-previewIconWrap {
height: 76px;
max-height: 75%;
position: relative; }
.uppy-DashboardItem-previewIconBg {
width: 100%;
height: 100%;
-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
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 .UppyIcon {
position: relative;
top: 1px;
width: 50%; }
.uppy-Dashboard-uploadCount {
position: absolute;
top: -12px;
right: -12px;
background-color: #1bb240;
color: #fff;
border-radius: 50%;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 8px; }
.uppy-size--md .uppy-Dashboard-uploadCount {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 9px; }
.uppy-DragDrop-container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
border-radius: 7px;
background-color: #fff;
cursor: pointer;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
max-width: 100%; }
.uppy-DragDrop-container:focus {
outline: none;
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }
.uppy-DragDrop-container::-moz-focus-inner {
border: 0; }
.uppy-DragDrop-inner {
margin: 0;
text-align: center;
padding: 80px 20px;
line-height: 1.4; }
.uppy-DragDrop-input {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.uppy-DragDrop-arrow {
width: 60px;
height: 60px;
fill: #e0e0e0;
margin-bottom: 17px; }
.uppy-DragDrop--is-dragdrop-supported {
border: 2px dashed #adadad; }
.uppy-DragDrop--isDraggingOver {
border: 2px dashed #2275d7;
background: #eaeaea; }
.uppy-DragDrop--isDraggingOver .uppy-DragDrop-arrow {
fill: #939393; }
.uppy-DragDrop-label {
display: block;
font-size: 1.15em;
margin-bottom: 5px; }
.uppy-DragDrop-browse {
color: #2275d7;
cursor: pointer; }
.uppy-DragDrop-note {
font-size: 1em;
color: #adadad; }
.uppy-FileInput-container {
margin-bottom: 15px; }
.uppy-FileInput-btn {
background: none;
-webkit-appearance: none;
font-family: inherit;
font-size: inherit;
line-height: 1;
margin: 0;
color: inherit;
font-family: sans-serif;
font-size: .85em;
padding: 10px 15px;
color: #14457f;
border: 1px solid #14457f;
border-radius: 8px;
cursor: pointer; }
.uppy-FileInput-btn:hover {
background-color: #14457f;
color: #fff; }
.uppy-ProgressBar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
z-index: 10000;
-webkit-transition: height .2s;
transition: height .2s; }
.uppy-ProgressBar[aria-hidden=true] {
height: 0; }
.uppy-ProgressBar-inner {
background-color: #2275d7;
-webkit-box-shadow: 0 0 10px rgba(34, 117, 215, 0.7);
box-shadow: 0 0 10px rgba(34, 117, 215, 0.7);
height: 100%;
width: 0;
-webkit-transition: width .4s ease;
transition: width .4s ease; }
.uppy-ProgressBar-percentage {
display: none;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff; }
.uppy-Url {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
[data-uppy-theme=dark] .uppy-Url {
background-color: #1f1f1f; }
.uppy-Url-input {
width: 90%;
max-width: 650px;
margin-bottom: 15px; }
.uppy-size--md .uppy-Url-input {
margin-bottom: 20px; }
.uppy-Url-importButton {
padding: 13px 25px; }
.uppy-size--md .uppy-Url-importButton {
padding: 13px 30px; }
.uppy-Webcam-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.uppy-Webcam-videoContainer {
width: 100%;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
background-color: #333;
text-align: center;
position: relative; }
.uppy-Webcam-video {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.uppy-Webcam-video--mirrored {
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.uppy-Webcam-buttonContainer {
width: 100%;
height: 75px;
border-top: 1px solid #eaeaea;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
padding: 0 20px; }
.uppy-Webcam-button {
width: 45px;
height: 45px;
border-radius: 50%;
background-color: #e32437;
color: #fff;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s; }
.uppy-Webcam-button:focus {
outline: none; }
.uppy-Webcam-button::-moz-focus-inner {
border: 0; }
.uppy-Webcam-button:focus {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }
[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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
.uppy-Webcam-button svg {
width: 30px;
height: 30px;
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: text-top;
overflow: hidden;
fill: currentColor; }
.uppy-size--md .uppy-Webcam-button {
width: 60px;
height: 60px; }
.uppy-Webcam-button:hover {
background-color: #d31b2d; }
.uppy-Webcam-button--picture {
margin-right: 12px; }
.uppy-Webcam-permissons {
padding: 15px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-flow: column wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column wrap;
height: 100%;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1; }
.uppy-Webcam-permissons p {
max-width: 450px;
line-height: 1.3;
text-align: center;
line-height: 1.45;
color: #939393;
margin: 0; }
.uppy-Webcam-permissonsIcon svg {
width: 100px;
height: 75px;
color: #bbb;
margin-bottom: 30px; }
.uppy-Webcam-recordingLength {
position: absolute;
right: 20px;
color: #757575;
font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }
.uppy-Webcam-title {
font-size: 22px;
line-height: 1.35;
font-weight: 400;
margin: 0 0 5px;
padding: 0 15px;
max-width: 500px;
text-align: center;
color: #333; }
[data-uppy-theme=dark] .uppy-Webcam-title {
color: #eaeaea; }
.uppy-ScreenCapture-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column; }
.uppy-ScreenCapture-videoContainer {
width: 100%;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
background-color: #333;
text-align: center;
position: relative; }
.uppy-size--md .uppy-ScreenCapture-videoContainer {
max-width: 100%; }
.uppy-ScreenCapture-video {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
outline: 0; }
.uppy-ScreenCapture-buttonContainer {
width: 100%;
height: 75px;
border-top: 1px solid #eaeaea;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
padding: 0 20px;
background-color: #fff; }
[data-uppy-theme=dark] .uppy-ScreenCapture-buttonContainer {
background-color: #1f1f1f;
border-top: 1px solid #333; }
.uppy-ScreenCapture-button {
width: 45px;
height: 45px;
border-radius: 50%;
color: #fff;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s; }
.uppy-ScreenCapture-button:focus {
outline: none; }
.uppy-ScreenCapture-button::-moz-focus-inner {
border: 0; }
.uppy-ScreenCapture-button:focus {
-webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }
[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 {
-webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
.uppy-size--md .uppy-ScreenCapture-button {
width: 60px;
height: 60px; }
.uppy-ScreenCapture-button:hover {
background-color: #d31b2d; }
.uppy-ScreenCapture-button svg {
width: 30px;
height: 30px;
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: text-top;
overflow: hidden;
fill: currentColor; }
.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 {
font-size: 22px;
line-height: 1.35;
font-weight: 400;
margin: 0 0 5px;
padding: 0 15px;
max-width: 500px;
text-align: center;
color: #333; }
.uppy-ScreenCapture-icon--stream {
position: absolute;
right: 0;
top: 0;
margin: 1rem;
z-index: 1; }
.uppy-ScreenCapture-icon--stream svg {
fill: #939393; }
.uppy-ScreenCapture-icon--streamActive svg {
-webkit-animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite; }
@-webkit-keyframes uppy-ScreenCapture-icon--blink {
0% {
fill: #2275d7; }
50% {
fill: #939393; }
to {
fill: #2275d7; } }
@keyframes uppy-ScreenCapture-icon--blink {
0% {
fill: #2275d7; }
50% {
fill: #939393; }
to {
fill: #2275d7; } }
.uppy-ScreenCapture-button--video {
color: #fff;
background: #e32437; }
.uppy-ScreenCapture-button--video:hover {
background-color: #bc1828; }