37 lines
991 B
CSS
37 lines
991 B
CSS
|
.upload-actions {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
gap: 8px;
|
||
|
|
height: 40px;
|
||
|
|
padding: 0 8px 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.start-upload-cta {
|
||
|
|
min-width: 128px;
|
||
|
|
position: relative;
|
||
|
|
overflow: visible;
|
||
|
|
isolation: isolate;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.start-upload-cta.is-current-step {
|
||
|
|
animation: start-ready-rainbow-breathe 1150ms ease-in-out infinite;
|
||
|
|
box-shadow: inset -1px -1px 0 #808080, inset 1px 1px 0 #dfdfdf, 0 0 0 1px #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.start-upload-cta.is-current-step::after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
inset: -4px;
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 1;
|
||
|
|
padding: 4px;
|
||
|
|
background: linear-gradient(90deg, #ff004c, #ffcc00, #00d26a, #00a2ff, #8c48ff, #ff004c, #ffcc00);
|
||
|
|
background-size: 280% 100%;
|
||
|
|
opacity: .9;
|
||
|
|
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
|
||
|
|
-webkit-mask-composite: xor;
|
||
|
|
mask-composite: exclude;
|
||
|
|
animation: start-border-rainbow-slide 1850ms linear infinite;
|
||
|
|
}
|