easydiffusion/ui/frontend/dist/index.css

:root{--_4vfmtju: 0;--_4vfmtjv: 2px;--_4vfmtjw: 5px;--_4vfmtjx: 10px;--_4vfmtjy: 25px;--_4vfmtjz: 5px;--_4vfmtj10: Arial, Helvetica, sans-serif;--_4vfmtj11: 2em;--_4vfmtj12: 1.5em;--_4vfmtj13: 1.2em;--_4vfmtj14: 1.1em;--_4vfmtj15: 1em;--_4vfmtj16: .8em;--_4vfmtj17: .75em;--_4vfmtj18: .5em;--_4vfmtj19: var(--_4vfmtj0);--_4vfmtj1a: var(--_4vfmtj1);--_4vfmtj1b: var(--_4vfmtj2);--_4vfmtj1c: var(--_4vfmtj3);--_4vfmtj1d: var(--_4vfmtj4);--_4vfmtj1e: var(--_4vfmtj5);--_4vfmtj1f: var(--_4vfmtj6);--_4vfmtj1g: var(--_4vfmtj7);--_4vfmtj1h: var(--_4vfmtj8);--_4vfmtj1i: var(--_4vfmtj9);--_4vfmtj1j: var(--_4vfmtja);--_4vfmtj1k: var(--_4vfmtjb);--_4vfmtj1l: var(--_4vfmtjc);--_4vfmtj1m: var(--_4vfmtjd);--_4vfmtj1n: var(--_4vfmtje);--_4vfmtj1o: var(--_4vfmtjf);--_4vfmtj1p: var(--_4vfmtjg);--_4vfmtj1q: var(--_4vfmtjh);--_4vfmtj1r: var(--_4vfmtji);--_4vfmtj1s: var(--_4vfmtjj);--_4vfmtj1t: var(--_4vfmtjk);--_4vfmtj1u: var(--_4vfmtjl);--_4vfmtj1v: var(--_4vfmtjm);--_4vfmtj1w: var(--_4vfmtjn);--_4vfmtj1x: var(--_4vfmtjo);--_4vfmtj1y: var(--_4vfmtjp);--_4vfmtj1z: var(--_4vfmtjq);--_4vfmtj20: var(--_4vfmtjr);--_4vfmtj21: var(--_4vfmtjs);--_4vfmtj22: var(--_4vfmtjt)}._4vfmtj23{--_4vfmtj0: #5000b9;--_4vfmtj1: #433852;--_4vfmtj2: #5d00d6;--_4vfmtj3: #5d00d6;--_4vfmtj4: #28004e;--_4vfmtj5: #28004e;--_4vfmtj6: #28004e;--_4vfmtj7: #0b8334;--_4vfmtj8: #0b8334;--_4vfmtj9: #0b8334;--_4vfmtja: #0b8334;--_4vfmtjb: #0b8334;--_4vfmtjc: #0b8334;--_4vfmtjd: #0b8334;--_4vfmtje: #202124;--_4vfmtjf: #383838;--_4vfmtjg: #2c2d30;--_4vfmtjh: #383838;--_4vfmtji: #121213;--_4vfmtjj: #383838;--_4vfmtjk: #ffffff;--_4vfmtjl: #d1d5db;--_4vfmtjm: #ffffff;--_4vfmtjn: #d1d5db;--_4vfmtjo: #e7ba71;--_4vfmtjp: #7d6641;--_4vfmtjq: #0066cc;--_4vfmtjr: #f0ad4e;--_4vfmtjs: #d9534f;--_4vfmtjt: #5cb85c}._4vfmtj24{--_4vfmtj0: #1E40AF;--_4vfmtj1: #1E40AF;--_4vfmtj2: #1E40AF;--_4vfmtj3: #1E40AF;--_4vfmtj4: #1E40AF;--_4vfmtj5: #1E40AF;--_4vfmtj6: #1E40AF;--_4vfmtj7: #DB2777;--_4vfmtj8: #DB2777;--_4vfmtj9: #DB2777;--_4vfmtja: #DB2777;--_4vfmtjb: #DB2777;--_4vfmtjc: #DB2777;--_4vfmtjd: #DB2777;--_4vfmtje: #EFF6FF;--_4vfmtjf: #EFF6FF;--_4vfmtjg: #EFF6FF;--_4vfmtjh: #EFF6FF;--_4vfmtji: #EFF6FF;--_4vfmtjj: #EFF6FF;--_4vfmtjk: #1F2937;--_4vfmtjl: #6B7280;--_4vfmtjm: #1F2937;--_4vfmtjn: #6B7280;--_4vfmtjo: #1F2937;--_4vfmtjp: #6B7280;--_4vfmtjq: #0066cc;--_4vfmtjr: yellow;--_4vfmtjs: red;--_4vfmtjt: green}._1qevocv0{position:relative;background-color:var(--_4vfmtje);width:100%;height:100%;pointer-events:auto;display:grid;grid-template-columns:400px 1fr;grid-template-rows:100px 1fr 115px;grid-template-areas:"header header header" "create display display" "create footer footer"}._1qevocv1{grid-area:header}._1qevocv2{grid-area:create;position:relative}._1qevocv3{grid-area:display;overflow:auto}._1qevocv4{grid-area:footer;display:flex;justify-content:center}@media screen and (max-width: 800px){._1qevocv0{grid-template-columns:1fr;grid-template-rows:100px 300px 1fr 100px;grid-template-areas:"header" "create" "display" "footer"}}._1jo75h0{color:var(--_4vfmtjr)}._1jo75h1{color:var(--_4vfmtjs)}._1jo75h2{color:var(--_4vfmtjt)}._17189jg0{position:relative}._17189jg1{background-color:transparent;border:0 none;cursor:pointer;padding:var(--_4vfmtju);font-size:var(--_4vfmtj13)}._17189jg1>i{margin-right:var(--_4vfmtjw)}._17189jg2{position:absolute;top:100%;right:0;z-index:1;background:var(--_4vfmtji);color:var(--_4vfmtjk);padding:var(--_4vfmtjx);border-radius:var(--_4vfmtjz);margin-bottom:var(--_4vfmtjx)}._1961rof0{background:var(--_4vfmtjg);color:var(--_4vfmtjk);padding:var(--_4vfmtjx);border-radius:var(--_4vfmtjz);margin-bottom:var(--_4vfmtjx);box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._1961rof0 .panel-box-toggle-btn{display:block;width:100%;text-align:left;background-color:transparent;color:var(--_4vfmtjk);border:0 none;cursor:pointer;padding:0}._1961rof1{margin-bottom:var(--_4vfmtjx)}._1961rof1:last-of-type{margin-bottom:var(--_4vfmtju)}._1961rof2{font-family:Font Awesome 6 Free}._1961rof3{display:block;width:100%;text-align:left;background-color:transparent;color:var(--_4vfmtjk);border:0 none;cursor:pointer;padding:0;margin-bottom:var(--_4vfmtjx)}._1961rof3>h4{color:#e7ba71}._1961rof4{background-color:var(--_4vfmtj0);font-size:var(--_4vfmtj13);font-weight:700;color:var(--_4vfmtjk);padding:var(--_4vfmtjw);border:0;border-radius:var(--_4vfmtjz)}._1961rof4:hover{background-color:var(--_4vfmtj2)}._1961rof4:active{background-color:var(--_4vfmtj3)}._1961rof4:disabled{background-color:var(--_4vfmtj1);color:var(--_4vfmtjl)}._1d4r83s0{width:300px}.cg4q680{width:480px}._1v2cc580{color:var(--_4vfmtjk);display:flex;justify-content:space-between}._1v2cc580>h1{font-size:var(--_4vfmtj11);font-weight:700;margin-right:var(--_4vfmtjx)}._1v2cc581{margin-left:var(--_4vfmtjy)}._1v2cc582{display:flex;align-items:center;flex-grow:1;justify-content:space-between;max-width:300px;margin-right:var(--_4vfmtjy)}._1how28i0{position:relative;width:100%}._1how28i0>*{margin-bottom:10px}._1how28i1>p{font-size:1.5em;font-weight:700;margin-bottom:10px}._1how28i1>textarea{width:100%;resize:vertical;height:100px}._1p0id590{width:100%;font-size:var(--_4vfmtj12)}._93xnxe0{display:flex;flex-direction:column;width:100%;margin-top:var(--_4vfmtjx)}._93xnxe0 button{margin-bottom:var(--_4vfmtjx)}._1rn4m8a0{display:flex}._1rn4m8a1{margin-bottom:var(--_4vfmtjw);display:block}._1rn4m8a2{display:none}._1rn4m8a4{margin-left:20px}._1rn4m8a5{position:absolute;transform:translate(-50%) translateY(-35%);background:black;color:#fff;border:2pt solid #ccc;padding:0;cursor:pointer;outline:inherit;border-radius:8pt;width:16pt;height:16pt;font-family:Verdana;font-size:8pt}._1uf7s3f0{display:inline-block;padding:6px;background-color:#264d8d;color:#fff;border-radius:5px;margin:5px}._1uf7s3f0.selected{background-color:#830b79}._1uf7s3f0 p{margin:0 0 2px;text-align:center}._1uf7s3f1{display:flex;justify-content:center}._1uf7s3f1 img{width:90px;height:100%;object-fit:cover;object-position:center}._11d5x3d0{padding-left:0;list-style-type:none}._11d5x3d1{margin-top:var(--_4vfmtjx)}.g3uahc0{padding-left:0;list-style-type:none}.g3uahc0 li,.g3uahc1{margin-top:var(--_4vfmtjx)}.g3uahc2{padding-left:0;list-style-type:none;display:flex;flex-wrap:wrap}.g3uahc2 li{margin:0}.fma0ug0{position:relative}.fma0ug0>canvas{position:absolute;top:0;left:0;width:100%;height:100%}.fma0ug0>canvas:first-of-type{opacity:.7}.fma0ug0>img{top:0;left:0}._2yyo4x0{position:relative;width:100%;height:100%;padding:10px}._2yyo4x1{display:flex;flex-direction:row;width:100%;flex-wrap:wrap}._2yyo4x2{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}._2yyo4x2:first-of-type{margin:10px 0}._1jtagr80{display:flex;flex-direction:column;width:400px;height:100%}._1jtagr81{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--_4vfmtjy);margin-top:var(--_4vfmtjx)}._1jtagr81 button{flex-grow:1}._1jtagr81 button:first-child{margin-right:var(--_4vfmtjx)}.jcfuo90{font-size:var(--_4vfmtj12)}._133914l0{display:flex;flex-direction:column;width:100%;padding:var(--_4vfmtjw);border-radius:var(--_4vfmtjz);margin-bottom:var(--_4vfmtjx);box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._133914l1 p{margin-bottom:var(--_4vfmtjw)}._133914l0.processing{background-color:var(--_4vfmtjr)}._133914l0.pending{background-color:var(--_4vfmtji)}._133914l0.paused{background-color:var(--_4vfmtjg)}._133914l0.complete{background-color:var(--_4vfmtjt)}._133914l0.error{background-color:var(--_4vfmtjs)}._133914l2{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.jx6k9z0{position:relative;width:100%;height:100%;padding:0 10px;overflow-y:auto;overflow-x:hidden}.jx6k9z1{position:absolute;top:10px;left:400px;z-index:1;background-color:#00000080}.jx6k9z2{position:absolute;top:10px;left:400px;z-index:1;max-height:90%;overflow-y:auto}._1iqbo9r0{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:0}._1yvg52n0{position:relative}._1yvg52n0 img{width:100%;height:100%;object-fit:contain}.kiqcbi0{height:100%;width:100%;display:flex;flex-direction:column}.kiqcbi1{height:100%;width:80%;display:flex;justify-content:center}.kiqcbi2{width:100%;max-width:1000px;position:relative}.kiqcbi3{display:flex;flex-direction:column}.kiqcbi3>div{margin-bottom:var(--_4vfmtjx)}.kiqcbi3 p{margin-bottom:var(--_4vfmtjw)}.kiqcbi3 button{margin-right:var(--_4vfmtjx)}.fsj92y0{height:100%;width:100%;display:flex;padding-bottom:var(--_4vfmtjx)}.fsj92y1{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;width:100%;overflow:auto;padding-left:var(--_4vfmtju)}.fsj92y0 li{position:relative}.fsj92y0>li:first-of-type{margin-left:var(--_4vfmtjx)}.fsj92y0>li:last-of-type{margin-right:0}.fsj92y2{width:206px;background-color:#000;display:flex;justify-content:center;align-items:center;flex-shrink:0;border:0 none;padding:0;margin-left:var(--_4vfmtjx);cursor:pointer}.fsj92y2 img{width:100%;object-fit:contain}.fsj92y3{margin-left:var(--_4vfmtjw);background-color:var(--_4vfmtj0);border:0 none;padding:var(--_4vfmtjw);cursor:pointer;border-radius:var(--_4vfmtjz)}._688lcr0{height:100%;display:flex;flex-direction:column;padding-right:var(--_4vfmtjx)}._688lcr1{flex-grow:1;overflow:auto}._688lcr2{min-height:250px}._97t2g70{color:var(--_4vfmtjk);font-size:var(--_4vfmtj17);display:inline-block;padding:var(--_4vfmtjw);box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._97t2g71{height:23px;transform:translateY(25%)}._97t2g70 a{color:var(--_4vfmtjq);text-decoration:none}._97t2g70 a:hover{text-decoration:underline}._97t2g70 a:visited,._97t2g70 a:active{color:var(--_4vfmtjq)}._97t2g70 a:focus{color:var(--_4vfmtjq)}._97t2g70 p{margin:var(--_4vfmtjv)}body{margin:0;min-width:320px;min-height:100vh}#root{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}*{box-sizing:border-box}button{font-size:var(--_4vfmtj15)}.visually-hidden{visibility:hidden;position:absolute}h1,h2,h3,h4,h5,h6,p,label,ul,textarea{margin:0;padding:0;font-family:var(--_4vfmtj10)}h3{font-size:var(--_4vfmtj13);margin-bottom:var(--_4vfmtjw)}h4,h5{font-size:var(--_4vfmtj14);margin-bottom:var(--_4vfmtjx)}p,label{font-size:var(--_4vfmtj15)}textarea{padding:0;border:none;font-size:var(--_4vfmtj15);font-weight:700}a{color:var(--_4vfmtjq);text-decoration:none}