easydiffusion/ui/frontend/dist/index.css

:root{--_4vfmtjs: 0;--_4vfmtjt: 2px;--_4vfmtju: 5px;--_4vfmtjv: 10px;--_4vfmtjw: 25px;--_4vfmtjx: 5px;--_4vfmtjy: Arial, Helvetica, sans-serif;--_4vfmtjz: 2em;--_4vfmtj10: 1.5em;--_4vfmtj11: 1.2em;--_4vfmtj12: 1.1em;--_4vfmtj13: 1em;--_4vfmtj14: .8em;--_4vfmtj15: .75em;--_4vfmtj16: .5em;--_4vfmtj17: var(--_4vfmtj0);--_4vfmtj18: var(--_4vfmtj1);--_4vfmtj19: var(--_4vfmtj2);--_4vfmtj1a: var(--_4vfmtj3);--_4vfmtj1b: var(--_4vfmtj4);--_4vfmtj1c: var(--_4vfmtj5);--_4vfmtj1d: var(--_4vfmtj6);--_4vfmtj1e: var(--_4vfmtj7);--_4vfmtj1f: var(--_4vfmtj8);--_4vfmtj1g: var(--_4vfmtj9);--_4vfmtj1h: var(--_4vfmtja);--_4vfmtj1i: var(--_4vfmtjb);--_4vfmtj1j: var(--_4vfmtjc);--_4vfmtj1k: var(--_4vfmtjd);--_4vfmtj1l: var(--_4vfmtje);--_4vfmtj1m: var(--_4vfmtjf);--_4vfmtj1n: var(--_4vfmtjg);--_4vfmtj1o: var(--_4vfmtjh);--_4vfmtj1p: var(--_4vfmtji);--_4vfmtj1q: var(--_4vfmtjj);--_4vfmtj1r: var(--_4vfmtjk);--_4vfmtj1s: var(--_4vfmtjl);--_4vfmtj1t: var(--_4vfmtjm);--_4vfmtj1u: var(--_4vfmtjn);--_4vfmtj1v: var(--_4vfmtjo);--_4vfmtj1w: var(--_4vfmtjp);--_4vfmtj1x: var(--_4vfmtjq);--_4vfmtj1y: var(--_4vfmtjr)}._4vfmtj1z{--_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: #ffffff;--_4vfmtjj: #d1d5db;--_4vfmtjk: #ffffff;--_4vfmtjl: #d1d5db;--_4vfmtjm: #e7ba71;--_4vfmtjn: #7d6641;--_4vfmtjo: #0066cc;--_4vfmtjp: #f0ad4e;--_4vfmtjq: #d9534f;--_4vfmtjr: #5cb85c}._4vfmtj20{--_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: #1F2937;--_4vfmtjj: #6B7280;--_4vfmtjk: #1F2937;--_4vfmtjl: #6B7280;--_4vfmtjm: #1F2937;--_4vfmtjn: #6B7280;--_4vfmtjo: #0066cc;--_4vfmtjp: yellow;--_4vfmtjq: red;--_4vfmtjr: 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(--_4vfmtjp)}._1jo75h1{color:var(--_4vfmtjq)}._1jo75h2{color:var(--_4vfmtjr)}._1v2cc580{color:var(--_4vfmtji);display:flex;align-items:center;justify-content:center}._1v2cc580>h1{font-size:var(--_4vfmtjz);font-weight:700;margin-right:var(--_4vfmtjv)}._1961rof0{background:var(--_4vfmtjg);color:var(--_4vfmtji);padding:var(--_4vfmtjv);border-radius:var(--_4vfmtjx);margin-bottom:var(--_4vfmtjv);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(--_4vfmtji);border:0 none;cursor:pointer;padding:0}._1961rof1{margin-bottom:var(--_4vfmtjv)}._11d5x3d0{padding-left:0;list-style-type:none}._11d5x3d1{margin-top:var(--_4vfmtjv)}._11d5x3d2{display:block;width:100%;text-align:left;background-color:transparent;color:var(--_4vfmtji);border:0 none;cursor:pointer;padding:0;margin-bottom:var(--_4vfmtjv)}._11d5x3d2>h4{color:#e7ba71}.g3uahc0{padding-left:0;list-style-type:none}.g3uahc0 li,.g3uahc1{margin-top:var(--_4vfmtjv)}.g3uahc2{display:block;width:100%;text-align:left;background-color:transparent;color:var(--_4vfmtji);border:0 none;cursor:pointer;padding:0;margin-bottom:var(--_4vfmtjv)}.g3uahc2>h4{color:#e7ba71}.g3uahc3{padding-left:0;list-style-type:none;display:flex;flex-wrap:wrap}.g3uahc3 li{margin:0}.f149m50{display:inline-block;padding:6px;background-color:#264d8d;color:#fff;border-radius:5px;margin:5px}.f149m50.selected{background-color:#830b79}.f149m50 p{margin:0 0 2px;text-align:center}.f149m51{display:flex;justify-content:center}.f149m51 img{width:90px;height:100%;object-fit:cover;object-position:center}.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}.create-layout{padding:10px}.selected-tags{margin:10px 0}.selected-tags ul{margin:0;padding:0;display:flex;flex-wrap:wrap}li{list-style:none}.modifier-list{display:flex;flex-wrap:wrap;margin:0;padding:0}input[type=file]{color:transparent}.cjcdm20{position:relative;width:100%;height:100%;padding:0 10px;overflow-y:auto}.cjcdm21{position:absolute;top:10px;left:400px;z-index:1;background-color:#00000080}._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}._1rn4m8a0{display:flex}._1rn4m8a1{margin-bottom:var(--_4vfmtju);display:block}._1rn4m8a2{display:none}._1rn4m8a3{background-color:var(--_4vfmtj0);font-size:var(--_4vfmtj11);font-weight:700;color:var(--_4vfmtji);padding:var(--_4vfmtju);border-radius:var(--_4vfmtjx)}._1rn4m8a3:hover{background-color:var(--_4vfmtj2)}._1rn4m8a3:active{background-color:var(--_4vfmtj3)}._1rn4m8a3:disabled{background-color:var(--_4vfmtj1);color:var(--_4vfmtjj)}._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}._1hnlbmt0{width:100%;background-color:var(--_4vfmtj0);font-size:var(--_4vfmtj10);font-weight:700;color:var(--_4vfmtji);padding:var(--_4vfmtju);border-radius:var(--_4vfmtjx)}._1hnlbmt0:hover{background-color:var(--_4vfmtj2)}._1hnlbmt0:active{background-color:var(--_4vfmtj3)}._1hnlbmt0:disabled{background-color:var(--_4vfmtj1);color:var(--_4vfmtjj)}._1hnlbmt0:focus{outline:none}._1yvg52n0{position:relative}.fsj92y0{height:100%;width:100%;display:flex;padding-bottom:var(--_4vfmtjv)}.fsj92y1{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;width:100%;overflow:auto;padding-left:var(--_4vfmtjs)}.fsj92y0 li{position:relative}.fsj92y0>li:first-of-type{margin-left:var(--_4vfmtjv)}.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(--_4vfmtjv);cursor:pointer}.fsj92y2 img{width:100%;object-fit:contain}.fsj92y3{margin-left:var(--_4vfmtju);background-color:var(--_4vfmtj0);border:0 none;padding:var(--_4vfmtju);cursor:pointer;border-radius:undefined}._688lcr0{height:100%;display:flex;flex-direction:column}._688lcr1{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}._97t2g70{color:var(--_4vfmtji);font-size:var(--_4vfmtj15);display:inline-block;padding:var(--_4vfmtju);box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._97t2g71{height:23px;transform:translateY(25%)}._97t2g70 a{color:var(--_4vfmtjo);text-decoration:none}._97t2g70 a:hover{text-decoration:underline}._97t2g70 a:visited,._97t2g70 a:active{color:var(--_4vfmtjo)}._97t2g70 a:focus{color:var(--_4vfmtjo)}._97t2g70 p{margin:var(--_4vfmtjt)}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(--_4vfmtj13)}p,h1,h2,h3,h4,h5,h6,ul{margin:0}h3{font-size:var(--_4vfmtj11);font-family:var(--_4vfmtjy)}h4,h5{font-size:var(--_4vfmtj12);font-family:var(--_4vfmtjy)}p,label{font-size:var(--_4vfmtj13);font-family:var(--_4vfmtjy)}textarea{margin:0;padding:0;border:none;font-size:var(--_4vfmtj13);font-weight:700;font-family:var(--_4vfmtjy)}