forked from extern/easydiffusion
2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
:root{--_4vfmtj0: 0;--_4vfmtj1: 2px;--_4vfmtj2: 5px;--_4vfmtj3: 10px;--_4vfmtj4: 25px;--_4vfmtj5: 5px;--_4vfmtj6: Arial, Helvetica, sans-serif;--_4vfmtj7: 2em;--_4vfmtj8: 1.5em;--_4vfmtj9: 1.2em;--_4vfmtja: 1.1em;--_4vfmtjb: 1em;--_4vfmtjc: .8em;--_4vfmtjd: .75em;--_4vfmtje: .5em;--_4vfmtjf: 265;--_4vfmtjg: 205;--_4vfmtjh: 145;--_4vfmtji: 0;--_4vfmtjj: 25;--_4vfmtjk: 85;--_4vfmtjl: 70%;--_4vfmtjm: 100%;--_4vfmtjn: 30%;--_4vfmtjo: 50%;--_4vfmtjp: 60%;--_4vfmtjq: 40%;--_4vfmtjr: hsl(225, 6%, 13%);--_4vfmtjs: hsl(225, 4%, 18%);--_4vfmtjt: hsl(225, 3%, 7%);--_4vfmtju: hsl(225, 6%, 30%);--_4vfmtjv: #ffffff;--_4vfmtjw: #d1d5db;--_4vfmtjx: #ffffff;--_4vfmtjy: #d1d5db;--_4vfmtjz: #e7ba71;--_4vfmtj10: #7d6641;--_4vfmtj11: #0066cc}._1qevocv0{position:relative;width:100%;height:100%;pointer-events:auto;display:grid;background-color:var(--_4vfmtjr);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;display:flex;flex-direction:column;padding:0 var(--_4vfmtj2)}._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:hsl(var(--_4vfmtjj),var(--_4vfmtjl),var(--_4vfmtjo))}._1jo75h1{color:hsl(var(--_4vfmtji),var(--_4vfmtjl),var(--_4vfmtjo))}._1jo75h2{color:hsl(var(--_4vfmtjk),var(--_4vfmtjl),var(--_4vfmtjo))}._1m2mgvr0{position:relative}._1m2mgvr1{background-color:transparent;border:0 none;cursor:pointer;padding:var(--_4vfmtj0);font-size:var(--_4vfmtj9)}._1m2mgvr1>i{margin-right:var(--_4vfmtj2)}._1m2mgvr2{position:absolute;top:100%;right:0;z-index:1;background:var(--_4vfmtjr);color:var(--_4vfmtjv);padding:var(--_4vfmtj3);border-radius:var(--_4vfmtj5);margin-bottom:var(--_4vfmtj3)}._1961rof0{background:var(--_4vfmtjs);color:var(--_4vfmtjv);padding:var(--_4vfmtj3);border-radius:var(--_4vfmtj5);margin-bottom:var(--_4vfmtj3);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(--_4vfmtjv);border:0 none;cursor:pointer;padding:0}._1961rof1{margin-bottom:var(--_4vfmtj3)}._1961rof1:last-of-type{margin-bottom:var(--_4vfmtj0)}._1961rof2{font-family:Font Awesome 6 Free}._1961rof3{display:block;width:100%;text-align:left;background-color:transparent;color:var(--_4vfmtjv);border:0 none;cursor:pointer;padding:0;margin-bottom:var(--_4vfmtj3)}._1961rof3>h4{color:#e7ba71}._1d4r83s0{width:300px}.cg4q680{width:480px}._1v2cc580{color:var(--_4vfmtjv);display:flex;justify-content:space-between}._1v2cc580>h1{font-size:var(--_4vfmtj7);font-weight:700;margin-right:var(--_4vfmtj3)}._1v2cc581{margin-left:var(--_4vfmtj4)}._1v2cc582{display:flex;align-items:center;flex-grow:1;justify-content:space-between;max-width:300px;margin-right:var(--_4vfmtj4)}._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(--_4vfmtj3)}.kiqcbi3 p{margin-bottom:var(--_4vfmtj2)}.kiqcbi3 button{margin-right:var(--_4vfmtj3)}._1wzejc90{font-size:var(--_4vfmtj9);font-weight:700;color:var(--_4vfmtjv);padding:var(--_4vfmtj2);border:0;border-radius:var(--_4vfmtj5)}._1wzejc91{--primary-button-hue: var(--_4vfmtjf);background-color:hsl(var(--primary-button-hue),var(--_4vfmtjl),var(--_4vfmtjo))}._1wzejc91:hover{background-color:hsl(var(--primary-button-hue),var(--_4vfmtjm),var(--_4vfmtjo))}._1wzejc91:active{background-color:hsl(var(--primary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc91:focus{background-color:hsl(var(--primary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc91:disabled{background-color:hsl(var(--primary-button-hue),var(--_4vfmtjn),var(--_4vfmtjq))}._1wzejc92{--secondary-button-hue: var(--_4vfmtjg);background-color:hsl(var(--secondary-button-hue),var(--_4vfmtjl),var(--_4vfmtjo))}._1wzejc92:hover{background-color:hsl(var(--secondary-button-hue),var(--_4vfmtjm),var(--_4vfmtjo))}._1wzejc92:active{background-color:hsl(var(--secondary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc92:focus{background-color:hsl(var(--secondary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc92:disabled{background-color:hsl(var(--secondary-button-hue),var(--_4vfmtjn),var(--_4vfmtjq))}._1wzejc93{--tertiary-button-hue: var(--_4vfmtjh);background-color:hsl(var(--tertiary-button-hue),var(--_4vfmtjl),var(--_4vfmtjo))}._1wzejc93:hover{background-color:hsl(var(--tertiary-button-hue),var(--_4vfmtjm),var(--_4vfmtjo))}._1wzejc93:active{background-color:hsl(var(--tertiary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc93:focus{background-color:hsl(var(--tertiary-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc93:disabled{background-color:hsl(var(--tertiary-button-hue),var(--_4vfmtjn),var(--_4vfmtjq))}._1wzejc94{--cancel-button-hue: var(--_4vfmtji);background-color:hsl(var(--cancel-button-hue),var(--_4vfmtjl),var(--_4vfmtjo))}._1wzejc94:hover{background-color:hsl(var(--cancel-button-hue),var(--_4vfmtjm),var(--_4vfmtjo))}._1wzejc94:active{background-color:hsl(var(--cancel-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc94:focus{background-color:hsl(var(--cancel-button-hue),var(--_4vfmtjm),var(--_4vfmtjq))}._1wzejc94:disabled{background-color:hsl(var(--cancel-button-hue),var(--_4vfmtjn),var(--_4vfmtjq))}._1wzejc95{background-color:transparent}._1wzejc96{width:100%;font-size:var(--_4vfmtj8)}.fsj92y0{height:100%;width:100%;display:flex;padding-bottom:var(--_4vfmtj3)}.fsj92y1{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;width:100%;overflow:auto;padding-left:var(--_4vfmtj0)}.fsj92y0 li{position:relative}.fsj92y0>li:first-of-type{margin-left:var(--_4vfmtj3)}.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(--_4vfmtj3);cursor:pointer}.fsj92y2 img{width:100%;object-fit:contain}._688lcr0{height:100%;display:flex;flex-direction:column;padding-right:var(--_4vfmtj3)}._688lcr1{flex-grow:1;overflow:auto}._688lcr2{min-height:250px}._97t2g70{color:var(--_4vfmtjv);font-size:var(--_4vfmtjd);display:inline-block;padding:var(--_4vfmtj2);box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._97t2g71{height:23px;transform:translateY(25%)}._97t2g70 a{color:var(--_4vfmtj11);text-decoration:none}._97t2g70 a:hover{text-decoration:underline}._97t2g70 a:visited,._97t2g70 a:active{color:var(--_4vfmtj11)}._97t2g70 a:focus{color:var(--_4vfmtj11)}._97t2g70 p{margin:var(--_4vfmtj1)}._1g1xsdd0{color:var(--_4vfmtjv);padding:var(--_4vfmtj3)}._1g1xsdd1{background:var(--_4vfmtjr)}._1g1xsdd2{background:var(--_4vfmtjs)}._1g1xsdd3{background:var(--_4vfmtjt)}._1g1xsdd4{border-radius:var(--_4vfmtj5)}._1g1xsdd5,._1g1xsdd6,._1g1xsdd7{box-shadow:0 4px 8px #00000026,0 6px 20px #00000026}._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}._93xnxe0{display:flex;flex-direction:column;width:100%;margin-top:var(--_4vfmtj3)}._93xnxe0 button{margin-bottom:var(--_4vfmtj3)}._1rn4m8a0{display:flex}._1rn4m8a1{margin-bottom:var(--_4vfmtj2);display:block}._1rn4m8a2{display:none}._1rn4m8a3{margin-left:20px}._1rn4m8a4{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(--_4vfmtj3)}.g3uahc0{padding-left:0;list-style-type:none}.g3uahc0 li,.g3uahc1{margin-top:var(--_4vfmtj3)}.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}.jx6k9z0{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.jx6k9z0>div{margin-bottom:var(--_4vfmtj3)}.jx6k9z1{position:absolute;top:10px;left:400px;z-index:1;background-color:#00000080}._1jtagr80{display:flex;flex-direction:column;width:100%;height:100%}._1jtagr81{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--_4vfmtj4);margin-top:var(--_4vfmtj3)}._1jtagr81 button{flex-grow:1}._1jtagr81 button:first-child{margin-right:var(--_4vfmtj3)}._133914l0{display:flex;flex-direction:column;width:100%;margin-bottom:var(--_4vfmtj3)}._133914l1 p{margin-bottom:var(--_4vfmtj2)}._133914l0.complete{background-color:hsl(var(--_4vfmtjh),var(--_4vfmtjl),var(--_4vfmtjo))}._133914l0.processing{background-color:hsl(var(--_4vfmtjg),var(--_4vfmtjm),var(--_4vfmtjp))}._133914l0.pending{background-color:hsl(var(--_4vfmtjg),var(--_4vfmtjn),var(--_4vfmtjo))}._133914l0.paused{background-color:hsl(var(--_4vfmtjg),var(--_4vfmtjn),var(--_4vfmtjq))}._133914l0.error{background-color:hsl(var(--_4vfmtji),var(--_4vfmtjl),var(--_4vfmtjo))}._133914l2{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ejmsqv0{background:var(--_4vfmtjr);color:var(--_4vfmtjv);padding:var(--_4vfmtj2);border-radius:var(--_4vfmtj5) var(--_4vfmtj5) 0 0;border:1px solid var(--_4vfmtjs);border-bottom:none;margin-left:var(--_4vfmtj2);box-shadow:0 -1px 4px -2px var(--_4vfmtju) inset}.ejmsqv1{background:var(--_4vfmtjs);color:var(--_4vfmtjv);box-shadow:0 -1px 4px -2px var(--_4vfmtjt) inset}.ejmsqv2{color:var(--_4vfmtjv);border-radius:0 0 var(--_4vfmtj5) var(--_4vfmtj5);background:var(--_4vfmtjs);padding:var(--_4vfmtj3);flex-grow:1;overflow:auto}.ejmsqv2::-webkit-scrollbar{width:0}.ejmsqv3{background:var(--_4vfmtjr)}.ejmsqv4{background:var(--_4vfmtjs)}.ejmsqv5{background: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(--_4vfmtjb)}.visually-hidden{visibility:hidden;position:absolute}h1,h2,h3,h4,h5,h6,p,label,ul,textarea{margin:0;padding:0;font-family:var(--_4vfmtj6)}h3{font-size:var(--_4vfmtj9)}h4,h5{font-size:var(--_4vfmtja)}h6,p,label{font-size:var(--_4vfmtjb)}textarea{padding:0;border:none;font-size:var(--_4vfmtjb);font-weight:700}a{color:var(--_4vfmtj11);text-decoration:none}
|