| 1 | :root{--font:9pt "Segoe UI","SegoeUI","Noto Sans",sans-serif;--surface:#f0f0f0;--button-highlight:#fff;--button-face:#f2f2f2;--button-face-hover:#eaf6fd;--button-face-active:#c4e5f6;--button-face-disabled:#f4f4f4;--button-shade-light:#ebebeb;--button-shade-light-default:#c3dcea;--button-shade-light-hovered:#bee6fd;--button-shade-light-active:#98d1ef;--button-shade-dark:#cfcfcf;--button-shadow:inset 0 0 0 1px #fffc;--button-shadow-active:inset 1px 1px 0 #0003,inset -1px 1px 0 #0001;--button-border:1px solid;--button-border-color:#8e8f8f;--button-border-color-default:#5586a3;--button-border-color-hovered:#3c7fb1;--button-border-color-active:#6d91ab;--button-border-color-disabled:#aeb2b5;--button-text-color-disabled:#838383;--button-gradient:linear-gradient(to bottom,var(--button-face) 45%,var(--button-shade-light) 45%,var(--button-shade-dark));--button-gradient-hovered:linear-gradient(to bottom,var(--button-face-hover) 45%,var(--button-shade-light-hovered) 45%,#a7d9f5);--button-gradient-active:linear-gradient(to bottom,#e5f4fc,var(--button-face-active) 30% 50%,var(--button-shade-light-active) 50%,#68b3db);--element-spacing:8px;--grouped-element-spacing:6px;--border-radius:3px;--border-width:1px;--progress-color-normal:#0bd82c;--progress-color-paused:#e6df1b;--progress-color-error:#ef0000}[role=progressbar]{background:radial-gradient(circle at 0 50%,#0000001f 10px,transparent 30px),radial-gradient(circle at 100% 50%,#0000001f 10px,transparent 30px),linear-gradient(180deg,#f3f3f3af,#fcfcfcaf 3px,#dbdbdbaf 6px,#cacacaaf 0,#d5d5d5af),#ddd;border:1px solid var(--button-border-color);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px #f3f3f388,0 0 0 1px #eaeaea88;height:15px;margin:2px 0;overflow:hidden}[role=progressbar]>div{background-color:var(--progress-color-normal);background-image:linear-gradient(180deg,#f3f3f3af,#fcfcfcaf 3px,#dbdbdbaf 6px,transparent 0),radial-gradient(circle at 0 50%,#0000002f 10px,transparent 30px),radial-gradient(circle at 100% 50%,#0000002f 10px,transparent 30px),linear-gradient(180deg,transparent 65%,#ffffff55),linear-gradient(180deg,transparent 6px,#cacaca33 0,#d5d5d533);box-shadow:inset 0 0 0 1px #ffffff1f;height:100%;overflow:hidden}[role=progressbar].paused>div{background-color:var(--progress-color-paused)}[role=progressbar].error>div{background-color:var(--progress-color-error)}[role=progressbar].animate>div:before,[role=progressbar].marquee:before{-webkit-animation:progressbar 3s linear infinite;animation:progressbar 3s linear infinite;background:linear-gradient(90deg,transparent,#ffffff80,transparent 40%);content:"";display:block;height:100%}[role=progressbar].marquee:before{background:linear-gradient(to right,transparent,var(--progress-color-normal),transparent 35%);opacity:.5}@-webkit-keyframes progressbar{0%{transform:translateX(-40%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes progressbar{0%{transform:translateX(-40%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}
|