Upload 47 files

.gitattributes

@@ -32,3 +32,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+picxai.json filter=lfs diff=lfs merge=lfs -text
+sd1-5.json filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -0,0 +1,6 @@
+FROM python:3.9
+WORKDIR /code
+COPY ./requirements.txt /code/requirements.txt
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+COPY . .
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]

accountInfo.json

@@ -0,0 +1,4 @@
+{
+    "csrfTokenCookie": "e2bef3a76e0a2aea928a74ce9bd1fff054d42afe259ca606d8087538379c5c2f%7Cb9b115dc6b0d3ef993727183e3dfe8104c33837fb231033aaad93e737b93b1d5",
+    "sessionTokenCookie": "eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2R0NNIn0..wKCATnAqZgsPF9Op.hmLYTjLEP9DwqcuCANbPMMjOat_5q95AeDtiDFj5Mi27tHPlxoayGRqJAwVDOMmzVQb6bAuV6k5fkZzsMf2ZNufI6VHwjI4ofvXEJJ7n5jAJgpacB4MtkR6qXsEf8S7c8g-GetTfEnZLzCvem-7TycE_YwJ96gj79_EQQLUeFz0iH2W7QBRzv2JhLv8VZCnW5ifbg9FN6YEPcNxbwoyDViBt8wqzirgtCiAzQhHOzBh6CNX2PGWAB1Se5ObmXyyn37gMd5TqqyAjox8nDvo.CINnlzG_g5_qJiZQE5oDJQ"
+}

app.py

@@ -0,0 +1,270 @@
+from flask import Flask, render_template, jsonify, request, send_file
+import requests
+import http.client
+import json
+import time
+import re
+from strgen import StringGenerator as SG
+
+app = Flask(__name__)
+
+
+def encrypt(text):
+    s = int(re.search(r'\d+', text).group()[0])
+    result = ""
+    for i in range(len(text)):
+        char = text[i]
+        if(not char.isnumeric() and char != "-"):
+            if (char.isupper()):
+                result += chr((ord(char) + s - 65) % 26 + 65)
+            else:
+                result += chr((ord(char) + s - 97) % 26 + 97)
+        else:
+            result += char
+    return result
+
+
+def dencrypt(text):
+    s = int(re.search(r'\d+', text).group()[0])
+    result = ""
+    for i in range(len(text)):
+        char = text[i]
+        if(not char.isnumeric() and char != "-"):
+            if (char.isupper()):
+                result += chr((ord(char) - s - 65) % 26 + 65)
+            else:
+                result += chr((ord(char) - s - 97) % 26 + 97)
+        else:
+            result += char
+    return result
+
+
+def NewAccount():
+    # Genrate CSRF
+    conn = http.client.HTTPSConnection("lexica.art")
+    payload = ''
+    conn.request("GET", "/api/auth/csrf", payload)
+    response = conn.getresponse()
+    csrf = json.loads(response.read().decode("utf-8"))["csrfToken"]
+    print("CSRF :", csrf)
+    cookies = response.getheader("Set-Cookie")
+
+    # Genrate Temp Mail
+    tempEmail = json.loads(requests.get(
+        "https://www.1secmail.com/api/v1/?action=genRandomMailbox&count=1").text)[0]
+    login = tempEmail.split("@")[0]
+    domain = tempEmail.split("@")[1]
+    print("Tempmail :", tempEmail)
+
+    # Send Mail From Lexica
+    csrfTokenCookie = str(cookies).split(
+        "__Host-next-auth.csrf-token=")[1].split(";")[0]
+    cookiesText = '__Host-next-auth.csrf-token='+csrfTokenCookie + \
+        '; __Secure-next-auth.callback-url=https%3A%2F%2Flexica.art%2F'
+    payload = 'email='+tempEmail + \
+        '&redirect=false&callbackUrl=https%3A%2F%2Flexica.art%2F&csrfToken='+csrf+'&json=true'
+    headers = {
+        'Content-Type': 'application/x-www-form-urlencoded',
+        'Cookie': cookiesText
+    }
+    conn.request("POST", "/api/auth/signin/email?=null", payload, headers)
+    response = conn.getresponse()
+    if ("provider=email&type=email" in response.read().decode("utf-8")):
+        print("Email Sent :", True)
+
+    # Recieve Mail from Lexica
+    while True:
+        mailData = json.loads(requests.get(
+            "https://www.1secmail.com/api/v1/?action=getMessages&login="+login+"&domain="+domain).text)
+        if(len(mailData) > 0):
+            mailId = mailData[0]["id"]
+            break
+        time.sleep(0.5)
+
+    mailBody = json.loads(requests.get(
+        "https://www.1secmail.com/api/v1/?action=readMessage&login="+login+"&domain="+domain+"&id="+str(mailId)).text)["textBody"]
+    sessionLink = mailBody.split('<a href=\"')[1].split('\">')[0].strip()
+    print(sessionLink)
+
+    # Activate A New Account
+    payload = ''
+    headers = {
+        'Cookie': cookiesText
+    }
+    conn.request("GET", "/"+sessionLink.split("lexica.art/")
+                 [1], payload, headers)
+    res = conn.getresponse()
+    data = res.read()
+    cookies = res.getheader("Set-Cookie")
+    print(data.decode("utf-8"))
+    print(cookies)
+    sessionTokenCookie = str(cookies).split(".session-token=")[1].split(";")[0]
+    return csrfTokenCookie, sessionTokenCookie
+
+
+f = open("accountInfo.json")
+loginData = json.load(f)
+if loginData != {}:
+    csrfTokenCookie = loginData["csrfTokenCookie"]
+    sessionTokenCookie = loginData["sessionTokenCookie"]
+else:
+    csrfTokenCookie, sessionTokenCookie = NewAccount()
+    json_object = json.dumps({"csrfTokenCookie": csrfTokenCookie,
+                             "sessionTokenCookie": sessionTokenCookie}, indent=4)
+    with open("accountInfo.json", "w") as outfile:
+        outfile.write(json_object)
+
+f = open("genAccountInfo.json")
+loginData = json.load(f)
+if loginData != {}:
+    csrfTokenCookieGEN = loginData["csrfTokenCookieGEN"]
+    sessionTokenCookieGEN = loginData["sessionTokenCookieGEN"]
+    visitorId = loginData["visitorId"]
+else:
+    csrfTokenCookieGEN, sessionTokenCookieGEN = NewAccount()
+    visitorId = SG("[\l\d]{20}").render_list(1, unique=True)[0]
+    json_object = json.dumps({"csrfTokenCookieGEN": csrfTokenCookie,
+                             "sessionTokenCookieGEN": sessionTokenCookie, "visitorId": visitorId}, indent=4)
+    with open("genAccountInfo.json", "w") as outfile:
+        outfile.write(json_object)
+
+
+def infiniteScroll(cursor, query, searchMode, model):
+    global csrfTokenCookie
+    conn = http.client.HTTPSConnection("lexica.art")
+    print(query)
+    try:
+        cursor = int(cursor)
+    except:
+        cursor = 0
+    payload = json.dumps({
+        "text": query,
+        "searchMode": searchMode,
+        "source": "search",
+        "cursor": int(cursor),
+        "model": model
+    })
+    headers = {
+        'Content-Type': 'application/json',
+        'Cookie': '__Host-next-auth.csrf-token='+csrfTokenCookie+'; __Secure-next-auth.callback-url=https%3A%2F%2Flexica.art'
+    }
+    conn.request("POST", "/api/infinite-prompts", payload, headers)
+    res = conn.getresponse()
+    data = res.read()
+    return json.loads(data.decode("utf-8"))
+
+
+@app.route('/infinite-prompts', methods=["POST", "GET"])
+def homeImageLoader():
+    if request.method == 'POST':
+        try:
+            cursor = request.form['cursor']
+        except:
+            cursor = 0
+        try:
+            query = request.form['query']
+        except:
+            query = ""
+        searchMode = request.form['searchMode']
+        model = request.form['model']
+        if(model == "picxai-diffuser"):
+            model = "lexica-aperture-v2"
+        if(searchMode == "prompts"):
+            model = "sd-1.5"
+        data = infiniteScroll(cursor, query, searchMode, model)
+        return data
+
+
+@app.route('/prompt/<id>', methods=["GET"])
+def promptDetail(id):
+    f = open('picxai.json', "r", encoding="utf-8")
+    data = json.loads(f.read())
+    flag = 0
+    for i in data["data"]:
+        for j in i["prompts"]:
+            if j["id"] == id:
+                datafinal = j
+                flag = 1
+                break
+    if flag == 0:
+        f = open('sd1-5.json', "r", encoding="utf-8")
+        data = json.loads(f.read())
+        for i in data["data"]:
+            for j in i["prompts"]:
+                if j["id"] == id:
+                    datafinal = j
+                    break
+    return render_template("prompt.html", datafinal=datafinal)
+
+
+@app.route('/diffuser', methods=["POST", "GET"])
+def diffuser():
+    global csrfTokenCookieGEN, sessionTokenCookieGEN, visitorId
+    if request.method == 'POST':
+        try:
+            prompt = request.form['prompt']
+            print(prompt)
+            negativePrompt = request.form['negativePrompt']
+            guidanceScale = request.form['guidanceScale']
+            enableHiresFix = str(request.form['enableHiresFix'])
+            width = request.form['width']
+            height = request.form['height']
+            payload = json.dumps({
+                "prompt": prompt,
+                "negativePrompt": negativePrompt,
+                "guidanceScale": int(guidanceScale),
+                "width": int(width),
+                "height": int(height),
+                "enableHiresFix": enableHiresFix,
+                "model": "lexica-aperture-v2",
+                "numImagesGenerated": 0,
+                "id": visitorId
+            })
+            headers = {
+                'authority': 'z.lexica.art',
+                'accept': 'application/json, text/plain, */*',
+                'content-type': 'application/json',
+                'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36',
+                'Cookie': '__Secure-next-auth.session-token='+sessionTokenCookieGEN+'; __Host-next-auth.csrf-token='+csrfTokenCookieGEN+';'
+            }
+            conn = http.client.HTTPSConnection("z.lexica.art")
+            conn.request("POST", "/api/generator", payload, headers)
+            res = conn.getresponse()
+            data = res.read()
+            if "needsMembership" in data.decode("utf-8"):
+                csrfTokenCookieGEN, sessionTokenCookieGEN = NewAccount()
+                visitorId = SG("[\l\d]{20}").render_list(1, unique=True)[0]
+                json_object = json.dumps({"csrfTokenCookieGEN": csrfTokenCookieGEN,
+                                         "sessionTokenCookieGEN": sessionTokenCookieGEN, "visitorId": visitorId}, indent=4)
+                with open("genAccountInfo.json", "w") as outfile:
+                    outfile.write(json_object)
+                data = {"error": "Please try Again"}
+                return jsonify(data)
+            try:
+                images = json.loads(data.decode("utf-8"))["images"]
+                with open("images.txt", "a", encoding="utf-8") as file1:
+                    for img in images:
+                        file1.write(str(img["url"]+"\n"))
+                    file1.close()
+            except:
+                pass
+            return jsonify(data.decode("utf-8"))
+        except Exception as e:
+            return jsonify({"error": str(e)})
+    else:
+        return render_template("generate.html")
+
+
+@app.route('/image/<size>/<id>', methods=["GET"])
+def imageAPI(size, id):
+    print(size, id)
+    return send_file(filename, mimetype='image/jpg')
+
+
+@app.route('/', methods=["GET"])
+def home():
+    return render_template("index.html")
+
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port='8080')

genAccountInfo.json

@@ -0,0 +1,5 @@
+{
+    "csrfTokenCookieGEN": "a79e4df256ce2ac17df983319546c55b0f1878666a45b3fda8aa658ec1564693%7Ce82622adbfce486ec12f63695839c4cca63225fcda5e0a3a07ab0f81a3668bb0",
+    "sessionTokenCookieGEN": "eyJhbGciOiJkaXIiLCJlbmMiOiJBMjU2R0NNIn0..GQC7dqiP6HKArdr7.Q6Bhl-WUj__gqTt7OXgOl4q-EDiTvWIb41JAX8Q-n1IHpwMgedVFNS9egnbcvrMsVkTYwjXfRPS1UWiPF5j1EQ13xt3pzhBk_to4QdwNEGjGl8N8qN0cO762-UKWI-sjKxWU6wqzFKKMORITAZ6EwBV0U6WNzSsAyMifZARNe0Gsu2-Avcl4HAtKpFtY2VKH8ago2AqEkH6FDY8RTiPGcL8SvI5us4WAF39KYhWtWoRZ_t8BgAOekaVAjC_Jj1bzvScCYiX5Reiqelk.7oEAwPx9WPO7oJPlzoIkVA",
+    "visitorId": "4VI5xx7KaGeGhJutwKte"
+}

picxai.json

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3903394fe32a6143b852696f63342938e3af58db7b1e703d233d4eb334576439
+size 18985018

requirements.txt

@@ -0,0 +1,4 @@
+Flask==2.2.2
+StringGenerator==0.4.4
+requests==2.28.2
+python-http-client==3.3.7

sd1-5.json

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2185172eea112c5ef5d9a378a4af5ae3f0a928f87a280e812d89a438b9a7dd50
+size 41872186

static/demo.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <div style="height: 64px;width: 128px;overflow: hidden;">
+        <img src="./heart-animation.png" height="64" id="heart"  alt="">
+    </div>
+    <script>
+        let frame = 0;setInterval(()=>{document.getElementById("heart").style.transform = "translateX(-"+frame*64+"px)" ;if(frame == 30){frame = 0}frame += 1},20)
+    </script>
+</body>
+</html>

static/flowbite.js

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("Flowbite",[],e):"object"==typeof exports?exports.Flowbite=e():t.Flowbite=e()}(self,(function(){return function(){"use strict";var t={647:function(t,e,i){i.r(e)},853:function(t,e,i){i.r(e),i.d(e,{afterMain:function(){return E},afterRead:function(){return b},afterWrite:function(){return O},applyStyles:function(){return S},arrow:function(){return Z},auto:function(){return a},basePlacements:function(){return c},beforeMain:function(){return _},beforeRead:function(){return m},beforeWrite:function(){return x},bottom:function(){return o},clippingParents:function(){return u},computeStyles:function(){return it},createPopper:function(){return St},createPopperBase:function(){return Ct},createPopperLite:function(){return Dt},detectOverflow:function(){return yt},end:function(){return d},eventListeners:function(){return ot},flip:function(){return bt},hide:function(){return Et},left:function(){return s},main:function(){return w},modifierPhases:function(){return L},offset:function(){return xt},placements:function(){return v},popper:function(){return f},popperGenerator:function(){return Tt},popperOffsets:function(){return At},preventOverflow:function(){return Ot},read:function(){return y},reference:function(){return h},right:function(){return r},start:function(){return l},top:function(){return n},variationPlacements:function(){return g},viewport:function(){return p},write:function(){return A}});var n="top",o="bottom",r="right",s="left",a="auto",c=[n,o,r,s],l="start",d="end",u="clippingParents",p="viewport",f="popper",h="reference",g=c.reduce((function(t,e){return t.concat([e+"-"+l,e+"-"+d])}),[]),v=[].concat(c,[a]).reduce((function(t,e){return t.concat([e,e+"-"+l,e+"-"+d])}),[]),m="beforeRead",y="read",b="afterRead",_="beforeMain",w="main",E="afterMain",x="beforeWrite",A="write",O="afterWrite",L=[m,y,b,_,w,E,x,A,O];function k(t){return t?(t.nodeName||"").toLowerCase():null}function j(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function P(t){return t instanceof j(t).Element||t instanceof Element}function T(t){return t instanceof j(t).HTMLElement||t instanceof HTMLElement}function C(t){return"undefined"!=typeof ShadowRoot&&(t instanceof j(t).ShadowRoot||t instanceof ShadowRoot)}var S={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},o=e.elements[t];T(o)&&k(o)&&(Object.assign(o.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});T(n)&&k(n)&&(Object.assign(n.style,r),Object.keys(o).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]};function D(t){return t.split("-")[0]}var I=Math.max,M=Math.min,q=Math.round;function H(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function B(){return!/^((?!chrome|android).)*safari/i.test(H())}function W(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),o=1,r=1;e&&T(t)&&(o=t.offsetWidth>0&&q(n.width)/t.offsetWidth||1,r=t.offsetHeight>0&&q(n.height)/t.offsetHeight||1);var s=(P(t)?j(t):window).visualViewport,a=!B()&&i,c=(n.left+(a&&s?s.offsetLeft:0))/o,l=(n.top+(a&&s?s.offsetTop:0))/r,d=n.width/o,u=n.height/r;return{width:d,height:u,top:l,right:c+d,bottom:l+u,left:c,x:c,y:l}}function z(t){var e=W(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function V(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&C(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function R(t){return j(t).getComputedStyle(t)}function F(t){return["table","td","th"].indexOf(k(t))>=0}function N(t){return((P(t)?t.ownerDocument:t.document)||window.document).documentElement}function U(t){return"html"===k(t)?t:t.assignedSlot||t.parentNode||(C(t)?t.host:null)||N(t)}function X(t){return T(t)&&"fixed"!==R(t).position?t.offsetParent:null}function Y(t){for(var e=j(t),i=X(t);i&&F(i)&&"static"===R(i).position;)i=X(i);return i&&("html"===k(i)||"body"===k(i)&&"static"===R(i).position)?e:i||function(t){var e=/firefox/i.test(H());if(/Trident/i.test(H())&&T(t)&&"fixed"===R(t).position)return null;var i=U(t);for(C(i)&&(i=i.host);T(i)&&["html","body"].indexOf(k(i))<0;){var n=R(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function G(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function J(t,e,i){return I(t,M(e,i))}function K(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Q(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}var Z={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,a=t.name,l=t.options,d=i.elements.arrow,u=i.modifiersData.popperOffsets,p=D(i.placement),f=G(p),h=[s,r].indexOf(p)>=0?"height":"width";if(d&&u){var g=function(t,e){return K("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Q(t,c))}(l.padding,i),v=z(d),m="y"===f?n:s,y="y"===f?o:r,b=i.rects.reference[h]+i.rects.reference[f]-u[f]-i.rects.popper[h],_=u[f]-i.rects.reference[f],w=Y(d),E=w?"y"===f?w.clientHeight||0:w.clientWidth||0:0,x=b/2-_/2,A=g[m],O=E-v[h]-g[y],L=E/2-v[h]/2+x,k=J(A,L,O),j=f;i.modifiersData[a]=((e={})[j]=k,e.centerOffset=k-L,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&V(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function $(t){return t.split("-")[1]}var tt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function et(t){var e,i=t.popper,a=t.popperRect,c=t.placement,l=t.variation,u=t.offsets,p=t.position,f=t.gpuAcceleration,h=t.adaptive,g=t.roundOffsets,v=t.isFixed,m=u.x,y=void 0===m?0:m,b=u.y,_=void 0===b?0:b,w="function"==typeof g?g({x:y,y:_}):{x:y,y:_};y=w.x,_=w.y;var E=u.hasOwnProperty("x"),x=u.hasOwnProperty("y"),A=s,O=n,L=window;if(h){var k=Y(i),P="clientHeight",T="clientWidth";if(k===j(i)&&"static"!==R(k=N(i)).position&&"absolute"===p&&(P="scrollHeight",T="scrollWidth"),c===n||(c===s||c===r)&&l===d)O=o,_-=(v&&k===L&&L.visualViewport?L.visualViewport.height:k[P])-a.height,_*=f?1:-1;if(c===s||(c===n||c===o)&&l===d)A=r,y-=(v&&k===L&&L.visualViewport?L.visualViewport.width:k[T])-a.width,y*=f?1:-1}var C,S=Object.assign({position:p},h&&tt),D=!0===g?function(t){var e=t.x,i=t.y,n=window.devicePixelRatio||1;return{x:q(e*n)/n||0,y:q(i*n)/n||0}}({x:y,y:_}):{x:y,y:_};return y=D.x,_=D.y,f?Object.assign({},S,((C={})[O]=x?"0":"",C[A]=E?"0":"",C.transform=(L.devicePixelRatio||1)<=1?"translate("+y+"px, "+_+"px)":"translate3d("+y+"px, "+_+"px, 0)",C)):Object.assign({},S,((e={})[O]=x?_+"px":"",e[A]=E?y+"px":"",e.transform="",e))}var it={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,o=void 0===n||n,r=i.adaptive,s=void 0===r||r,a=i.roundOffsets,c=void 0===a||a,l={placement:D(e.placement),variation:$(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,et(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,et(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},nt={passive:!0};var ot={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,o=n.scroll,r=void 0===o||o,s=n.resize,a=void 0===s||s,c=j(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&l.forEach((function(t){t.addEventListener("scroll",i.update,nt)})),a&&c.addEventListener("resize",i.update,nt),function(){r&&l.forEach((function(t){t.removeEventListener("scroll",i.update,nt)})),a&&c.removeEventListener("resize",i.update,nt)}},data:{}},rt={left:"right",right:"left",bottom:"top",top:"bottom"};function st(t){return t.replace(/left|right|bottom|top/g,(function(t){return rt[t]}))}var at={start:"end",end:"start"};function ct(t){return t.replace(/start|end/g,(function(t){return at[t]}))}function lt(t){var e=j(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(t){return W(N(t)).left+lt(t).scrollLeft}function ut(t){var e=R(t),i=e.overflow,n=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+o+n)}function pt(t){return["html","body","#document"].indexOf(k(t))>=0?t.ownerDocument.body:T(t)&&ut(t)?t:pt(U(t))}function ft(t,e){var i;void 0===e&&(e=[]);var n=pt(t),o=n===(null==(i=t.ownerDocument)?void 0:i.body),r=j(n),s=o?[r].concat(r.visualViewport||[],ut(n)?n:[]):n,a=e.concat(s);return o?a:a.concat(ft(U(s)))}function ht(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function gt(t,e,i){return e===p?ht(function(t,e){var i=j(t),n=N(t),o=i.visualViewport,r=n.clientWidth,s=n.clientHeight,a=0,c=0;if(o){r=o.width,s=o.height;var l=B();(l||!l&&"fixed"===e)&&(a=o.offsetLeft,c=o.offsetTop)}return{width:r,height:s,x:a+dt(t),y:c}}(t,i)):P(e)?function(t,e){var i=W(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):ht(function(t){var e,i=N(t),n=lt(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=I(i.scrollWidth,i.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=I(i.scrollHeight,i.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-n.scrollLeft+dt(t),c=-n.scrollTop;return"rtl"===R(o||i).direction&&(a+=I(i.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:c}}(N(t)))}function vt(t,e,i,n){var o="clippingParents"===e?function(t){var e=ft(U(t)),i=["absolute","fixed"].indexOf(R(t).position)>=0&&T(t)?Y(t):t;return P(i)?e.filter((function(t){return P(t)&&V(t,i)&&"body"!==k(t)})):[]}(t):[].concat(e),r=[].concat(o,[i]),s=r[0],a=r.reduce((function(e,i){var o=gt(t,i,n);return e.top=I(o.top,e.top),e.right=M(o.right,e.right),e.bottom=M(o.bottom,e.bottom),e.left=I(o.left,e.left),e}),gt(t,s,n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e,i=t.reference,a=t.element,c=t.placement,u=c?D(c):null,p=c?$(c):null,f=i.x+i.width/2-a.width/2,h=i.y+i.height/2-a.height/2;switch(u){case n:e={x:f,y:i.y-a.height};break;case o:e={x:f,y:i.y+i.height};break;case r:e={x:i.x+i.width,y:h};break;case s:e={x:i.x-a.width,y:h};break;default:e={x:i.x,y:i.y}}var g=u?G(u):null;if(null!=g){var v="y"===g?"height":"width";switch(p){case l:e[g]=e[g]-(i[v]/2-a[v]/2);break;case d:e[g]=e[g]+(i[v]/2-a[v]/2)}}return e}function yt(t,e){void 0===e&&(e={});var i=e,s=i.placement,a=void 0===s?t.placement:s,l=i.strategy,d=void 0===l?t.strategy:l,g=i.boundary,v=void 0===g?u:g,m=i.rootBoundary,y=void 0===m?p:m,b=i.elementContext,_=void 0===b?f:b,w=i.altBoundary,E=void 0!==w&&w,x=i.padding,A=void 0===x?0:x,O=K("number"!=typeof A?A:Q(A,c)),L=_===f?h:f,k=t.rects.popper,j=t.elements[E?L:_],T=vt(P(j)?j:j.contextElement||N(t.elements.popper),v,y,d),C=W(t.elements.reference),S=mt({reference:C,element:k,strategy:"absolute",placement:a}),D=ht(Object.assign({},k,S)),I=_===f?D:C,M={top:T.top-I.top+O.top,bottom:I.bottom-T.bottom+O.bottom,left:T.left-I.left+O.left,right:I.right-T.right+O.right},q=t.modifiersData.offset;if(_===f&&q){var H=q[a];Object.keys(M).forEach((function(t){var e=[r,o].indexOf(t)>=0?1:-1,i=[n,o].indexOf(t)>=0?"y":"x";M[t]+=H[i]*e}))}return M}var bt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,d=t.name;if(!e.modifiersData[d]._skip){for(var u=i.mainAxis,p=void 0===u||u,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,y=i.padding,b=i.boundary,_=i.rootBoundary,w=i.altBoundary,E=i.flipVariations,x=void 0===E||E,A=i.allowedAutoPlacements,O=e.options.placement,L=D(O),k=m||(L===O||!x?[st(O)]:function(t){if(D(t)===a)return[];var e=st(t);return[ct(t),e,ct(e)]}(O)),j=[O].concat(k).reduce((function(t,i){return t.concat(D(i)===a?function(t,e){void 0===e&&(e={});var i=e,n=i.placement,o=i.boundary,r=i.rootBoundary,s=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,d=void 0===l?v:l,u=$(n),p=u?a?g:g.filter((function(t){return $(t)===u})):c,f=p.filter((function(t){return d.indexOf(t)>=0}));0===f.length&&(f=p);var h=f.reduce((function(e,i){return e[i]=yt(t,{placement:i,boundary:o,rootBoundary:r,padding:s})[D(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}(e,{placement:i,boundary:b,rootBoundary:_,padding:y,flipVariations:x,allowedAutoPlacements:A}):i)}),[]),P=e.rects.reference,T=e.rects.popper,C=new Map,S=!0,I=j[0],M=0;M<j.length;M++){var q=j[M],H=D(q),B=$(q)===l,W=[n,o].indexOf(H)>=0,z=W?"width":"height",V=yt(e,{placement:q,boundary:b,rootBoundary:_,altBoundary:w,padding:y}),R=W?B?r:s:B?o:n;P[z]>T[z]&&(R=st(R));var F=st(R),N=[];if(p&&N.push(V[H]<=0),h&&N.push(V[R]<=0,V[F]<=0),N.every((function(t){return t}))){I=q,S=!1;break}C.set(q,N)}if(S)for(var U=function(t){var e=j.find((function(e){var i=C.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return I=e,"break"},X=x?3:1;X>0;X--){if("break"===U(X))break}e.placement!==I&&(e.modifiersData[d]._skip=!0,e.placement=I,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function _t(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function wt(t){return[n,r,o,s].some((function(e){return t[e]>=0}))}var Et={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=yt(e,{elementContext:"reference"}),a=yt(e,{altBoundary:!0}),c=_t(s,n),l=_t(a,o,r),d=wt(c),u=wt(l);e.modifiersData[i]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:d,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":u})}};var xt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.options,o=t.name,a=i.offset,c=void 0===a?[0,0]:a,l=v.reduce((function(t,i){return t[i]=function(t,e,i){var o=D(t),a=[s,n].indexOf(o)>=0?-1:1,c="function"==typeof i?i(Object.assign({},e,{placement:t})):i,l=c[0],d=c[1];return l=l||0,d=(d||0)*a,[s,r].indexOf(o)>=0?{x:d,y:l}:{x:l,y:d}}(i,e.rects,c),t}),{}),d=l[e.placement],u=d.x,p=d.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=u,e.modifiersData.popperOffsets.y+=p),e.modifiersData[o]=l}};var At={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,i=t.name;e.modifiersData[i]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}};var Ot={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,a=t.name,c=i.mainAxis,d=void 0===c||c,u=i.altAxis,p=void 0!==u&&u,f=i.boundary,h=i.rootBoundary,g=i.altBoundary,v=i.padding,m=i.tether,y=void 0===m||m,b=i.tetherOffset,_=void 0===b?0:b,w=yt(e,{boundary:f,rootBoundary:h,padding:v,altBoundary:g}),E=D(e.placement),x=$(e.placement),A=!x,O=G(E),L="x"===O?"y":"x",k=e.modifiersData.popperOffsets,j=e.rects.reference,P=e.rects.popper,T="function"==typeof _?_(Object.assign({},e.rects,{placement:e.placement})):_,C="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),S=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,q={x:0,y:0};if(k){if(d){var H,B="y"===O?n:s,W="y"===O?o:r,V="y"===O?"height":"width",R=k[O],F=R+w[B],N=R-w[W],U=y?-P[V]/2:0,X=x===l?j[V]:P[V],K=x===l?-P[V]:-j[V],Q=e.elements.arrow,Z=y&&Q?z(Q):{width:0,height:0},tt=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},et=tt[B],it=tt[W],nt=J(0,j[V],Z[V]),ot=A?j[V]/2-U-nt-et-C.mainAxis:X-nt-et-C.mainAxis,rt=A?-j[V]/2+U+nt+it+C.mainAxis:K+nt+it+C.mainAxis,st=e.elements.arrow&&Y(e.elements.arrow),at=st?"y"===O?st.clientTop||0:st.clientLeft||0:0,ct=null!=(H=null==S?void 0:S[O])?H:0,lt=R+rt-ct,dt=J(y?M(F,R+ot-ct-at):F,R,y?I(N,lt):N);k[O]=dt,q[O]=dt-R}if(p){var ut,pt="x"===O?n:s,ft="x"===O?o:r,ht=k[L],gt="y"===L?"height":"width",vt=ht+w[pt],mt=ht-w[ft],bt=-1!==[n,s].indexOf(E),_t=null!=(ut=null==S?void 0:S[L])?ut:0,wt=bt?vt:ht-j[gt]-P[gt]-_t+C.altAxis,Et=bt?ht+j[gt]+P[gt]-_t-C.altAxis:mt,xt=y&&bt?function(t,e,i){var n=J(t,e,i);return n>i?i:n}(wt,ht,Et):J(y?wt:vt,ht,y?Et:mt);k[L]=xt,q[L]=xt-ht}e.modifiersData[a]=q}},requiresIfExists:["offset"]};function Lt(t,e,i){void 0===i&&(i=!1);var n,o,r=T(e),s=T(e)&&function(t){var e=t.getBoundingClientRect(),i=q(e.width)/t.offsetWidth||1,n=q(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),a=N(e),c=W(t,s,i),l={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(r||!r&&!i)&&(("body"!==k(e)||ut(a))&&(l=(n=e)!==j(n)&&T(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:lt(n)),T(e)?((d=W(e,!0)).x+=e.clientLeft,d.y+=e.clientTop):a&&(d.x=dt(a))),{x:c.left+l.scrollLeft-d.x,y:c.top+l.scrollTop-d.y,width:c.width,height:c.height}}function kt(t){var e=new Map,i=new Set,n=[];function o(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&o(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||o(t)})),n}var jt={placement:"bottom",modifiers:[],strategy:"absolute"};function Pt(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Tt(t){void 0===t&&(t={});var e=t,i=e.defaultModifiers,n=void 0===i?[]:i,o=e.defaultOptions,r=void 0===o?jt:o;return function(t,e,i){void 0===i&&(i=r);var o,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},jt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},c=[],l=!1,d={state:a,setOptions:function(i){var o="function"==typeof i?i(a.options):i;u(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:P(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var s=function(t){var e=kt(t);return L.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}(function(t){var e=t.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{});return Object.keys(e).map((function(t){return e[t]}))}([].concat(n,a.options.modifiers)));return a.orderedModifiers=s.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.name,i=t.options,n=void 0===i?{}:i,o=t.effect;if("function"==typeof o){var r=o({state:a,name:e,instance:d,options:n}),s=function(){};c.push(r||s)}})),d.update()},forceUpdate:function(){if(!l){var t=a.elements,e=t.reference,i=t.popper;if(Pt(e,i)){a.rects={reference:Lt(e,Y(i),"fixed"===a.options.strategy),popper:z(i)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<a.orderedModifiers.length;n++)if(!0!==a.reset){var o=a.orderedModifiers[n],r=o.fn,s=o.options,c=void 0===s?{}:s,u=o.name;"function"==typeof r&&(a=r({state:a,options:c,name:u,instance:d})||a)}else a.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(t){d.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(o())}))}))),s}),destroy:function(){u(),l=!0}};if(!Pt(t,e))return d;function u(){c.forEach((function(t){return t()})),c=[]}return d.setOptions(i).then((function(t){!l&&i.onFirstUpdate&&i.onFirstUpdate(t)})),d}}var Ct=Tt(),St=Tt({defaultModifiers:[ot,At,it,S,xt,bt,Ot,Z,Et]}),Dt=Tt({defaultModifiers:[ot,At,it,S]})},902:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initAccordions=void 0;var n={alwaysOpen:!1,activeClasses:"bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white",inactiveClasses:"text-gray-500 dark:text-gray-400",onOpen:function(){},onClose:function(){},onToggle:function(){}},o=function(){function t(t,e){void 0===t&&(t=[]),void 0===e&&(e=n),this._items=t,this._options=i(i({},n),e),this._init()}return t.prototype._init=function(){var t=this;this._items.length&&this._items.map((function(e){e.active&&t.open(e.id),e.triggerEl.addEventListener("click",(function(){t.toggle(e.id)}))}))},t.prototype.getItem=function(t){return this._items.filter((function(e){return e.id===t}))[0]},t.prototype.open=function(t){var e,i,n=this,o=this.getItem(t);this._options.alwaysOpen||this._items.map((function(t){var e,i;t!==o&&((e=t.triggerEl.classList).remove.apply(e,n._options.activeClasses.split(" ")),(i=t.triggerEl.classList).add.apply(i,n._options.inactiveClasses.split(" ")),t.targetEl.classList.add("hidden"),t.triggerEl.setAttribute("aria-expanded","false"),t.active=!1,t.iconEl&&t.iconEl.classList.remove("rotate-180"))})),(e=o.triggerEl.classList).add.apply(e,this._options.activeClasses.split(" ")),(i=o.triggerEl.classList).remove.apply(i,this._options.inactiveClasses.split(" ")),o.triggerEl.setAttribute("aria-expanded","true"),o.targetEl.classList.remove("hidden"),o.active=!0,o.iconEl&&o.iconEl.classList.add("rotate-180"),this._options.onOpen(this,o)},t.prototype.toggle=function(t){var e=this.getItem(t);e.active?this.close(t):this.open(t),this._options.onToggle(this,e)},t.prototype.close=function(t){var e,i,n=this.getItem(t);(e=n.triggerEl.classList).remove.apply(e,this._options.activeClasses.split(" ")),(i=n.triggerEl.classList).add.apply(i,this._options.inactiveClasses.split(" ")),n.targetEl.classList.add("hidden"),n.triggerEl.setAttribute("aria-expanded","false"),n.active=!1,n.iconEl&&n.iconEl.classList.remove("rotate-180"),this._options.onClose(this,n)},t}();"undefined"!=typeof window&&(window.Accordion=o),e.initAccordions=function(){document.querySelectorAll("[data-accordion]").forEach((function(t){var e=t.getAttribute("data-accordion"),i=t.getAttribute("data-active-classes"),r=t.getAttribute("data-inactive-classes"),s=[];t.querySelectorAll("[data-accordion-target]").forEach((function(t){var e={id:t.getAttribute("data-accordion-target"),triggerEl:t,targetEl:document.querySelector(t.getAttribute("data-accordion-target")),iconEl:t.querySelector("[data-accordion-icon]"),active:"true"===t.getAttribute("aria-expanded")};s.push(e)})),new o(s,{alwaysOpen:"open"===e,activeClasses:i||n.activeClasses,inactiveClasses:r||n.inactiveClasses})}))},e.default=o},33:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initCarousels=void 0;var n={defaultPosition:0,indicators:{items:[],activeClasses:"bg-white dark:bg-gray-800",inactiveClasses:"bg-white/50 dark:bg-gray-800/50 hover:bg-white dark:hover:bg-gray-800"},interval:3e3,onNext:function(){},onPrev:function(){},onChange:function(){}},o=function(){function t(t,e){void 0===t&&(t=[]),void 0===e&&(e=n),this._items=t,this._options=i(i(i({},n),e),{indicators:i(i({},n.indicators),e.indicators)}),this._activeItem=this.getItem(this._options.defaultPosition),this._indicators=this._options.indicators.items,this._intervalDuration=this._options.interval,this._intervalInstance=null,this._init()}return t.prototype._init=function(){var t=this;this._items.map((function(t){t.el.classList.add("absolute","inset-0","transition-all","transform")})),this._getActiveItem()?this.slideTo(this._getActiveItem().position):this.slideTo(0),this._indicators.map((function(e,i){e.el.addEventListener("click",(function(){t.slideTo(i)}))}))},t.prototype.getItem=function(t){return this._items[t]},t.prototype.slideTo=function(t){var e=this._items[t],i={left:0===e.position?this._items[this._items.length-1]:this._items[e.position-1],middle:e,right:e.position===this._items.length-1?this._items[0]:this._items[e.position+1]};this._rotate(i),this._setActiveItem(e),this._intervalInstance&&(this.pause(),this.cycle()),this._options.onChange(this)},t.prototype.next=function(){var t=this._getActiveItem(),e=null;e=t.position===this._items.length-1?this._items[0]:this._items[t.position+1],this.slideTo(e.position),this._options.onNext(this)},t.prototype.prev=function(){var t=this._getActiveItem(),e=null;e=0===t.position?this._items[this._items.length-1]:this._items[t.position-1],this.slideTo(e.position),this._options.onPrev(this)},t.prototype._rotate=function(t){this._items.map((function(t){t.el.classList.add("hidden")})),t.left.el.classList.remove("-translate-x-full","translate-x-full","translate-x-0","hidden","z-20"),t.left.el.classList.add("-translate-x-full","z-10"),t.middle.el.classList.remove("-translate-x-full","translate-x-full","translate-x-0","hidden","z-10"),t.middle.el.classList.add("translate-x-0","z-20"),t.right.el.classList.remove("-translate-x-full","translate-x-full","translate-x-0","hidden","z-20"),t.right.el.classList.add("translate-x-full","z-10")},t.prototype.cycle=function(){var t=this;"undefined"!=typeof window&&(this._intervalInstance=window.setInterval((function(){t.next()}),this._intervalDuration))},t.prototype.pause=function(){clearInterval(this._intervalInstance)},t.prototype._getActiveItem=function(){return this._activeItem},t.prototype._setActiveItem=function(t){var e,i,n=this;this._activeItem=t;var o=t.position;this._indicators.length&&(this._indicators.map((function(t){var e,i;t.el.setAttribute("aria-current","false"),(e=t.el.classList).remove.apply(e,n._options.indicators.activeClasses.split(" ")),(i=t.el.classList).add.apply(i,n._options.indicators.inactiveClasses.split(" "))})),(e=this._indicators[o].el.classList).add.apply(e,this._options.indicators.activeClasses.split(" ")),(i=this._indicators[o].el.classList).remove.apply(i,this._options.indicators.inactiveClasses.split(" ")),this._indicators[o].el.setAttribute("aria-current","true"))},t}();"undefined"!=typeof window&&(window.Carousel=o),e.initCarousels=function(){document.querySelectorAll("[data-carousel]").forEach((function(t){var e=t.getAttribute("data-carousel-interval"),i="slide"===t.getAttribute("data-carousel"),r=[],s=0;t.querySelectorAll("[data-carousel-item]").length&&Array.from(t.querySelectorAll("[data-carousel-item]")).map((function(t,e){r.push({position:e,el:t}),"active"===t.getAttribute("data-carousel-item")&&(s=e)}));var a=[];t.querySelectorAll("[data-carousel-slide-to]").length&&Array.from(t.querySelectorAll("[data-carousel-slide-to]")).map((function(t){a.push({position:parseInt(t.getAttribute("data-carousel-slide-to")),el:t})}));var c=new o(r,{defaultPosition:s,indicators:{items:a},interval:e||n.interval});i&&c.cycle();var l=t.querySelector("[data-carousel-next]"),d=t.querySelector("[data-carousel-prev]");l&&l.addEventListener("click",(function(){c.next()})),d&&d.addEventListener("click",(function(){c.prev()}))}))},e.default=o},922:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initCollapses=void 0;var n={onCollapse:function(){},onExpand:function(){},onToggle:function(){}},o=function(){function t(t,e,o){void 0===t&&(t=null),void 0===e&&(e=null),void 0===o&&(o=n),this._targetEl=t,this._triggerEl=e,this._options=i(i({},n),o),this._visible=!1,this._init()}return t.prototype._init=function(){var t=this;this._triggerEl&&(this._triggerEl.hasAttribute("aria-expanded")?this._visible="true"===this._triggerEl.getAttribute("aria-expanded"):this._visible=!this._targetEl.classList.contains("hidden"),this._triggerEl.addEventListener("click",(function(){t._visible?t.collapse():t.expand()})))},t.prototype.collapse=function(){this._targetEl.classList.add("hidden"),this._triggerEl&&this._triggerEl.setAttribute("aria-expanded","false"),this._visible=!1,this._options.onCollapse(this)},t.prototype.expand=function(){this._targetEl.classList.remove("hidden"),this._triggerEl&&this._triggerEl.setAttribute("aria-expanded","true"),this._visible=!0,this._options.onExpand(this)},t.prototype.toggle=function(){this._visible?this.collapse():this.expand()},t}();"undefined"!=typeof window&&(window.Collapse=o),e.initCollapses=function(){document.querySelectorAll("[data-collapse-toggle]").forEach((function(t){var e=t.getAttribute("data-collapse-toggle"),i=document.getElementById(e);i?new o(i,t):console.error('The target element with id "'.concat(e,'" does not exist. Please check the data-collapse-toggle attribute.'))}))},e.default=o},556:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initDials=void 0;var n={triggerType:"hover",onShow:function(){},onHide:function(){},onToggle:function(){}},o=function(){function t(t,e,o,r){void 0===t&&(t=null),void 0===e&&(e=null),void 0===o&&(o=null),void 0===r&&(r=n),this._parentEl=t,this._triggerEl=e,this._targetEl=o,this._options=i(i({},n),r),this._visible=!1,this._init()}return t.prototype._init=function(){var t=this;if(this._triggerEl){var e=this._getTriggerEventTypes(this._options.triggerType);e.show.forEach((function(e){t._triggerEl.addEventListener(e,(function(){t.show()})),t._targetEl.addEventListener(e,(function(){t.show()}))})),e.hide.forEach((function(e){t._parentEl.addEventListener(e,(function(){setTimeout((function(){t._parentEl.matches(":hover")||t.hide()}),100)}))}))}},t.prototype.hide=function(){this._targetEl.classList.add("hidden"),this._triggerEl&&this._triggerEl.setAttribute("aria-expanded","false"),this._visible=!1,this._options.onHide(this)},t.prototype.show=function(){this._targetEl.classList.remove("hidden"),this._triggerEl&&this._triggerEl.setAttribute("aria-expanded","true"),this._visible=!0,this._options.onShow(this)},t.prototype.toggle=function(){this._visible?this.hide():this.show()},t.prototype.isHidden=function(){return!this._visible},t.prototype.isVisible=function(){return this._visible},t.prototype._getTriggerEventTypes=function(t){switch(t){case"hover":default:return{show:["mouseenter","focus"],hide:["mouseleave","blur"]};case"click":return{show:["click","focus"],hide:["focusout","blur"]}}},t}();"undefined"!=typeof window&&(window.Dial=o),e.initDials=function(){document.querySelectorAll("[data-dial-init]").forEach((function(t){var e=t.querySelector("[data-dial-toggle]");if(e){var i=e.getAttribute("data-dial-toggle"),r=document.getElementById(i);if(r){var s=e.getAttribute("data-dial-trigger");new o(t,e,r,{triggerType:s||n.triggerType})}else console.error("Dial with id ".concat(i," does not exist. Are you sure that the data-dial-toggle attribute points to the correct modal id?"))}else console.error("Dial with id ".concat(t.id," does not have a trigger element. Are you sure that the data-dial-toggle attribute exists?"))}))},e.default=o},791:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initDismisses=void 0;var n={transition:"transition-opacity",duration:300,timing:"ease-out",onHide:function(){}},o=function(){function t(t,e,o){void 0===t&&(t=null),void 0===e&&(e=null),void 0===o&&(o=n),this._targetEl=t,this._triggerEl=e,this._options=i(i({},n),o),this._init()}return t.prototype._init=function(){var t=this;this._triggerEl&&this._triggerEl.addEventListener("click",(function(){t.hide()}))},t.prototype.hide=function(){var t=this;this._targetEl.classList.add(this._options.transition,"duration-".concat(this._options.duration),this._options.timing,"opacity-0"),setTimeout((function(){t._targetEl.classList.add("hidden")}),this._options.duration),this._options.onHide(this,this._targetEl)},t}();"undefined"!=typeof window&&(window.Dismiss=o),e.initDismisses=function(){document.querySelectorAll("[data-dismiss-target]").forEach((function(t){var e=t.getAttribute("data-dismiss-target"),i=document.querySelector(e);i?new o(i,t):console.error('The dismiss element with id "'.concat(e,'" does not exist. Please check the data-dismiss-target attribute.'))}))},e.default=o},340:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initDrawers=void 0;var n={placement:"left",bodyScrolling:!1,backdrop:!0,edge:!1,edgeOffset:"bottom-[60px]",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",onShow:function(){},onHide:function(){},onToggle:function(){}},o=function(){function t(t,e){void 0===t&&(t=null),void 0===e&&(e=n),this._targetEl=t,this._options=i(i({},n),e),this._visible=!1,this._init()}return t.prototype._init=function(){var t=this;this._targetEl&&(this._targetEl.setAttribute("aria-hidden","true"),this._targetEl.classList.add("transition-transform")),this._getPlacementClasses(this._options.placement).base.map((function(e){t._targetEl.classList.add(e)})),document.addEventListener("keydown",(function(e){"Escape"===e.key&&t.isVisible()&&t.hide()}))},t.prototype.hide=function(){var t=this;this._options.edge?(this._getPlacementClasses(this._options.placement+"-edge").active.map((function(e){t._targetEl.classList.remove(e)})),this._getPlacementClasses(this._options.placement+"-edge").inactive.map((function(e){t._targetEl.classList.add(e)}))):(this._getPlacementClasses(this._options.placement).active.map((function(e){t._targetEl.classList.remove(e)})),this._getPlacementClasses(this._options.placement).inactive.map((function(e){t._targetEl.classList.add(e)}))),this._targetEl.setAttribute("aria-hidden","true"),this._targetEl.removeAttribute("aria-modal"),this._targetEl.removeAttribute("role"),this._options.bodyScrolling||document.body.classList.remove("overflow-hidden"),this._options.backdrop&&this._destroyBackdropEl(),this._visible=!1,this._options.onHide(this)},t.prototype.show=function(){var t=this;this._options.edge?(this._getPlacementClasses(this._options.placement+"-edge").active.map((function(e){t._targetEl.classList.add(e)})),this._getPlacementClasses(this._options.placement+"-edge").inactive.map((function(e){t._targetEl.classList.remove(e)}))):(this._getPlacementClasses(this._options.placement).active.map((function(e){t._targetEl.classList.add(e)})),this._getPlacementClasses(this._options.placement).inactive.map((function(e){t._targetEl.classList.remove(e)}))),this._targetEl.setAttribute("aria-modal","true"),this._targetEl.setAttribute("role","dialog"),this._targetEl.removeAttribute("aria-hidden"),this._options.bodyScrolling||document.body.classList.add("overflow-hidden"),this._options.backdrop&&this._createBackdrop(),this._visible=!0,this._options.onShow(this)},t.prototype.toggle=function(){this.isVisible()?this.hide():this.show()},t.prototype._createBackdrop=function(){var t,e=this;if(!this._visible){var i=document.createElement("div");i.setAttribute("drawer-backdrop",""),(t=i.classList).add.apply(t,this._options.backdropClasses.split(" ")),document.querySelector("body").append(i),i.addEventListener("click",(function(){e.hide()}))}},t.prototype._destroyBackdropEl=function(){this._visible&&document.querySelector("[drawer-backdrop]").remove()},t.prototype._getPlacementClasses=function(t){switch(t){case"top":return{base:["top-0","left-0","right-0"],active:["transform-none"],inactive:["-translate-y-full"]};case"right":return{base:["right-0","top-0"],active:["transform-none"],inactive:["translate-x-full"]};case"bottom":return{base:["bottom-0","left-0","right-0"],active:["transform-none"],inactive:["translate-y-full"]};case"left":default:return{base:["left-0","top-0"],active:["transform-none"],inactive:["-translate-x-full"]};case"bottom-edge":return{base:["left-0","top-0"],active:["transform-none"],inactive:["translate-y-full",this._options.edgeOffset]}}},t.prototype.isHidden=function(){return!this._visible},t.prototype.isVisible=function(){return this._visible},t}();"undefined"!=typeof window&&(window.Drawer=o);var r=function(t,e){if(e.some((function(e){return e.id===t})))return e.find((function(e){return e.id===t}))};e.initDrawers=function(){var t=[];document.querySelectorAll("[data-drawer-target]").forEach((function(e){var i=e.getAttribute("data-drawer-target"),s=document.getElementById(i);if(s){var a=e.getAttribute("data-drawer-placement"),c=e.getAttribute("data-drawer-body-scrolling"),l=e.getAttribute("data-drawer-backdrop"),d=e.getAttribute("data-drawer-edge"),u=e.getAttribute("data-drawer-edge-offset");r(i,t)||t.push({id:i,object:new o(s,{placement:a||n.placement,bodyScrolling:c?"true"===c:n.bodyScrolling,backdrop:l?"true"===l:n.backdrop,edge:d?"true"===d:n.edge,edgeOffset:u||n.edgeOffset})})}else console.error("Drawer with id ".concat(i," not found. Are you sure that the data-drawer-target attribute points to the correct drawer id?"))})),document.querySelectorAll("[data-drawer-toggle]").forEach((function(e){var i=e.getAttribute("data-drawer-toggle");if(document.getElementById(i)){var n=r(i,t);n?e.addEventListener("click",(function(){n.object.toggle()})):console.error("Drawer with id ".concat(i," has not been initialized. Please initialize it using the data-drawer-target attribute."))}else console.error("Drawer with id ".concat(i," not found. Are you sure that the data-drawer-target attribute points to the correct drawer id?"))})),document.querySelectorAll("[data-drawer-dismiss], [data-drawer-hide]").forEach((function(e){var i=e.getAttribute("data-drawer-dismiss")?e.getAttribute("data-drawer-dismiss"):e.getAttribute("data-drawer-hide");if(document.getElementById(i)){var n=r(i,t);n?e.addEventListener("click",(function(){n.object.hide()})):console.error("Drawer with id ".concat(i," has not been initialized. Please initialize it using the data-drawer-target attribute."))}else console.error("Drawer with id ".concat(i," not found. Are you sure that the data-drawer-target attribute points to the correct drawer id"))})),document.querySelectorAll("[data-drawer-show]").forEach((function(e){var i=e.getAttribute("data-drawer-show");if(document.getElementById(i)){var n=r(i,t);n?e.addEventListener("click",(function(){n.object.show()})):console.error("Drawer with id ".concat(i," has not been initialized. Please initialize it using the data-drawer-target attribute."))}else console.error("Drawer with id ".concat(i," not found. Are you sure that the data-drawer-target attribute points to the correct drawer id?"))}))},e.default=o},316:function(t,e,i){var n=this&&this.__assign||function(){return n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},n.apply(this,arguments)},o=this&&this.__spreadArray||function(t,e,i){if(i||2===arguments.length)for(var n,o=0,r=e.length;o<r;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))};Object.defineProperty(e,"__esModule",{value:!0}),e.initDropdowns=void 0;var r=i(853),s={placement:"bottom",triggerType:"click",offsetSkidding:0,offsetDistance:10,onShow:function(){},onHide:function(){}},a=function(){function t(t,e,i){void 0===t&&(t=null),void 0===e&&(e=null),void 0===i&&(i=s),this._targetEl=t,this._triggerEl=e,this._options=n(n({},s),i),this._popperInstance=this._createPopperInstance(),this._visible=!1,this._init()}return t.prototype._init=function(){var t=this;this._triggerEl&&this._triggerEl.addEventListener("click",(function(){t.toggle()}))},t.prototype._createPopperInstance=function(){return(0,r.createPopper)(this._triggerEl,this._targetEl,{placement:this._options.placement,modifiers:[{name:"offset",options:{offset:[this._options.offsetSkidding,this._options.offsetDistance]}}]})},t.prototype._setupClickOutsideListener=function(){var t=this;this._clickOutsideEventListener=function(e){t._handleClickOutside(e,t._targetEl)},document.body.addEventListener("click",this._clickOutsideEventListener,!0)},t.prototype._removeClickOutsideListener=function(){document.body.removeEventListener("click",this._clickOutsideEventListener,!0)},t.prototype._handleClickOutside=function(t,e){var i=t.target;i===e||e.contains(i)||this._triggerEl.contains(i)||!this._visible||this.hide()},t.prototype.toggle=function(){this._visible?this.hide():this.show()},t.prototype.show=function(){this._targetEl.classList.remove("hidden"),this._targetEl.classList.add("block"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!0}],!1)})})),this._setupClickOutsideListener(),this._popperInstance.update(),this._visible=!0,this._options.onShow(this)},t.prototype.hide=function(){this._targetEl.classList.remove("block"),this._targetEl.classList.add("hidden"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!1}],!1)})})),this._visible=!1,this._removeClickOutsideListener(),this._options.onHide(this)},t}();"undefined"!=typeof window&&(window.Dropdown=a),e.initDropdowns=function(){document.querySelectorAll("[data-dropdown-toggle]").forEach((function(t){var e=t.getAttribute("data-dropdown-toggle"),i=document.getElementById(e);if(i){var n=t.getAttribute("data-dropdown-placement"),o=t.getAttribute("data-dropdown-offset-skidding"),r=t.getAttribute("data-dropdown-offset-distance");new a(i,t,{placement:n||s.placement,offsetSkidding:o?parseInt(o):s.offsetSkidding,offsetDistance:r?parseInt(r):s.offsetDistance})}else console.error('The dropdown element with id "'.concat(e,'" does not exist. Please check the data-dropdown-toggle attribute.'))}))},e.default=a},16:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initModals=void 0;var n={placement:"center",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40",backdrop:"dynamic",onHide:function(){},onShow:function(){},onToggle:function(){}},o=function(){function t(t,e){void 0===t&&(t=null),void 0===e&&(e=n),this._targetEl=t,this._options=i(i({},n),e),this._isHidden=!0,this._backdropEl=null,this._init()}return t.prototype._init=function(){var t=this;this._targetEl&&this._getPlacementClasses().map((function(e){t._targetEl.classList.add(e)}))},t.prototype._createBackdrop=function(){var t;if(this._isHidden){var e=document.createElement("div");e.setAttribute("modal-backdrop",""),(t=e.classList).add.apply(t,this._options.backdropClasses.split(" ")),document.querySelector("body").append(e),this._backdropEl=e}},t.prototype._destroyBackdropEl=function(){this._isHidden||document.querySelector("[modal-backdrop]").remove()},t.prototype._setupModalCloseEventListeners=function(){var t=this;"dynamic"===this._options.backdrop&&(this._clickOutsideEventListener=function(e){t._handleOutsideClick(e.target)},this._targetEl.addEventListener("click",this._clickOutsideEventListener,!0)),this._keydownEventListener=function(e){"Escape"===e.key&&t.hide()},document.body.addEventListener("keydown",this._keydownEventListener,!0)},t.prototype._removeModalCloseEventListeners=function(){"dynamic"===this._options.backdrop&&this._targetEl.removeEventListener("click",this._clickOutsideEventListener,!0),document.body.removeEventListener("keydown",this._keydownEventListener,!0)},t.prototype._handleOutsideClick=function(t){(t===this._targetEl||t===this._backdropEl&&this.isVisible())&&this.hide()},t.prototype._getPlacementClasses=function(){switch(this._options.placement){case"top-left":return["justify-start","items-start"];case"top-center":return["justify-center","items-start"];case"top-right":return["justify-end","items-start"];case"center-left":return["justify-start","items-center"];case"center":default:return["justify-center","items-center"];case"center-right":return["justify-end","items-center"];case"bottom-left":return["justify-start","items-end"];case"bottom-center":return["justify-center","items-end"];case"bottom-right":return["justify-end","items-end"]}},t.prototype.toggle=function(){this._isHidden?this.show():this.hide(),this._options.onToggle(this)},t.prototype.show=function(){this.isHidden&&(this._targetEl.classList.add("flex"),this._targetEl.classList.remove("hidden"),this._targetEl.setAttribute("aria-modal","true"),this._targetEl.setAttribute("role","dialog"),this._targetEl.removeAttribute("aria-hidden"),this._createBackdrop(),this._isHidden=!1,document.body.classList.add("overflow-hidden"),this._setupModalCloseEventListeners(),this._options.onShow(this))},t.prototype.hide=function(){this.isVisible&&(this._targetEl.classList.add("hidden"),this._targetEl.classList.remove("flex"),this._targetEl.setAttribute("aria-hidden","true"),this._targetEl.removeAttribute("aria-modal"),this._targetEl.removeAttribute("role"),this._destroyBackdropEl(),this._isHidden=!0,document.body.classList.remove("overflow-hidden"),this._removeModalCloseEventListeners(),this._options.onHide(this))},t.prototype.isVisible=function(){return!this._isHidden},t.prototype.isHidden=function(){return this._isHidden},t}();"undefined"!=typeof window&&(window.Modal=o);var r=function(t,e){return e.some((function(e){return e.id===t}))?e.find((function(e){return e.id===t})):null};e.initModals=function(){var t=[];document.querySelectorAll("[data-modal-target]").forEach((function(e){var i=e.getAttribute("data-modal-target"),s=document.getElementById(i);if(s){var a=s.getAttribute("data-modal-placement"),c=s.getAttribute("data-modal-backdrop");r(i,t)||t.push({id:i,object:new o(s,{placement:a||n.placement,backdrop:c||n.backdrop})})}else console.error("Modal with id ".concat(i," does not exist. Are you sure that the data-modal-target attribute points to the correct modal id?."))})),document.querySelectorAll("[data-modal-toggle]").forEach((function(e){var i=e.getAttribute("data-modal-toggle"),s=document.getElementById(i);if(s){var a=s.getAttribute("data-modal-placement"),c=s.getAttribute("data-modal-backdrop"),l=r(i,t);l||(l={id:i,object:new o(s,{placement:a||n.placement,backdrop:c||n.backdrop})},t.push(l)),e.addEventListener("click",(function(){l.object.toggle()}))}else console.error("Modal with id ".concat(i," does not exist. Are you sure that the data-modal-toggle attribute points to the correct modal id?"))})),document.querySelectorAll("[data-modal-show]").forEach((function(e){var i=e.getAttribute("data-modal-show");if(document.getElementById(i)){var n=r(i,t);n?e.addEventListener("click",(function(){n.object.isHidden&&n.object.show()})):console.error("Modal with id ".concat(i," has not been initialized. Please initialize it using the data-modal-target attribute."))}else console.error("Modal with id ".concat(i," does not exist. Are you sure that the data-modal-show attribute points to the correct modal id?"))})),document.querySelectorAll("[data-modal-hide]").forEach((function(e){var i=e.getAttribute("data-modal-hide");if(document.getElementById(i)){var n=r(i,t);n?e.addEventListener("click",(function(){n.object.isVisible&&n.object.hide()})):console.error("Modal with id ".concat(i," has not been initialized. Please initialize it using the data-modal-target attribute."))}else console.error("Modal with id ".concat(i," does not exist. Are you sure that the data-modal-hide attribute points to the correct modal id?"))}))},e.default=o},903:function(t,e,i){var n=this&&this.__assign||function(){return n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},n.apply(this,arguments)},o=this&&this.__spreadArray||function(t,e,i){if(i||2===arguments.length)for(var n,o=0,r=e.length;o<r;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))};Object.defineProperty(e,"__esModule",{value:!0}),e.initPopovers=void 0;var r=i(853),s={placement:"top",offset:10,triggerType:"hover",onShow:function(){},onHide:function(){}},a=function(){function t(t,e,i){void 0===t&&(t=null),void 0===e&&(e=null),void 0===i&&(i=s),this._targetEl=t,this._triggerEl=e,this._options=n(n({},s),i),this._popperInstance=this._createPopperInstance(),this._init()}return t.prototype._init=function(){var t=this;if(this._triggerEl){var e=this._getTriggerEvents();e.showEvents.forEach((function(e){t._triggerEl.addEventListener(e,(function(){t.show()})),t._targetEl.addEventListener(e,(function(){t.show()}))})),e.hideEvents.forEach((function(e){t._triggerEl.addEventListener(e,(function(){setTimeout((function(){t._targetEl.matches(":hover")||t.hide()}),100)})),t._targetEl.addEventListener(e,(function(){setTimeout((function(){t._triggerEl.matches(":hover")||t.hide()}),100)}))}))}},t.prototype._createPopperInstance=function(){return(0,r.createPopper)(this._triggerEl,this._targetEl,{placement:this._options.placement,modifiers:[{name:"offset",options:{offset:[0,this._options.offset]}}]})},t.prototype._getTriggerEvents=function(){switch(this._options.triggerType){case"hover":default:return{showEvents:["mouseenter","focus"],hideEvents:["mouseleave","blur"]};case"click":return{showEvents:["click","focus"],hideEvents:["focusout","blur"]}}},t.prototype.show=function(){this._targetEl.classList.remove("opacity-0","invisible"),this._targetEl.classList.add("opacity-100","visible"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!0}],!1)})})),this._popperInstance.update(),this._options.onShow(this)},t.prototype.hide=function(){this._targetEl.classList.remove("opacity-100","visible"),this._targetEl.classList.add("opacity-0","invisible"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!1}],!1)})})),this._options.onHide(this)},t}();"undefined"!=typeof window&&(window.Popover=a),e.initPopovers=function(){document.querySelectorAll("[data-popover-target]").forEach((function(t){var e=t.getAttribute("data-popover-target"),i=document.getElementById(e);if(i){var n=t.getAttribute("data-popover-trigger"),o=t.getAttribute("data-popover-placement"),r=t.getAttribute("data-popover-offset");new a(i,t,{placement:o||s.placement,offset:r?parseInt(r):s.offset,triggerType:n||s.triggerType})}else console.error('The popover element with id "'.concat(e,'" does not exist. Please check the data-popover-target attribute.'))}))},e.default=a},247:function(t,e){var i=this&&this.__assign||function(){return i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},i.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.initTabs=void 0;var n={defaultTabId:null,activeClasses:"text-blue-600 hover:text-blue-600 dark:text-blue-500 dark:hover:text-blue-500 border-blue-600 dark:border-blue-500",inactiveClasses:"dark:border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300",onShow:function(){}},o=function(){function t(t,e){void 0===t&&(t=[]),void 0===e&&(e=n),this._items=t,this._activeTab=e?this.getTab(e.defaultTabId):null,this._options=i(i({},n),e),this._init()}return t.prototype._init=function(){var t=this;this._items.length&&(this._activeTab||this._setActiveTab(this._items[0]),this.show(this._activeTab.id,!0),this._items.map((function(e){e.triggerEl.addEventListener("click",(function(){t.show(e.id)}))})))},t.prototype.getActiveTab=function(){return this._activeTab},t.prototype._setActiveTab=function(t){this._activeTab=t},t.prototype.getTab=function(t){return this._items.filter((function(e){return e.id===t}))[0]},t.prototype.show=function(t,e){var i,n,o=this;void 0===e&&(e=!1);var r=this.getTab(t);(r!==this._activeTab||e)&&(this._items.map((function(t){var e,i;t!==r&&((e=t.triggerEl.classList).remove.apply(e,o._options.activeClasses.split(" ")),(i=t.triggerEl.classList).add.apply(i,o._options.inactiveClasses.split(" ")),t.targetEl.classList.add("hidden"),t.triggerEl.setAttribute("aria-selected","false"))})),(i=r.triggerEl.classList).add.apply(i,this._options.activeClasses.split(" ")),(n=r.triggerEl.classList).remove.apply(n,this._options.inactiveClasses.split(" ")),r.triggerEl.setAttribute("aria-selected","true"),r.targetEl.classList.remove("hidden"),this._setActiveTab(r),this._options.onShow(this,r))},t}();"undefined"!=typeof window&&(window.Tabs=o),e.initTabs=function(){document.querySelectorAll("[data-tabs-toggle]").forEach((function(t){var e=[],i=null;t.querySelectorAll('[role="tab"]').forEach((function(t){var n="true"===t.getAttribute("aria-selected"),o={id:t.getAttribute("data-tabs-target"),triggerEl:t,targetEl:document.querySelector(t.getAttribute("data-tabs-target"))};e.push(o),n&&(i=o.id)})),new o(e,{defaultTabId:i})}))},e.default=o},671:function(t,e,i){var n=this&&this.__assign||function(){return n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},n.apply(this,arguments)},o=this&&this.__spreadArray||function(t,e,i){if(i||2===arguments.length)for(var n,o=0,r=e.length;o<r;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))};Object.defineProperty(e,"__esModule",{value:!0}),e.initTooltips=void 0;var r=i(853),s={placement:"top",triggerType:"hover",onShow:function(){},onHide:function(){}},a=function(){function t(t,e,i){void 0===t&&(t=null),void 0===e&&(e=null),void 0===i&&(i=s),this._targetEl=t,this._triggerEl=e,this._options=n(n({},s),i),this._popperInstance=this._createPopperInstance(),this._init()}return t.prototype._init=function(){var t=this;if(this._triggerEl){var e=this._getTriggerEvents();e.showEvents.forEach((function(e){t._triggerEl.addEventListener(e,(function(){t.show()}))})),e.hideEvents.forEach((function(e){t._triggerEl.addEventListener(e,(function(){t.hide()}))}))}},t.prototype._createPopperInstance=function(){return(0,r.createPopper)(this._triggerEl,this._targetEl,{placement:this._options.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]})},t.prototype._getTriggerEvents=function(){switch(this._options.triggerType){case"hover":default:return{showEvents:["mouseenter","focus"],hideEvents:["mouseleave","blur"]};case"click":return{showEvents:["click","focus"],hideEvents:["focusout","blur"]}}},t.prototype.show=function(){this._targetEl.classList.remove("opacity-0","invisible"),this._targetEl.classList.add("opacity-100","visible"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!0}],!1)})})),this._popperInstance.update(),this._options.onShow(this)},t.prototype.hide=function(){this._targetEl.classList.remove("opacity-100","visible"),this._targetEl.classList.add("opacity-0","invisible"),this._popperInstance.setOptions((function(t){return n(n({},t),{modifiers:o(o([],t.modifiers,!0),[{name:"eventListeners",enabled:!1}],!1)})})),this._options.onHide(this)},t}();"undefined"!=typeof window&&(window.Tooltip=a),e.initTooltips=function(){document.querySelectorAll("[data-tooltip-target]").forEach((function(t){var e=t.getAttribute("data-tooltip-target"),i=document.getElementById(e);if(i){var n=t.getAttribute("data-tooltip-trigger"),o=t.getAttribute("data-tooltip-placement");new a(i,t,{placement:o||s.placement,triggerType:n||s.triggerType})}else console.error('The tooltip element with id "'.concat(e,'" does not exist. Please check the data-tooltip-target attribute.'))}))},e.default=a},947:function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){void 0===e&&(e=[]),this._eventType=t,this._eventFunctions=e}return t.prototype.init=function(){var t=this;this._eventFunctions.forEach((function(e){"undefined"!=typeof window&&window.addEventListener(t._eventType,e)}))},t}();e.default=i}},e={};function i(n){var o=e[n];if(void 0!==o)return o.exports;var r=e[n]={exports:{}};return t[n].call(r.exports,r,r.exports,i),r.exports}i.d=function(t,e){for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return function(){var t=n;Object.defineProperty(t,"__esModule",{value:!0}),i(647);var e=i(902),o=i(33),r=i(922),s=i(556),a=i(791),c=i(340),l=i(316),d=i(16),u=i(903),p=i(247),f=i(671),h=i(947);new h.default("load",[e.initAccordions,r.initCollapses,o.initCarousels,a.initDismisses,l.initDropdowns,d.initModals,c.initDrawers,p.initTabs,f.initTooltips,u.initPopovers,s.initDials]).init(),t.default={Accordion:e.default,Carousel:o.default,Collapse:r.default,Dial:s.default,Drawer:c.default,Dismiss:a.default,Dropdown:l.default,Modal:d.default,Popover:u.default,Tabs:p.default,Tooltip:f.default,Events:h.default}}(),n}()}));
+//# sourceMappingURL=flowbite.min.js.map

static/style.css

@@ -0,0 +1,2832 @@
+*,:after,:before{
+    box-sizing:border-box;
+    border:0 solid #e5e7eb
+}
+:after,:before{
+    --tw-content:""
+}
+html{
+    line-height:1.5;
+    -webkit-text-size-adjust:100%;
+    -moz-tab-size:4;
+    -o-tab-size:4;
+    tab-size:4;
+    font-family:Inter,sans-serif;
+    font-feature-settings:normal
+}
+body{
+    margin:0;
+    line-height:inherit
+}
+hr{
+    height:0;
+    color:inherit;
+    border-top-width:1px
+}
+abbr:where([title]){
+    -webkit-text-decoration:underline dotted;
+    text-decoration:underline dotted
+}
+h1,h2,h3,h4,h5,h6{
+    font-size:inherit;
+    font-weight:inherit
+}
+a{
+    color:inherit;
+    text-decoration:inherit
+}
+b,strong{
+    font-weight:bolder
+}
+code,kbd,pre,samp{
+    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
+    font-size:1em
+}
+small{
+    font-size:80%
+}
+sub,sup{
+    font-size:75%;
+    line-height:0;
+    position:relative;
+    vertical-align:baseline
+}
+sub{
+    bottom:-.25em
+}
+sup{
+    top:-.5em
+}
+table{
+    text-indent:0;
+    border-color:inherit;
+    border-collapse:collapse
+}
+button,input,optgroup,select,textarea{
+    font-family:inherit;
+    font-size:100%;
+    font-weight:inherit;
+    line-height:inherit;
+    color:inherit;
+    margin:0;
+    padding:0
+}
+button,select{
+    text-transform:none
+}
+[type=button],[type=reset],[type=submit],button{
+    -webkit-appearance:button;
+    background-color:transparent;
+    background-image:none
+}
+:-moz-focusring{
+    outline:auto
+}
+:-moz-ui-invalid{
+    box-shadow:none
+}
+progress{
+    vertical-align:baseline
+}
+::-webkit-inner-spin-button,::-webkit-outer-spin-button{
+    height:auto
+}
+[type=search]{
+    -webkit-appearance:textfield;
+    outline-offset:-2px
+}
+::-webkit-search-decoration{
+    -webkit-appearance:none
+}
+::-webkit-file-upload-button{
+    -webkit-appearance:button;
+    font:inherit
+}
+summary{
+    display:list-item
+}
+blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
+    margin:0
+}
+fieldset{
+    margin:0
+}
+fieldset,legend{
+    padding:0
+}
+menu,ol,ul{
+    list-style:none;
+    margin:0;
+    padding:0
+}
+textarea{
+    resize:vertical
+}
+input::-moz-placeholder,textarea::-moz-placeholder{
+    opacity:1;
+    color:#9ca3af
+}
+input::placeholder,textarea::placeholder{
+    opacity:1;
+    color:#9ca3af
+}
+[role=button],button{
+    cursor:pointer
+}
+:disabled{
+    cursor:default
+}
+audio,canvas,embed,iframe,img,object,svg,video{
+    display:block;
+    vertical-align:middle
+}
+img,video{
+    max-width:100%;
+    height:auto
+}
+[hidden]{
+    display:none
+}
+*,:after,:before{
+    --tw-border-spacing-x:0;
+    --tw-border-spacing-y:0;
+    --tw-translate-x:0;
+    --tw-translate-y:0;
+    --tw-rotate:0;
+    --tw-skew-x:0;
+    --tw-skew-y:0;
+    --tw-scale-x:1;
+    --tw-scale-y:1;
+    --tw-pan-x: ;
+    --tw-pan-y: ;
+    --tw-pinch-zoom: ;
+    --tw-scroll-snap-strictness:proximity;
+    --tw-ordinal: ;
+    --tw-slashed-zero: ;
+    --tw-numeric-figure: ;
+    --tw-numeric-spacing: ;
+    --tw-numeric-fraction: ;
+    --tw-ring-inset: ;
+    --tw-ring-offset-width:0px;
+    --tw-ring-offset-color:#fff;
+    --tw-ring-color:rgba(59,130,246,.5);
+    --tw-ring-offset-shadow:0 0 #0000;
+    --tw-ring-shadow:0 0 #0000;
+    --tw-shadow:0 0 #0000;
+    --tw-shadow-colored:0 0 #0000;
+    --tw-blur: ;
+    --tw-brightness: ;
+    --tw-contrast: ;
+    --tw-grayscale: ;
+    --tw-hue-rotate: ;
+    --tw-invert: ;
+    --tw-saturate: ;
+    --tw-sepia: ;
+    --tw-drop-shadow: ;
+    --tw-backdrop-blur: ;
+    --tw-backdrop-brightness: ;
+    --tw-backdrop-contrast: ;
+    --tw-backdrop-grayscale: ;
+    --tw-backdrop-hue-rotate: ;
+    --tw-backdrop-invert: ;
+    --tw-backdrop-opacity: ;
+    --tw-backdrop-saturate: ;
+    --tw-backdrop-sepia: 
+}
+::backdrop{
+    --tw-border-spacing-x:0;
+    --tw-border-spacing-y:0;
+    --tw-translate-x:0;
+    --tw-translate-y:0;
+    --tw-rotate:0;
+    --tw-skew-x:0;
+    --tw-skew-y:0;
+    --tw-scale-x:1;
+    --tw-scale-y:1;
+    --tw-pan-x: ;
+    --tw-pan-y: ;
+    --tw-pinch-zoom: ;
+    --tw-scroll-snap-strictness:proximity;
+    --tw-ordinal: ;
+    --tw-slashed-zero: ;
+    --tw-numeric-figure: ;
+    --tw-numeric-spacing: ;
+    --tw-numeric-fraction: ;
+    --tw-ring-inset: ;
+    --tw-ring-offset-width:0px;
+    --tw-ring-offset-color:#fff;
+    --tw-ring-color:rgba(59,130,246,.5);
+    --tw-ring-offset-shadow:0 0 #0000;
+    --tw-ring-shadow:0 0 #0000;
+    --tw-shadow:0 0 #0000;
+    --tw-shadow-colored:0 0 #0000;
+    --tw-blur: ;
+    --tw-brightness: ;
+    --tw-contrast: ;
+    --tw-grayscale: ;
+    --tw-hue-rotate: ;
+    --tw-invert: ;
+    --tw-saturate: ;
+    --tw-sepia: ;
+    --tw-drop-shadow: ;
+    --tw-backdrop-blur: ;
+    --tw-backdrop-brightness: ;
+    --tw-backdrop-contrast: ;
+    --tw-backdrop-grayscale: ;
+    --tw-backdrop-hue-rotate: ;
+    --tw-backdrop-invert: ;
+    --tw-backdrop-opacity: ;
+    --tw-backdrop-saturate: ;
+    --tw-backdrop-sepia: 
+}
+.container{
+    width:100%
+}
+@media(min-width:640px){
+    .container{
+        max-width:640px
+    }
+}
+@media(min-width:768px){
+    .container{
+        max-width:768px
+    }
+}
+@media(min-width:1024px){
+    .container{
+        max-width:1024px
+    }
+}
+@media(min-width:1280px){
+    .container{
+        max-width:1280px
+    }
+}
+@media(min-width:1536px){
+    .container{
+        max-width:1536px
+    }
+}
+.pointer-events-none{
+    pointer-events:none
+}
+.visible{
+    visibility:visible
+}
+.invisible{
+    visibility:hidden
+}
+.static{
+    position:static
+}
+.fixed{
+    position:fixed
+}
+.absolute{
+    position:absolute
+}
+.relative{
+    position:relative
+}
+.sticky{
+    position:sticky
+}
+.inset-0{
+    top:0;
+    right:0;
+    bottom:0;
+    left:0
+}
+.bottom-0{
+    bottom:0
+}
+.-top-16{
+    top:-4rem
+}
+.right-4{
+    right:1rem
+}
+.left-0{
+    left:0
+}
+.top-0{
+    top:0
+}
+.left-4{
+    left:1rem
+}
+.right-2{
+    right:.5rem
+}
+.left-2{
+    left:.5rem
+}
+.right-0{
+    right:0
+}
+.top-5{
+    top:1.25rem
+}
+.right-3{
+    right:.75rem
+}
+.top-3{
+    top:.75rem
+}
+.top-2{
+    top:.5rem
+}
+.bottom-2{
+    bottom:.5rem
+}
+.bottom-3{
+    bottom:.75rem
+}
+.-right-2\.5{
+    right:-.625rem
+}
+.-top-1{
+    top:-.25rem
+}
+.-right-2{
+    right:-.5rem
+}
+.right-5{
+    right:1.25rem
+}
+.-top-6{
+    top:-1.5rem
+}
+.z-50{
+    z-index:50
+}
+.z-20{
+    z-index:20
+}
+.z-40{
+    z-index:40
+}
+.z-10{
+    z-index:10
+}
+.z-30{
+    z-index:30
+}
+.col-span-3{
+    grid-column:span 3/span 3
+}
+.col-span-4{
+    grid-column:span 4/span 4
+}
+.m-4{
+    margin:1rem
+}
+.m-2{
+    margin:.5rem
+}
+.m-1\.5{
+    margin:.375rem
+}
+.m-1{
+    margin:.25rem
+}
+.m-0\.5{
+    margin:.125rem
+}
+.m-0{
+    margin:0
+}
+.m-auto{
+    margin:auto
+}
+.my-4{
+    margin-top:1rem;
+    margin-bottom:1rem
+}
+.my-2{
+    margin-top:.5rem;
+    margin-bottom:.5rem
+}
+.mx-2{
+    margin-left:.5rem;
+    margin-right:.5rem
+}
+.my-8{
+    margin-top:2rem;
+    margin-bottom:2rem
+}
+.mx-auto{
+    margin-left:auto;
+    margin-right:auto
+}
+.mx-1{
+    margin-left:.25rem;
+    margin-right:.25rem
+}
+.my-3{
+    margin-top:.75rem;
+    margin-bottom:.75rem
+}
+.my-10{
+    margin-top:2.5rem;
+    margin-bottom:2.5rem
+}
+.mb-2{
+    margin-bottom:.5rem
+}
+.-mt-1{
+    margin-top:-.25rem
+}
+.mr-4{
+    margin-right:1rem
+}
+.mb-16{
+    margin-bottom:4rem
+}
+.mt-16{
+    margin-top:4rem
+}
+.mb-12{
+    margin-bottom:3rem
+}
+.mt-0{
+    margin-top:0
+}
+.-mt-3{
+    margin-top:-.75rem
+}
+.mb-6{
+    margin-bottom:1.5rem
+}
+.mb-4{
+    margin-bottom:1rem
+}
+.mt-1{
+    margin-top:.25rem
+}
+.mt-3{
+    margin-top:.75rem
+}
+.mr-2{
+    margin-right:.5rem
+}
+.mt-8{
+    margin-top:2rem
+}
+.ml-2{
+    margin-left:.5rem
+}
+.mt-4{
+    margin-top:1rem
+}
+.mb-8{
+    margin-bottom:2rem
+}
+.mt-2{
+    margin-top:.5rem
+}
+.ml-3{
+    margin-left:.75rem
+}
+.mt-5{
+    margin-top:1.25rem
+}
+.-mr-1{
+    margin-right:-.25rem
+}
+.mb-3{
+    margin-bottom:.75rem
+}
+.mt-6{
+    margin-top:1.5rem
+}
+.mt-\[20px\]{
+    margin-top:20px
+}
+.mt-0\.5{
+    margin-top:.125rem
+}
+.mr-1{
+    margin-right:.25rem
+}
+.mb-1{
+    margin-bottom:.25rem
+}
+.mb-0\.5{
+    margin-bottom:.125rem
+}
+.mb-0{
+    margin-bottom:0
+}
+.mb-1\.5{
+    margin-bottom:.375rem
+}
+.ml-1{
+    margin-left:.25rem
+}
+.mt-14{
+    margin-top:3.5rem
+}
+.mt-24{
+    margin-top:6rem
+}
+.mr-3{
+    margin-right:.75rem
+}
+.ml-0{
+    margin-left:0
+}
+.-ml-2\.5{
+    margin-left:-.625rem
+}
+.-ml-2{
+    margin-left:-.5rem
+}
+.mb-32{
+    margin-bottom:8rem
+}
+.mt-10{
+    margin-top:2.5rem
+}
+.mt-auto{
+    margin-top:auto
+}
+.mt-12{
+    margin-top:3rem
+}
+.box-content{
+    box-sizing:content-box
+}
+.block{
+    display:block
+}
+.inline-block{
+    display:inline-block
+}
+.flex{
+    display:flex
+}
+.inline-flex{
+    display:inline-flex
+}
+.table{
+    display:table
+}
+.grid{
+    display:grid
+}
+.hidden{
+    display:none
+}
+.h-full{
+    height:100%
+}
+.h-5{
+    height:1.25rem
+}
+.h-6{
+    height:1.5rem
+}
+.h-4{
+    height:1rem
+}
+.h-8{
+    height:2rem
+}
+.h-screen{
+    height:100vh
+}
+.h-10{
+    height:2.5rem
+}
+.h-11{
+    height:2.75rem
+}
+.h-12{
+    height:3rem
+}
+.h-16{
+    height:4rem
+}
+.h-9{
+    height:2.25rem
+}
+.h-7{
+    height:1.75rem
+}
+.h-0\.5{
+    height:.125rem
+}
+.h-0{
+    height:0
+}
+.h-3{
+    height:.75rem
+}
+.h-auto{
+    height:auto
+}
+.h-28{
+    height:7rem
+}
+.h-2{
+    height:.5rem
+}
+.h-48{
+    height:12rem
+}
+.min-h-screen{
+    min-height:100vh
+}
+.w-64{
+    width:16rem
+}
+.w-32{
+    width:8rem
+}
+.w-full{
+    width:100%
+}
+.w-4{
+    width:1rem
+}
+.w-5{
+    width:1.25rem
+}
+.w-6{
+    width:1.5rem
+}
+.w-8{
+    width:2rem
+}
+.w-screen{
+    width:100vw
+}
+.w-10{
+    width:2.5rem
+}
+.w-11{
+    width:2.75rem
+}
+.w-12{
+    width:3rem
+}
+.w-\[120px\]{
+    width:120px
+}
+.w-16{
+    width:4rem
+}
+.w-7{
+    width:1.75rem
+}
+.w-20{
+    width:5rem
+}
+.w-3{
+    width:.75rem
+}
+.w-28{
+    width:7rem
+}
+.w-14{
+    width:3.5rem
+}
+.w-24{
+    width:6rem
+}
+.w-2{
+    width:.5rem
+}
+.w-auto{
+    width:auto
+}
+.w-52{
+    width:13rem
+}
+.w-96{
+    width:24rem
+}
+.w-48{
+    width:12rem
+}
+.w-72{
+    width:18rem
+}
+.w-1\/2{
+    width:50%
+}
+.max-w-sm{
+    max-width:24rem
+}
+.max-w-\[600px\]{
+    max-width:600px
+}
+.max-w-\[1300px\]{
+    max-width:1300px
+}
+.max-w-\[800px\]{
+    max-width:800px
+}
+.max-w-\[1400px\]{
+    max-width:1400px
+}
+.max-w-6xl{
+    max-width:72rem
+}
+.max-w-2xl{
+    max-width:42rem
+}
+.max-w-\[170px\]{
+    max-width:170px
+}
+.flex-1{
+    flex:1 1 0%
+}
+.flex-shrink-0{
+    flex-shrink:0
+}
+.flex-shrink{
+    flex-shrink:1
+}
+.translate-y-1{
+    --tw-translate-y:0.25rem
+}
+.translate-y-0,.translate-y-1{
+    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.translate-y-0{
+    --tw-translate-y:0px
+}
+.-translate-y-1\/2{
+    --tw-translate-y:-50%
+}
+.-translate-y-1\/2,.scale-50{
+    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.scale-50{
+    --tw-scale-x:.5;
+    --tw-scale-y:.5
+}
+.transform{
+    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.transform-gpu{
+    transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+@keyframes ping{
+    75%,to{
+        transform:scale(2);
+        opacity:0
+    }
+}
+.animate-ping{
+    animation:ping 1s cubic-bezier(0,0,.2,1) infinite
+}
+.cursor-pointer{
+    cursor:pointer
+}
+.cursor-text{
+    cursor:text
+}
+.cursor-default{
+    cursor:default
+}
+.cursor-zoom-in{
+    cursor:zoom-in
+}
+.touch-none{
+    touch-action:none
+}
+.select-none{
+    -webkit-user-select:none;
+    -moz-user-select:none;
+    user-select:none
+}
+.select-text{
+    -webkit-user-select:text;
+    -moz-user-select:text;
+    user-select:text
+}
+.resize{
+    resize:both
+}
+.grid-cols-2{
+    grid-template-columns:repeat(2,minmax(0,1fr))
+}
+.grid-cols-10{
+    grid-template-columns:repeat(10,minmax(0,1fr))
+}
+.grid-cols-1{
+    grid-template-columns:repeat(1,minmax(0,1fr))
+}
+.flex-row{
+    flex-direction:row
+}
+.flex-col{
+    flex-direction:column
+}
+.flex-col-reverse{
+    flex-direction:column-reverse
+}
+.flex-wrap{
+    flex-wrap:wrap
+}
+.items-start{
+    align-items:flex-start
+}
+.items-end{
+    align-items:flex-end
+}
+.items-center{
+    align-items:center
+}
+.justify-start{
+    justify-content:flex-start
+}
+.justify-end{
+    justify-content:flex-end
+}
+.justify-center{
+    justify-content:center
+}
+.justify-between{
+    justify-content:space-between
+}
+.gap-2{
+    gap:.5rem
+}
+.gap-8{
+    gap:2rem
+}
+.space-x-1>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(.25rem * var(--tw-space-x-reverse));
+    margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-x-2>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(.5rem * var(--tw-space-x-reverse));
+    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-x-4>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(1rem * var(--tw-space-x-reverse));
+    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-y-5>:not([hidden])~:not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
+}
+.space-y-2>:not([hidden])~:not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
+}
+.space-x-3>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(.75rem * var(--tw-space-x-reverse));
+    margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-x-1\.5>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(.375rem * var(--tw-space-x-reverse));
+    margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-y-4>:not([hidden])~:not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(1rem * var(--tw-space-y-reverse))
+}
+.space-x-16>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(4rem * var(--tw-space-x-reverse));
+    margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-y-8>:not([hidden])~:not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(2rem * var(--tw-space-y-reverse))
+}
+.space-x-5>:not([hidden])~:not([hidden]){
+    --tw-space-x-reverse:0;
+    margin-right:calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
+}
+.space-y-1>:not([hidden])~:not([hidden]){
+    --tw-space-y-reverse:0;
+    margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
+}
+.divide-y>:not([hidden])~:not([hidden]){
+    --tw-divide-y-reverse:0;
+    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
+}
+.divide-zinc-700>:not([hidden])~:not([hidden]){
+    --tw-divide-opacity:1;
+    border-color:rgb(63 63 70/var(--tw-divide-opacity))
+}
+.self-center{
+    align-self:center
+}
+.self-stretch{
+    align-self:stretch
+}
+.overflow-auto{
+    overflow:auto
+}
+.overflow-hidden{
+    overflow:hidden
+}
+.overflow-y-auto{
+    overflow-y:auto
+}
+.overflow-x-hidden{
+    overflow-x:hidden
+}
+.overflow-y-hidden{
+    overflow-y:hidden
+}
+.truncate{
+    overflow:hidden;
+    white-space:nowrap
+}
+.overflow-ellipsis,.truncate{
+    text-overflow:ellipsis
+}
+.whitespace-nowrap{
+    white-space:nowrap
+}
+.rounded-md{
+    border-radius:.375rem
+}
+.rounded{
+    border-radius:.25rem
+}
+.rounded-lg{
+    border-radius:.5rem
+}
+.rounded-sm{
+    border-radius:.125rem
+}
+.rounded-xl{
+    border-radius:.75rem
+}
+.rounded-full{
+    border-radius:9999px
+}
+.rounded-2xl{
+    border-radius:1rem
+}
+.border{
+    border-width:1px
+}
+.border-t{
+    border-top-width:1px
+}
+.border-t-2{
+    border-top-width:2px
+}
+.border-l-2{
+    border-left-width:2px
+}
+.border-r-2{
+    border-right-width:2px
+}
+.border-b-2{
+    border-bottom-width:2px
+}
+.border-b{
+    border-bottom-width:1px
+}
+.border-r{
+    border-right-width:1px
+}
+.border-l{
+    border-left-width:1px
+}
+.border-l-4{
+    border-left-width:4px
+}
+.border-zinc-800{
+    --tw-border-opacity:1;
+    border-color:rgb(39 39 42/var(--tw-border-opacity))
+}
+.border-zinc-700{
+    --tw-border-opacity:1;
+    border-color:rgb(63 63 70/var(--tw-border-opacity))
+}
+.border-zinc-600{
+    --tw-border-opacity:1;
+    border-color:rgb(82 82 91/var(--tw-border-opacity))
+}
+.border-gray-500{
+    --tw-border-opacity:1;
+    border-color:rgb(107 114 128/var(--tw-border-opacity))
+}
+.border-zinc-500{
+    --tw-border-opacity:1;
+    border-color:rgb(113 113 122/var(--tw-border-opacity))
+}
+.border-indigo-800{
+    --tw-border-opacity:1;
+    border-color:rgb(55 48 163/var(--tw-border-opacity))
+}
+.border-indigo-600{
+    --tw-border-opacity:1;
+    border-color:rgb(79 70 229/var(--tw-border-opacity))
+}
+.border-transparent{
+    border-color:transparent
+}
+.border-indigo-900{
+    --tw-border-opacity:1;
+    border-color:rgb(49 46 129/var(--tw-border-opacity))
+}
+.border-red-900{
+    --tw-border-opacity:1;
+    border-color:rgb(127 29 29/var(--tw-border-opacity))
+}
+.border-indigo-500{
+    --tw-border-opacity:1;
+    border-color:rgb(99 102 241/var(--tw-border-opacity))
+}
+.border-t-zinc-700{
+    --tw-border-opacity:1;
+    border-top-color:rgb(63 63 70/var(--tw-border-opacity))
+}
+.border-b-zinc-700{
+    --tw-border-opacity:1;
+    border-bottom-color:rgb(63 63 70/var(--tw-border-opacity))
+}
+.border-r-zinc-700{
+    --tw-border-opacity:1;
+    border-right-color:rgb(63 63 70/var(--tw-border-opacity))
+}
+.border-l-zinc-700{
+    --tw-border-opacity:1;
+    border-left-color:rgb(63 63 70/var(--tw-border-opacity))
+}
+.border-t-zinc-600{
+    --tw-border-opacity:1;
+    border-top-color:rgb(82 82 91/var(--tw-border-opacity))
+}
+.border-l-indigo-500{
+    --tw-border-opacity:1;
+    border-left-color:rgb(99 102 241/var(--tw-border-opacity))
+}
+.border-l-red-500{
+    --tw-border-opacity:1;
+    border-left-color:rgb(239 68 68/var(--tw-border-opacity))
+}
+.border-opacity-50{
+    --tw-border-opacity:0.5
+}
+.border-opacity-40{
+    --tw-border-opacity:0.4
+}
+.border-opacity-20{
+    --tw-border-opacity:0.2
+}
+.bg-zinc-900{
+    --tw-bg-opacity:1;
+    background-color:rgb(24 24 27/var(--tw-bg-opacity))
+}
+.bg-zinc-700{
+    --tw-bg-opacity:1;
+    background-color:rgb(63 63 70/var(--tw-bg-opacity))
+}
+.bg-zinc-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(113 113 122/var(--tw-bg-opacity))
+}
+.bg-indigo-800{
+    --tw-bg-opacity:1;
+    background-color:rgb(55 48 163/var(--tw-bg-opacity))
+}
+.bg-zinc-800{
+    --tw-bg-opacity:1;
+    background-color:rgb(39 39 42/var(--tw-bg-opacity))
+}
+.bg-transparent{
+    background-color:transparent
+}
+.bg-black{
+    --tw-bg-opacity:1;
+    background-color:rgb(0 0 0/var(--tw-bg-opacity))
+}
+.bg-indigo-600{
+    --tw-bg-opacity:1;
+    background-color:rgb(79 70 229/var(--tw-bg-opacity))
+}
+.bg-white{
+    --tw-bg-opacity:1;
+    background-color:rgb(255 255 255/var(--tw-bg-opacity))
+}
+.bg-red-800{
+    --tw-bg-opacity:1;
+    background-color:rgb(153 27 27/var(--tw-bg-opacity))
+}
+.bg-zinc-300{
+    --tw-bg-opacity:1;
+    background-color:rgb(212 212 216/var(--tw-bg-opacity))
+}
+.bg-zinc-200{
+    --tw-bg-opacity:1;
+    background-color:rgb(228 228 231/var(--tw-bg-opacity))
+}
+.bg-red-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(239 68 68/var(--tw-bg-opacity))
+}
+.bg-orange-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(249 115 22/var(--tw-bg-opacity))
+}
+.bg-yellow-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(234 179 8/var(--tw-bg-opacity))
+}
+.bg-green-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(34 197 94/var(--tw-bg-opacity))
+}
+.bg-blue-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(59 130 246/var(--tw-bg-opacity))
+}
+.bg-indigo-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(99 102 241/var(--tw-bg-opacity))
+}
+.bg-purple-500{
+    --tw-bg-opacity:1;
+    background-color:rgb(168 85 247/var(--tw-bg-opacity))
+}
+.bg-zinc-600{
+    --tw-bg-opacity:1;
+    background-color:rgb(82 82 91/var(--tw-bg-opacity))
+}
+.bg-indigo-700{
+    --tw-bg-opacity:1;
+    background-color:rgb(67 56 202/var(--tw-bg-opacity))
+}
+.bg-green-300{
+    --tw-bg-opacity:1;
+    background-color:rgb(134 239 172/var(--tw-bg-opacity))
+}
+.bg-red-700{
+    --tw-bg-opacity:1;
+    background-color:rgb(185 28 28/var(--tw-bg-opacity))
+}
+.bg-gray-700{
+    --tw-bg-opacity:1;
+    background-color:rgb(55 65 81/var(--tw-bg-opacity))
+}
+.bg-indigo-900{
+    --tw-bg-opacity:1;
+    background-color:rgb(49 46 129/var(--tw-bg-opacity))
+}
+.bg-indigo-400{
+    --tw-bg-opacity:1;
+    background-color:rgb(129 140 248/var(--tw-bg-opacity))
+}
+.bg-opacity-80{
+    --tw-bg-opacity:0.8
+}
+.bg-opacity-90{
+    --tw-bg-opacity:0.9
+}
+.bg-opacity-0{
+    --tw-bg-opacity:0
+}
+.bg-opacity-70{
+    --tw-bg-opacity:0.7
+}
+.bg-opacity-50{
+    --tw-bg-opacity:0.5
+}
+.bg-opacity-40{
+    --tw-bg-opacity:0.4
+}
+.bg-opacity-20{
+    --tw-bg-opacity:0.2
+}
+.bg-opacity-60{
+    --tw-bg-opacity:0.6
+}
+.bg-opacity-10{
+    --tw-bg-opacity:0.1
+}
+.bg-gradient-to-t{
+    background-image:linear-gradient(to top,var(--tw-gradient-stops))
+}
+.from-indigo-900{
+    --tw-gradient-from:#312e81;
+    --tw-gradient-to:rgba(49,46,129,0);
+    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
+}
+.from-indigo-800{
+    --tw-gradient-from:#3730a3;
+    --tw-gradient-to:rgba(55,48,163,0);
+    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
+}
+.from-zinc-700{
+    --tw-gradient-from:#3f3f46;
+    --tw-gradient-to:rgba(63,63,70,0);
+    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
+}
+.from-indigo-700{
+    --tw-gradient-from:#4338ca;
+    --tw-gradient-to:rgba(67,56,202,0);
+    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
+}
+.from-indigo-600{
+    --tw-gradient-from:#4f46e5;
+    --tw-gradient-to:rgba(79,70,229,0);
+    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
+}
+.via-indigo-900{
+    --tw-gradient-to:rgba(49,46,129,0);
+    --tw-gradient-stops:var(--tw-gradient-from),#312e81,var(--tw-gradient-to)
+}
+.via-indigo-800{
+    --tw-gradient-to:rgba(55,48,163,0);
+    --tw-gradient-stops:var(--tw-gradient-from),#3730a3,var(--tw-gradient-to)
+}
+.via-zinc-700{
+    --tw-gradient-to:rgba(63,63,70,0);
+    --tw-gradient-stops:var(--tw-gradient-from),#3f3f46,var(--tw-gradient-to)
+}
+.via-indigo-700{
+    --tw-gradient-to:rgba(67,56,202,0);
+    --tw-gradient-stops:var(--tw-gradient-from),#4338ca,var(--tw-gradient-to)
+}
+.via-indigo-600{
+    --tw-gradient-to:rgba(79,70,229,0);
+    --tw-gradient-stops:var(--tw-gradient-from),#4f46e5,var(--tw-gradient-to)
+}
+.to-indigo-800{
+    --tw-gradient-to:#3730a3
+}
+.to-indigo-600{
+    --tw-gradient-to:#4f46e5
+}
+.to-indigo-700{
+    --tw-gradient-to:#4338ca
+}
+.to-zinc-700{
+    --tw-gradient-to:#3f3f46
+}
+.to-indigo-500{
+    --tw-gradient-to:#6366f1
+}
+.object-contain{
+    -o-object-fit:contain;
+    object-fit:contain
+}
+.object-cover{
+    -o-object-fit:cover;
+    object-fit:cover
+}
+.p-1{
+    padding:.25rem
+}
+.p-8{
+    padding:2rem
+}
+.p-0\.5{
+    padding:.125rem
+}
+.p-0{
+    padding:0
+}
+.p-2{
+    padding:.5rem
+}
+.p-6{
+    padding:1.5rem
+}
+.p-4{
+    padding:1rem
+}
+.p-\[6px\]{
+    padding:6px
+}
+.px-4{
+    padding-left:1rem;
+    padding-right:1rem
+}
+.py-2{
+    padding-top:.5rem;
+    padding-bottom:.5rem
+}
+.py-1\.5{
+    padding-top:.375rem;
+    padding-bottom:.375rem
+}
+.px-2{
+    padding-left:.5rem;
+    padding-right:.5rem
+}
+.py-1{
+    padding-top:.25rem;
+    padding-bottom:.25rem
+}
+.px-2\.5{
+    padding-left:.625rem;
+    padding-right:.625rem
+}
+.px-3{
+    padding-left:.75rem;
+    padding-right:.75rem
+}
+.px-10{
+    padding-left:2.5rem;
+    padding-right:2.5rem
+}
+.px-16{
+    padding-left:4rem;
+    padding-right:4rem
+}
+.py-8{
+    padding-top:2rem;
+    padding-bottom:2rem
+}
+.py-4{
+    padding-top:1rem;
+    padding-bottom:1rem
+}
+.px-8{
+    padding-left:2rem;
+    padding-right:2rem
+}
+.py-2\.5{
+    padding-top:.625rem;
+    padding-bottom:.625rem
+}
+.px-1{
+    padding-left:.25rem;
+    padding-right:.25rem
+}
+.px-6{
+    padding-left:1.5rem;
+    padding-right:1.5rem
+}
+.px-5{
+    padding-left:1.25rem;
+    padding-right:1.25rem
+}
+.py-3{
+    padding-top:.75rem;
+    padding-bottom:.75rem
+}
+.py-\[6px\]{
+    padding-top:6px;
+    padding-bottom:6px
+}
+.px-12{
+    padding-left:3rem;
+    padding-right:3rem
+}
+.px-1\.5{
+    padding-left:.375rem;
+    padding-right:.375rem
+}
+.py-0\.5{
+    padding-top:.125rem;
+    padding-bottom:.125rem
+}
+.py-0{
+    padding-top:0;
+    padding-bottom:0
+}
+.py-5{
+    padding-top:1.25rem;
+    padding-bottom:1.25rem
+}
+.pb-3{
+    padding-bottom:.75rem
+}
+.pl-6{
+    padding-left:1.5rem
+}
+.pb-0{
+    padding-bottom:0
+}
+.pl-8{
+    padding-left:2rem
+}
+.pl-5{
+    padding-left:1.25rem
+}
+.pl-12{
+    padding-left:3rem
+}
+.pr-12{
+    padding-right:3rem
+}
+.pt-3{
+    padding-top:.75rem
+}
+.pr-0\.5{
+    padding-right:.125rem
+}
+.pr-0{
+    padding-right:0
+}
+.pb-16{
+    padding-bottom:4rem
+}
+.pb-2{
+    padding-bottom:.5rem
+}
+.pt-16{
+    padding-top:4rem
+}
+.pl-4{
+    padding-left:1rem
+}
+.pt-20{
+    padding-top:5rem
+}
+.pb-32{
+    padding-bottom:8rem
+}
+.pl-1{
+    padding-left:.25rem
+}
+.pt-6{
+    padding-top:1.5rem
+}
+.pt-2{
+    padding-top:.5rem
+}
+.pb-1{
+    padding-bottom:.25rem
+}
+.pr-20{
+    padding-right:5rem
+}
+.pl-2{
+    padding-left:.5rem
+}
+.pb-6{
+    padding-bottom:1.5rem
+}
+.pl-2\.5{
+    padding-left:.625rem
+}
+.pt-8{
+    padding-top:2rem
+}
+.pt-7{
+    padding-top:1.75rem
+}
+.text-center{
+    text-align:center
+}
+.text-right{
+    text-align:right
+}
+.font-logo{
+    font-family:Melodrama-Variable,sans-serif
+}
+.text-sm{
+    font-size:.875rem;
+    line-height:1.25rem
+}
+.text-xl{
+    font-size:1.25rem;
+    line-height:1.75rem
+}
+.text-xs{
+    font-size:.8rem;
+    line-height:1rem
+}
+.text-lg{
+    font-size:1.125rem;
+    line-height:1.75rem
+}
+.text-4xl{
+    font-size:2.25rem;
+    line-height:2.5rem
+}
+.text-7xl{
+    font-size:4.5rem;
+    line-height:1
+}
+.text-6xl{
+    font-size:3.75rem;
+    line-height:1
+}
+.text-base{
+    font-size:1rem;
+    line-height:1.5rem
+}
+.text-\[12px\]{
+    font-size:12px
+}
+.text-5xl{
+    font-size:3rem;
+    line-height:1
+}
+.text-2xl{
+    font-size:1.5rem;
+    line-height:2rem
+}
+.font-bold{
+    font-weight:700
+}
+.font-medium{
+    font-weight:500
+}
+.font-normal{
+    font-weight:400
+}
+.font-light{
+    font-weight:300
+}
+.font-semibold{
+    font-weight:600
+}
+.uppercase{
+    text-transform:uppercase
+}
+.italic{
+    font-style:italic
+}
+.slashed-zero{
+    --tw-slashed-zero:slashed-zero
+}
+.proportional-nums,.slashed-zero{
+    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+}
+.proportional-nums{
+    --tw-numeric-spacing:proportional-nums
+}
+.leading-snug{
+    line-height:1.375
+}
+.leading-relaxed{
+    line-height:1.625
+}
+.leading-6{
+    line-height:1.5rem
+}
+.tracking-wider{
+    letter-spacing:.05em
+}
+.text-zinc-200{
+    --tw-text-opacity:1;
+    color:rgb(228 228 231/var(--tw-text-opacity))
+}
+.text-gray-100{
+    --tw-text-opacity:1;
+    color:rgb(243 244 246/var(--tw-text-opacity))
+}
+.text-zinc-300{
+    --tw-text-opacity:1;
+    color:rgb(212 212 216/var(--tw-text-opacity))
+}
+.text-zinc-400{
+    --tw-text-opacity:1;
+    color:rgb(161 161 170/var(--tw-text-opacity))
+}
+.text-red-400{
+    --tw-text-opacity:1;
+    color:rgb(248 113 113/var(--tw-text-opacity))
+}
+.text-red-500{
+    --tw-text-opacity:1;
+    color:rgb(239 68 68/var(--tw-text-opacity))
+}
+.text-white{
+    --tw-text-opacity:1;
+    color:rgb(255 255 255/var(--tw-text-opacity))
+}
+.text-zinc-100{
+    --tw-text-opacity:1;
+    color:rgb(244 244 245/var(--tw-text-opacity))
+}
+.text-gray-400{
+    --tw-text-opacity:1;
+    color:rgb(156 163 175/var(--tw-text-opacity))
+}
+.text-sky-500{
+    --tw-text-opacity:1;
+    color:rgb(14 165 233/var(--tw-text-opacity))
+}
+.text-green-400{
+    --tw-text-opacity:1;
+    color:rgb(74 222 128/var(--tw-text-opacity))
+}
+.text-indigo-400{
+    --tw-text-opacity:1;
+    color:rgb(129 140 248/var(--tw-text-opacity))
+}
+.text-red-300{
+    --tw-text-opacity:1;
+    color:rgb(252 165 165/var(--tw-text-opacity))
+}
+.text-zinc-500{
+    --tw-text-opacity:1;
+    color:rgb(113 113 122/var(--tw-text-opacity))
+}
+.underline{
+    text-decoration-line:underline
+}
+.opacity-60{
+    opacity:.6
+}
+.opacity-50{
+    opacity:.5
+}
+.opacity-80{
+    opacity:.8
+}
+.opacity-90{
+    opacity:.9
+}
+.opacity-30{
+    opacity:.3
+}
+.opacity-40{
+    opacity:.4
+}
+.opacity-20{
+    opacity:.2
+}
+.opacity-10{
+    opacity:.1
+}
+.opacity-100{
+    opacity:1
+}
+.opacity-0{
+    opacity:0
+}
+.opacity-70{
+    opacity:.7
+}
+.opacity-75{
+    opacity:.75
+}
+.shadow-md{
+    --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
+}
+.shadow,.shadow-md{
+    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+}
+.shadow{
+    --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
+}
+.shadow-sm{
+    --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
+    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
+}
+.shadow-sm,.shadow-xl{
+    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+}
+.shadow-xl{
+    --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
+}
+.shadow-lg{
+    --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
+    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+}
+.ring-1{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+}
+.ring-zinc-600{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(82 82 91/var(--tw-ring-opacity))
+}
+.ring-zinc-500{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(113 113 122/var(--tw-ring-opacity))
+}
+.blur{
+    --tw-blur:blur(8px)
+}
+.blur,.brightness-110{
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.brightness-110{
+    --tw-brightness:brightness(1.1)
+}
+.drop-shadow-md{
+    --tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
+}
+.drop-shadow-lg,.drop-shadow-md{
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.drop-shadow-lg{
+    --tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))
+}
+.drop-shadow{
+    --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
+}
+.drop-shadow,.drop-shadow-xl{
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.drop-shadow-xl{
+    --tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))
+}
+.drop-shadow-dark{
+    --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 1px 1px rgba(0,0,0,.15))
+}
+.drop-shadow-dark,.filter{
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.backdrop-blur{
+    --tw-backdrop-blur:blur(8px)
+}
+.backdrop-blur,.backdrop-blur-lg{
+    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+.backdrop-blur-lg{
+    --tw-backdrop-blur:blur(16px)
+}
+.backdrop-blur-sm{
+    --tw-backdrop-blur:blur(4px);
+    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+.transition{
+    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
+    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
+    transition-timing-function:cubic-bezier(.4,0,.2,1);
+    transition-duration:.15s
+}
+.transition-all{
+    transition-property:all;
+    transition-timing-function:cubic-bezier(.4,0,.2,1);
+    transition-duration:.15s
+}
+.transition-opacity{
+    transition-property:opacity;
+    transition-timing-function:cubic-bezier(.4,0,.2,1);
+    transition-duration:.15s
+}
+.duration-300{
+    transition-duration:.3s
+}
+.ease-in-out{
+    transition-timing-function:cubic-bezier(.4,0,.2,1)
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:100;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Thin.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Thin.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:100;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-ThinItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ThinItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:200;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-ExtraLight.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraLight.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:200;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraLightItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:300;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Light.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Light.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:300;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-LightItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-LightItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:400;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Regular.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Regular.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:400;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Italic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Italic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:500;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Medium.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Medium.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:500;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-MediumItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-MediumItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:600;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-SemiBold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-SemiBold.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:600;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-SemiBoldItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:700;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Bold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Bold.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:700;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-BoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-BoldItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:800;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-ExtraBold.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraBold.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:800;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-ExtraBoldItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:normal;
+    font-weight:900;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-Black.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-Black.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter;
+    font-style:italic;
+    font-weight:900;
+    font-display:swap;
+    src:url(/fonts/Inter/Inter-BlackItalic.woff2?v=3.19) format("woff2"),url(/fonts/Inter/Inter-BlackItalic.woff?v=3.19) format("woff")
+}
+@font-face{
+    font-family:Inter var;
+    font-weight:100 900;
+    font-display:swap;
+    font-style:normal;
+    font-named-instance:"Regular";
+    src:url(/fonts/Inter/Inter-roman.var.woff2?v=3.19) format("woff2")
+}
+@font-face{
+    font-family:Inter var;
+    font-weight:100 900;
+    font-display:swap;
+    font-style:italic;
+    font-named-instance:"Italic";
+    src:url(/fonts/Inter/Inter-italic.var.woff2?v=3.19) format("woff2")
+}
+@font-face{
+    font-family:Inter var experimental;
+    font-weight:100 900;
+    font-display:swap;
+    font-style:oblique 0 10deg;
+    src:url(/fonts/Inter/Inter.var.woff2?v=3.19) format("woff2")
+}
+@font-face{
+    font-family:Melodrama-Variable;
+    src:url(/fonts/Melodrama/Melodrama-Variable.woff2) format("woff2"),url(/fonts/Melodrama/Melodrama-Variable.woff) format("woff"),url(/fonts/Melodrama/Melodrama-Variable.ttf) format("truetype");
+    font-weight:300 700;
+    font-display:swap;
+    font-style:normal
+}
+:root{
+    color-scheme:dark
+}
+body{
+    background-color:#1e293b;
+    overflow-x:hidden
+}
+@keyframes fade-in-keyframes{
+    0%{
+        opacity:0;
+        transform:translate(-50%,-49%) scale(.96)
+    }
+    to{
+        opacity:1;
+        transform:translate(-50%,-50%) scale(1)
+    }
+}
+.fadeInAndScale{
+    animation:fade-in-keyframes .15s ease-in-out
+}
+@keyframes slide-down-and-fade{
+    0%{
+        opacity:0;
+        transform:translateY(-6px) scale(.95);
+        transform-origin:top right
+    }
+    to{
+        opacity:1;
+        transform:translateY(0) scale(1)
+    }
+}
+@keyframes slide-left-and-fade{
+    0%{
+        opacity:0;
+        transform:translateX(2px)
+    }
+    to{
+        opacity:1;
+        transform:translateX(0)
+    }
+}
+.slideDownAndFade{
+    animation:slide-down-and-fade .1s ease-in-out
+}
+.slideLeftAndFade{
+    animation:slide-left-and-fade .1s ease-in-out
+}
+.carousel .slide img{
+    pointer-events:all
+}
+.line-clamp{
+    display:-webkit-box;
+    -webkit-line-clamp:2;
+    -webkit-box-orient:vertical;
+    text-overflow:ellipsis;
+    overflow:hidden;
+    text-align:left
+}
+.line-clamp>p{
+    margin-bottom:0
+}
+.heart{
+    width:100px;
+    height:100px;
+    background:url(/heart-animation.png) no-repeat;
+    cursor:pointer;
+    transition:background-position 1s steps(28);
+    transition-duration:0s
+}
+.heart.is-active{
+    transition-duration:1s;
+    background-position:-2800px 0
+}
+#nprogress .bar{
+    background:rgba(79,70,229,.5)!important;
+    height:3px!important
+}
+.thin-scrollbar{
+    scrollbar-gutter:stable;
+    overflow-y:auto
+}
+.scrollbar-gutter-default{
+    scrollbar-gutter:inherit
+}
+.thin-scrollbar::-webkit-scrollbar{
+    width:5px;
+    height:5px
+}
+.thin-scrollbar::-webkit-scrollbar-track{
+    background:0 0
+}
+.thin-scrollbar::-webkit-scrollbar-thumb{
+    background:#9ca1a5;
+    border-radius:.25rem;
+    -webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
+    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
+    transition-timing-function:cubic-bezier(.4,0,.2,1);
+    transition-duration:75ms
+}
+.thin-scrollbar::-webkit-scrollbar-thumb:hover{
+    background:#aeb3b8
+}
+.placeholder\:opacity-50::-moz-placeholder{
+    opacity:.5
+}
+.placeholder\:opacity-50::placeholder{
+    opacity:.5
+}
+.target\:\!inline-flex:target{
+    display:inline-flex!important
+}
+.hover\:border-indigo-600:hover{
+    --tw-border-opacity:1;
+    border-color:rgb(79 70 229/var(--tw-border-opacity))
+}
+.hover\:border-zinc-600:hover{
+    --tw-border-opacity:1;
+    border-color:rgb(82 82 91/var(--tw-border-opacity))
+}
+.hover\:border-opacity-50:hover{
+    --tw-border-opacity:0.5
+}
+.hover\:bg-zinc-600:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(82 82 91/var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-900:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(24 24 27/var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-700:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(63 63 70/var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-800:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(39 39 42/var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-200:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(228 228 231/var(--tw-bg-opacity))
+}
+.hover\:bg-black:hover{
+    --tw-bg-opacity:1;
+    background-color:rgb(0 0 0/var(--tw-bg-opacity))
+}
+.hover\:bg-opacity-50:hover{
+    --tw-bg-opacity:0.5
+}
+.hover\:bg-opacity-100:hover{
+    --tw-bg-opacity:1
+}
+.hover\:bg-opacity-40:hover{
+    --tw-bg-opacity:0.4
+}
+.hover\:text-red-500:hover{
+    --tw-text-opacity:1;
+    color:rgb(239 68 68/var(--tw-text-opacity))
+}
+.hover\:underline:hover{
+    text-decoration-line:underline
+}
+.hover\:opacity-90:hover{
+    opacity:.9
+}
+.hover\:opacity-100:hover{
+    opacity:1
+}
+.hover\:opacity-60:hover{
+    opacity:.6
+}
+.hover\:shadow-lg:hover{
+    --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
+}
+.hover\:shadow-lg:hover,.hover\:shadow-md:hover{
+    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+}
+.hover\:shadow-md:hover{
+    --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
+    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
+}
+.hover\:ring-1:hover{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
+}
+.hover\:ring-1:hover,.hover\:ring-4:hover{
+    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+}
+.hover\:ring-4:hover{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
+}
+.hover\:ring-zinc-700:hover{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity))
+}
+.hover\:ring-indigo-500:hover{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))
+}
+.hover\:ring-opacity-30:hover{
+    --tw-ring-opacity:0.3
+}
+.hover\:brightness-90:hover{
+    --tw-brightness:brightness(.9)
+}
+.hover\:brightness-105:hover,.hover\:brightness-90:hover{
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.hover\:brightness-105:hover{
+    --tw-brightness:brightness(1.05)
+}
+.hover\:brightness-110:hover{
+    --tw-brightness:brightness(1.1);
+    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+.focus\:z-10:focus{
+    z-index:10
+}
+.focus\:bg-zinc-700:focus{
+    --tw-bg-opacity:1;
+    background-color:rgb(63 63 70/var(--tw-bg-opacity))
+}
+.focus\:bg-opacity-50:focus{
+    --tw-bg-opacity:0.5
+}
+.focus\:outline-none:focus{
+    outline:2px solid transparent;
+    outline-offset:2px
+}
+.focus\:ring-1:focus{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
+}
+.focus\:ring-1:focus,.focus\:ring-2:focus{
+    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+}
+.focus\:ring-2:focus{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
+}
+.focus\:ring-8:focus{
+    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+}
+.focus\:ring-indigo-700:focus{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(67 56 202/var(--tw-ring-opacity))
+}
+.focus\:ring-indigo-600:focus{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity))
+}
+.focus\:ring-indigo-500:focus{
+    --tw-ring-opacity:1;
+    --tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))
+}
+.focus\:ring-opacity-30:focus{
+    --tw-ring-opacity:0.3
+}
+.active\:scale-95:active{
+    --tw-scale-x:.95;
+    --tw-scale-y:.95
+}
+.active\:scale-90:active,.active\:scale-95:active{
+    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.active\:scale-90:active{
+    --tw-scale-x:.9;
+    --tw-scale-y:.9
+}
+.active\:outline-none:active{
+    outline:2px solid transparent;
+    outline-offset:2px
+}
+.group:hover .group-hover\:translate-x-1{
+    --tw-translate-x:0.25rem
+}
+.group:hover .group-hover\:translate-x-1,.group:hover .group-hover\:translate-x-2{
+    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+.group:hover .group-hover\:translate-x-2{
+    --tw-translate-x:0.5rem
+}
+.group:hover .group-hover\:opacity-100{
+    opacity:1
+}
+.group:hover .group-hover\:opacity-90{
+    opacity:.9
+}
+.rdx-state-checked\:bg-indigo-500[data-state=checked]{
+    --tw-bg-opacity:1;
+    background-color:rgb(99 102 241/var(--tw-bg-opacity))
+}
+@media(min-width:640px){
+    .sm\:top-0{
+        top:0
+    }
+    .sm\:top-16{
+        top:4rem
+    }
+    .sm\:right-8{
+        right:2rem
+    }
+    .sm\:z-50{
+        z-index:50
+    }
+    .sm\:mb-0{
+        margin-bottom:0
+    }
+    .sm\:mt-16{
+        margin-top:4rem
+    }
+    .sm\:mt-14{
+        margin-top:3.5rem
+    }
+    .sm\:mt-4{
+        margin-top:1rem
+    }
+    .sm\:mt-0{
+        margin-top:0
+    }
+    .sm\:mt-20{
+        margin-top:5rem
+    }
+    .sm\:block{
+        display:block
+    }
+    .sm\:flex{
+        display:flex
+    }
+    .sm\:hidden{
+        display:none
+    }
+    .sm\:w-auto{
+        width:auto
+    }
+    .sm\:w-36{
+        width:9rem
+    }
+    .sm\:w-1\/4{
+        width:25%
+    }
+    .sm\:max-w-fit{
+        max-width:-moz-fit-content;
+        max-width:fit-content
+    }
+    .sm\:max-w-\[300px\]{
+        max-width:300px
+    }
+    .sm\:flex-row{
+        flex-direction:row
+    }
+    .sm\:flex-col{
+        flex-direction:column
+    }
+    .sm\:items-center{
+        align-items:center
+    }
+    .sm\:gap-0{
+        gap:0
+    }
+    .sm\:space-y-0>:not([hidden])~:not([hidden]){
+        --tw-space-y-reverse:0;
+        margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+        margin-bottom:calc(0px * var(--tw-space-y-reverse))
+    }
+    .sm\:border-t-0{
+        border-top-width:0
+    }
+    .sm\:border-b{
+        border-bottom-width:1px
+    }
+    .sm\:border-b-zinc-700{
+        --tw-border-opacity:1;
+        border-bottom-color:rgb(63 63 70/var(--tw-border-opacity))
+    }
+    .sm\:px-8{
+        padding-left:2rem;
+        padding-right:2rem
+    }
+    .sm\:px-7{
+        padding-left:1.75rem;
+        padding-right:1.75rem
+    }
+    .sm\:pb-8{
+        padding-bottom:2rem
+    }
+    .sm\:pr-2{
+        padding-right:.5rem
+    }
+    .sm\:text-xs{
+        font-size:.8rem;
+        line-height:1rem
+    }
+    .sm\:text-sm{
+        font-size:.875rem;
+        line-height:1.25rem
+    }
+}
+@media(min-width:768px){
+    .md\:ml-\[48px\]{
+        margin-left:48px
+    }
+    .md\:ml-10{
+        margin-left:2.5rem
+    }
+    .md\:mt-6{
+        margin-top:1.5rem
+    }
+    .md\:mt-\[10px\]{
+        margin-top:10px
+    }
+    .md\:mt-0{
+        margin-top:0
+    }
+    .md\:ml-8{
+        margin-left:2rem
+    }
+    .md\:mt-14{
+        margin-top:3.5rem
+    }
+    .md\:block{
+        display:block
+    }
+    .md\:flex{
+        display:flex
+    }
+    .md\:grid{
+        display:grid
+    }
+    .md\:h-5{
+        height:1.25rem
+    }
+    .md\:h-full{
+        height:100%
+    }
+    .md\:w-24{
+        width:6rem
+    }
+    .md\:grid-cols-3{
+        grid-template-columns:repeat(3,minmax(0,1fr))
+    }
+    .md\:grid-cols-2{
+        grid-template-columns:repeat(2,minmax(0,1fr))
+    }
+    .md\:flex-row{
+        flex-direction:row
+    }
+    .md\:flex-col{
+        flex-direction:column
+    }
+    .md\:justify-start{
+        justify-content:flex-start
+    }
+    .md\:justify-end{
+        justify-content:flex-end
+    }
+    .md\:gap-6{
+        gap:1.5rem
+    }
+    .md\:gap-10{
+        gap:2.5rem
+    }
+    .md\:space-x-0>:not([hidden])~:not([hidden]){
+        --tw-space-x-reverse:0;
+        margin-right:calc(0px * var(--tw-space-x-reverse));
+        margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
+    }
+    .md\:space-y-1>:not([hidden])~:not([hidden]){
+        --tw-space-y-reverse:0;
+        margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
+        margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
+    }
+    .md\:space-x-16>:not([hidden])~:not([hidden]){
+        --tw-space-x-reverse:0;
+        margin-right:calc(4rem * var(--tw-space-x-reverse));
+        margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse)))
+    }
+    .md\:space-y-0>:not([hidden])~:not([hidden]){
+        --tw-space-y-reverse:0;
+        margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+        margin-bottom:calc(0px * var(--tw-space-y-reverse))
+    }
+    .md\:rounded-lg{
+        border-radius:.5rem
+    }
+    .md\:px-5{
+        padding-left:1.25rem;
+        padding-right:1.25rem
+    }
+    .md\:px-6{
+        padding-left:1.5rem;
+        padding-right:1.5rem
+    }
+    .md\:px-4{
+        padding-left:1rem;
+        padding-right:1rem
+    }
+    .md\:px-2{
+        padding-left:.5rem;
+        padding-right:.5rem
+    }
+    .md\:px-10{
+        padding-left:2.5rem;
+        padding-right:2.5rem
+    }
+    .md\:py-4{
+        padding-top:1rem;
+        padding-bottom:1rem
+    }
+    .md\:pl-8{
+        padding-left:2rem
+    }
+    .md\:pb-0{
+        padding-bottom:0
+    }
+    .md\:pt-0{
+        padding-top:0
+    }
+    .md\:pr-8{
+        padding-right:2rem
+    }
+    .md\:text-7xl{
+        font-size:4.5rem;
+        line-height:1
+    }
+    .md\:text-sm{
+        font-size:.875rem;
+        line-height:1.25rem
+    }
+    .md\:text-6xl{
+        font-size:3.75rem;
+        line-height:1
+    }
+}
+@media(min-width:1024px){
+    .lg\:mx-auto{
+        margin-left:auto;
+        margin-right:auto
+    }
+    .lg\:max-w-6xl{
+        max-width:72rem
+    }
+    .lg\:justify-center{
+        justify-content:center
+    }
+    .lg\:space-x-3>:not([hidden])~:not([hidden]){
+        --tw-space-x-reverse:0;
+        margin-right:calc(.75rem * var(--tw-space-x-reverse));
+        margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
+    }
+    .lg\:px-16{
+        padding-left:4rem;
+        padding-right:4rem
+    }
+}
+/*!* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT*/
+.la-ball-grid-beat,.la-ball-grid-beat>div{
+    position:relative;
+    box-sizing:border-box
+}
+.la-ball-grid-beat{
+    display:flex;
+    align-items:center;
+    font-size:0;
+    color:#fff
+}
+.la-ball-grid-beat.la-dark{
+    color:#333
+}
+.la-ball-grid-beat>div{
+    display:inline-block;
+    float:none;
+    background-color:currentColor;
+    border:0 solid
+}
+.la-ball-grid-beat{
+    width:36px;
+    height:12px
+}
+.la-ball-grid-beat>div{
+    width:8px;
+    height:8px;
+    margin:2px;
+    border-radius:100%;
+    animation-name:ball-grid-beat;
+    animation-iteration-count:infinite
+}
+.la-ball-grid-beat>div:first-child{
+    animation-duration:1.5s;
+    animation-delay:-.41s
+}
+.la-ball-grid-beat>div:nth-child(2){
+    animation-duration:1.6s;
+    animation-delay:.04s
+}
+.la-ball-grid-beat>div:nth-child(3){
+    animation-duration:.84s;
+    animation-delay:.07s
+}
+.la-ball-grid-beat>div:nth-child(7){
+    animation-duration:.68s;
+    animation-delay:-.66s
+}
+.la-ball-grid-beat>div:nth-child(8){
+    animation-duration:.93s;
+    animation-delay:-.76s
+}
+.la-ball-grid-beat>div:nth-child(9){
+    animation-duration:1.24s;
+    animation-delay:-.76s
+}
+.la-ball-grid-beat.la-sm{
+    width:18px;
+    height:18px
+}
+.la-ball-grid-beat.la-sm>div{
+    width:4px;
+    height:4px;
+    margin:1px
+}
+.la-ball-grid-beat.la-2x{
+    width:72px;
+    height:72px
+}
+.la-ball-grid-beat.la-2x>div{
+    width:16px;
+    height:16px;
+    margin:4px
+}
+.la-ball-grid-beat.la-3x{
+    width:108px;
+    height:108px
+}
+.la-ball-grid-beat.la-3x>div{
+    width:24px;
+    height:24px;
+    margin:6px
+}
+@keyframes ball-grid-beat{
+    0%{
+        opacity:1
+    }
+    50%{
+        opacity:.35
+    }
+    to{
+        opacity:1
+    }
+}
+ .thin-scrollbar::-webkit-scrollbar{
+    width:8px;
+    height:8px
+}
+.thin-scrollbar::-webkit-scrollbar-track{
+    background:0 0
+}
+.thin-scrollbar::-webkit-scrollbar-thumb{
+    background:#747474;
+    border-radius:.25rem
+}
+.thin-scrollbar::-webkit-scrollbar-thumb:hover{
+    background:rgrgb(69,69,69)
+}
+ .carousel .control-arrow,.carousel.carousel-slider .control-arrow{
+    transition:all .25s ease-in;
+    opacity:.4;
+    filter:alpha(opacity=40);
+    position:absolute;
+    z-index:2;
+    top:20px;
+    background:0 0;
+    border:0;
+    font-size:32px;
+    cursor:pointer
+}
+.carousel .control-arrow:focus,.carousel .control-arrow:hover{
+    opacity:1;
+    filter:alpha(opacity=100)
+}
+.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{
+    margin:0 5px;
+    display:inline-block;
+    border-top:8px solid transparent;
+    border-bottom:8px solid transparent;
+    content:""
+}
+.carousel .control-disabled.control-arrow{
+    opacity:0;
+    filter:alpha(opacity=0);
+    cursor:inherit;
+    display:none
+}
+.carousel .control-prev.control-arrow{
+    left:0
+}
+.carousel .control-prev.control-arrow:before{
+    border-right:8px solid #fff
+}
+.carousel .control-next.control-arrow{
+    right:0
+}
+.carousel .control-next.control-arrow:before{
+    border-left:8px solid #fff
+}
+.carousel-root{
+    outline:none
+}
+.carousel{
+    position:relative;
+    width:100%
+}
+.carousel *{
+    box-sizing:border-box
+}
+.carousel img{
+    width:100%;
+    display:inline-block;
+    pointer-events:none
+}
+.carousel .carousel{
+    position:relative
+}
+.carousel .control-arrow{
+    outline:0;
+    border:0;
+    background:0 0;
+    top:50%;
+    margin-top:-13px;
+    font-size:18px
+}
+.carousel .thumbs-wrapper{
+    margin:20px;
+    overflow:hidden
+}
+.carousel .thumbs{
+    transition:all .15s ease-in;
+    transform:translateZ(0);
+    position:relative;
+    list-style:none;
+    white-space:nowrap
+}
+.carousel .thumb{
+    transition:border .15s ease-in;
+    display:inline-block;
+    margin-right:6px;
+    white-space:nowrap;
+    overflow:hidden;
+    border:3px solid #fff;
+    padding:2px
+}
+.carousel .thumb:focus{
+    border:3px solid #ccc;
+    outline:none
+}
+.carousel .thumb.selected,.carousel .thumb:hover{
+    border:3px solid #333
+}
+.carousel .thumb img{
+    vertical-align:top
+}
+.carousel.carousel-slider{
+    position:relative;
+    margin:0;
+    overflow:hidden
+}
+.carousel.carousel-slider .control-arrow{
+    top:0;
+    color:#fff;
+    font-size:26px;
+    bottom:0;
+    margin-top:0;
+    padding:5px
+}
+.carousel.carousel-slider .control-arrow:hover{
+    background:rgba(0,0,0,.2)
+}
+.carousel .slider-wrapper{
+    overflow:hidden;
+    margin:auto;
+    width:100%;
+    transition:height .15s ease-in
+}
+.carousel .slider-wrapper.axis-horizontal .slider{
+    -ms-box-orient:horizontal;
+    display:-moz-flex;
+    display:flex
+}
+.carousel .slider-wrapper.axis-horizontal .slider .slide{
+    flex-direction:column;
+    flex-flow:column
+}
+.carousel .slider-wrapper.axis-vertical{
+    -ms-box-orient:horizontal;
+    display:-moz-flex;
+    display:flex
+}
+.carousel .slider-wrapper.axis-vertical .slider{
+    flex-direction:column
+}
+.carousel .slider{
+    margin:0;
+    padding:0;
+    position:relative;
+    list-style:none;
+    width:100%
+}
+.carousel .slider.animated{
+    transition:all .35s ease-in-out
+}
+.carousel .slide{
+    min-width:100%;
+    margin:0;
+    position:relative;
+    text-align:center
+}
+.carousel .slide img{
+    width:100%;
+    vertical-align:top;
+    border:0
+}
+.carousel .slide iframe{
+    display:inline-block;
+    width:calc(100% - 80px);
+    margin:0 40px 40px;
+    border:0
+}
+.carousel .slide .legend{
+    transition:all .5s ease-in-out;
+    position:absolute;
+    bottom:40px;
+    left:50%;
+    margin-left:-45%;
+    width:90%;
+    border-radius:10px;
+    background:#000;
+    color:#fff;
+    padding:10px;
+    font-size:12px;
+    text-align:center;
+    opacity:.25;
+    transition:opacity .35s ease-in-out
+}
+.carousel .control-dots{
+    position:absolute;
+    bottom:0;
+    margin:10px 0;
+    padding:0;
+    text-align:center;
+    width:100%;
+    z-index:1
+}
+@media(min-width:960px){
+    .carousel .control-dots{
+        bottom:0
+    }
+}
+.carousel .control-dots .dot{
+    transition:opacity .25s ease-in;
+    opacity:.3;
+    filter:alpha(opacity=30);
+    box-shadow:1px 1px 2px rgba(0,0,0,.9);
+    background:#fff;
+    border-radius:50%;
+    width:8px;
+    height:8px;
+    cursor:pointer;
+    display:inline-block;
+    margin:0 8px
+}
+.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{
+    opacity:1;
+    filter:alpha(opacity=100)
+}
+.carousel .carousel-status{
+    position:absolute;
+    top:0;
+    right:0;
+    padding:5px;
+    font-size:10px;
+    text-shadow:1px 1px 1px rgba(0,0,0,.9);
+    color:#fff
+}
+.carousel:hover .slide .legend{
+    opacity:1
+}

templates/generate.html

@@ -0,0 +1,349 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<script src="/static/tailwind.js"></script>
+		<script src="/static/flowbite.js" charset="utf-8"></script>
+		<link rel="stylesheet" href="/static/style.css" data-precedence="high" />
+		<title>PicxAI</title>
+		<meta name="theme-color" content="#27272a" media="(prefers-color-scheme: light)" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+		<link rel="icon" href="/static/logo.png" sizes="any" type="image/png">
+		<meta property="og:site_name" content="PicxAI" />
+		<meta property="og:image" content="/static/logo.svg" />
+		<meta property="og:image:type" content="image/png" />
+		<meta property="og:image:alt" content="PicxAI" />
+		<meta property="og:title" content="PicxAI" />
+		<meta property="og:url" content="https://PicxAI.art" />
+		<meta property="og:description" content="The Stable Diffusion search engine" />
+		<meta name="description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://PicxAI.art" />
+		<meta property="twitter:title" content="PicxAI" />
+		<meta property="twitter:description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:image" content="/static/logo.svg" />
+	</head>
+	<body>
+		<div class="fixed bottom-0 sm:top-0 z-50 flex flex-row items-center justify-between bg-slate-900 backdrop-blur bg-opacity-80 border-t border-t-slate-700 sm:border-t-0 sm:border-b border-opacity-50 sm:border-b-slate-700 text-sm select-none" style="height:56px;width:100vw">
+			<div class="hidden sm:flex items-center cursor-pointer px-4 pl-6 left-0 h-full w-32 ">
+				<svg width="320" height="157.30338319782783" viewBox="0 0 204.042 100.315">
+					<defs id="SvgjsDefs4055">
+						<linearGradient>
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+						<linearGradient id="SvgjsLinearGradient4063">
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+					</defs>
+					<g featurekey="nameFeature-0" transform="matrix(3.211992, 0, 0, 3.211992, 2.876412, -37.487316)" fill="url(#SvgjsLinearGradient4063)">
+						<path d="M8.32 28.8 c0.13332 0.98668 0.27344 2.0268 0.42012 3.1202 s0.27336 2.1466 0.38004 3.16 s0.17336 1.9333 0.20004 2.76 s0 1.46 -0.08 1.9 s-0.24 0.62668 -0.48 0.56 s-0.58668 -0.48668 -1.04 -1.26 c0 -1.84 -0.08668 -3.58 -0.26 -5.22 s-0.39332 -3.2867 -0.66 -4.94 c-0.61332 0 -1.2133 -0.1 -1.8 -0.3 s-1.12 -0.42668 -1.6 -0.68 s-0.86 -0.52 -1.14 -0.8 s-0.42 -0.51332 -0.42 -0.7 c0.18668 0.05332 0.48 0.12 0.88 0.2 s0.82 0.15332 1.26 0.22 s0.88 0.12 1.32 0.16 s0.79332 0.06 1.06 0.06 c-0.16 -1.2 -0.31332 -2.28 -0.46 -3.24 s-0.29336 -1.8933 -0.44004 -2.8 s-0.29336 -1.8334 -0.44004 -2.78 s-0.28668 -2.0067 -0.42 -3.18 c-0.82668 -0.34668 -1.66 -0.66668 -2.5 -0.96 s-1.6467 -0.62664 -2.42 -0.99996 c-0.05332 -0.16 -0.09332 -0.27332 -0.12 -0.34 s-0.033359 -0.12668 -0.020039 -0.18 s0.05332 -0.11332 0.12 -0.18 s0.18 -0.16668 0.34 -0.3 c0.21332 -0.05332 0.71332 0.033359 1.5 0.26004 s1.72 0.54668 2.8 0.96 s2.24 0.90664 3.48 1.48 s2.44 1.16 3.6 1.76 s2.2 1.2 3.12 1.8 s1.5933 1.1533 2.02 1.66 c0.4 0.32 0.67332 0.69332 0.82 1.12 s0.18668 0.86668 0.12 1.32 s-0.23336 0.90664 -0.50004 1.36 s-0.6 0.88 -1 1.28 c-0.4 0.37332 -0.87332 0.76664 -1.42 1.18 s-1.14 0.8 -1.78 1.16 s-1.3333 0.66668 -2.08 0.92 s-1.5334 0.40664 -2.36 0.45996 z M7.8 26.96 c1.2533 0 2.3668 -0.13336 3.3401 -0.40004 s1.7933 -0.64 2.46 -1.12 s1.1534 -1.04 1.46 -1.68 s0.40668 -1.3067 0.3 -2 c-0.05332 -0.53332 -0.41332 -1.0733 -1.08 -1.62 s-1.4734 -1.08 -2.42 -1.6 s-1.9467 -1.0267 -3 -1.52 s-1.9933 -0.96664 -2.82 -1.42 c0.05332 0.56 0.12664 1.1667 0.21996 1.82 s0.20664 1.4133 0.33996 2.28 s0.3 1.8867 0.5 3.06 s0.43332 2.5733 0.7 4.2 z M19.759999999999998 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M19.88 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z M29.2 28.28 c0.02668 0.16 -0.099924 0.31992 -0.37992 0.47992 s-0.63332 0.39332 -1.06 0.7 s-0.89336 0.71336 -1.4 1.22 s-0.96 1.1734 -1.36 2 c-0.42668 0.90668 -0.73336 1.6934 -0.92004 2.36 s-0.14668 1.4534 0.12 2.36 c0.08 0.18668 0.19332 0.35336 0.34 0.50004 s0.36668 0.23336 0.66 0.26004 c0.58668 -0.10668 1.1067 -0.25336 1.56 -0.44004 s0.88 -0.41336 1.28 -0.68004 s0.78668 -0.55336 1.16 -0.86004 s0.76 -0.62 1.16 -0.94 c0.58668 -0.56 1.0734 -1.0467 1.46 -1.46 s0.7 -0.76 0.94 -1.04 s0.44668 -0.48668 0.62 -0.62 s0.35332 -0.17332 0.54 -0.12 c-0.10668 0.24 -0.40668 0.74668 -0.9 1.52 s-1.1333 1.5933 -1.92 2.46 s-1.7 1.68 -2.74 2.44 s-2.16 1.2333 -3.36 1.42 c-0.48 -0.02668 -0.87332 -0.08 -1.18 -0.16 s-0.59336 -0.4 -0.86004 -0.96 c-0.32 -0.66668 -0.44 -1.4734 -0.36 -2.42 s0.28 -1.8867 0.6 -2.82 s0.72 -1.8 1.2 -2.6 s0.94668 -1.3867 1.4 -1.76 c0.64 -0.45332 1.2333 -0.73332 1.78 -0.84 s1.0867 -0.10668 1.62 0 z M32.199999999999996 25.759999999999998 c0.34668 0.45332 0.67324 0.89316 0.97992 1.3198 s0.61336 0.86668 0.92004 1.32 s0.63336 0.95332 0.98004 1.5 s0.74668 1.18 1.2 1.9 c0.29332 -0.77332 0.54664 -1.4933 0.75996 -2.16 s0.37332 -1.4267 0.48 -2.28 c0.05332 -0.21332 0.20664 -0.26664 0.45996 -0.15996 s0.46 0.2 0.62 0.28 c0.08 0.18668 0.09332 0.45336 0.04 0.80004 s-0.14 0.70668 -0.26 1.08 s-0.24668 0.72664 -0.38 1.06 s-0.22664 0.59332 -0.27996 0.78 c-0.05332 0.13332 -0.11332 0.28664 -0.18 0.45996 s-0.12668 0.35332 -0.18 0.54 l-0.24 0.64 c0.61332 1.4933 1.2 2.7933 1.76 3.9 s0.93332 1.94 1.12 2.5 c0 0.18668 -0.15332 0.22 -0.46 0.1 s-0.58 -0.28668 -0.82 -0.5 c-0.32 -0.66668 -0.66668 -1.3067 -1.04 -1.92 s-0.76 -1.3066 -1.16 -2.08 c-0.13332 0.37332 -0.3 0.80664 -0.5 1.3 s-0.40668 1 -0.62 1.52 s-0.42664 1.0333 -0.63996 1.54 s-0.4 0.97336 -0.56 1.4 c-0.21332 0.26668 -0.39332 0.43336 -0.54 0.50004 s-0.40668 0.033359 -0.78 -0.09996 c0.48 -1.1733 0.86 -2.1133 1.14 -2.82 s0.51332 -1.3067 0.7 -1.8 s0.34668 -0.96664 0.48 -1.42 s0.29332 -1.0266 0.48 -1.72 c-0.29332 -0.4 -0.62 -0.9 -0.98 -1.5 l-1.08 -1.8 l-1.04 -1.7 l-0.86 -1.16 c-0.18668 -0.26668 -0.24668 -0.57336 -0.18 -0.92004 s0.28668 -0.48 0.66 -0.4 z M45.08 32.4 c-0.37332 0 -0.79356 0.019609 -1.2602 0.059608 s-0.91336 0.06 -1.34 0.06 s-0.80668 -0.03332 -1.14 -0.1 s-0.54 -0.20668 -0.62 -0.42 c-0.16 -0.13332 -0.16 -0.28664 0 -0.45996 s0.30668 -0.32664 0.44 -0.45996 c0.50668 -0.05332 0.94668 -0.09332 1.32 -0.12 s0.72 -0.06 1.04 -0.1 s0.62668 -0.08 0.92 -0.12 s0.6 -0.08668 0.92 -0.14 c0.4 -1.4933 0.77332 -2.92 1.12 -4.28 s0.68 -2.7067 1 -4.04 s0.63332 -2.68 0.94 -4.04 s0.63336 -2.7867 0.98004 -4.28 c0.24 -0.34668 0.44 -0.52668 0.6 -0.54 s0.42668 -0.0067688 0.8 0.020039 c0.16 0.85332 0.28 1.5733 0.36 2.16 s0.15332 1.18 0.22 1.78 s0.14668 1.2667 0.24 2 s0.22 1.66 0.38 2.78 c0.10668 1.1467 0.25336 2.2734 0.44004 3.38 s0.34668 2.2467 0.48 3.42 c0.69332 -0.10668 1.36 -0.22 2 -0.34 s1.2067 -0.22668 1.7 -0.32 s0.89332 -0.16664 1.2 -0.21996 s0.46 -0.06664 0.46 -0.039961 c0.08 0.24 -0.04668 0.47332 -0.38 0.7 s-0.76664 0.45336 -1.3 0.68004 s-1.1066 0.44 -1.72 0.64 s-1.16 0.38 -1.64 0.54 c0.05332 0.50668 0.14664 1.14 0.27996 1.9 s0.27332 1.5667 0.42 2.42 s0.3 1.7133 0.46 2.58 s0.3 1.6534 0.42 2.36 s0.20668 1.2934 0.26 1.76 s0.05332 0.72668 0 0.78 c-0.45332 0.05332 -0.78 0.0067688 -0.98 -0.14004 s-0.44668 -0.27336 -0.74 -0.38004 c-0.21332 -1.76 -0.48 -3.5533 -0.8 -5.38 s-0.57332 -3.6467 -0.76 -5.46 c-0.61332 0.13332 -1.3933 0.31332 -2.34 0.54 s-1.9267 0.42 -2.94 0.58 c-0.16 0.58668 -0.30668 1.24 -0.44 1.96 s-0.26664 1.4067 -0.39996 2.06 s-0.24664 1.24 -0.33996 1.76 s-0.18 0.86 -0.26 1.02 c-0.13332 0.13332 -0.36664 0.22 -0.69996 0.26 s-0.60664 -0.04668 -0.81996 -0.26 c0 -0.16 0.06 -0.52668 0.18 -1.1 s0.26 -1.2066 0.42 -1.9 s0.32668 -1.3666 0.5 -2.02 s0.31332 -1.1666 0.42 -1.54 z M46.9996 30.4396 c0.4 -0.08 0.84004 -0.16641 1.32 -0.25973 s0.92668 -0.19332 1.34 -0.3 s0.77332 -0.19336 1.08 -0.26004 s0.48668 -0.11336 0.54 -0.14004 c-0.05332 -0.58668 -0.1 -1.0734 -0.14 -1.46 s-0.08 -0.79336 -0.12 -1.22 s-0.08668 -0.92668 -0.14 -1.5 s-0.13332 -1.3533 -0.24 -2.34 c-0.21332 -1.68 -0.36664 -2.9333 -0.45996 -3.76 s-0.18 -1.0934 -0.26 -0.80004 c-0.37332 1.44 -0.7 2.6867 -0.98 3.74 s-0.53332 2.0266 -0.76 2.92 s-0.43336 1.7666 -0.62004 2.62 s-0.37336 1.7733 -0.56004 2.76 z M60.56 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M60.68 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z"/>
+					</g>
+				</svg>
+			</div>
+			<div class="flex relative items-center h-full -mt-1 w-full sm:w-auto">
+				<div style="height:32px;top:15px;display:absolute" class="absolute bg-slate-700 rounded"></div>
+				<div onclick="javascript:window.location.href = '/'" class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px"></div>
+						Home
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+							<polyline points="9 22 9 12 15 12 15 22"></polyline>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:1">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+						Generate
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<circle cx="12" cy="12" r="10"></circle>
+							<line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
+							<line x1="9.69" y1="8" x2="21.17" y2="8"></line>
+							<line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
+							<line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
+							<line x1="14.31" y1="16" x2="2.83" y2="16"></line>
+							<line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						History
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path fill-rule="evenodd" clip-rule="evenodd" d="M13.507 12.324a7 7 0 0 0 .065-8.56A7 7 0 0 0 2 4.393V2H1v3.5l.5.5H5V5H2.811a6.008 6.008 0 1 1-.135 5.77l-.887.462a7 7 0 0 0 11.718 1.092zm-3.361-.97l.708-.707L8 7.792V4H7v4l.146.354 3 3z"></path>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Likes
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
+						</svg>
+					</div>
+				</div>
+			</div>
+            <div></div>
+		</div>
+        <div class="mb-0 sm:mb-0 sm:mt-16 overflow-hidden">
+            <div class="h-fit w-screen">
+                <div class="flex w-full justify-center">
+                    <div class="mt-0 flex w-full max-w-[1300px] flex-col items-center px-2 pr-6 sm:mt-4 md:px-10 md:py-4 lg:px-16">
+                    <div class="flex w-full flex-col-reverse md:flex-row">
+                        <div class="flex-1">
+                        <div class="mt-6 flex justify-between px-2 pb-1 text-xs opacity-40 sm:mt-0">
+                            <p class="">Describe your image</p>
+                            <p class="translate-y-1 opacity-0 transition-all">Making variations ⤵</p>
+                        </div>
+                        <div class="relative">
+                            <textarea id="prompt" autocomplete="off" class="w-full overflow-y-hidden rounded-xl border border-slate-700 bg-slate-700 bg-opacity-60 py-2.5 pl-4 pr-12 text-sm leading-relaxed shadow placeholder:opacity-50 focus:outline-none focus:ring-1 focus:ring-indigo-700" placeholder="A steampunk teddy bear vending machine" style="height: 90.6px !important;"></textarea>
+                            <div class="absolute top-2 right-2"><img class="h-8 w-8 cursor-pointer rounded-md object-cover transition-all ease-in-out hidden" src="https://lexica-serve-encoded-images2.sharif.workers.dev/sm2/251cac80-ea5f-415f-a843-4c3fa0d68d43" alt="Source image" /></div>
+                        </div>
+                        <p class="mt-2 pl-2 pb-1 text-xs opacity-40">Negative prompt</p>
+                        <textarea id="negetivePrompt" autocomplete="off" class="w-full overflow-y-hidden rounded-xl border border-slate-700 bg-slate-700 bg-opacity-60 px-4 py-2.5 text-sm leading-relaxed shadow placeholder:opacity-50 focus:outline-none focus:ring-1 focus:ring-indigo-700" placeholder="Describe things to exclude" style="height: 90.6px !important;"></textarea>
+                        <div class="flex w-full items-center justify-center md:justify-end">
+                            <div class="transition-all" id="generate-button">
+                                <button onclick="genrate(this)" class="text-md mt-2 cursor-pointer rounded-full bg-gradient-to-t from-indigo-900 via-indigo-900 to-indigo-800 px-8 py-2 text-sm shadow drop-shadow transition-all hover:brightness-110 active:scale-95">Generate</button>
+                            </div>
+                        </div>
+                        <div id="loader" class="hidden w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mt-4">
+                            <div id="loaderBar" class="bg-blue-600 h-2.5 rounded-full transition-all duration-700" style="width: 0%"></div>
+                        </div>
+                        </div>
+                        <div class="mt-4 ml-0 w-full sm:max-w-[300px] md:mt-0 md:ml-8">
+                        <div class="rounded-lg border border-slate-700 px-5 py-4 pb-6 h-fit shadow-md transition-all duration-300">
+                            <div class="mt-1">
+                            <div class="mb-3 flex select-none items-center justify-start text-xs opacity-50">
+                                <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg>
+                                <p>Dimensions</p>
+                            </div>
+                            <span dir="ltr" data-orientation="horizontal" aria-disabled="false" aria-label="Dimensions" class="relative flex h-5 w-full cursor-pointer touch-none select-none items-center" style="--radix-slider-thumb-transform:translateX(-50%);">
+                                <input onchange="dimensionChanger(this)" onmousemove="dimensionChanger(this)" onmouseleave="javascript:document.getElementById('demoDim').classList.add('hidden')" type="range" value="5" min="1" max="9" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer ">
+                            </span>
+                            <div id="demoDim" class="z-10 hidden absolute flex pointer-events-none items-center justify-center bg-slate-900 border border-opacity-50 border-slate-700 rounded-md shadow-lg drop-shadow-md mt-10 w-[200px] h-[200px] mx-auto transition-all duration-300 origin-center">
+                                <div class="absolute h-3 w-3 border-t-2 border-l-2 top-0 opacity-20 left-0 m-2"></div>
+                                <div class="absolute h-3 w-3 border-t-2 border-r-2 top-0 opacity-20 right-0 m-2"></div>
+                                <div class="absolute h-3 w-3 border-b-2 border-l-2 opacity-20 bottom-0 left-0 m-2"></div>
+                                <div class="absolute h-3 w-3 border-b-2 border-r-2 opacity-20 bottom-0 right-0 m-2"></div>
+                                <div class="flex flex-col items-center justify-center relative">
+                                    <p id="demoTextDim" class="text-sm proportional-nums slashed-zero text-white">640 × 640</p>
+                                </div>
+                            </div>
+                            <div class="mt-2 flex w-full select-none justify-between text-base">
+                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="opacity-40" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"></path>
+                                <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54A.505.505 0 0 1 1 12.5v-9a.5.5 0 0 1 .5-.5h13z"></path>
+                                </svg>
+                                <div id="rangeTextDim" class="flex items-center text-xs text-slate-200 transition-all" style="opacity: 1;">640 × 640</div>
+                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="opacity-40" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"></path>
+                                    <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z"></path>
+                                </svg>
+                            </div>
+                            </div>
+                            <div class="mt-4 flex flex-col" style="position: relative;">
+                            <button onclick="jabascript:document.getElementById('advanceMenu').classList.toggle('scale-y-0');document.getElementById('advanceMenu').classList.toggle('h-0')" class="flex cursor-pointer select-none items-center justify-start pt-2 text-xs opacity-50 transition-all hover:opacity-100">
+                                <div class="flex items-center justify-center" style="transform: none;">
+                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg>
+                                </div>
+                                <p class="ml-2">Advanced settings</p>
+                            </button>
+                            <div id="advanceMenu" class="h-fit scale-y-0 h-0 transition-all duration-300 origin-top">
+                                <div class="mt-1 mb-4 w-full flex-1">
+                                    <div class="flex items-center justify-between text-sm">
+                                        <p class="flex select-none items-center justify-center text-xs opacity-40">
+                                        <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                                            <line x1="4" y1="21" x2="4" y2="14"></line>
+                                            <line x1="4" y1="10" x2="4" y2="3"></line>
+                                            <line x1="12" y1="21" x2="12" y2="12"></line>
+                                            <line x1="12" y1="8" x2="12" y2="3"></line>
+                                            <line x1="20" y1="21" x2="20" y2="16"></line>
+                                            <line x1="20" y1="12" x2="20" y2="3"></line>
+                                            <line x1="1" y1="14" x2="7" y2="14"></line>
+                                            <line x1="9" y1="8" x2="15" y2="8"></line>
+                                            <line x1="17" y1="16" x2="23" y2="16"></line></svg
+                                        >Guidance scale
+                                        </p>
+                                        <h1 id="guidanceScale" class="-mr-1 flex w-20 cursor-text select-none justify-end rounded py-2 pr-0.5">7&nbsp;</h1>
+                                    </div>
+                                    <span dir="ltr" data-orientation="horizontal" aria-disabled="false" aria-label="Guidance scale" class="relative flex h-5 w-full cursor-pointer touch-none select-none items-center" style="--radix-slider-thumb-transform:translateX(-50%);">
+                                        <input id="guidanceScaleRange" onmousemove="javascript:document.getElementById('guidanceScale').innerText = document.getElementById('guidanceScaleRange').value" type="range" value="7" min="2" max="13" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer ">
+                                    </span>
+                                    <div class="mt-1 flex w-full select-none justify-between text-xs opacity-40">
+                                        <p>Less contrast</p>
+                                        <p>More contrast</p>
+                                    </div>
+                                    </div>
+                                    <div class="mt-1 flex w-full select-none flex-col items-start text-sm">
+                                    <div class="group mt-3 flex space-x-2">
+                                        <input id="fixHighRes" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-transparent border-gray-300 rounded focus:ring-0">
+                                        <p class="text-xs text-white opacity-70 group-hover:opacity-90">Fix double heads (slow, crops in)</p>
+                                    </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+                    </div>
+                    <div class="mt-8 w-full max-w-[800px] items-center px-4 pl-5 md:px-5" style="min-height: 1px; position: relative;"></div>
+                    <div class="flex w-full flex-1 flex-col items-center justify-center" style="position: relative;"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="gridData" class="grid grid-cols-2 sm:grid-cols-4 w-[80%] mx-[10%] mb-20">
+            
+        </div>
+        <script>
+            let imageData = `<div class="w-full">
+                <div class="group relative m-0.5 block select-none overflow-hidden rounded-lg z-10" style="transition: opacity 500ms ease 0s;">
+                    <div class="line-clamp pointer-events-none absolute inset-0 z-10 block px-2 px-2 pb-2 text-sm text-slate-100 opacity-0 transition-opacity group-hover:opacity-100" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.1) 100%);">
+                        <div class="flex h-full flex-shrink items-end shadow-md">
+                            <div class="flex flex-col">
+                                <p class="text-sm leading-snug leading-snug text-white opacity-100" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">$$prompt1$$</p>
+                                <p class="opacity-60 leading-snug text-sm" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">$$prompt2$$</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="absolute top-2 left-0 z-20 mb-1 flex w-full justify-between px-2 text-xs text-slate-100 opacity-0 transition-opacity group-hover:opacity-100">
+                        <button class="flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-50 text-lg transition-opacity hover:bg-opacity-100">
+                            <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="11" cy="11" r="8"></circle>
+                                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+                            </svg>
+                        </button>
+                        <div class="flex flex-col space-y-2">
+                            <button onclick="heartAnimation(this)" class="text-md flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-70 transition-all hover:bg-opacity-100 active:scale-90">
+                                <div class="scale-x-[200%] scale-y-[70%] py-3">
+                                    <img class="heart" src="/static/heartAnim/1.png" alt="">
+                                </div>
+                            </button>
+                        </div>
+                    </div>
+                    <img alt="" class="w-full h-fit rounded-lg" src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/%%imgId%%" />
+                </div>
+            </div>`
+            let demoImageSize = [200,200]
+            let imageDimension = [640,640]
+            window.loaderBarwidth = 0
+            if(localStorage.getItem("dataPrompt") != null)
+            {
+                document.getElementById("prompt").value = localStorage.getItem("dataPrompt")
+                document.getElementById("negetivePrompt").value = localStorage.getItem("dataNegative")
+                localStorage.removeItem("dataPrompt");
+				localStorage.removeItem("dataNegative");
+            }
+            function dimensionChanger(element)
+            {
+                data = [[768,512],[704,512],[640,512],[576,512],[640,640],[512,576],[512,640],[512,704],[512,768]]
+                index = element.value - 1
+                document.getElementById("demoDim").classList.remove("hidden")
+                document.getElementById("demoTextDim").innerText = data[index][0] + " x " + data[index][1]
+                document.getElementById("rangeTextDim").innerText = data[index][0] + " x " + data[index][1]
+
+                document.getElementById("demoDim").classList.remove("h-["+demoImageSize[0]+"px]")
+                document.getElementById("demoDim").classList.remove("w-["+demoImageSize[1]+"px]")
+
+                height = data[index][0] * 200 / 640
+                width = data[index][1] * 200 / 640
+                imageDimension = [data[index][0],data[index][1]]
+                demoImageSize = [width,height]
+                document.getElementById("demoDim").classList.add("h-["+demoImageSize[0]+"px]")
+                document.getElementById("demoDim").classList.add("w-["+demoImageSize[1]+"px]")
+            }
+            function genrate(element)
+            {
+                prompt = document.getElementById("prompt").value
+                negativePrompt = document.getElementById("negetivePrompt").value
+                guidanceScale = document.getElementById("guidanceScaleRange").value
+                enableHiresFix = document.getElementById("fixHighRes").checked
+                if(prompt != "")
+                {
+                    document.getElementById('loader').classList.toggle('hidden')
+                    document.getElementById('loaderBar').style.width = '0%'
+                    loaderBarinterval = setInterval(function () {
+                        document.getElementById('loaderBar').style.width = (window.loaderBarwidth + (100 - window.loaderBarwidth)/2).toString()+"%"
+                        window.loaderBarwidth += (100 - window.loaderBarwidth)/2
+                        if(window.loaderBarwidth>95)
+                        {
+                            document.getElementById('loaderBar').style.width = "50%"
+                            window.loaderBarwidth = 50
+                        }
+                    }, 2000);
+                    element.disabled  = true
+                    element.innerHTML = "Genrating ..."
+                    let formData = new FormData();
+					formData.append('prompt',prompt)
+                    formData.append('negativePrompt',negativePrompt)
+                    formData.append('guidanceScale',guidanceScale)
+                    formData.append('width',imageDimension[0])
+                    formData.append('height',imageDimension[1])
+                    formData.append('enableHiresFix',enableHiresFix)
+					let fetchRes = fetch(
+						"/diffuser",{
+						method: "POST",
+						body: formData
+					})
+					fetchRes.then(res =>res.json())
+					.then(d => {
+                        temphtml = ""
+                        if(d.hasOwnProperty("error")) 
+                        {
+                            element.disabled  = false
+                            element.innerHTML = "Genrate"
+                            alert(d["error"])
+                            clearInterval(loaderBarinterval);
+                            document.getElementById('loader').classList.toggle('hidden')
+                            document.getElementById('loaderBar').style.width = '0%'
+                            window.loaderBarwidth = 0
+                        }
+                        else if(JSON.parse(d).hasOwnProperty("isBannedTerms"))
+                        {
+                            element.disabled  = false
+                            element.innerHTML = "Genrate"
+                            alert(JSON.parse(d)["bannedTerms"]+" is a Banned Term")
+                            clearInterval(loaderBarinterval);
+                            document.getElementById('loader').classList.toggle('hidden')
+                            document.getElementById('loaderBar').style.width = '0%'
+                            window.loaderBarwidth = 0
+                        }
+                        else
+                        {
+                            data = JSON.parse(d)
+                            for(let i in data['images'])
+                            {
+                                temphtml += imageData.replace("%%imgId%%",data['images'][i]['id']).replace("$$prompt1$$",data['prompt']['prompt'].split(",")[0]).replace("$$prompt2$$",data['prompt']['prompt'].split(",")[1])
+                            }
+                            temphtml += document.getElementById('gridData').innerHTML
+                            document.getElementById('gridData').innerHTML = temphtml
+                            element.disabled  = false
+                            element.innerHTML = "Genrate"
+                            clearInterval(loaderBarinterval);
+                            document.getElementById('loader').classList.toggle('hidden')
+                            document.getElementById('loaderBar').style.width = '0%'
+                            window.loaderBarwidth = 0
+                        }
+                        
+                    })
+                }
+            }
+
+        </script>
+</body>
+</html>

templates/index.html

@@ -0,0 +1,648 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<script src="/static/tailwind.js"></script>
+		<script src="/static/flowbite.js" charset="utf-8"></script>
+		<link rel="stylesheet" href="/static/style.css" data-precedence="high" />
+		<title>PicxAI</title>
+		<meta name="theme-color" content="#27272a" media="(prefers-color-scheme: light)" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+		<link rel="icon" href="/static/logo.png" sizes="any" type="image/png">
+		<meta property="og:site_name" content="PicxAI" />
+		<meta property="og:image" content="/static/logo.svg" />
+		<meta property="og:image:type" content="image/png" />
+		<meta property="og:image:alt" content="PicxAI" />
+		<meta property="og:title" content="PicxAI" />
+		<meta property="og:url" content="https://PicxAI.art" />
+		<meta property="og:description" content="The Stable Diffusion search engine" />
+		<meta name="description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://PicxAI.art" />
+		<meta property="twitter:title" content="PicxAI" />
+		<meta property="twitter:description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:image" content="/static/logo.svg" />
+	</head>
+	<body>
+		<div class="fixed bottom-0 sm:top-0 z-50 flex flex-row items-center justify-between bg-slate-900 backdrop-blur bg-opacity-80 border-t border-t-slate-700 sm:border-t-0 sm:border-b border-opacity-50 sm:border-b-slate-700 text-sm select-none" style="height:56px;width:100vw">
+			<div class="hidden sm:flex items-center cursor-pointer px-4 pl-6 left-0 h-full w-32 ">
+				<svg width="320" height="157.30338319782783" viewBox="0 0 204.042 100.315">
+					<defs id="SvgjsDefs4055">
+						<linearGradient>
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+						<linearGradient id="SvgjsLinearGradient4063">
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+					</defs>
+					<g featurekey="nameFeature-0" transform="matrix(3.211992, 0, 0, 3.211992, 2.876412, -37.487316)" fill="url(#SvgjsLinearGradient4063)">
+						<path d="M8.32 28.8 c0.13332 0.98668 0.27344 2.0268 0.42012 3.1202 s0.27336 2.1466 0.38004 3.16 s0.17336 1.9333 0.20004 2.76 s0 1.46 -0.08 1.9 s-0.24 0.62668 -0.48 0.56 s-0.58668 -0.48668 -1.04 -1.26 c0 -1.84 -0.08668 -3.58 -0.26 -5.22 s-0.39332 -3.2867 -0.66 -4.94 c-0.61332 0 -1.2133 -0.1 -1.8 -0.3 s-1.12 -0.42668 -1.6 -0.68 s-0.86 -0.52 -1.14 -0.8 s-0.42 -0.51332 -0.42 -0.7 c0.18668 0.05332 0.48 0.12 0.88 0.2 s0.82 0.15332 1.26 0.22 s0.88 0.12 1.32 0.16 s0.79332 0.06 1.06 0.06 c-0.16 -1.2 -0.31332 -2.28 -0.46 -3.24 s-0.29336 -1.8933 -0.44004 -2.8 s-0.29336 -1.8334 -0.44004 -2.78 s-0.28668 -2.0067 -0.42 -3.18 c-0.82668 -0.34668 -1.66 -0.66668 -2.5 -0.96 s-1.6467 -0.62664 -2.42 -0.99996 c-0.05332 -0.16 -0.09332 -0.27332 -0.12 -0.34 s-0.033359 -0.12668 -0.020039 -0.18 s0.05332 -0.11332 0.12 -0.18 s0.18 -0.16668 0.34 -0.3 c0.21332 -0.05332 0.71332 0.033359 1.5 0.26004 s1.72 0.54668 2.8 0.96 s2.24 0.90664 3.48 1.48 s2.44 1.16 3.6 1.76 s2.2 1.2 3.12 1.8 s1.5933 1.1533 2.02 1.66 c0.4 0.32 0.67332 0.69332 0.82 1.12 s0.18668 0.86668 0.12 1.32 s-0.23336 0.90664 -0.50004 1.36 s-0.6 0.88 -1 1.28 c-0.4 0.37332 -0.87332 0.76664 -1.42 1.18 s-1.14 0.8 -1.78 1.16 s-1.3333 0.66668 -2.08 0.92 s-1.5334 0.40664 -2.36 0.45996 z M7.8 26.96 c1.2533 0 2.3668 -0.13336 3.3401 -0.40004 s1.7933 -0.64 2.46 -1.12 s1.1534 -1.04 1.46 -1.68 s0.40668 -1.3067 0.3 -2 c-0.05332 -0.53332 -0.41332 -1.0733 -1.08 -1.62 s-1.4734 -1.08 -2.42 -1.6 s-1.9467 -1.0267 -3 -1.52 s-1.9933 -0.96664 -2.82 -1.42 c0.05332 0.56 0.12664 1.1667 0.21996 1.82 s0.20664 1.4133 0.33996 2.28 s0.3 1.8867 0.5 3.06 s0.43332 2.5733 0.7 4.2 z M19.759999999999998 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M19.88 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z M29.2 28.28 c0.02668 0.16 -0.099924 0.31992 -0.37992 0.47992 s-0.63332 0.39332 -1.06 0.7 s-0.89336 0.71336 -1.4 1.22 s-0.96 1.1734 -1.36 2 c-0.42668 0.90668 -0.73336 1.6934 -0.92004 2.36 s-0.14668 1.4534 0.12 2.36 c0.08 0.18668 0.19332 0.35336 0.34 0.50004 s0.36668 0.23336 0.66 0.26004 c0.58668 -0.10668 1.1067 -0.25336 1.56 -0.44004 s0.88 -0.41336 1.28 -0.68004 s0.78668 -0.55336 1.16 -0.86004 s0.76 -0.62 1.16 -0.94 c0.58668 -0.56 1.0734 -1.0467 1.46 -1.46 s0.7 -0.76 0.94 -1.04 s0.44668 -0.48668 0.62 -0.62 s0.35332 -0.17332 0.54 -0.12 c-0.10668 0.24 -0.40668 0.74668 -0.9 1.52 s-1.1333 1.5933 -1.92 2.46 s-1.7 1.68 -2.74 2.44 s-2.16 1.2333 -3.36 1.42 c-0.48 -0.02668 -0.87332 -0.08 -1.18 -0.16 s-0.59336 -0.4 -0.86004 -0.96 c-0.32 -0.66668 -0.44 -1.4734 -0.36 -2.42 s0.28 -1.8867 0.6 -2.82 s0.72 -1.8 1.2 -2.6 s0.94668 -1.3867 1.4 -1.76 c0.64 -0.45332 1.2333 -0.73332 1.78 -0.84 s1.0867 -0.10668 1.62 0 z M32.199999999999996 25.759999999999998 c0.34668 0.45332 0.67324 0.89316 0.97992 1.3198 s0.61336 0.86668 0.92004 1.32 s0.63336 0.95332 0.98004 1.5 s0.74668 1.18 1.2 1.9 c0.29332 -0.77332 0.54664 -1.4933 0.75996 -2.16 s0.37332 -1.4267 0.48 -2.28 c0.05332 -0.21332 0.20664 -0.26664 0.45996 -0.15996 s0.46 0.2 0.62 0.28 c0.08 0.18668 0.09332 0.45336 0.04 0.80004 s-0.14 0.70668 -0.26 1.08 s-0.24668 0.72664 -0.38 1.06 s-0.22664 0.59332 -0.27996 0.78 c-0.05332 0.13332 -0.11332 0.28664 -0.18 0.45996 s-0.12668 0.35332 -0.18 0.54 l-0.24 0.64 c0.61332 1.4933 1.2 2.7933 1.76 3.9 s0.93332 1.94 1.12 2.5 c0 0.18668 -0.15332 0.22 -0.46 0.1 s-0.58 -0.28668 -0.82 -0.5 c-0.32 -0.66668 -0.66668 -1.3067 -1.04 -1.92 s-0.76 -1.3066 -1.16 -2.08 c-0.13332 0.37332 -0.3 0.80664 -0.5 1.3 s-0.40668 1 -0.62 1.52 s-0.42664 1.0333 -0.63996 1.54 s-0.4 0.97336 -0.56 1.4 c-0.21332 0.26668 -0.39332 0.43336 -0.54 0.50004 s-0.40668 0.033359 -0.78 -0.09996 c0.48 -1.1733 0.86 -2.1133 1.14 -2.82 s0.51332 -1.3067 0.7 -1.8 s0.34668 -0.96664 0.48 -1.42 s0.29332 -1.0266 0.48 -1.72 c-0.29332 -0.4 -0.62 -0.9 -0.98 -1.5 l-1.08 -1.8 l-1.04 -1.7 l-0.86 -1.16 c-0.18668 -0.26668 -0.24668 -0.57336 -0.18 -0.92004 s0.28668 -0.48 0.66 -0.4 z M45.08 32.4 c-0.37332 0 -0.79356 0.019609 -1.2602 0.059608 s-0.91336 0.06 -1.34 0.06 s-0.80668 -0.03332 -1.14 -0.1 s-0.54 -0.20668 -0.62 -0.42 c-0.16 -0.13332 -0.16 -0.28664 0 -0.45996 s0.30668 -0.32664 0.44 -0.45996 c0.50668 -0.05332 0.94668 -0.09332 1.32 -0.12 s0.72 -0.06 1.04 -0.1 s0.62668 -0.08 0.92 -0.12 s0.6 -0.08668 0.92 -0.14 c0.4 -1.4933 0.77332 -2.92 1.12 -4.28 s0.68 -2.7067 1 -4.04 s0.63332 -2.68 0.94 -4.04 s0.63336 -2.7867 0.98004 -4.28 c0.24 -0.34668 0.44 -0.52668 0.6 -0.54 s0.42668 -0.0067688 0.8 0.020039 c0.16 0.85332 0.28 1.5733 0.36 2.16 s0.15332 1.18 0.22 1.78 s0.14668 1.2667 0.24 2 s0.22 1.66 0.38 2.78 c0.10668 1.1467 0.25336 2.2734 0.44004 3.38 s0.34668 2.2467 0.48 3.42 c0.69332 -0.10668 1.36 -0.22 2 -0.34 s1.2067 -0.22668 1.7 -0.32 s0.89332 -0.16664 1.2 -0.21996 s0.46 -0.06664 0.46 -0.039961 c0.08 0.24 -0.04668 0.47332 -0.38 0.7 s-0.76664 0.45336 -1.3 0.68004 s-1.1066 0.44 -1.72 0.64 s-1.16 0.38 -1.64 0.54 c0.05332 0.50668 0.14664 1.14 0.27996 1.9 s0.27332 1.5667 0.42 2.42 s0.3 1.7133 0.46 2.58 s0.3 1.6534 0.42 2.36 s0.20668 1.2934 0.26 1.76 s0.05332 0.72668 0 0.78 c-0.45332 0.05332 -0.78 0.0067688 -0.98 -0.14004 s-0.44668 -0.27336 -0.74 -0.38004 c-0.21332 -1.76 -0.48 -3.5533 -0.8 -5.38 s-0.57332 -3.6467 -0.76 -5.46 c-0.61332 0.13332 -1.3933 0.31332 -2.34 0.54 s-1.9267 0.42 -2.94 0.58 c-0.16 0.58668 -0.30668 1.24 -0.44 1.96 s-0.26664 1.4067 -0.39996 2.06 s-0.24664 1.24 -0.33996 1.76 s-0.18 0.86 -0.26 1.02 c-0.13332 0.13332 -0.36664 0.22 -0.69996 0.26 s-0.60664 -0.04668 -0.81996 -0.26 c0 -0.16 0.06 -0.52668 0.18 -1.1 s0.26 -1.2066 0.42 -1.9 s0.32668 -1.3666 0.5 -2.02 s0.31332 -1.1666 0.42 -1.54 z M46.9996 30.4396 c0.4 -0.08 0.84004 -0.16641 1.32 -0.25973 s0.92668 -0.19332 1.34 -0.3 s0.77332 -0.19336 1.08 -0.26004 s0.48668 -0.11336 0.54 -0.14004 c-0.05332 -0.58668 -0.1 -1.0734 -0.14 -1.46 s-0.08 -0.79336 -0.12 -1.22 s-0.08668 -0.92668 -0.14 -1.5 s-0.13332 -1.3533 -0.24 -2.34 c-0.21332 -1.68 -0.36664 -2.9333 -0.45996 -3.76 s-0.18 -1.0934 -0.26 -0.80004 c-0.37332 1.44 -0.7 2.6867 -0.98 3.74 s-0.53332 2.0266 -0.76 2.92 s-0.43336 1.7666 -0.62004 2.62 s-0.37336 1.7733 -0.56004 2.76 z M60.56 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M60.68 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z"/>
+					</g>
+				</svg>
+			</div>
+			<div class="flex relative items-center h-full -mt-1 w-full sm:w-auto">
+				<div style="height:32px;top:15px;display:absolute" class="absolute bg-slate-700 rounded"></div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:1">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+						Home
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+							<polyline points="9 22 9 12 15 12 15 22"></polyline>
+						</svg>
+					</div>
+				</div>
+				<div onclick="javascript:window.location.href = '/diffuser'" class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Generate
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<circle cx="12" cy="12" r="10"></circle>
+							<line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
+							<line x1="9.69" y1="8" x2="21.17" y2="8"></line>
+							<line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
+							<line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
+							<line x1="14.31" y1="16" x2="2.83" y2="16"></line>
+							<line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						History
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path fill-rule="evenodd" clip-rule="evenodd" d="M13.507 12.324a7 7 0 0 0 .065-8.56A7 7 0 0 0 2 4.393V2H1v3.5l.5.5H5V5H2.811a6.008 6.008 0 1 1-.135 5.77l-.887.462a7 7 0 0 0 11.718 1.092zm-3.361-.97l.708-.707L8 7.792V4H7v4l.146.354 3 3z"></path>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Likes
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
+						</svg>
+					</div>
+				</div>
+			</div>
+			<div class="hidden w-32 h-full sm:flex items-center justify-end mr-4"></div>
+		</div>
+		
+		<div class="sm:mb-0 sm:mt-5">
+			<div class="w-screen h-fit overflow-x-hidden flex flex-col bg-slate-800 text-gray-100 text-sm">
+				<div class="flex flex-col items-center py-4 mt-5 sm:mt-14">
+					<a href="/">
+						<svg width="320" height="157.30338319782783" viewBox="0 0 204.042 100.315">
+							<g featurekey="nameFeature-0" transform="matrix(3.211992, 0, 0, 3.211992, 2.876412, -37.487316)" fill="white">
+								<path d="M8.32 28.8 c0.13332 0.98668 0.27344 2.0268 0.42012 3.1202 s0.27336 2.1466 0.38004 3.16 s0.17336 1.9333 0.20004 2.76 s0 1.46 -0.08 1.9 s-0.24 0.62668 -0.48 0.56 s-0.58668 -0.48668 -1.04 -1.26 c0 -1.84 -0.08668 -3.58 -0.26 -5.22 s-0.39332 -3.2867 -0.66 -4.94 c-0.61332 0 -1.2133 -0.1 -1.8 -0.3 s-1.12 -0.42668 -1.6 -0.68 s-0.86 -0.52 -1.14 -0.8 s-0.42 -0.51332 -0.42 -0.7 c0.18668 0.05332 0.48 0.12 0.88 0.2 s0.82 0.15332 1.26 0.22 s0.88 0.12 1.32 0.16 s0.79332 0.06 1.06 0.06 c-0.16 -1.2 -0.31332 -2.28 -0.46 -3.24 s-0.29336 -1.8933 -0.44004 -2.8 s-0.29336 -1.8334 -0.44004 -2.78 s-0.28668 -2.0067 -0.42 -3.18 c-0.82668 -0.34668 -1.66 -0.66668 -2.5 -0.96 s-1.6467 -0.62664 -2.42 -0.99996 c-0.05332 -0.16 -0.09332 -0.27332 -0.12 -0.34 s-0.033359 -0.12668 -0.020039 -0.18 s0.05332 -0.11332 0.12 -0.18 s0.18 -0.16668 0.34 -0.3 c0.21332 -0.05332 0.71332 0.033359 1.5 0.26004 s1.72 0.54668 2.8 0.96 s2.24 0.90664 3.48 1.48 s2.44 1.16 3.6 1.76 s2.2 1.2 3.12 1.8 s1.5933 1.1533 2.02 1.66 c0.4 0.32 0.67332 0.69332 0.82 1.12 s0.18668 0.86668 0.12 1.32 s-0.23336 0.90664 -0.50004 1.36 s-0.6 0.88 -1 1.28 c-0.4 0.37332 -0.87332 0.76664 -1.42 1.18 s-1.14 0.8 -1.78 1.16 s-1.3333 0.66668 -2.08 0.92 s-1.5334 0.40664 -2.36 0.45996 z M7.8 26.96 c1.2533 0 2.3668 -0.13336 3.3401 -0.40004 s1.7933 -0.64 2.46 -1.12 s1.1534 -1.04 1.46 -1.68 s0.40668 -1.3067 0.3 -2 c-0.05332 -0.53332 -0.41332 -1.0733 -1.08 -1.62 s-1.4734 -1.08 -2.42 -1.6 s-1.9467 -1.0267 -3 -1.52 s-1.9933 -0.96664 -2.82 -1.42 c0.05332 0.56 0.12664 1.1667 0.21996 1.82 s0.20664 1.4133 0.33996 2.28 s0.3 1.8867 0.5 3.06 s0.43332 2.5733 0.7 4.2 z M19.759999999999998 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M19.88 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z M29.2 28.28 c0.02668 0.16 -0.099924 0.31992 -0.37992 0.47992 s-0.63332 0.39332 -1.06 0.7 s-0.89336 0.71336 -1.4 1.22 s-0.96 1.1734 -1.36 2 c-0.42668 0.90668 -0.73336 1.6934 -0.92004 2.36 s-0.14668 1.4534 0.12 2.36 c0.08 0.18668 0.19332 0.35336 0.34 0.50004 s0.36668 0.23336 0.66 0.26004 c0.58668 -0.10668 1.1067 -0.25336 1.56 -0.44004 s0.88 -0.41336 1.28 -0.68004 s0.78668 -0.55336 1.16 -0.86004 s0.76 -0.62 1.16 -0.94 c0.58668 -0.56 1.0734 -1.0467 1.46 -1.46 s0.7 -0.76 0.94 -1.04 s0.44668 -0.48668 0.62 -0.62 s0.35332 -0.17332 0.54 -0.12 c-0.10668 0.24 -0.40668 0.74668 -0.9 1.52 s-1.1333 1.5933 -1.92 2.46 s-1.7 1.68 -2.74 2.44 s-2.16 1.2333 -3.36 1.42 c-0.48 -0.02668 -0.87332 -0.08 -1.18 -0.16 s-0.59336 -0.4 -0.86004 -0.96 c-0.32 -0.66668 -0.44 -1.4734 -0.36 -2.42 s0.28 -1.8867 0.6 -2.82 s0.72 -1.8 1.2 -2.6 s0.94668 -1.3867 1.4 -1.76 c0.64 -0.45332 1.2333 -0.73332 1.78 -0.84 s1.0867 -0.10668 1.62 0 z M32.199999999999996 25.759999999999998 c0.34668 0.45332 0.67324 0.89316 0.97992 1.3198 s0.61336 0.86668 0.92004 1.32 s0.63336 0.95332 0.98004 1.5 s0.74668 1.18 1.2 1.9 c0.29332 -0.77332 0.54664 -1.4933 0.75996 -2.16 s0.37332 -1.4267 0.48 -2.28 c0.05332 -0.21332 0.20664 -0.26664 0.45996 -0.15996 s0.46 0.2 0.62 0.28 c0.08 0.18668 0.09332 0.45336 0.04 0.80004 s-0.14 0.70668 -0.26 1.08 s-0.24668 0.72664 -0.38 1.06 s-0.22664 0.59332 -0.27996 0.78 c-0.05332 0.13332 -0.11332 0.28664 -0.18 0.45996 s-0.12668 0.35332 -0.18 0.54 l-0.24 0.64 c0.61332 1.4933 1.2 2.7933 1.76 3.9 s0.93332 1.94 1.12 2.5 c0 0.18668 -0.15332 0.22 -0.46 0.1 s-0.58 -0.28668 -0.82 -0.5 c-0.32 -0.66668 -0.66668 -1.3067 -1.04 -1.92 s-0.76 -1.3066 -1.16 -2.08 c-0.13332 0.37332 -0.3 0.80664 -0.5 1.3 s-0.40668 1 -0.62 1.52 s-0.42664 1.0333 -0.63996 1.54 s-0.4 0.97336 -0.56 1.4 c-0.21332 0.26668 -0.39332 0.43336 -0.54 0.50004 s-0.40668 0.033359 -0.78 -0.09996 c0.48 -1.1733 0.86 -2.1133 1.14 -2.82 s0.51332 -1.3067 0.7 -1.8 s0.34668 -0.96664 0.48 -1.42 s0.29332 -1.0266 0.48 -1.72 c-0.29332 -0.4 -0.62 -0.9 -0.98 -1.5 l-1.08 -1.8 l-1.04 -1.7 l-0.86 -1.16 c-0.18668 -0.26668 -0.24668 -0.57336 -0.18 -0.92004 s0.28668 -0.48 0.66 -0.4 z M45.08 32.4 c-0.37332 0 -0.79356 0.019609 -1.2602 0.059608 s-0.91336 0.06 -1.34 0.06 s-0.80668 -0.03332 -1.14 -0.1 s-0.54 -0.20668 -0.62 -0.42 c-0.16 -0.13332 -0.16 -0.28664 0 -0.45996 s0.30668 -0.32664 0.44 -0.45996 c0.50668 -0.05332 0.94668 -0.09332 1.32 -0.12 s0.72 -0.06 1.04 -0.1 s0.62668 -0.08 0.92 -0.12 s0.6 -0.08668 0.92 -0.14 c0.4 -1.4933 0.77332 -2.92 1.12 -4.28 s0.68 -2.7067 1 -4.04 s0.63332 -2.68 0.94 -4.04 s0.63336 -2.7867 0.98004 -4.28 c0.24 -0.34668 0.44 -0.52668 0.6 -0.54 s0.42668 -0.0067688 0.8 0.020039 c0.16 0.85332 0.28 1.5733 0.36 2.16 s0.15332 1.18 0.22 1.78 s0.14668 1.2667 0.24 2 s0.22 1.66 0.38 2.78 c0.10668 1.1467 0.25336 2.2734 0.44004 3.38 s0.34668 2.2467 0.48 3.42 c0.69332 -0.10668 1.36 -0.22 2 -0.34 s1.2067 -0.22668 1.7 -0.32 s0.89332 -0.16664 1.2 -0.21996 s0.46 -0.06664 0.46 -0.039961 c0.08 0.24 -0.04668 0.47332 -0.38 0.7 s-0.76664 0.45336 -1.3 0.68004 s-1.1066 0.44 -1.72 0.64 s-1.16 0.38 -1.64 0.54 c0.05332 0.50668 0.14664 1.14 0.27996 1.9 s0.27332 1.5667 0.42 2.42 s0.3 1.7133 0.46 2.58 s0.3 1.6534 0.42 2.36 s0.20668 1.2934 0.26 1.76 s0.05332 0.72668 0 0.78 c-0.45332 0.05332 -0.78 0.0067688 -0.98 -0.14004 s-0.44668 -0.27336 -0.74 -0.38004 c-0.21332 -1.76 -0.48 -3.5533 -0.8 -5.38 s-0.57332 -3.6467 -0.76 -5.46 c-0.61332 0.13332 -1.3933 0.31332 -2.34 0.54 s-1.9267 0.42 -2.94 0.58 c-0.16 0.58668 -0.30668 1.24 -0.44 1.96 s-0.26664 1.4067 -0.39996 2.06 s-0.24664 1.24 -0.33996 1.76 s-0.18 0.86 -0.26 1.02 c-0.13332 0.13332 -0.36664 0.22 -0.69996 0.26 s-0.60664 -0.04668 -0.81996 -0.26 c0 -0.16 0.06 -0.52668 0.18 -1.1 s0.26 -1.2066 0.42 -1.9 s0.32668 -1.3666 0.5 -2.02 s0.31332 -1.1666 0.42 -1.54 z M46.9996 30.4396 c0.4 -0.08 0.84004 -0.16641 1.32 -0.25973 s0.92668 -0.19332 1.34 -0.3 s0.77332 -0.19336 1.08 -0.26004 s0.48668 -0.11336 0.54 -0.14004 c-0.05332 -0.58668 -0.1 -1.0734 -0.14 -1.46 s-0.08 -0.79336 -0.12 -1.22 s-0.08668 -0.92668 -0.14 -1.5 s-0.13332 -1.3533 -0.24 -2.34 c-0.21332 -1.68 -0.36664 -2.9333 -0.45996 -3.76 s-0.18 -1.0934 -0.26 -0.80004 c-0.37332 1.44 -0.7 2.6867 -0.98 3.74 s-0.53332 2.0266 -0.76 2.92 s-0.43336 1.7666 -0.62004 2.62 s-0.37336 1.7733 -0.56004 2.76 z M60.56 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M60.68 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z"/>
+							</g>
+						</svg>
+					</a>
+					<p class="mt-1 text-sm text-slate-400 px-2 text-center">The Stable Diffusion search engine</p>
+					<a href="https://discord.gg/vTKYW6Hc" rel="noopener noreferrer" target="_blank">
+						<button class="h-8 px-3 mt-3 flex text-xs rounded-lg select-none items-center justify-center opacity-50 hover:opacity-90 hover:bg-slate-600 border border-slate-700">
+							<svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="text-base mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+								<title></title>
+								<path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path>
+							</svg>
+							Join the Discord
+						</button>
+					</a>
+					<div class="flex items-center w-full max-w-[600px] md:ml-[48px] mt-8 px-4 pl-5 md:px-5">
+						<div class="w-full">
+							<div class="w-full flex items-center relative">
+								<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="absolute left-4 pointer-events-none" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+									<circle cx="11" cy="11" r="8"></circle>
+									<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+								</svg>
+								<input id="main-search" autoComplete="off" class="bg-slate-700 flex-1 pl-12 pr-12 rounded-full text-sm px-4 py-2.5 focus:outline-none focus:ring-1 focus:ring-indigo-700" placeholder="Search for an image" value="" />
+								<button data-tooltip-target="tooltip-default" class="text-base absolute right-2 hover:bg-slate-800 h-8 w-8 flex items-center justify-center rounded-full" data-state="closed">
+									<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+										<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+										<circle cx="8.5" cy="8.5" r="1.5"></circle>
+										<polyline points="21 15 16 10 5 21"></polyline>
+									</svg>
+								</button>
+							</div>
+						</div>
+						<div class="flex justify-center">
+							<button onclick="jabascript:document.getElementById('advanceSearchMenu').classList.toggle('scale-y-0');document.getElementById('advanceSearchMenu').classList.toggle('h-0')" class="ml-2 h-10 w-10 rounded-full cursor-pointer flex items-center justify-center  bg-transparent hover:bg-slate-900">
+								<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+									<line x1="4" y1="21" x2="4" y2="14"></line>
+									<line x1="4" y1="10" x2="4" y2="3"></line>
+									<line x1="12" y1="21" x2="12" y2="12"></line>
+									<line x1="12" y1="8" x2="12" y2="3"></line>
+									<line x1="20" y1="21" x2="20" y2="16"></line>
+									<line x1="20" y1="12" x2="20" y2="3"></line>
+									<line x1="1" y1="14" x2="7" y2="14"></line>
+									<line x1="9" y1="8" x2="15" y2="8"></line>
+									<line x1="17" y1="16" x2="23" y2="16"></line>
+								</svg>
+							</button>
+						</div>
+					</div>
+					<div id="advanceSearchMenu" class="flex w-full max-w-[600px] md:ml-[48px] px-4 pl-5 md:px-5 h-fit scale-y-0 h-0 transition-all duration-300 origin-top" style="position: relative;">
+						<div class="w-full flex flex-col items-center">
+							<div class="w-full px-3 pt-3 flex space-x-1 items-center justify-center pr-12">
+								<select onchange="filterChanged(this)" id="searchMode" class="bg-transparent text-gray-200 w-fit text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
+									<option selected value="images" class="text-white bg-slate-800 font-bold hover:text-slate-800 hover:bg-white">Search by Image relevancy</option>
+									<option value="prompts" class="text-white bg-slate-800 font-bold hover:text-slate-800 hover:bg-white">Search by Prompt text</option>
+								</select>
+								<select onchange="filterChanged(this)" id="model" class="bg-transparent text-gray-200 w-fit text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
+									<option selected value="picxai-diffuser" class="text-white bg-slate-800 font-bold hover:text-slate-800 hover:bg-white">PicxAI Diffuser</option>
+									<option value="sd-1.5" class="text-white bg-slate-800 font-bold hover:text-slate-800 hover:bg-white">Stable Diffusion 1.5</option>
+								</select>
+							</div>
+						</div>
+					</div>
+					<div class=" mb-8 flex flex-col items-center">
+						<div class="flex space-x-2">
+							<button onclick="search()" class="w-32 sm:w-36 flex items-center text-xs justify-center text-center  h-9 rounded-full  hover:brightness-110 bg-opacity-0 shadow-sm  mt-4 bg-gradient-to-t from-indigo-900 via-indigo-900 to-indigo-800">Search</button>
+						</div>
+					</div>
+					<div class="mt-2 hover:opacity-100 opacity-50 transition-all">
+						<div id="columnDataDisplay" class="text-center text-sm opacity-50">Columns : 2</div>
+						<input onchange="photoGalleryUpdater(this)"  type="range" min="1" max="4" value="3" class="w-64 mt-2 block md:hidden columnData" id="myRange">
+						<input onchange="photoGalleryUpdater(this)"  type="range" min="1" max="12" value="5" class="w-64 mt-2 hidden md:block columnData" id="myRange">
+					</div>
+					<div class="mt-2"> </div>
+				</div>
+			</div>
+		</div>
+		<div id="tooltip-default" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+			Upload an image for reverse<br> image search.
+			<div class="tooltip-arrow" data-popper-arrow></div>
+		</div>
+		<div class="mt-4 mb-64 w-full h-auto">
+			<div id="photoGallery" class="relative h-screen w-full  transition-all duration-300" tabindex="0">
+			</div>
+		</div>
+		<script>
+			function heartAnimation(element)
+			{
+				let frame = 1;
+				heartAnim = setInterval(()=>{
+					element.getElementsByTagName("img")[0].src = "/static/heartAnim/"+frame+".png" ;
+					if(frame == 29)
+					{
+						clearInterval(heartAnim)
+						frame = 0
+					}
+					frame += 1}
+				,50)
+			}
+			let imageData = `<div class="imageCustom absolute w-[$$width$$%] left-[$$left$$] top-[$$top$$]" data-height="$$height$$" data-width="$$width$$">
+								<div class="group relative m-0.5 block select-none overflow-hidden rounded-lg z-10" style="transition: opacity 500ms ease 0s;">
+									<div class="line-clamp pointer-events-none absolute inset-0 z-10 block px-2 px-2 pb-2 text-sm text-slate-100 opacity-0 transition-opacity group-hover:opacity-100" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.1) 100%);">
+										<div class="flex h-full flex-shrink items-end shadow-md">
+											<div class="flex flex-col">
+												<p class="text-sm leading-snug leading-snug text-white opacity-100" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">$$prompt1$$</p>
+												<p class="opacity-60 leading-snug text-sm" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">$$prompt2$$</p>
+											</div>
+										</div>
+									</div>
+									<div class="absolute top-2 left-0 z-20 mb-1 flex w-full justify-between px-2 text-xs text-slate-100 opacity-0 transition-opacity group-hover:opacity-100">
+										<button class="flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-50 text-lg transition-opacity hover:bg-opacity-100">
+											<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+												<circle cx="11" cy="11" r="8"></circle>
+												<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+											</svg>
+										</button>
+										<div class="flex flex-col space-y-2">
+											<button onclick="heartAnimation(this)" class="text-md z-30 flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-70 transition-all hover:bg-opacity-100 active:scale-90">
+												<div class="scale-x-[200%] scale-y-[70%] py-3">
+													<img class="heart" src="/static/heartAnim/1.png" alt="">
+												</div>
+											</button>
+											<button class="flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-50 text-lg transition-opacity hover:bg-opacity-100">
+												<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"></path></svg>
+											</button>
+										</div>
+									</div>
+									<picture onclick="javascript:window.location.href = '/prompt/$$promptId$$'">
+										<source media="(min-width:1024px)" srcset="https://lexica-serve-encoded-images2.sharif.workers.dev/$$size1$$/$$imgId$$">
+										<source media="(min-width:650px)" srcset="https://lexica-serve-encoded-images2.sharif.workers.dev/$$size2$$/$$imgId$$">
+										<source media="(min-width:465px)" srcset="https://lexica-serve-encoded-images2.sharif.workers.dev/$$size3$$/$$imgId$$">
+										<img class="object-cover w-full h-full" src="https://lexica-serve-encoded-images2.sharif.workers.dev/$$size4$$/$$imgId$$"/>
+									</picture>
+								</div>
+							</div>`
+			if (window.innerWidth > 768)
+			{
+				window.colValue = 5
+			}
+			else
+			{
+				window.colValue = 3
+			}
+			
+			flag = 0
+			if (localStorage.getItem("nextCursor") === null)
+			{
+				nextCursor = 0
+			}
+			else
+			{
+				nextCursor = localStorage.getItem("nextCursor")
+			}
+			
+			let topCols = [];
+			for(let i=0;i<window.colValue;i++)
+			{
+				topCols[i] = 0
+			}
+			function photoGalleryUpdater(element)
+			{
+				document.getElementById("columnDataDisplay").innerHTML="Columns : " + element.value
+				window.colValue = element.value
+				rowNum = 0
+				let topCols = [];
+				for(let i=0;i<window.colValue;i++)
+				{
+					topCols[i] = 0
+				}
+				let width = screen.width;
+				let height = screen.height;
+				allImages = document.getElementsByClassName("imageCustom")
+				for(let i in allImages)
+				{
+					try
+					{
+						allImages[i].className = "imageCustom absolute w-["+((100/window.colValue)-1).toString()+"%] left-["+((100*rowNum)/window.colValue).toString()+"%] top-["+topCols[rowNum].toString()+"vw]"
+						topCols[rowNum] += parseInt((((width*(100/window.colValue)-1)/100)*(parseInt(allImages[i].getAttribute("data-height"))/parseInt(allImages[i].getAttribute("data-width")))/window.colValue)*100/height)
+						small = 6
+						mid = 0
+						if(window.colValue == 12)
+						{
+							topCols[rowNum] += 11
+							small = 5
+							mid= -3
+						}
+						if(window.colValue == 11)
+						{
+							topCols[rowNum] += 11
+							small = 7
+							mid= -4
+						}
+						if(window.colValue == 10)
+						{
+							topCols[rowNum] += 13
+							small = 7
+							mid= -4
+						}
+						if(window.colValue == 9)
+						{
+							topCols[rowNum] += 13
+							small = 7
+							mid= -4
+						}
+						if(window.colValue == 8)
+						{
+							topCols[rowNum] += 14
+							small = 7
+							mid= -4
+						}
+						if(window.colValue == 7)
+						{
+							topCols[rowNum] += 16
+							small = 8.5
+							mid= -5
+						}
+						if(window.colValue == 6)
+						{
+							topCols[rowNum] += 17
+							small = 10
+							mid = -5
+						}
+						if(window.colValue == 5)
+						{
+							topCols[rowNum] += 19
+							small = 10
+							mid= -5
+						}
+						if(window.colValue == 4)
+						{
+							topCols[rowNum] += 20
+							small = 11
+							mid = -5
+						}
+						if(window.colValue == 3)
+						{
+							topCols[rowNum] += 19
+							small = 10
+							mid = -2
+						}
+						if(window.colValue == 2)
+						{
+							topCols[rowNum] += 6
+						}
+						if(window.colValue == 1)
+						{
+							topCols[rowNum] -= 120
+						}
+						if(parseInt(allImages[i].getAttribute("data-height"))/parseInt(allImages[i].getAttribute("data-width")) == 1)
+						{
+							topCols[rowNum] += mid
+						}
+						if(parseInt(allImages[i].getAttribute("data-height"))/parseInt(allImages[i].getAttribute("data-width")) < 1)
+						{
+							topCols[rowNum] -= small
+						}
+						if(rowNum == window.colValue-1)
+						{
+							rowNum = 0
+						}
+						else
+						{
+							rowNum +=1
+						}
+					}
+					catch(e)
+					{
+						allImages[i].className = "hidden"
+					}
+				}
+			}
+			let paramString = window.location.href.split('?')[1];
+			try{
+				if(paramString.split("q=")[1].split("&")[0] != "")
+				{
+					nextCursor = 0
+					localStorage.setItem("nextCursor", 0)
+				}
+			}
+			catch(e){}
+			
+			try{
+				if(paramString.split("q=")[1].split("&")[0] != "")
+				{
+					document.getElementById("main-search").value = decodeURIComponent(paramString.split('q=')[1].split('&')[0]);
+				}
+			}
+			catch(e){}
+			function infinitePrompts() {
+				const element = document.getElementsByTagName("body")[0];
+				let x = element.scrollHeight;
+				if(flag == 0)
+				{
+					flag = 1
+					let formData = new FormData();
+					formData.append('cursor', nextCursor);
+					let paramString = window.location.href.split('?')[1];
+					try{
+						if(paramString.split("q=")[1].split("&")[0] != "")
+						{
+							formData.append('query', paramString.split('q=')[1].split('&')[0]);
+						}
+					}
+					catch(e){}
+					formData.append('searchMode',document.getElementById("searchMode").value)
+					formData.append('model',document.getElementById("model").value)
+					let fetchRes = fetch(
+						"/infinite-prompts",{
+						method: "POST",
+						body: formData
+					})
+					fetchRes.then(res =>res.json())
+					.then(d => {
+						nextCursor = d['nextCursor']
+						localStorage.setItem("nextCursor", d['nextCursor']);
+						rowNum = 0
+						let width = screen.width;
+						let height = screen.height;
+						for(let i in d["images"])
+						{
+							tempHtml = imageData.replace("$$promptId$$",d["images"][i]["promptid"])
+							if(document.getElementById("model").value != "sd-1.5")
+							{
+								tempHtml = tempHtml.replace("$$size1$$","full_jpg")
+								tempHtml = tempHtml.replace("$$size2$$","md2")
+								tempHtml = tempHtml.replace("$$size3$$","sm2")
+								tempHtml = tempHtml.replace("$$size4$$","sm2")
+							}
+							else
+							{
+								tempHtml = tempHtml.replace("$$size1$$","md")
+								tempHtml = tempHtml.replace("$$size2$$","md")
+								tempHtml = tempHtml.replace("$$size3$$","sm")
+								tempHtml = tempHtml.replace("$$size4$$","sm")
+							}
+							tempHtml = tempHtml.replace("$$imgId$$",d["images"][i]["id"])
+							tempHtml = tempHtml.replace("$$imgId$$",d["images"][i]["id"])
+							tempHtml = tempHtml.replace("$$imgId$$",d["images"][i]["id"])
+							tempHtml = tempHtml.replace("$$imgId$$",d["images"][i]["id"])
+							promptid = d["images"][i]["promptid"]
+							for(let j in d["prompts"])
+							{
+								if(d["prompts"][j]["id"] == promptid)
+								{
+									tempHtml = tempHtml.replace("$$prompt1$$",d["prompts"][j]["prompt"].split(",")[0])
+									tempHtml = tempHtml.replace("$$prompt2$$",d["prompts"][j]["prompt"].split(",").slice(1).toString())
+									break;
+								}
+							}
+							tempHtml = tempHtml.replace("$$left$$",((100*rowNum)/window.colValue).toString()+"%")
+							tempHtml = tempHtml.replace("$$top$$",topCols[rowNum]+"vw")
+							tempHtml = tempHtml.replace("$$width$$",((100/window.colValue)-1).toString())
+							tempHtml = tempHtml.replace("$$height$$",d["images"][i]["height"])
+							tempHtml = tempHtml.replace("$$width$$",d["images"][i]["width"])
+							document.getElementById("photoGallery").innerHTML += tempHtml
+							//console.log(topCols,(width*(100/window.colValue)-1)/100,d["images"][i]["height"]/d["images"][i]["width"],parseInt(((width*(100/window.colValue)-1)/100)*(d["images"][i]["height"]/d["images"][i]["width"])))
+							topCols[rowNum] += parseInt((((width*(100/window.colValue)-1)/100)*(d["images"][i]["height"]/d["images"][i]["width"])/window.colValue)*100/height)
+							small = 6
+							mid = 0
+							if(window.colValue == 12)
+							{
+								topCols[rowNum] += 11
+								small = 5
+								mid= -3
+							}
+							if(window.colValue == 11)
+							{
+								topCols[rowNum] += 11
+								small = 7
+								mid= -4
+							}
+							if(window.colValue == 10)
+							{
+								topCols[rowNum] += 13
+								small = 7
+								mid= -4
+							}
+							if(window.colValue == 9)
+							{
+								topCols[rowNum] += 13
+								small = 7
+								mid= -4
+							}
+							if(window.colValue == 8)
+							{
+								topCols[rowNum] += 14
+								small = 7
+								mid= -4
+							}
+							if(window.colValue == 7)
+							{
+								topCols[rowNum] += 16
+								small = 8.5
+								mid= -5
+							}
+							if(window.colValue == 6)
+							{
+								topCols[rowNum] += 17
+								small = 10
+								mid = -5
+							}
+							if(window.colValue == 5)
+							{
+								topCols[rowNum] += 19
+								small = 10
+								mid= -5
+							}
+							if(window.colValue == 4)
+							{
+								topCols[rowNum] += 20
+								small = 11
+								mid = -5
+							}
+							if(window.colValue == 3)
+							{
+								topCols[rowNum] += 19
+								small = 10
+								mid = -2
+							}
+							if(window.colValue == 2)
+							{
+								topCols[rowNum] += 6
+							}
+							if(window.colValue == 1)
+							{
+								topCols[rowNum] -= 120
+							}
+							if(parseInt(allImages[i].getAttribute("data-height"))/parseInt(allImages[i].getAttribute("data-width")) == 1)
+							{
+								topCols[rowNum] += mid
+							}
+							if(parseInt(allImages[i].getAttribute("data-height"))/parseInt(allImages[i].getAttribute("data-width")) < 1)
+							{
+								topCols[rowNum] -= small
+							}
+							if(rowNum == window.colValue-1)
+							{
+								rowNum = 0
+							}
+							else
+							{
+								rowNum +=1
+							}
+						}
+						flag = 0
+						if(window.innerWidth < 768)
+						{
+							photoGalleryUpdater(document.getElementsByClassName("columnData")[0])
+						}
+						else
+						{
+							photoGalleryUpdater(document.getElementsByClassName("columnData")[1])
+						}
+					})
+				}
+			};
+			if(window.innerWidth < 768)
+			{
+				photoGalleryUpdater(document.getElementsByClassName("columnData")[0])
+			}
+			else
+			{
+				photoGalleryUpdater(document.getElementsByClassName("columnData")[1])
+			}
+			infinitePrompts()
+			window.onscroll = function(event){
+				const element = document.getElementsByTagName("body")[0];
+				let x = element.scrollHeight;
+				if(pageYOffset > (x-5000) && flag == 0)
+				{
+					infinitePrompts()
+				}
+			}
+			function search()
+			{
+				window.location = "/?q="+document.getElementById("main-search").value
+			}
+			function filterChanged(element)
+			{
+				var op = document.getElementById("model").getElementsByTagName("option");
+				if(element.value == "prompts")
+				{
+					op[0].disabled = true
+					op[1].selected = true
+				}
+				else
+				{
+					op[0].disabled = false
+					op[1].selected = true
+				}
+				document.getElementById("photoGallery").innerHTML = ""
+				nextCursor = 0
+				localStorage.setItem("nextCursor", 0);
+				let topCols = [];
+				for(let i=0;i<window.colValue;i++)
+				{
+					topCols[i] = 0
+				}
+				infinitePrompts()
+				
+			}
+		</script>
+	</body>
+</html>
+
+
+
+<!--  
+				<div>
+					<a href="/prompt/" class="group relative m-0.5 block select-none overflow-hidden rounded-lg" style="transition: opacity 500ms ease 0s;">
+						<div class="absolute top-2 left-0 z-10 mb-1 flex w-full justify-between px-2 text-xs text-slate-100 opacity-0 transition-opacity group-hover:opacity-100">
+							<button class="flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-50 text-lg transition-opacity hover:bg-opacity-100">
+								<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+									<circle cx="11" cy="11" r="8"></circle>
+									<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+								</svg>
+							</button>
+							<div class="flex flex-col space-y-2">
+								<button class="text-md flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-70 transition-all hover:bg-opacity-100 active:scale-90">
+									<div class="scale-50">
+										<div class="heart brightness-110"></div>
+									</div>
+								</button>
+								<button class="flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-slate-900 bg-opacity-50 text-lg transition-opacity hover:bg-opacity-100">
+									<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"></path></svg>
+								</button>
+							</div>
+						</div>
+						<img width="1536" height="1024" class="object-cover" src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/"/>
+					</a>
+				</div>
+
+
+				
+
+
+//
+
+
+			-->

templates/prompt.html

@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<script src="/static/tailwind.js"></script>
+		<script src="/static/flowbite.js" charset="utf-8"></script>
+		<link rel="stylesheet" href="/static/style.css" data-precedence="high" />
+		<title>PicxAI</title>
+		<meta name="theme-color" content="#27272a" media="(prefers-color-scheme: light)" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+		<link rel="icon" href="/static/logo.png" sizes="any" type="image/png">
+		<meta property="og:site_name" content="PicxAI" />
+		<meta property="og:image" content="/static/logo.svg" />
+		<meta property="og:image:type" content="image/png" />
+		<meta property="og:image:alt" content="PicxAI" />
+		<meta property="og:title" content="PicxAI" />
+		<meta property="og:url" content="https://PicxAI.art" />
+		<meta property="og:description" content="The Stable Diffusion search engine" />
+		<meta name="description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://PicxAI.art" />
+		<meta property="twitter:title" content="PicxAI" />
+		<meta property="twitter:description" content="The Stable Diffusion search engine" />
+		<meta property="twitter:image" content="/static/logo.svg" />
+	</head>
+	<body>
+        <div class="fixed bottom-0 sm:top-0 z-50 flex flex-row items-center justify-between bg-slate-900 backdrop-blur bg-opacity-80 border-t border-t-slate-700 sm:border-t-0 sm:border-b border-opacity-50 sm:border-b-slate-700 text-sm select-none" style="height:56px;width:100vw">
+			<div class="hidden sm:flex items-center cursor-pointer px-4 pl-6 left-0 h-full w-32 ">
+				<svg width="320" height="157.30338319782783" viewBox="0 0 204.042 100.315">
+					<defs id="SvgjsDefs4055">
+						<linearGradient>
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+						<linearGradient id="SvgjsLinearGradient4063">
+							<stop stop-color="#ffffff" offset="0"/>
+							<stop stop-color="#ffffff" offset="1"/>
+						</linearGradient>
+					</defs>
+					<g featurekey="nameFeature-0" transform="matrix(3.211992, 0, 0, 3.211992, 2.876412, -37.487316)" fill="url(#SvgjsLinearGradient4063)">
+						<path d="M8.32 28.8 c0.13332 0.98668 0.27344 2.0268 0.42012 3.1202 s0.27336 2.1466 0.38004 3.16 s0.17336 1.9333 0.20004 2.76 s0 1.46 -0.08 1.9 s-0.24 0.62668 -0.48 0.56 s-0.58668 -0.48668 -1.04 -1.26 c0 -1.84 -0.08668 -3.58 -0.26 -5.22 s-0.39332 -3.2867 -0.66 -4.94 c-0.61332 0 -1.2133 -0.1 -1.8 -0.3 s-1.12 -0.42668 -1.6 -0.68 s-0.86 -0.52 -1.14 -0.8 s-0.42 -0.51332 -0.42 -0.7 c0.18668 0.05332 0.48 0.12 0.88 0.2 s0.82 0.15332 1.26 0.22 s0.88 0.12 1.32 0.16 s0.79332 0.06 1.06 0.06 c-0.16 -1.2 -0.31332 -2.28 -0.46 -3.24 s-0.29336 -1.8933 -0.44004 -2.8 s-0.29336 -1.8334 -0.44004 -2.78 s-0.28668 -2.0067 -0.42 -3.18 c-0.82668 -0.34668 -1.66 -0.66668 -2.5 -0.96 s-1.6467 -0.62664 -2.42 -0.99996 c-0.05332 -0.16 -0.09332 -0.27332 -0.12 -0.34 s-0.033359 -0.12668 -0.020039 -0.18 s0.05332 -0.11332 0.12 -0.18 s0.18 -0.16668 0.34 -0.3 c0.21332 -0.05332 0.71332 0.033359 1.5 0.26004 s1.72 0.54668 2.8 0.96 s2.24 0.90664 3.48 1.48 s2.44 1.16 3.6 1.76 s2.2 1.2 3.12 1.8 s1.5933 1.1533 2.02 1.66 c0.4 0.32 0.67332 0.69332 0.82 1.12 s0.18668 0.86668 0.12 1.32 s-0.23336 0.90664 -0.50004 1.36 s-0.6 0.88 -1 1.28 c-0.4 0.37332 -0.87332 0.76664 -1.42 1.18 s-1.14 0.8 -1.78 1.16 s-1.3333 0.66668 -2.08 0.92 s-1.5334 0.40664 -2.36 0.45996 z M7.8 26.96 c1.2533 0 2.3668 -0.13336 3.3401 -0.40004 s1.7933 -0.64 2.46 -1.12 s1.1534 -1.04 1.46 -1.68 s0.40668 -1.3067 0.3 -2 c-0.05332 -0.53332 -0.41332 -1.0733 -1.08 -1.62 s-1.4734 -1.08 -2.42 -1.6 s-1.9467 -1.0267 -3 -1.52 s-1.9933 -0.96664 -2.82 -1.42 c0.05332 0.56 0.12664 1.1667 0.21996 1.82 s0.20664 1.4133 0.33996 2.28 s0.3 1.8867 0.5 3.06 s0.43332 2.5733 0.7 4.2 z M19.759999999999998 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M19.88 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z M29.2 28.28 c0.02668 0.16 -0.099924 0.31992 -0.37992 0.47992 s-0.63332 0.39332 -1.06 0.7 s-0.89336 0.71336 -1.4 1.22 s-0.96 1.1734 -1.36 2 c-0.42668 0.90668 -0.73336 1.6934 -0.92004 2.36 s-0.14668 1.4534 0.12 2.36 c0.08 0.18668 0.19332 0.35336 0.34 0.50004 s0.36668 0.23336 0.66 0.26004 c0.58668 -0.10668 1.1067 -0.25336 1.56 -0.44004 s0.88 -0.41336 1.28 -0.68004 s0.78668 -0.55336 1.16 -0.86004 s0.76 -0.62 1.16 -0.94 c0.58668 -0.56 1.0734 -1.0467 1.46 -1.46 s0.7 -0.76 0.94 -1.04 s0.44668 -0.48668 0.62 -0.62 s0.35332 -0.17332 0.54 -0.12 c-0.10668 0.24 -0.40668 0.74668 -0.9 1.52 s-1.1333 1.5933 -1.92 2.46 s-1.7 1.68 -2.74 2.44 s-2.16 1.2333 -3.36 1.42 c-0.48 -0.02668 -0.87332 -0.08 -1.18 -0.16 s-0.59336 -0.4 -0.86004 -0.96 c-0.32 -0.66668 -0.44 -1.4734 -0.36 -2.42 s0.28 -1.8867 0.6 -2.82 s0.72 -1.8 1.2 -2.6 s0.94668 -1.3867 1.4 -1.76 c0.64 -0.45332 1.2333 -0.73332 1.78 -0.84 s1.0867 -0.10668 1.62 0 z M32.199999999999996 25.759999999999998 c0.34668 0.45332 0.67324 0.89316 0.97992 1.3198 s0.61336 0.86668 0.92004 1.32 s0.63336 0.95332 0.98004 1.5 s0.74668 1.18 1.2 1.9 c0.29332 -0.77332 0.54664 -1.4933 0.75996 -2.16 s0.37332 -1.4267 0.48 -2.28 c0.05332 -0.21332 0.20664 -0.26664 0.45996 -0.15996 s0.46 0.2 0.62 0.28 c0.08 0.18668 0.09332 0.45336 0.04 0.80004 s-0.14 0.70668 -0.26 1.08 s-0.24668 0.72664 -0.38 1.06 s-0.22664 0.59332 -0.27996 0.78 c-0.05332 0.13332 -0.11332 0.28664 -0.18 0.45996 s-0.12668 0.35332 -0.18 0.54 l-0.24 0.64 c0.61332 1.4933 1.2 2.7933 1.76 3.9 s0.93332 1.94 1.12 2.5 c0 0.18668 -0.15332 0.22 -0.46 0.1 s-0.58 -0.28668 -0.82 -0.5 c-0.32 -0.66668 -0.66668 -1.3067 -1.04 -1.92 s-0.76 -1.3066 -1.16 -2.08 c-0.13332 0.37332 -0.3 0.80664 -0.5 1.3 s-0.40668 1 -0.62 1.52 s-0.42664 1.0333 -0.63996 1.54 s-0.4 0.97336 -0.56 1.4 c-0.21332 0.26668 -0.39332 0.43336 -0.54 0.50004 s-0.40668 0.033359 -0.78 -0.09996 c0.48 -1.1733 0.86 -2.1133 1.14 -2.82 s0.51332 -1.3067 0.7 -1.8 s0.34668 -0.96664 0.48 -1.42 s0.29332 -1.0266 0.48 -1.72 c-0.29332 -0.4 -0.62 -0.9 -0.98 -1.5 l-1.08 -1.8 l-1.04 -1.7 l-0.86 -1.16 c-0.18668 -0.26668 -0.24668 -0.57336 -0.18 -0.92004 s0.28668 -0.48 0.66 -0.4 z M45.08 32.4 c-0.37332 0 -0.79356 0.019609 -1.2602 0.059608 s-0.91336 0.06 -1.34 0.06 s-0.80668 -0.03332 -1.14 -0.1 s-0.54 -0.20668 -0.62 -0.42 c-0.16 -0.13332 -0.16 -0.28664 0 -0.45996 s0.30668 -0.32664 0.44 -0.45996 c0.50668 -0.05332 0.94668 -0.09332 1.32 -0.12 s0.72 -0.06 1.04 -0.1 s0.62668 -0.08 0.92 -0.12 s0.6 -0.08668 0.92 -0.14 c0.4 -1.4933 0.77332 -2.92 1.12 -4.28 s0.68 -2.7067 1 -4.04 s0.63332 -2.68 0.94 -4.04 s0.63336 -2.7867 0.98004 -4.28 c0.24 -0.34668 0.44 -0.52668 0.6 -0.54 s0.42668 -0.0067688 0.8 0.020039 c0.16 0.85332 0.28 1.5733 0.36 2.16 s0.15332 1.18 0.22 1.78 s0.14668 1.2667 0.24 2 s0.22 1.66 0.38 2.78 c0.10668 1.1467 0.25336 2.2734 0.44004 3.38 s0.34668 2.2467 0.48 3.42 c0.69332 -0.10668 1.36 -0.22 2 -0.34 s1.2067 -0.22668 1.7 -0.32 s0.89332 -0.16664 1.2 -0.21996 s0.46 -0.06664 0.46 -0.039961 c0.08 0.24 -0.04668 0.47332 -0.38 0.7 s-0.76664 0.45336 -1.3 0.68004 s-1.1066 0.44 -1.72 0.64 s-1.16 0.38 -1.64 0.54 c0.05332 0.50668 0.14664 1.14 0.27996 1.9 s0.27332 1.5667 0.42 2.42 s0.3 1.7133 0.46 2.58 s0.3 1.6534 0.42 2.36 s0.20668 1.2934 0.26 1.76 s0.05332 0.72668 0 0.78 c-0.45332 0.05332 -0.78 0.0067688 -0.98 -0.14004 s-0.44668 -0.27336 -0.74 -0.38004 c-0.21332 -1.76 -0.48 -3.5533 -0.8 -5.38 s-0.57332 -3.6467 -0.76 -5.46 c-0.61332 0.13332 -1.3933 0.31332 -2.34 0.54 s-1.9267 0.42 -2.94 0.58 c-0.16 0.58668 -0.30668 1.24 -0.44 1.96 s-0.26664 1.4067 -0.39996 2.06 s-0.24664 1.24 -0.33996 1.76 s-0.18 0.86 -0.26 1.02 c-0.13332 0.13332 -0.36664 0.22 -0.69996 0.26 s-0.60664 -0.04668 -0.81996 -0.26 c0 -0.16 0.06 -0.52668 0.18 -1.1 s0.26 -1.2066 0.42 -1.9 s0.32668 -1.3666 0.5 -2.02 s0.31332 -1.1666 0.42 -1.54 z M46.9996 30.4396 c0.4 -0.08 0.84004 -0.16641 1.32 -0.25973 s0.92668 -0.19332 1.34 -0.3 s0.77332 -0.19336 1.08 -0.26004 s0.48668 -0.11336 0.54 -0.14004 c-0.05332 -0.58668 -0.1 -1.0734 -0.14 -1.46 s-0.08 -0.79336 -0.12 -1.22 s-0.08668 -0.92668 -0.14 -1.5 s-0.13332 -1.3533 -0.24 -2.34 c-0.21332 -1.68 -0.36664 -2.9333 -0.45996 -3.76 s-0.18 -1.0934 -0.26 -0.80004 c-0.37332 1.44 -0.7 2.6867 -0.98 3.74 s-0.53332 2.0266 -0.76 2.92 s-0.43336 1.7666 -0.62004 2.62 s-0.37336 1.7733 -0.56004 2.76 z M60.56 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M60.68 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z"/>
+					</g>
+				</svg>
+			</div>
+			<div class="flex relative items-center h-full -mt-1 w-full sm:w-auto">
+				<div style="height:32px;top:15px;display:absolute" class="absolute bg-slate-700 rounded"></div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:1">
+					<a href="/">
+                        <div class="relative sm:flex justify-center hidden w-full">
+                            <div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+                            Home
+                        </div>
+                    </a>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+							<polyline points="9 22 9 12 15 12 15 22"></polyline>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Generate
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<circle cx="12" cy="12" r="10"></circle>
+							<line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
+							<line x1="9.69" y1="8" x2="21.17" y2="8"></line>
+							<line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
+							<line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
+							<line x1="14.31" y1="16" x2="2.83" y2="16"></line>
+							<line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						History
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path fill-rule="evenodd" clip-rule="evenodd" d="M13.507 12.324a7 7 0 0 0 .065-8.56A7 7 0 0 0 2 4.393V2H1v3.5l.5.5H5V5H2.811a6.008 6.008 0 1 1-.135 5.77l-.887.462a7 7 0 0 0 11.718 1.092zm-3.361-.97l.708-.707L8 7.792V4H7v4l.146.354 3 3z"></path>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Likes
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
+						</svg>
+					</div>
+				</div>
+				<div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5">
+					<div class="relative sm:flex justify-center hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						Account
+					</div>
+					<div class="relative flex items-center justify-center text-xl sm:hidden w-full">
+						<div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div>
+						<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+							<circle cx="12" cy="12" r="3"></circle>
+							<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+						</svg>
+					</div>
+				</div>
+			</div>
+			<div class="hidden w-32 h-full sm:flex items-center justify-end mr-4"></div>
+		</div>
+        <div class="mb-16 sm:mb-0 sm:mt-16">
+            <div class="sm:mt-20">
+                <div class="flex h-full w-full flex-1 flex-col self-stretch overflow-y-auto pb-16 md:flex-row md:pb-0 md:pt-0">
+                    <div class="flex h-auto w-full md:w-1/2 flex-shrink-0 flex-col overflow-hidden px-5 text-base">
+                    <div class="mt-6 flex flex-col space-y-5 rounded-xl bg-slate-700 bg-opacity-50 px-4 py-3 font-light shadow">
+                        <p>
+                            {%for prompt in datafinal['prompt'].split(',')%}
+                            <a class="bg-yellow-500 bg-opacity-0 rounded hover:bg-opacity-40 cursor-pointer " href="/?q={{prompt}}">
+                                {{prompt}}
+                            </a>
+                            <span>, </span>
+                            {%endfor%}
+                        <div class="flex flex-row space-x-2 text-xs font-light">
+                        <div onclick="promptSelector(this)" class="w-fit-content flex flex-1 transform-gpu cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-slate-600 bg-slate-700 px-2.5 py-2 text-xs shadow transition-all hover:bg-slate-600 active:scale-95 sm:text-xs">
+                            <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+                            </svg>
+                            Copy prompt
+                        </div>
+                        <div onclick="urlSelector(this)" class="w-fit-content flex flex-1 transform-gpu cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-slate-600 bg-slate-700 px-2.5 py-2 text-xs shadow transition-all hover:bg-slate-600 active:scale-95 sm:text-xs">
+                            <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+                            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg
+                            >Copy URL
+                        </div>
+                        </div>
+                    </div>
+					<div class="flex space-x-2 px-2">
+						<div onclick="openEditor()" class="w-fit-content group mt-4 flex flex-1 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md bg-gradient-to-t from-indigo-900 via-indigo-900 to-indigo-800 px-2.5 py-2.5 text-xs drop-shadow transition-all hover:brightness-110 active:scale-95 sm:text-sm">
+							<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="mr-2 h-3 w-3 text-base transition-all" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+								<path d="M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"></path>
+							</svg>
+							Open in editor
+						</div>
+						<div onclick="exploreStyle()" class="w-fit-content group mt-4 flex flex-1 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md bg-gradient-to-t from-slate-700 via-slate-700 to-slate-700 px-2.5 py-2 text-xs drop-shadow hover:brightness-110 sm:text-sm">
+							Explore this style
+							<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-2 text-base transition-all group-hover:translate-x-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
+								<polyline points="9 18 15 12 9 6"></polyline>
+							</svg>
+						</div>
+                    </div>
+					<script>
+						function exploreStyle()
+						{
+							window.location.href = '/?q={{datafinal["images"][0]["id"]}}'
+						}
+					</script>
+                    <div class="mt-4 ml-2 grid h-auto grid-cols-2 flex-wrap gap-2 pb-16 opacity-80 sm:pb-8 md:mt-6 md:flex md:flex-col md:space-x-0 md:space-y-1">
+                        <div>
+                        <div class="text-xs opacity-50">Model</div>
+                        <div class="text-sm">{{datafinal["model"]}}</div>
+                        </div>
+                        <div>
+                        <div class="text-xs opacity-50">Guidance scale</div>
+                        <div class="text-sm">{{datafinal["c"]}}</div>
+                        </div>
+                        <div>
+                        <div class="text-xs opacity-50">Dimensions</div>
+                        <div class="text-sm">
+                            {{datafinal["width"]}} × {{datafinal["height"]}}
+                        </div>
+                        </div>
+                        <div>
+                        <div class="text-xs opacity-50">Upscaled</div>
+                        <div class="text-sm">
+                            {{datafinal['images'][0]["upscaled_width"]}} × {{datafinal['images'][0]["upscaled_height"]}}
+                        </div>
+                        </div>
+                        {% if datafinal["negativePrompt"] != "" %}
+                        <div>
+                            <div class="text-xs opacity-50">Negative prompt</div>
+                            <div class="text-sm">{{datafinal["negativePrompt"]}}</div>
+                        </div>
+                        {%endif%}
+                    </div>
+                    </div>
+                    <div class="thin-scrollbar flex h-auto w-full md:w-1/2 flex-1 flex-wrap items-start justify-start overflow-hidden pb-2" style="height:fit-content;overscroll-behavior-x:contain">
+                        {%for img in datafinal['images']%}
+                        <img alt="" class="select-none" src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/{{img['id']}}" style="object-fit: contain; height: 100%; max-height: 35vh; width: 50%;" />
+                        {%endfor%}
+                    </div>
+                </div>
+            </div>
+        </div>
+        <script>
+            function promptSelector(element) {
+                html = element.innerHTML;
+                var copyText = '{{datafinal['prompt']}}';
+                navigator.clipboard.writeText(copyText);
+                element.innerHTML = "Copied!"
+                setTimeout(function() { element.innerHTML = html}, 2000);
+            }
+            function urlSelector(element) {
+                html = element.innerHTML;
+                var copyText = window.location.href;
+                navigator.clipboard.writeText(copyText);
+                element.innerHTML = "Copied!"
+                setTimeout(function() { element.innerHTML = html}, 2000);
+            }
+			function openEditor()
+			{
+				var prompt = '{{datafinal["prompt"]}}';
+				var negativePrompt = '{{datafinal["negativePrompt"]}}';
+				localStorage.setItem("dataPrompt",prompt);
+				localStorage.setItem("dataNegative",negativePrompt);
+				window.location.href = "/diffuser"
+			}
+        </script>
+	</body>
+</html>