diff --git a/src/ui/main.py b/src/ui/main.py index 8b2209fc0..22216ce5f 100755 --- a/src/ui/main.py +++ b/src/ui/main.py @@ -531,25 +531,26 @@ def home(): services_scheduler_count=services_scheduler_count, services_ui_count=services_ui_count, services_autoconf_count=services_autoconf_count, + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) -@app.route("/profile", methods=["GET", "POST"]) +@app.route("/account", methods=["GET", "POST"]) @login_required -def profile(): +def account(): if request.method == "POST": # Check form data validity if not request.form: flash("Missing form data.", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif "operation" not in request.form: flash("Missing operation parameter.", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) if "curr_password" not in request.form or not current_user.check_password(request.form["curr_password"]): flash(f"The current password is incorrect. ({request.form['operation']})", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) username = current_user.get_id() password = request.form["curr_password"] @@ -559,10 +560,10 @@ def profile(): if request.form["operation"] == "username": if "admin_username" not in request.form: flash("Missing admin_username parameter. (username)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif len(request.form["admin_username"]) > 256: flash("The admin username is too long. It must be less than 256 characters. (username)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) username = request.form["admin_username"] @@ -571,20 +572,20 @@ def profile(): elif request.form["operation"] == "password": if "admin_password" not in request.form: flash("Missing admin_password parameter. (password)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif request.form.get("admin_password"): if not request.form.get("admin_password_check"): flash("Missing admin_password_check parameter. (password)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif request.form["admin_password"] != request.form["admin_password_check"]: flash("The passwords does not match. (password)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif not USER_PASSWORD_RX.match(request.form["admin_password"]): flash("The admin password is not strong enough. It must contain at least 8 characters, including at least 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character (#@?!$%^&*-). (password)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif request.form.get("admin_password_check"): flash("Missing admin_password parameter. (password)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) password = request.form["admin_password"] @@ -593,10 +594,10 @@ def profile(): elif request.form["operation"] == "totp": if "totp_token" not in request.form: flash("Missing totp_token parameter. (totp)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) elif not current_user.check_otp(request.form["totp_token"], secret=app.config["CURRENT_TOTP_TOKEN"]): flash("The totp token is invalid. (totp)", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) session["totp_validated"] = not current_user.is_two_factor_enabled is_two_factor_enabled = session["totp_validated"] @@ -604,20 +605,20 @@ def profile(): app.config["CURRENT_TOTP_TOKEN"] = None else: flash("Invalid operation parameter.", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) user = User(username, password, is_two_factor_enabled=is_two_factor_enabled, secret_token=secret_token, method=current_user.method) ret = db.update_ui_user(username, user.password_hash, is_two_factor_enabled, secret_token, current_user.method if request.form["operation"] == "totp" else "ui") if ret: app.logger.error(f"Couldn't update the admin user in the database: {ret}") flash(f"Couldn't update the admin user in the database: {ret}", "error") - return redirect(url_for("profile")) + return redirect(url_for("account")) flash( f"The {request.form['operation']} has been successfully updated." if request.form["operation"] != "totp" else f"The two-factor authentication was successfully {'disabled' if current_user.is_two_factor_enabled else 'enabled'}.", ) - return redirect(url_for("profile" if request.form["operation"] == "totp" else "login")) + return redirect(url_for("account" if request.form["operation"] == "totp" else "login")) secret_token = "" totp_qr_image = "" @@ -628,7 +629,7 @@ def profile(): totp_qr_image = get_b64encoded_qr_image(current_user.get_authentication_setup_uri()) app.config["CURRENT_TOTP_TOKEN"] = secret_token - return render_template("profile.html", username=current_user.get_id(), is_totp=current_user.is_two_factor_enabled, secret_token=secret_token, totp_qr_image=totp_qr_image, dark_mode=app.config["DARK_MODE"]) + return render_template("account.html", username=current_user.get_id(), is_totp=current_user.is_two_factor_enabled, secret_token=secret_token, totp_qr_image=totp_qr_image, dark_mode=app.config["DARK_MODE"]) @app.route("/instances", methods=["GET", "POST"]) @@ -674,6 +675,7 @@ def instances(): "instances.html", title="Instances", instances=instances, + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -796,6 +798,7 @@ def services(): } for service in services ], + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -851,6 +854,7 @@ def global_config(): # Display global config return render_template( "global_config.html", + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -945,6 +949,7 @@ def configs(): services=app.config["CONFIG"].get_config(methods=False).get("SERVER_NAME", "").split(" "), ) ], + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -1193,6 +1198,7 @@ def plugins(): return template.render( csrf_token=generate_csrf, url_for=url_for, + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], **(plugin_args["args"] if plugin_args.get("plugin", None) == plugin_id else {}), ) @@ -1213,6 +1219,7 @@ def plugins(): plugins_internal=plugins_internal, plugins_external=plugins_external, plugins_errors=db.get_plugins_errors(), + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -1350,6 +1357,7 @@ def cache(): services=app.config["CONFIG"].get_config(methods=False).get("SERVER_NAME", "").split(" "), ) ], + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -1360,6 +1368,7 @@ def logs(): return render_template( "logs.html", instances=app.config["INSTANCES"].get_instances(), + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) @@ -1587,6 +1596,7 @@ def jobs(): "jobs.html", jobs=db.get_jobs(), jobs_errors=db.get_plugins_errors(), + username=current_user.get_id(), dark_mode=app.config["DARK_MODE"], ) diff --git a/src/ui/package-lock.json b/src/ui/package-lock.json index 88f6e31bf..1ee1573ce 100644 --- a/src/ui/package-lock.json +++ b/src/ui/package-lock.json @@ -4,7 +4,6 @@ "requires": true, "packages": { "": { - "name": "ui", "dependencies": { "ace-builds": "^1.12.5", "air-datepicker": "^3.3.1", diff --git a/src/ui/static/css/dashboard.css b/src/ui/static/css/dashboard.css index a98fa3c6a..b3ff94db1 100644 --- a/src/ui/static/css/dashboard.css +++ b/src/ui/static/css/dashboard.css @@ -1,4141 +1 @@ -/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/ -*, -:after, -:before { - box-sizing: border-box; - border: 0 solid #e9ecef; -} -: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: Open Sans; - font-feature-settings: normal; - font-variation-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: initial; -} -sub { - bottom: -0.25em; -} -sup { - top: -0.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: initial; - background-image: none; -} -:-moz-focusring { - outline: auto; -} -:-moz-ui-invalid { - box-shadow: none; -} -progress { - vertical-align: initial; -} -::-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: #ced4da; -} -input::placeholder, -textarea::placeholder { - opacity: 1; - color: #ced4da; -} -[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; -} -*, -::backdrop, -: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-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --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: #5e72e480; - --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% !important; - margin-right: auto !important; - margin-left: auto !important; - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; -} -.container { - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 1.5rem; - padding-left: 1.5rem; -} -@media (min-width: 340px) { - .\!container { - max-width: 340px !important; - } - .container { - max-width: 340px; - } -} -@media (min-width: 576px) { - .\!container { - max-width: 576px !important; - } - .container { - max-width: 576px; - } -} -@media (min-width: 768px) { - .\!container { - max-width: 768px !important; - } - .container { - max-width: 768px; - } -} -@media (min-width: 992px) { - .\!container { - max-width: 992px !important; - } - .container { - max-width: 992px; - } -} -@media (min-width: 1200px) { - .\!container { - max-width: 1200px !important; - } - .container { - max-width: 1200px; - } -} -@media (min-width: 1320px) { - .\!container { - max-width: 1320px !important; - } - .container { - max-width: 1320px; - } -} -@media (min-width: 1920px) { - .\!container { - max-width: 1920px !important; - } - .container { - max-width: 1920px; - } -} -a { - letter-spacing: -0.025rem; -} -hr { - margin: 1rem 0; - border: 0; - opacity: 0.25; -} -img { - max-width: none; -} -label { - display: inline-block; -} -p { - line-height: 1.625; - font-weight: 400; - margin-bottom: 1rem; -} -small { - font-size: 0.875em; -} -svg { - display: inline; -} -table { - border-collapse: inherit; -} -h1, -h2, -h3, -h4, -h5, -h6 { - margin-bottom: 0.5rem; - color: #344767; -} -h1, -h2, -h3, -h4 { - letter-spacing: -0.05rem; -} -h1, -h2, -h3 { - font-weight: 700; -} -h4, -h5, -h6 { - font-weight: 600; -} -h1 { - font-size: 3rem; - line-height: 1.25; -} -h2 { - font-size: 2.25rem; - line-height: 1.3; -} -h3 { - font-size: 1.875rem; -} -h3, -h4 { - line-height: 1.375; -} -h4 { - font-size: 1.5rem; -} -h5 { - font-size: 1.25rem; - line-height: 1.375; -} -h6 { - font-size: 1rem; - line-height: 1.625; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} -.pointer-events-none { - pointer-events: none; -} -.visible { - visibility: visible; -} -.invisible { - visibility: hidden; -} -.collapse { - visibility: collapse; -} -.static { - position: static; -} -.fixed { - position: fixed; -} -.absolute { - position: absolute; -} -.relative { - position: relative; -} -.inset-y-0 { - top: 0; - bottom: 0; -} -.-left-full { - left: -100%; -} -.-right-0 { - right: 0; -} -.-right-1 { - right: -0.25rem; -} -.bottom-0 { - bottom: 0; -} -.left-0 { - left: 0; -} -.left-auto { - left: auto; -} -.left-full { - left: 100%; -} -.right-0 { - right: 0; -} -.right-12 { - right: 3rem; -} -.right-2 { - right: 0.5rem; -} -.right-20 { - right: 5rem; -} -.right-4 { - right: 1rem; -} -.right-5 { - right: 1.25rem; -} -.right-6 { - right: 1.5rem; -} -.right-7 { - right: 1.75rem; -} -.right-8 { - right: 2rem; -} -.top-0 { - top: 0; -} -.top-1 { - top: 0.25rem; -} -.top-1\.5 { - top: 0.375rem; -} -.top-16 { - top: 4rem; -} -.top-2 { - top: 0.5rem; -} -.top-4 { - top: 1rem; -} -.top-\[38\%\] { - top: 38%; -} -.top-\[4\.5rem\] { - top: 4.5rem; -} -.top-\[55\%\] { - top: 55%; -} -.top-\[8\.2rem\] { - top: 8.2rem; -} -.top-\[53\%\] { - top: 53%; -} -.top-\[52\%\] { - top: 52%; -} -.right-14 { - right: 3.5rem; -} -.right-\[2\.25rem\] { - right: 2.25rem; -} -.right-\[3\.25rem\] { - right: 3.25rem; -} -.-z-10 { - z-index: -10; -} -.z-10 { - z-index: 10; -} -.z-100 { - z-index: 100; -} -.z-110 { - z-index: 110; -} -.z-20 { - z-index: 20; -} -.z-50 { - z-index: 50; -} -.z-990 { - z-index: 990; -} -.z-\[10000\] { - z-index: 10000; -} -.z-\[1000\] { - z-index: 1000; -} -.z-\[1001\] { - z-index: 1001; -} -.z-\[20\] { - z-index: 20; -} -.z-sticky { - z-index: 1020; -} -.order-1 { - order: 1; -} -.order-2 { - order: 2; -} -.col-span-1 { - grid-column: span 1 / span 1; -} -.col-span-10 { - grid-column: span 10 / span 10; -} -.col-span-11 { - grid-column: span 11 / span 11; -} -.col-span-12 { - grid-column: span 12 / span 12; -} -.col-span-2 { - grid-column: span 2 / span 2; -} -.col-span-3 { - grid-column: span 3 / span 3; -} -.col-span-9 { - grid-column: span 9 / span 9; -} -.float-right { - float: right; -} -.float-left { - float: left; -} -.m-0 { - margin: 0; -} -.m-1 { - margin: 0.25rem; -} -.m-2 { - margin: 0.5rem; -} -.m-4 { - margin: 1rem; -} -.mx-0 { - margin-left: 0; - margin-right: 0; -} -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; -} -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; -} -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; -} -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} -.mx-auto { - margin-left: auto; - margin-right: auto; -} -.my-0 { - margin-top: 0; - margin-bottom: 0; -} -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} -.mb-0 { - margin-bottom: 0; -} -.mb-0\.5 { - margin-bottom: 0.125rem; -} -.mb-1 { - margin-bottom: 0.25rem; -} -.mb-2 { - margin-bottom: 0.5rem; -} -.mb-3 { - margin-bottom: 0.75rem; -} -.mb-4 { - margin-bottom: 1rem; -} -.mb-6 { - margin-bottom: 1.5rem; -} -.mb-7 { - margin-bottom: 1.75rem; -} -.mb-8 { - margin-bottom: 2rem; -} -.ml-0 { - margin-left: 0; -} -.ml-1 { - margin-left: 0.25rem; -} -.ml-12 { - margin-left: 3rem; -} -.ml-2 { - margin-left: 0.5rem; -} -.ml-3 { - margin-left: 0.75rem; -} -.ml-4 { - margin-left: 1rem; -} -.ml-6 { - margin-left: 1.5rem; -} -.ml-auto { - margin-left: auto; -} -.mr-1 { - margin-right: 0.25rem; -} -.mr-12 { - margin-right: 3rem; -} -.mr-2 { - margin-right: 0.5rem; -} -.mr-3 { - margin-right: 0.75rem; -} -.mr-4 { - margin-right: 1rem; -} -.mr-6 { - margin-right: 1.5rem; -} -.mt-0 { - margin-top: 0; -} -.mt-0\.5 { - margin-top: 0.125rem; -} -.mt-1 { - margin-top: 0.25rem; -} -.mt-10 { - margin-top: 2.5rem; -} -.mt-16 { - margin-top: 4rem; -} -.mt-2 { - margin-top: 0.5rem; -} -.mt-3 { - margin-top: 0.75rem; -} -.mt-4 { - margin-top: 1rem; -} -.mt-6 { - margin-top: 1.5rem; -} -.mt-8 { - margin-top: 2rem; -} -.mt-\[4\.5rem\] { - margin-top: 4.5rem; -} -.block { - display: block; -} -.inline-block { - display: inline-block; -} -.inline { - display: inline; -} -.flex { - display: flex; -} -.table { - display: table; -} -.grid { - display: grid; -} -.hidden { - display: none; -} -.h-1\/3 { - height: 33.333333%; -} -.h-12 { - height: 3rem; -} -.h-14 { - height: 3.5rem; -} -.h-19 { - height: 4.75rem; -} -.h-3 { - height: 0.75rem; -} -.h-4 { - height: 1rem; -} -.h-4\.5 { - height: 1.125rem; -} -.h-40 { - height: 10rem; -} -.h-48 { - height: 12rem; -} -.h-5 { - height: 1.25rem; -} -.h-5\.5 { - height: 1.375rem; -} -.h-6 { - height: 1.5rem; -} -.h-8 { - height: 2rem; -} -.h-\[2\.5rem\] { - height: 2.5rem; -} -.h-\[3\.5rem\] { - height: 3.5rem; -} -.h-\[4rem\] { - height: 4rem; -} -.h-\[90vh\] { - height: 90vh; -} -.h-full { - height: 100%; -} -.h-px { - height: 1px; -} -.h-screen { - height: 100vh; -} -.h-sidenav { - height: calc(100vh - 360px); -} -.max-h-100 { - max-height: 25rem; -} -.max-h-135 { - max-height: 33.75rem; -} -.max-h-30 { - max-height: 7.5rem; -} -.max-h-80 { - max-height: 20rem; -} -.max-h-90 { - max-height: 22.5rem; -} -.max-h-screen { - max-height: 100vh; -} -.min-h-12 { - min-height: 3rem; -} -.min-h-20 { - min-height: 5rem; -} -.min-h-50-screen { - min-height: 50vh; -} -.min-h-52 { - min-height: 13rem; -} -.min-h-6 { - min-height: 1.5rem; -} -.min-h-\[100px\] { - min-height: 100px; -} -.min-h-\[350px\] { - min-height: 350px; -} -.min-h-\[55vh\] { - min-height: 55vh; -} -.min-h-\[75px\] { - min-height: 75px; -} -.min-h-\[85vh\] { - min-height: 85vh; -} -.min-h-screen { - min-height: 100vh; -} -.w-1 { - width: 0.25rem; -} -.w-10 { - width: 2.5rem; -} -.w-11\/12 { - width: 91.666667%; -} -.w-12 { - width: 3rem; -} -.w-28 { - width: 7rem; -} -.w-3 { - width: 0.75rem; -} -.w-4 { - width: 1rem; -} -.w-4\.5 { - width: 1.125rem; -} -.w-40 { - width: 10rem; -} -.w-48 { - width: 12rem; -} -.w-5 { - width: 1.25rem; -} -.w-5\.5 { - width: 1.375rem; -} -.w-50 { - width: 12.5rem; -} -.w-6 { - width: 1.5rem; -} -.w-8 { - width: 2rem; -} -.w-80 { - width: 20rem; -} -.w-90 { - width: 22.5rem; -} -.w-\[2\.5rem\] { - width: 2.5rem; -} -.w-auto { - width: auto; -} -.w-fit { - width: -moz-fit-content; - width: fit-content; -} -.w-full { - width: 100%; -} -.w-screen { - width: 100vw; -} -.min-w-0 { - min-width: 0; -} -.min-w-\[900px\] { - min-width: 900px; -} -.max-w-180 { - max-width: 45rem; -} -.max-w-40 { - max-width: 10rem; -} -.max-w-60 { - max-width: 15rem; -} -.max-w-64 { - max-width: 16rem; -} -.max-w-\[1920px\] { - max-width: 1920px; -} -.max-w-\[300px\] { - max-width: 300px; -} -.max-w-\[400px\] { - max-width: 400px; -} -.max-w-\[550px\] { - max-width: 550px; -} -.max-w-full { - max-width: 100%; -} -.flex-auto { - flex: 1 1 auto; -} -.grow { - flex-grow: 1; -} -.basis-full { - flex-basis: 100%; -} -.-translate-x-1 { - --tw-translate-x: -0.25rem; -} -.-translate-x-1, -.-translate-x-1\.5 { - 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-x-1\.5 { - --tw-translate-x: -0.375rem; -} -.-translate-x-full { - --tw-translate-x: -100%; -} -.-translate-x-full, -.-translate-y-0 { - 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-0\.4 { - --tw-translate-y: -0.1rem; -} -.-translate-y-0\.4, -.-translate-y-0\.5 { - 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\.5 { - --tw-translate-y: -0.125rem; -} -.-translate-y-1 { - --tw-translate-y: -0.25rem; -} -.-translate-y-1, -.-translate-y-1\.5 { - 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-1\.5 { - --tw-translate-y: -0.375rem; -} -.translate-x-0 { - --tw-translate-x: 0px; -} -.translate-x-0, -.translate-x-0\.5 { - 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-x-0\.5 { - --tw-translate-x: 0.125rem; -} -.translate-x-1 { - --tw-translate-x: 0.25rem; -} -.translate-x-1, -.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)); -} -.translate-x-2 { - --tw-translate-x: 0.5rem; -} -.translate-x-90 { - --tw-translate-x: 22.5rem; -} -.translate-x-90, -.translate-y-0 { - 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-0\.5 { - --tw-translate-y: 0.125rem; -} -.translate-y-0\.5, -.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-1 { - --tw-translate-y: 0.25rem; -} -.translate-y-16 { - --tw-translate-y: 4rem; -} -.translate-y-16, -.translate-y-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)); -} -.translate-y-2 { - --tw-translate-y: 0.5rem; -} -.-rotate-12 { - --tw-rotate: -12deg; -} -.-rotate-12, -.rotate-12 { - 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)); -} -.rotate-12 { - --tw-rotate: 12deg; -} -.rotate-180 { - --tw-rotate: 180deg; -} -.rotate-180, -.scale-105 { - 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-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; -} -.scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; -} -.scale-110, -.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: 0.5; - --tw-scale-y: 0.5; -} -.scale-90 { - --tw-scale-x: 0.9; - --tw-scale-y: 0.9; -} -.scale-90, -.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)); -} -.cursor-pointer { - cursor: pointer; -} -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.resize { - resize: both; -} -.list-none { - list-style-type: none; -} -.appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.flex-col { - flex-direction: column; -} -.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; -} -.justify-items-center { - justify-items: center; -} -.gap-2 { - gap: 0.5rem; -} -.gap-3 { - gap: 0.75rem; -} -.gap-8 { - gap: 2rem; -} -.gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; -} -.gap-y-2 { - row-gap: 0.5rem; -} -.gap-y-4 { - row-gap: 1rem; -} -.overflow-auto { - overflow: auto; -} -.overflow-hidden { - overflow: hidden; -} -.overflow-x-auto { - overflow-x: auto; -} -.overflow-y-auto { - overflow-y: auto; -} -.overflow-x-hidden { - overflow-x: hidden; -} -.whitespace-nowrap { - white-space: nowrap; -} -.break-words { - overflow-wrap: break-word; -} -.rounded, -.rounded-1 { - border-radius: 0.25rem; -} -.rounded-1\.4 { - border-radius: 0.35rem; -} -.rounded-10 { - border-radius: 2.5rem; -} -.rounded-2xl { - border-radius: 1rem; -} -.rounded-circle { - border-radius: 50%; -} -.rounded-full { - border-radius: 9999px; -} -.rounded-lg { - border-radius: 0.5rem; -} -.rounded-none { - border-radius: 0; -} -.rounded-xl { - border-radius: 0.75rem; -} -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} -.rounded-b-lg { - border-bottom-left-radius: 0.5rem; -} -.rounded-b-lg, -.rounded-r-lg { - border-bottom-right-radius: 0.5rem; -} -.rounded-r-lg { - border-top-right-radius: 0.5rem; -} -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -} -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} -.border { - border-width: 1px; -} -.border-0 { - border-width: 0; -} -.border-2 { - border-width: 2px; -} -.border-b { - border-bottom-width: 1px; -} -.border-b-0 { - border-bottom-width: 0; -} -.border-l { - border-left-width: 1px; -} -.border-r { - border-right-width: 1px; -} -.border-t { - border-top-width: 1px; -} -.border-solid { - border-style: solid; -} -.border-dashed { - border-style: dashed; -} -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(233 236 239 / var(--tw-border-opacity)); -} -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); -} -.border-gray-400 { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); -} -.border-primary { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); -} -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(94 114 228 / var(--tw-bg-opacity)); -} -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); -} -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(233 236 239 / var(--tw-bg-opacity)); -} -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(210 214 218 / var(--tw-bg-opacity)); -} -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); -} -.bg-gray-600\/50 { - background-color: #6c757d80; -} -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} -.bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 99 64 / var(--tw-bg-opacity)); -} -.bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -.bg-primary\/20 { - background-color: #0b557733; -} -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(245 57 57 / var(--tw-bg-opacity)); -} -.bg-secondary { - --tw-bg-opacity: 1; - background-color: rgb(46 172 104 / var(--tw-bg-opacity)); -} -.bg-sky-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); -} -.bg-slate-800\/10 { - background-color: #3a416f1a; -} -.bg-transparent { - background-color: initial; -} -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 177 64 / var(--tw-bg-opacity)); -} -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); -} -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); -} -.bg-none { - background-image: none; -} -.from-transparent { - --tw-gradient-from: #0000 var(--tw-gradient-from-position); - --tw-gradient-to: #0000 var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} -.via-black\/40 { - --tw-gradient-to: #0000 var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), - #0006 var(--tw-gradient-via-position), var(--tw-gradient-to); -} -.to-transparent { - --tw-gradient-to: #0000 var(--tw-gradient-to-position); -} -.bg-150 { - background-size: 150%; -} -.bg-contain { - background-size: contain; -} -.bg-clip-border { - background-clip: initial; -} -.bg-clip-padding { - background-clip: padding-box; -} -.bg-center { - background-position: 50%; -} -.bg-left { - background-position: 0; -} -.bg-x-25 { - background-position: 25% 0; -} -.bg-no-repeat { - background-repeat: no-repeat; -} -.fill-amber-500 { - fill: #f59e0b; -} -.fill-blue-500 { - fill: #5e72e4; -} -.fill-gray-400 { - fill: #ced4da; -} -.fill-gray-500 { - fill: #adb5bd; -} -.fill-gray-600 { - fill: #6c757d; -} -.fill-green-500 { - fill: #22c55e; -} -.fill-primary { - fill: #0b5577; -} -.fill-red-500 { - fill: #f53939; -} -.fill-sky-500 { - fill: #0ea5e9; -} -.fill-slate-800 { - fill: #3a416f; -} -.fill-white { - fill: #fff; -} -.fill-yellow-500 { - fill: #fbb140; -} -.stroke-blue-400 { - stroke: #60a5fa; -} -.stroke-blue-500 { - stroke: #5e72e4; -} -.stroke-emerald-600 { - stroke: #059669; -} -.stroke-gray-100 { - stroke: #ebeff4; -} -.stroke-gray-600 { - stroke: #6c757d; -} -.stroke-green-700 { - stroke: #15803d; -} -.stroke-orange-500 { - stroke: #fb6340; -} -.stroke-pink-600 { - stroke: #db2777; -} -.stroke-red-500 { - stroke: #f53939; -} -.stroke-sky-500 { - stroke: #0ea5e9; -} -.stroke-teal-600 { - stroke: #0d9488; -} -.stroke-yellow-500 { - stroke: #fbb140; -} -.stroke-gray-800 { - stroke: #252f40; -} -.stroke-gray-700 { - stroke: #495057; -} -.stroke-0 { - stroke-width: 0; -} -.object-cover { - -o-object-fit: cover; - object-fit: cover; -} -.p-0 { - padding: 0; -} -.p-1 { - padding: 0.25rem; -} -.p-2 { - padding: 0.5rem; -} -.p-3 { - padding: 0.75rem; -} -.p-4 { - padding: 1rem; -} -.p-0\.4 { - padding: 0.1rem; -} -.px-0 { - padding-left: 0; - padding-right: 0; -} -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; -} -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; -} -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; -} -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} -.pb-0 { - padding-bottom: 0; -} -.pb-2 { - padding-bottom: 0.5rem; -} -.pb-4 { - padding-bottom: 1rem; -} -.pb-8 { - padding-bottom: 2rem; -} -.pl-0 { - padding-left: 0; -} -.pl-2 { - padding-left: 0.5rem; -} -.pl-3 { - padding-left: 0.75rem; -} -.pl-4 { - padding-left: 1rem; -} -.pl-6 { - padding-left: 1.5rem; -} -.pr-0 { - padding-right: 0; -} -.pr-8 { - padding-right: 2rem; -} -.pt-1 { - padding-top: 0.25rem; -} -.pt-10 { - padding-top: 2.5rem; -} -.pt-20 { - padding-top: 5rem; -} -.pt-3 { - padding-top: 0.75rem; -} -.pt-4 { - padding-top: 1rem; -} -.text-left { - text-align: left; -} -.text-center { - text-align: center; -} -.align-top { - vertical-align: top; -} -.align-middle { - vertical-align: middle; -} -.align-bottom { - vertical-align: bottom; -} -.font-sans { - font-family: Open Sans; -} -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} -.text-sm { - font-size: 0.875rem; - line-height: 1.5rem; -} -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} -.font-bold { - font-weight: 700; -} -.font-medium { - font-weight: 500; -} -.font-normal { - font-weight: 400; -} -.font-semibold { - font-weight: 600; -} -.uppercase { - text-transform: uppercase; -} -.capitalize { - text-transform: capitalize; -} -.italic { - font-style: italic; -} -.ordinal { - --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); -} -.leading-5 { - line-height: 1.25rem; -} -.leading-5\.6 { - line-height: 1.4rem; -} -.leading-6 { - line-height: 1.5rem; -} -.leading-8 { - line-height: 2rem; -} -.leading-default { - line-height: 1.6; -} -.leading-none { - line-height: 1; -} -.leading-normal { - line-height: 1.5; -} -.leading-tight { - line-height: 1.25; -} -.tracking-tight-rem { - letter-spacing: -0.025rem; -} -.tracking-wide { - letter-spacing: 0.025em; -} -.tracking-widest { - letter-spacing: 0.1em; -} -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(94 114 228 / var(--tw-text-opacity)); -} -.text-emerald-500 { - --tw-text-opacity: 1; - color: rgb(45 206 137 / var(--tw-text-opacity)); -} -.text-gray-100 { - --tw-text-opacity: 1; - color: rgb(235 239 244 / var(--tw-text-opacity)); -} -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(108 117 125 / var(--tw-text-opacity)); -} -.text-gray-600\/90 { - color: #6c757de6; -} -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} -.text-gray-700\/80 { - color: #495057cc; -} -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); -} -.text-primary { - --tw-text-opacity: 1; - color: rgb(11 85 119 / var(--tw-text-opacity)); -} -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} -.text-sky-600 { - --tw-text-opacity: 1; - color: rgb(62 161 236 / var(--tw-text-opacity)); -} -.text-slate-500 { - --tw-text-opacity: 1; - color: rgb(103 116 142 / var(--tw-text-opacity)); -} -.text-slate-700 { - --tw-text-opacity: 1; - color: rgb(52 71 103 / var(--tw-text-opacity)); -} -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(251 177 64 / var(--tw-text-opacity)); -} -.underline { - text-decoration-line: underline; -} -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.opacity-0 { - opacity: 0; -} -.opacity-100 { - opacity: 1; -} -.opacity-50 { - opacity: 0.5; -} -.opacity-60 { - opacity: 0.6; -} -.shadow { - --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), - 0 1px 2px -1px var(--tw-shadow-color); -} -.shadow, -.shadow-3xl { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.shadow-3xl { - --tw-shadow: 0 8px 26px -4px #14141426, 0 8px 9px -5px #1414140f; - --tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), - 0 8px 9px -5px var(--tw-shadow-color); -} -.shadow-md { - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.shadow-md, -.shadow-none { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.shadow-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; -} -.shadow-sm { - --tw-shadow: 0 0.25rem 0.375rem -0.0625rem #1414141f, - 0 0.125rem 0.25rem -0.0625rem #14141412; - --tw-shadow-colored: 0 0.25rem 0.375rem -0.0625rem var(--tw-shadow-color), - 0 0.125rem 0.25rem -0.0625rem 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 0 2rem 0 #8898aa26; - --tw-shadow-colored: 0 0 2rem 0 var(--tw-shadow-color); -} -.shadow-xs { - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.outline-none { - outline: 2px solid #0000; - outline-offset: 2px; -} -.blur { - --tw-blur: blur(8px); -} -.blur, -.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); -} -.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: ease; - transition-duration: 0.15s; -} -.transition-all { - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; -} -.transition-transform { - transition-property: transform; - transition-timing-function: ease; - transition-duration: 0.15s; -} -.delay-200 { - transition-delay: 0.2s; -} -.duration-200 { - transition-duration: 0.2s; -} -.duration-250 { - transition-duration: 0.25s; -} -.duration-300 { - transition-duration: 0.3s; -} -.duration-700 { - transition-duration: 0.7s; -} -.ease-in { - transition-timing-function: ease-in; -} -.ease-in-out { - transition-timing-function: ease-in-out; -} -.flex-wrap-inherit { - flex-wrap: inherit; -} -@font-face { - font-family: Open Sans; - src: url(../webfonts/OpenSans.ttf); -} -* { - font-family: - Open Sans, - sans-serif !important; -} -.ace_content, -.ace_editor, -.ace_editor div { - font-family: - Monaco, - Menlo, - Ubuntu Mono, - Consolas, - source-code-pro, - monospace !important; - font-size: 16px !important; - font-weight: 400 !important; -} -.close-btn { - display: inline-block; - cursor: pointer; - border-radius: 0.5rem; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.close-btn, -.close-btn:hover { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.close-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.close-btn:focus, -.close-btn:hover { - background-color: #fffc; -} -.close-btn:active { - opacity: 0.85; -} -:is(.dark .close-btn) { - --tw-bg-opacity: 1; - background-color: rgb(233 236 239 / var(--tw-bg-opacity)); - --tw-brightness: brightness(0.9); -} -:is(.dark .close-btn), -:is(.dark .close-btn: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); -} -:is(.dark .close-btn:hover) { - --tw-brightness: brightness(0.75); -} -.valid-btn { - display: inline-block; - cursor: pointer; - border-radius: 0.5rem; - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.025em; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.valid-btn, -.valid-btn:hover { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.valid-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.valid-btn:focus, -.valid-btn:hover { - background-color: #22c55ecc; -} -.valid-btn:active { - opacity: 0.85; -} -:is(.dark .valid-btn) { - --tw-brightness: brightness(0.9); - 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); -} -.delete-btn { - display: inline-block; - cursor: pointer; - border-radius: 0.5rem; - --tw-bg-opacity: 1; - background-color: rgb(245 57 57 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.025em; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.delete-btn, -.delete-btn:hover { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.delete-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.delete-btn:focus, -.delete-btn:hover { - background-color: #f53939cc; -} -.delete-btn:active { - opacity: 0.85; -} -:is(.dark .delete-btn) { - --tw-brightness: brightness(0.9); - 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); -} -.edit-btn { - display: inline-block; - cursor: pointer; - border-radius: 0.5rem; - --tw-bg-opacity: 1; - background-color: rgb(251 177 64 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.025em; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.edit-btn, -.edit-btn:hover { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.edit-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.edit-btn:focus, -.edit-btn:hover { - background-color: #fbb140cc; -} -.edit-btn:active { - opacity: 0.85; -} -:is(.dark .edit-btn) { - --tw-brightness: brightness(0.9); - 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); -} -.info-btn { - display: inline-block; - cursor: pointer; - border-radius: 0.5rem; - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.025em; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.info-btn, -.info-btn:hover { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.info-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); -} -.info-btn:focus, -.info-btn:hover { - background-color: #0ea5e9cc; -} -.info-btn:active { - opacity: 0.85; -} -:is(.dark .info-btn) { - --tw-brightness: brightness(0.9); - 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); -} -.checkbox { - position: relative; - z-index: 10; - float: left; - margin-top: 0.25rem; - height: 1.25rem; - width: 1.25rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: 0.35rem; - border-width: 1px; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - background-size: contain; - background-position: 50%; - background-repeat: no-repeat; - vertical-align: top; - font-size: 1rem; - line-height: 1.5rem; - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.25s; -} -.checkbox, -.checkbox:disabled { - --tw-border-opacity: 1; - --tw-bg-opacity: 1; -} -.checkbox:disabled { - cursor: default; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} -.checkbox[data-checked="true"] { - z-index: 0; - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -.checkbox:disabled[data-checked="true"] { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} -:is(.dark .checkbox) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -:is(.dark .checkbox:disabled) { - --tw-border-opacity: 1; - border-color: rgb(37 47 64 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .checkbox[data-checked="true"]) { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -:is(.dark .checkbox:disabled[data-checked="true"]) { - --tw-border-opacity: 1; - border-color: rgb(37 47 64 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -.custom-select-btn { - display: flex; - width: 100%; - align-items: center; - justify-content: space-between; - border-radius: 0.5rem; - border-width: 1px; - border-style: solid; - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - background-clip: padding-box; - padding: 0.25rem 0.375rem; - text-align: left; - vertical-align: middle; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.4rem; - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; -} -.custom-select-btn::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.custom-select-btn::placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.custom-select-btn:focus { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); -} -.custom-select-btn:disabled { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); - opacity: 0.75; -} -:is(.dark .custom-select-btn) { - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); - opacity: 0.9; -} -:is(.dark .custom-select-btn), -:is(.dark .custom-select-btn:disabled) { - --tw-border-opacity: 1; - --tw-bg-opacity: 1; - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .custom-select-btn:disabled) { - border-color: rgb(37 47 64 / var(--tw-border-opacity)); - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} -@media (min-width: 768px) { - .custom-select-btn { - padding: 0.5rem 0.75rem; - } -} -.custom-dropdown-btn { - position: relative; - margin-top: 0; - margin-bottom: 0; - min-height: 38px; - cursor: pointer; - border-radius: 0; - border-bottom-width: 1px; - border-left-width: 1px; - border-right-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.5rem 1.5rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.custom-dropdown-btn:hover { - --tw-brightness: brightness(0.9); - 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); -} -:is(.dark .custom-dropdown-btn) { - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -.active.custom-dropdown-btn, -:is(.dark .custom-dropdown-btn) { - --tw-border-opacity: 1; - --tw-bg-opacity: 1; - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -.active.custom-dropdown-btn { - position: relative; - margin-top: 0; - margin-bottom: 0; - min-height: 38px; - cursor: pointer; - border-radius: 0; - border-bottom-width: 1px; - border-left-width: 1px; - border-right-width: 1px; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); - padding: 0.5rem 1.5rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - line-height: 1.5; - letter-spacing: -0.025rem; - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.active.custom-dropdown-btn:hover { - --tw-brightness: brightness(0.9); - 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); -} -:is(.dark .active.custom-dropdown-btn) { - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -.regular-input, -:is(.dark .active.custom-dropdown-btn) { - --tw-border-opacity: 1; - --tw-bg-opacity: 1; - --tw-text-opacity: 1; -} -.regular-input { - display: block; - width: 100%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: 0.5rem; - border-width: 1px; - border-style: solid; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - background-clip: padding-box; - padding: 0.25rem 0.375rem; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.4rem; - color: rgb(73 80 87 / var(--tw-text-opacity)); - outline: 2px solid #0000; - outline-offset: 2px; - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.regular-input::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.regular-input::placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.regular-input:focus { - border-color: #d2d6da00; - --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); -} -.regular-input:valid:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); -} -.regular-input:invalid:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(245 57 57 / var(--tw-ring-opacity)); -} -.regular-input:disabled { - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); - opacity: 0.75; -} -:is(.dark .regular-input) { - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); - opacity: 0.9; -} -:is(.dark .regular-input), -:is(.dark .regular-input:disabled) { - --tw-border-opacity: 1; - --tw-bg-opacity: 1; - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .regular-input:disabled) { - border-color: rgb(37 47 64 / var(--tw-border-opacity)); - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} -@media (min-width: 768px) { - .regular-input { - padding: 0.5rem 0.75rem; - } -} -.input-title { - margin: 0; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - 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: ease; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; -} -:is(.dark .input-title) { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); - opacity: 0.9; -} -.popover-settings-container { - position: absolute; - left: 0; - bottom: 0; - z-index: 50; - --tw-translate-y: -1.75rem; - 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)); - border-radius: 0.375rem; - --tw-bg-opacity: 1; - background-color: rgb(94 114 228 / var(--tw-bg-opacity)); - padding: 0.75rem; - transition-property: all; - 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: ease; - transition-duration: 0.5s; -} -:is(.dark .popover-settings-container) { - --tw-brightness: brightness(0.9); - 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); -} -.popover-settings-text { - margin: 0; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - 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: ease; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; -} -:is(.dark .popover-settings-text) { - --tw-text-opacity: 1; - color: rgb(235 239 244 / var(--tw-text-opacity)); - opacity: 0.9; -} -.popover-settings-svg { - margin-left: 0.5rem; - height: 1.25rem; - width: 1.25rem; - cursor: pointer; - fill: #5e72e4; -} -.popover-settings-svg:hover { - --tw-brightness: brightness(0.75); - 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); -} -.active.settings-tabs-tab-btn { - position: relative; - z-index: 10; - margin-top: 0.25rem; - margin-bottom: 0.25rem; - cursor: pointer; - border-radius: 0; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.75rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - --tw-brightness: brightness(0.9); - 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); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.active.settings-tabs-tab-btn:hover { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -:is(.dark .active.settings-tabs-tab-btn) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -:is(.dark .active.settings-tabs-tab-btn:hover) { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} -.settings-tabs-tab-btn { - position: relative; - margin-top: 0.25rem; - margin-bottom: 0.25rem; - cursor: pointer; - border-radius: 0; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.75rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.settings-tabs-tab-btn:hover { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -:is(.dark .settings-tabs-tab-btn) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -:is(.dark .settings-tabs-tab-btn:hover) { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} -.settings-tabs-name { - padding-left: 0.75rem; - padding-right: 0.5rem; - --tw-text-opacity: 1; - color: rgb(11 85 119 / var(--tw-text-opacity)); - 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: ease; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; -} -:is(.dark .settings-tabs-name) { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); - opacity: 0.9; -} -.settings-tabs-popover-container { - position: absolute; - top: 60px; - left: 0; - z-index: 50; - min-width: 150px; - border-radius: 0.375rem; - --tw-bg-opacity: 1; - background-color: rgb(94 114 228 / var(--tw-bg-opacity)); - padding: 0.75rem; - 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: ease; - transition-duration: 0.15s; -} -:is(.dark .settings-tabs-popover-container) { - --tw-brightness: brightness(0.9); - 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); -} -.settings-tabs-popover-text { - margin: 0; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -.settings-tabs-mobile-btn { - margin-top: 0.25rem; - margin-bottom: 0.25rem; - display: flex; - width: 100%; - cursor: pointer; - align-items: center; - justify-content: space-between; - border-radius: 0.5rem; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.75rem 1.5rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - font-weight: 700; - text-transform: uppercase; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-shadow: 0 7px 14px #32325d1a, 0 3px 6px #00000014; - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), - 0 3px 6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.settings-tabs-mobile-btn:hover { - --tw-translate-y: -1px; - 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)); - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -:is(.dark .settings-tabs-mobile-btn) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -:is(.dark .settings-tabs-mobile-btn:hover) { - --tw-brightness: brightness(0.95); - 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); -} -.settings-tabs-mobile-btn-text { - --tw-text-opacity: 1; - color: rgb(11 85 119 / var(--tw-text-opacity)); - 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: ease; - transition-duration: 0.3s; - transition-timing-function: ease-in-out; -} -:is(.dark .settings-tabs-mobile-btn-text) { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); - opacity: 0.9; -} -.active.settings-tabs-mobile-dropdown-btn { - position: relative; - z-index: 1000; - margin-top: 0; - margin-bottom: 0; - cursor: pointer; - border-radius: 0; - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); - padding: 0.5rem 1.5rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.active.settings-tabs-mobile-dropdown-btn:hover { - --tw-brightness: brightness(0.9); - 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); -} -:is(.dark .active.settings-tabs-mobile-dropdown-btn) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .active.settings-tabs-mobile-dropdown-btn:hover) { - --tw-brightness: brightness(0.9); - 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); -} -.first.settings-tabs-mobile-dropdown-btn { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - border-width: 1px; -} -.settings-tabs-mobile-dropdown-btn { - position: relative; - margin-top: 0; - margin-bottom: 0; - display: flex; - cursor: pointer; - justify-content: space-between; - border-radius: 0; - border-bottom-width: 1px; - border-left-width: 1px; - border-right-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 0.5rem 1.5rem; - text-align: center; - vertical-align: middle; - font-size: 0.875rem; - line-height: 1.5rem; - line-height: 1.5; - letter-spacing: -0.025rem; - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); - transition-property: all; - transition-timing-function: ease; - transition-duration: 0.15s; - transition-timing-function: ease-in; -} -.settings-tabs-mobile-dropdown-btn:hover { - --tw-brightness: brightness(0.9); - 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); -} -:is(.dark .settings-tabs-mobile-dropdown-btn) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .settings-tabs-mobile-dropdown-btn:hover) { - --tw-brightness: brightness(0.9); - 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); -} -.first-letter\:absolute:first-letter { - position: absolute; -} -.first-letter\:w-full:first-letter { - width: 100%; -} -.placeholder\:text-gray-500::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.placeholder\:text-gray-500::placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -.before\:float-left:before { - content: var(--tw-content); - float: left; -} -.before\:pr-2:before { - content: var(--tw-content); - padding-right: 0.5rem; -} -.before\:text-white:before { - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -.before\:content-\[\'\/\'\]:before { - --tw-content: "/"; - content: var(--tw-content); -} -.after\:absolute:after { - content: var(--tw-content); - position: absolute; -} -.after\:top-px:after { - content: var(--tw-content); - top: 1px; -} -.after\:float-right:after { - content: var(--tw-content); - float: right; -} -.after\:h-4:after { - content: var(--tw-content); - height: 1rem; -} -.after\:w-4:after { - content: var(--tw-content); - width: 1rem; -} -.after\:translate-x-px:after { - content: var(--tw-content); - --tw-translate-x: 1px; - 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)); -} -.after\:rounded-circle:after { - content: var(--tw-content); - border-radius: 50%; -} -.after\:bg-white:after { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} -.after\:pl-2:after { - content: var(--tw-content); - padding-left: 0.5rem; -} -.after\:text-gray-600:after { - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(108 117 125 / var(--tw-text-opacity)); -} -.after\:shadow-2xl:after { - content: var(--tw-content); - --tw-shadow: 0 0.3125rem 0.625rem 0 #0000001f; - --tw-shadow-colored: 0 0.3125rem 0.625rem 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.after\:duration-300:after { - content: var(--tw-content); - transition-duration: 0.3s; -} -.after\:content-\[\'\'\]:after { - --tw-content: ""; - content: var(--tw-content); -} -.after\:content-\[\'\/\'\]:after { - --tw-content: "/"; - content: var(--tw-content); -} -.checked\:z-0:checked { - z-index: 0; -} -.checked\:border-primary:checked { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); -} -.checked\:bg-primary:checked { - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -.checked\:bg-none:checked { - background-image: none; -} -.checked\:bg-right:checked { - background-position: 100%; -} -.checked\:after\:translate-x-5:checked:after { - --tw-translate-x: 1.25rem; -} -.checked\:after\:translate-x-5:checked:after, -.checked\:after\:translate-x-5\.3:checked:after { - content: var(--tw-content); - 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)); -} -.checked\:after\:translate-x-5\.3:checked:after { - --tw-translate-x: 1.3rem; -} -.valid\:\!border-red-500:valid { - --tw-border-opacity: 1 !important; - border-color: rgb(245 57 57 / var(--tw-border-opacity)) !important; -} -.hover\:-translate-y-0:hover { - --tw-translate-y: -0px; -} -.hover\:-translate-y-0:hover, -.hover\:-translate-y-0\.4:hover { - 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)); -} -.hover\:-translate-y-0\.4:hover { - --tw-translate-y: -0.1rem; -} -.hover\:-translate-y-px:hover { - --tw-translate-y: -1px; -} -.hover\:-translate-y-px:hover, -.hover\:scale-102:hover { - 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)); -} -.hover\:scale-102:hover { - --tw-scale-x: 1.02; - --tw-scale-y: 1.02; -} -.hover\:rounded-lg:hover { - border-radius: 0.5rem; -} -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); -} -.hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(210 214 218 / var(--tw-bg-opacity)); -} -.hover\:bg-green-500\/80:hover { - background-color: #22c55ecc; -} -.hover\:bg-primary\/30:hover { - background-color: #0b55774d; -} -.hover\:bg-primary\/5:hover { - background-color: #0b55770d; -} -.hover\:bg-primary\/80:hover { - background-color: #0b5577cc; -} -.hover\:bg-red-500\/80:hover { - background-color: #f53939cc; -} -.hover\:bg-sky-500\/80:hover { - background-color: #0ea5e9cc; -} -.hover\:bg-yellow-500\/80:hover { - background-color: #fbb140cc; -} -.hover\:italic:hover { - font-style: italic; -} -.hover\:no-underline:hover { - text-decoration-line: none; -} -.hover\:opacity-80:hover { - opacity: 0.8; -} -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px #32325d1a, 0 1px 3px #00000014; - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), - 0 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -.hover\:brightness-75:hover { - --tw-brightness: brightness(0.75); -} -.hover\:brightness-75: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-90:hover { - --tw-brightness: brightness(0.9); -} -.hover\:brightness-95:hover { - --tw-brightness: brightness(0.95); - 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\:\!border-red-500:focus { - --tw-border-opacity: 1 !important; - border-color: rgb(245 57 57 / var(--tw-border-opacity)) !important; -} -.focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgb(34 197 94 / var(--tw-border-opacity)); -} -.focus\:border-primary:focus { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); -} -.focus\:bg-green-500\/80:focus { - background-color: #22c55ecc; -} -.focus\:bg-primary\/80:focus { - background-color: #0b5577cc; -} -.focus\:bg-red-500\/80:focus { - background-color: #f53939cc; -} -.focus\:bg-sky-500\/80:focus { - background-color: #0ea5e9cc; -} -.focus\:bg-yellow-500\/80:focus { - background-color: #fbb140cc; -} -.focus\:\!outline-red-500:focus { - outline-color: #f53939 !important; -} -.focus\:\!ring-red-500:focus { - --tw-ring-opacity: 1 !important; - --tw-ring-color: rgb(245 57 57 / var(--tw-ring-opacity)) !important; -} -.focus\:valid\:\!border-red-500:valid:focus { - --tw-border-opacity: 1 !important; - border-color: rgb(245 57 57 / var(--tw-border-opacity)) !important; -} -.focus\:valid\:border-green-500:valid:focus { - --tw-border-opacity: 1; - border-color: rgb(34 197 94 / var(--tw-border-opacity)); -} -.focus\:valid\:\!outline-red-500:valid:focus { - outline-color: #f53939 !important; -} -.focus\:valid\:\!ring-red-500:valid:focus { - --tw-ring-opacity: 1 !important; - --tw-ring-color: rgb(245 57 57 / var(--tw-ring-opacity)) !important; -} -.focus\:invalid\:border-red-500:invalid:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} -.focus\:file\:invalid\:border-red-500:invalid::file-selector-button:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} -.active\:\!border-red-500:active { - --tw-border-opacity: 1 !important; - border-color: rgb(245 57 57 / var(--tw-border-opacity)) !important; -} -.active\:opacity-85:active { - opacity: 0.85; -} -.active\:valid\:\!border-red-500:valid:active { - --tw-border-opacity: 1 !important; - border-color: rgb(245 57 57 / var(--tw-border-opacity)) !important; -} -.disabled\:cursor-not-allowed:disabled { - cursor: not-allowed; -} -.disabled\:border-gray-400:disabled { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); -} -.disabled\:bg-gray-400:disabled { - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); -} -.disabled\:text-gray-700:disabled { - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} -.disabled\:opacity-75:disabled { - opacity: 0.75; -} -.disabled\:hover\:translate-y-0:hover:disabled { - --tw-translate-y: 0px; - 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)); -} -:is(.dark .dark\:inline) { - display: inline; -} -:is(.dark .dark\:hidden) { - display: none; -} -:is(.dark .dark\:border-gray-700) { - --tw-border-opacity: 1; - border-color: rgb(73 80 87 / var(--tw-border-opacity)); -} -:is(.dark .dark\:border-slate-600) { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); -} -:is(.dark .dark\:border-slate-800) { - --tw-border-opacity: 1; - border-color: rgb(58 65 111 / var(--tw-border-opacity)); -} -:is(.dark .dark\:bg-gray-800) { - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-green-500\/90) { - background-color: #22c55ee6; -} -:is(.dark .dark\:bg-primary) { - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-primary\/50) { - background-color: #0b557780; -} -:is(.dark .dark\:bg-slate-700) { - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-slate-700\/50) { - background-color: #34476780; -} -:is(.dark .dark\:bg-slate-850) { - --tw-bg-opacity: 1; - background-color: rgb(17 28 68 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-slate-900) { - --tw-bg-opacity: 1; - background-color: rgb(5 17 57 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-slate-900\/30) { - background-color: #0511394d; -} -:is(.dark .dark\:bg-gray-600) { - --tw-bg-opacity: 1; - background-color: rgb(108 117 125 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-slate-600) { - --tw-bg-opacity: 1; - background-color: rgb(98 117 148 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-slate-800) { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:bg-gradient-to-r) { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} -:is(.dark .dark\:from-transparent) { - --tw-gradient-from: #0000 var(--tw-gradient-from-position); - --tw-gradient-to: #0000 var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} -:is(.dark .dark\:via-white) { - --tw-gradient-to: #fff0 var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), - #fff var(--tw-gradient-via-position), var(--tw-gradient-to); -} -:is(.dark .dark\:to-transparent) { - --tw-gradient-to: #0000 var(--tw-gradient-to-position); -} -:is(.dark .dark\:fill-blue-500) { - fill: #5e72e4; -} -:is(.dark .dark\:fill-gray-300) { - fill: #d2d6da; -} -:is(.dark .dark\:fill-gray-500) { - fill: #adb5bd; -} -:is(.dark .dark\:fill-gray-600) { - fill: #6c757d; -} -:is(.dark .dark\:fill-gray-50) { - fill: #f8f9fa; -} -:is(.dark .dark\:stroke-gray-600) { - stroke: #6c757d; -} -:is(.dark .dark\:stroke-gray-50) { - stroke: #f8f9fa; -} -:is(.dark .dark\:stroke-gray-400) { - stroke: #ced4da; -} -:is(.dark .dark\:text-gray-100) { - --tw-text-opacity: 1; - color: rgb(235 239 244 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-gray-200) { - --tw-text-opacity: 1; - color: rgb(233 236 239 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-gray-300) { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-gray-400) { - --tw-text-opacity: 1; - color: rgb(206 212 218 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-gray-500) { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-red-500) { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-white) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} -:is(.dark .dark\:text-white\/80) { - color: #fffc; -} -:is(.dark .dark\:text-white\/90) { - color: #ffffffe6; -} -:is(.dark .dark\:opacity-60) { - opacity: 0.6; -} -:is(.dark .dark\:opacity-75) { - opacity: 0.75; -} -:is(.dark .dark\:opacity-80) { - opacity: 0.8; -} -:is(.dark .dark\:opacity-90) { - opacity: 0.9; -} -:is(.dark .dark\:shadow-dark-xl) { - --tw-shadow: 0 2px 2px 0 #00000024, 0 3px 1px -2px #0003, - 0 1px 5px 0 #0000001f; - --tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), - 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color); -} -:is(.dark .dark\:shadow-dark-xl), -:is(.dark .dark\:shadow-none) { - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} -:is(.dark .dark\:shadow-none) { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; -} -:is(.dark .dark\:brightness-110) { - --tw-brightness: brightness(1.1); -} -:is(.dark .dark\:brightness-110), -:is(.dark .dark\:brightness-125) { - 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); -} -:is(.dark .dark\:brightness-125) { - --tw-brightness: brightness(1.25); -} -:is(.dark .dark\:brightness-150) { - --tw-brightness: brightness(1.5); -} -:is(.dark .dark\:brightness-150), -:is(.dark .dark\:brightness-90) { - 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); -} -:is(.dark .dark\:brightness-90) { - --tw-brightness: brightness(0.9); -} -:is(.dark .dark\:brightness-95) { - --tw-brightness: brightness(0.95); -} -:is(.dark .dark\:brightness-95), -:is(.dark .dark\:brightness-\[0\.885\]) { - 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); -} -:is(.dark .dark\:brightness-\[0\.885\]) { - --tw-brightness: brightness(0.885); -} -:is(.dark .dark\:after\:text-gray-500):after { - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} -:is(.dark .dark\:checked\:border-primary:checked) { - --tw-border-opacity: 1; - border-color: rgb(11 85 119 / var(--tw-border-opacity)); -} -:is(.dark .dark\:checked\:bg-primary:checked) { - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:hover\:bg-primary\/20:hover) { - background-color: #0b557733; -} -:is(.dark .dark\:hover\:bg-primary\/60:hover) { - background-color: #0b557799; -} -:is(.dark .dark\:hover\:bg-slate-700\/50:hover) { - background-color: #34476780; -} -:is(.dark .dark\:hover\:bg-slate-800:hover) { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:hover\:brightness-100:hover) { - --tw-brightness: brightness(1); -} -:is(.dark .dark\:hover\:brightness-100:hover), -:is(.dark .dark\:hover\:brightness-105: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); -} -:is(.dark .dark\:hover\:brightness-105:hover) { - --tw-brightness: brightness(1.05); -} -:is(.dark .dark\:hover\:brightness-90:hover) { - --tw-brightness: brightness(0.9); - 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); -} -:is(.dark .dark\:disabled\:border-gray-800:disabled) { - --tw-border-opacity: 1; - border-color: rgb(37 47 64 / var(--tw-border-opacity)); -} -:is(.dark .dark\:disabled\:bg-gray-800:disabled) { - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} -:is(.dark .dark\:disabled\:text-gray-300:disabled) { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} -@media (min-width: 576px) { - .sm\:right-24 { - right: 6rem; - } - .sm\:right-40 { - right: 10rem; - } - .sm\:right-6 { - right: 1.5rem; - } - .sm\:top-2 { - top: 0.5rem; - } - .sm\:top-\[4\.5rem\] { - top: 4.5rem; - } - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } - .sm\:col-start-5 { - grid-column-start: 5; - } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; - } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .sm\:ml-1 { - margin-left: 0.25rem; - } - .sm\:mr-16 { - margin-right: 4rem; - } - .sm\:h-10 { - height: 2.5rem; - } - .sm\:h-14 { - height: 3.5rem; - } - .sm\:h-7 { - height: 1.75rem; - } - .sm\:max-h-125 { - max-height: 31.25rem; - } - .sm\:max-h-28 { - max-height: 7rem; - } - .sm\:w-36 { - width: 9rem; - } - .sm\:w-50 { - width: 12.5rem; - } - .sm\:w-7 { - width: 1.75rem; - } - .sm\:min-w-\[500px\] { - min-width: 500px; - } - .sm\:scale-100 { - --tw-scale-x: 1; - --tw-scale-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)); - } - .sm\:flex-row { - flex-direction: row; - } - .sm\:justify-end { - justify-content: flex-end; - } - .sm\:justify-items-start { - justify-items: start; - } - .sm\:gap-4 { - gap: 1rem; - } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .sm\:py-0 { - padding-top: 0; - padding-bottom: 0; - } - .sm\:pt-6 { - padding-top: 1.5rem; - } - .sm\:text-left { - text-align: left; - } -} -@media (min-width: 768px) { - .md\:right-8 { - right: 2rem; - } - .md\:top-\[40\%\] { - top: 40%; - } - .md\:right-12 { - right: 3rem; - } - .md\:right-16 { - right: 4rem; - } - .md\:right-14 { - right: 3.5rem; - } - .md\:right-\[3\.75rem\] { - right: 3.75rem; - } - .md\:col-span-4 { - grid-column: span 4 / span 4; - } - .md\:col-span-5 { - grid-column: span 5 / span 5; - } - .md\:col-span-6 { - grid-column: span 6 / span 6; - } - .md\:col-span-7 { - grid-column: span 7 / span 7; - } - .md\:col-span-8 { - grid-column: span 8 / span 8; - } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - .md\:mb-0 { - margin-bottom: 0; - } - .md\:mb-3 { - margin-bottom: 0.75rem; - } - .md\:mb-8 { - margin-bottom: 2rem; - } - .md\:mr-3 { - margin-right: 0.75rem; - } - .md\:mt-0 { - margin-top: 0; - } - .md\:mt-6 { - margin-top: 1.5rem; - } - .md\:block { - display: block; - } - .md\:hidden { - display: none; - } - .md\:h-16 { - height: 4rem; - } - .md\:max-h-160 { - max-height: 40rem; - } - .md\:min-h-75-screen { - min-height: 75vh; - } - .md\:w-1\/2 { - width: 50%; - } - .md\:w-60 { - width: 15rem; - } - .md\:max-w-\[600px\] { - max-width: 600px; - } - .md\:justify-end { - justify-content: flex-end; - } - .md\:gap-x-6 { - -moz-column-gap: 1.5rem; - column-gap: 1.5rem; - } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } -} -@media (min-width: 992px) { - .lg\:relative { - position: relative; - } - .lg\:order-1 { - order: 1; - } - .lg\:order-2 { - order: 2; - } - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - .lg\:col-span-4 { - grid-column: span 4 / span 4; - } - .lg\:col-span-6 { - grid-column: span 6 / span 6; - } - .lg\:col-span-8 { - grid-column: span 8 / span 8; - } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; - } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; - } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - .lg\:mt-0 { - margin-top: 0; - } - .lg\:mt-4 { - margin-top: 1rem; - } - .lg\:block { - display: block; - } - .lg\:flex { - display: flex; - } - .lg\:hidden { - display: none; - } - .lg\:h-24 { - height: 6rem; - } - .lg\:h-9 { - height: 2.25rem; - } - .lg\:w-80 { - width: 20rem; - } - .lg\:w-9 { - width: 2.25rem; - } - .lg\:flex-row { - flex-direction: row; - } - .lg\:flex-nowrap { - flex-wrap: nowrap; - } - .lg\:justify-start { - justify-content: flex-start; - } - .lg\:justify-end { - justify-content: flex-end; - } - .lg\:justify-between { - justify-content: space-between; - } - .lg\:gap-6 { - gap: 1.5rem; - } - .lg\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); - } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .lg\:pb-1 { - padding-bottom: 0.25rem; - } - .lg\:text-left { - text-align: left; - } -} -@media (min-width: 1200px) { - .xl\:left-0 { - left: 0; - } - .xl\:right-24 { - right: 6rem; - } - .xl\:right-6 { - right: 1.5rem; - } - .xl\:ml-6 { - margin-left: 1.5rem; - } - .xl\:ml-68 { - margin-left: 17rem; - } - .xl\:hidden { - display: none; - } - .xl\:translate-x-0 { - --tw-translate-x: 0px; - 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)); - } - .xl\:p-1 { - padding: 0.25rem; - } - .xl\:p-1\.5 { - padding: 0.375rem; - } - .xl\:pl-75 { - padding-left: 18.75rem; - } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } -} -@media (min-width: 1320px) { - .\32xl\:col-span-4 { - grid-column: span 4 / span 4; - } - .\32xl\:col-span-6 { - grid-column: span 6 / span 6; - } - .\32xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - .\32xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } -} -@media (min-width: 1920px) { - .\33xl\:col-span-3 { - grid-column: span 3 / span 3; - } - .\33xl\:col-span-4 { - grid-column: span 4 / span 4; - } - .\33xl\:col-span-5 { - grid-column: span 5 / span 5; - } -} -@media (min-width: 340px) { - .xs\:flex { - display: flex; - } - .xs\:flex-row { - flex-direction: row; - } - .xs\:items-center { - align-items: center; - } - .xs\:justify-start { - justify-content: flex-start; - } - .xs\:pl-2 { - padding-left: 0.5rem; - } - .xs\:text-sm { - font-size: 0.875rem; - line-height: 1.5rem; - } -} -.\[\&\>\*\]\:bg-primary > * { - --tw-bg-opacity: 1; - background-color: rgb(11 85 119 / var(--tw-bg-opacity)); -} +/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e9ecef}: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:Open Sans;font-feature-settings:normal;font-variation-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:initial}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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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:#ced4da}input::placeholder,textarea::placeholder{opacity:1;color:#ced4da}[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}*,::backdrop,: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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:#5e72e480;--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%!important;margin-right:auto!important;margin-left:auto!important;padding-right:1.5rem!important;padding-left:1.5rem!important}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:340px){.\!container{max-width:340px!important}.container{max-width:340px}}@media (min-width:576px){.\!container{max-width:576px!important}.container{max-width:576px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:992px){.\!container{max-width:992px!important}.container{max-width:992px}}@media (min-width:1200px){.\!container{max-width:1200px!important}.container{max-width:1200px}}@media (min-width:1320px){.\!container{max-width:1320px!important}.container{max-width:1320px}}@media (min-width:1920px){.\!container{max-width:1920px!important}.container{max-width:1920px}}a{letter-spacing:-.025rem}hr{margin:1rem 0;border:0;opacity:.25}img{max-width:none}label{display:inline-block}p{line-height:1.625;font-weight:400;margin-bottom:1rem}small{font-size:.875em}svg{display:inline}table{border-collapse:inherit}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;color:#344767}h1,h2,h3,h4{letter-spacing:-.05rem}h1,h2,h3{font-weight:700}h4,h5,h6{font-weight:600}h1{font-size:3rem;line-height:1.25}h2{font-size:2.25rem;line-height:1.3}h3{font-size:1.875rem}h3,h4{line-height:1.375}h4{font-size:1.5rem}h5{font-size:1.25rem;line-height:1.375}h6{font-size:1rem;line-height:1.625}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.-left-full{left:-100%}.-right-0{right:0}.-right-1{right:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-auto{left:auto}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-20{right:5rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-7{right:1.75rem}.right-8{right:2rem}.right-\[3\.25rem\]{right:3.25rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-\[38\%\]{top:38%}.top-\[4\.5rem\]{top:4.5rem}.top-\[52\%\]{top:52%}.top-\[55\%\]{top:55%}.top-\[8\.2rem\]{top:8.2rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-100{z-index:100}.z-110{z-index:110}.z-20{z-index:20}.z-990{z-index:990}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.z-\[20\]{z-index:20}.z-sticky{z-index:1020}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-9{grid-column:span 9/span 9}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-12{margin-right:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[4\.5rem\]{margin-top:4.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\/3{height:33.333333%}.h-12{height:3rem}.h-14{height:3.5rem}.h-19{height:4.75rem}.h-3{height:.75rem}.h-4{height:1rem}.h-4\.5{height:1.125rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\.5{height:1.375rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[2\.5rem\]{height:2.5rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[4rem\]{height:4rem}.h-\[90vh\]{height:90vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-sidenav{height:calc(100vh - 450px)}.max-h-100{max-height:25rem}.max-h-135{max-height:33.75rem}.max-h-30{max-height:7.5rem}.max-h-80{max-height:20rem}.max-h-90{max-height:22.5rem}.max-h-screen{max-height:100vh}.min-h-12{min-height:3rem}.min-h-20{min-height:5rem}.min-h-50-screen{min-height:50vh}.min-h-52{min-height:13rem}.min-h-6{min-height:1.5rem}.min-h-\[100px\]{min-height:100px}.min-h-\[350px\]{min-height:350px}.min-h-\[55vh\]{min-height:55vh}.min-h-\[75px\]{min-height:75px}.min-h-\[85vh\]{min-height:85vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-28{width:7rem}.w-3{width:.75rem}.w-4{width:1rem}.w-4\.5{width:1.125rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\.5{width:1.375rem}.w-50{width:12.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-90{width:22.5rem}.w-\[2\.5rem\]{width:2.5rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[900px\]{min-width:900px}.max-w-180{max-width:45rem}.max-w-40{max-width:10rem}.max-w-60{max-width:15rem}.max-w-64{max-width:16rem}.max-w-\[1920px\]{max-width:1920px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[550px\]{max-width:550px}.max-w-full{max-width:100%}.flex-auto{flex:1 1 auto}.grow{flex-grow:1}.basis-full{flex-basis:100%}.-translate-x-1{--tw-translate-x:-0.25rem}.-translate-x-1,.-translate-x-1\.5{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-x-1\.5{--tw-translate-x:-0.375rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-0{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-0\.4{--tw-translate-y:-0.1rem}.-translate-y-0\.4,.-translate-y-0\.5{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\.5{--tw-translate-y:-0.125rem}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\.5{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-1\.5{--tw-translate-y:-0.375rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-0\.5{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-x-0\.5{--tw-translate-x:0.125rem}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1,.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))}.translate-x-2{--tw-translate-x:0.5rem}.translate-x-90{--tw-translate-x:22.5rem}.translate-x-90,.translate-y-0{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-0\.5{--tw-translate-y:0.125rem}.translate-y-0\.5,.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-1{--tw-translate-y:0.25rem}.translate-y-16{--tw-translate-y:4rem}.translate-y-16,.translate-y-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))}.translate-y-2{--tw-translate-y:0.5rem}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.rotate-12{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))}.rotate-12{--tw-rotate:12deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-105{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-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.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}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.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))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.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}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded,.rounded-1{border-radius:.25rem}.rounded-1\.4{border-radius:.35rem}.rounded-10{border-radius:2.5rem}.rounded-2xl{border-radius:1rem}.rounded-circle{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-left-radius:.5rem}.rounded-b-lg,.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg{border-top-right-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-gray-200{--tw-border-opacity:1;border-color:rgb(233 236 239/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(94 114 228/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(233 236 239/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(210 214 218/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.bg-gray-600\/50{background-color:#6c757d80}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(251 99 64/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}.bg-primary\/20{background-color:#0b557733}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(245 57 57/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(46 172 104/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-slate-800\/10{background-color:#3a416f1a}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(251 177 64/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0006 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-150{background-size:150%}.bg-contain{background-size:contain}.bg-clip-border{background-clip:initial}.bg-clip-padding{background-clip:padding-box}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-x-25{background-position:25% 0}.bg-no-repeat{background-repeat:no-repeat}.fill-amber-500{fill:#f59e0b}.fill-blue-500{fill:#5e72e4}.fill-gray-500{fill:#adb5bd}.fill-gray-600{fill:#6c757d}.fill-green-500{fill:#22c55e}.fill-primary{fill:#0b5577}.fill-red-500{fill:#f53939}.fill-sky-500{fill:#0ea5e9}.fill-slate-800{fill:#3a416f}.fill-white{fill:#fff}.fill-yellow-500{fill:#fbb140}.stroke-blue-400{stroke:#60a5fa}.stroke-blue-500{stroke:#5e72e4}.stroke-emerald-600{stroke:#059669}.stroke-gray-100{stroke:#ebeff4}.stroke-gray-600{stroke:#6c757d}.stroke-gray-700{stroke:#495057}.stroke-green-700{stroke:#15803d}.stroke-orange-500{stroke:#fb6340}.stroke-pink-600{stroke:#db2777}.stroke-red-500{stroke:#f53939}.stroke-sky-500{stroke:#0ea5e9}.stroke-yellow-500{stroke:#fbb140}.stroke-0{stroke-width:0}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-0{padding-right:0}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-sans{font-family:Open Sans}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-5\.6{line-height:1.4rem}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-default{line-height:1.6}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.tracking-tight-rem{letter-spacing:-.025rem}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.tracking-normal{letter-spacing:0}.text-blue-500{--tw-text-opacity:1;color:rgb(94 114 228/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(45 206 137/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(235 239 244/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(108 117 125/var(--tw-text-opacity))}.text-gray-600\/90{color:#6c757de6}.text-gray-700{--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}.text-gray-700\/80{color:#495057cc}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(11 85 119/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(245 57 57/var(--tw-text-opacity))}.text-sky-600{--tw-text-opacity:1;color:rgb(62 161 236/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(103 116 142/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(52 71 103/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(251 177 64/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-3xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0 8px 26px -4px #14141426,0 8px 9px -5px #1414140f;--tw-shadow-colored:0 8px 26px -4px var(--tw-shadow-color),0 8px 9px -5px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 .25rem .375rem -.0625rem #1414141f,0 .125rem .25rem -.0625rem #14141412;--tw-shadow-colored:0 .25rem .375rem -.0625rem var(--tw-shadow-color),0 .125rem .25rem -.0625rem 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 0 2rem 0 #8898aa26;--tw-shadow-colored:0 0 2rem 0 var(--tw-shadow-color)}.shadow-xs{--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.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)}.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:ease;transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:ease;transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:.15s}.delay-200{transition-delay:.2s}.duration-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:ease-in}.ease-in-out{transition-timing-function:ease-in-out}.flex-wrap-inherit{flex-wrap:inherit}@font-face{font-family:Open Sans;src:url(../webfonts/OpenSans.ttf)}*{font-family:Open Sans,sans-serif!important}.ace_content,.ace_editor,.ace_editor div{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace!important;font-size:16px!important;font-weight:400!important}.close-btn{display:inline-block;cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:-.025rem;--tw-text-opacity:1;color:rgb(245 57 57/var(--tw-text-opacity));--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.close-btn,.close-btn:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.close-btn:hover{--tw-translate-y:-1px;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));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.close-btn:focus,.close-btn:hover{background-color:#fffc}.close-btn:active{opacity:.85}:is(.dark .close-btn){--tw-bg-opacity:1;background-color:rgb(233 236 239/var(--tw-bg-opacity));--tw-brightness:brightness(.9)}:is(.dark .close-btn),:is(.dark .close-btn: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)}:is(.dark .close-btn:hover){--tw-brightness:brightness(.75)}.valid-btn{display:inline-block;cursor:pointer;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.valid-btn,.valid-btn:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.valid-btn:hover{--tw-translate-y:-1px;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));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.valid-btn:focus,.valid-btn:hover{background-color:#22c55ecc}.valid-btn:active{opacity:.85}:is(.dark .valid-btn){--tw-brightness:brightness(.9);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)}.delete-btn{display:inline-block;cursor:pointer;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(245 57 57/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.delete-btn,.delete-btn:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.delete-btn:hover{--tw-translate-y:-1px;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));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.delete-btn:focus,.delete-btn:hover{background-color:#f53939cc}.delete-btn:active{opacity:.85}:is(.dark .delete-btn){--tw-brightness:brightness(.9);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)}.edit-btn{display:inline-block;cursor:pointer;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(251 177 64/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.edit-btn,.edit-btn:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.edit-btn:hover{--tw-translate-y:-1px;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));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.edit-btn:focus,.edit-btn:hover{background-color:#fbb140cc}.edit-btn:active{opacity:.85}:is(.dark .edit-btn){--tw-brightness:brightness(.9);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)}.info-btn{display:inline-block;cursor:pointer;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.info-btn,.info-btn:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.info-btn:hover{--tw-translate-y:-1px;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));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.info-btn:focus,.info-btn:hover{background-color:#0ea5e9cc}.info-btn:active{opacity:.85}:is(.dark .info-btn){--tw-brightness:brightness(.9);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)}.checkbox{position:relative;z-index:10;float:left;margin-top:.25rem;height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.35rem;border-width:1px;border-color:rgb(210 214 218/var(--tw-border-opacity));background-color:rgb(255 255 255/var(--tw-bg-opacity));background-size:contain;background-position:50%;background-repeat:no-repeat;vertical-align:top;font-size:1rem;line-height:1.5rem;transition-property:all;transition-timing-function:ease;transition-duration:.25s}.checkbox,.checkbox:disabled{--tw-border-opacity:1;--tw-bg-opacity:1}.checkbox:disabled{cursor:default;border-color:rgb(206 212 218/var(--tw-border-opacity));background-color:rgb(206 212 218/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}.checkbox[data-checked=true]{z-index:0;--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}.checkbox:disabled[data-checked=true]{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}:is(.dark .checkbox){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}:is(.dark .checkbox:disabled){--tw-border-opacity:1;border-color:rgb(37 47 64/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .checkbox[data-checked=true]){--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}:is(.dark .checkbox:disabled[data-checked=true]){--tw-border-opacity:1;border-color:rgb(37 47 64/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}.custom-select-btn{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;padding:.25rem .375rem;text-align:left;vertical-align:middle;font-size:.875rem;font-weight:400;line-height:1.4rem;--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity));transition-property:all;transition-timing-function:ease;transition-duration:.3s;transition-timing-function:ease-in-out}.custom-select-btn::-moz-placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.custom-select-btn::placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.custom-select-btn:focus{--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity))}.custom-select-btn:disabled{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity));opacity:.75}:is(.dark .custom-select-btn){border-color:rgb(98 117 148/var(--tw-border-opacity));background-color:rgb(52 71 103/var(--tw-bg-opacity));opacity:.9}:is(.dark .custom-select-btn),:is(.dark .custom-select-btn:disabled){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .custom-select-btn:disabled){border-color:rgb(37 47 64/var(--tw-border-opacity));background-color:rgb(37 47 64/var(--tw-bg-opacity))}@media (min-width:768px){.custom-select-btn{padding:.5rem .75rem}}.custom-dropdown-btn{position:relative;margin-top:0;margin-bottom:0;min-height:38px;cursor:pointer;border-radius:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;line-height:1.5;letter-spacing:-.025rem;--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity));transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.custom-dropdown-btn:hover{--tw-brightness:brightness(.9);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)}:is(.dark .custom-dropdown-btn){border-color:rgb(98 117 148/var(--tw-border-opacity));background-color:rgb(52 71 103/var(--tw-bg-opacity))}.active.custom-dropdown-btn,:is(.dark .custom-dropdown-btn){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}.active.custom-dropdown-btn{position:relative;margin-top:0;margin-bottom:0;min-height:38px;cursor:pointer;border-radius:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:rgb(210 214 218/var(--tw-border-opacity));background-color:rgb(11 85 119/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;line-height:1.5;letter-spacing:-.025rem;transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.active.custom-dropdown-btn:hover{--tw-brightness:brightness(.9);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)}:is(.dark .active.custom-dropdown-btn){border-color:rgb(98 117 148/var(--tw-border-opacity));background-color:rgb(11 85 119/var(--tw-bg-opacity));color:rgb(210 214 218/var(--tw-text-opacity))}.regular-input,:is(.dark .active.custom-dropdown-btn){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.regular-input{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;border-width:1px;border-style:solid;border-color:rgb(210 214 218/var(--tw-border-opacity));background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;padding:.25rem .375rem;font-size:.875rem;font-weight:400;line-height:1.4rem;color:rgb(73 80 87/var(--tw-text-opacity));outline:2px solid #0000;outline-offset:2px;transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.regular-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.regular-input::placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.regular-input:focus{border-color:#d2d6da00;--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)}.regular-input:valid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity))}.regular-input:invalid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 57 57/var(--tw-ring-opacity))}.regular-input:disabled{--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity));opacity:.75}:is(.dark .regular-input){border-color:rgb(98 117 148/var(--tw-border-opacity));background-color:rgb(52 71 103/var(--tw-bg-opacity));opacity:.9}:is(.dark .regular-input),:is(.dark .regular-input:disabled){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .regular-input:disabled){border-color:rgb(37 47 64/var(--tw-border-opacity));background-color:rgb(37 47 64/var(--tw-bg-opacity))}@media (min-width:768px){.regular-input{padding:.5rem .75rem}}.input-title{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:700;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:ease;transition-duration:.3s;transition-timing-function:ease-in-out}:is(.dark .input-title){--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity));opacity:.9}.popover-settings-container{position:absolute;left:0;bottom:0;z-index:50;--tw-translate-y:-1.75rem;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));border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(94 114 228/var(--tw-bg-opacity));padding:.75rem;transition-property:all;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:ease;transition-duration:.5s}:is(.dark .popover-settings-container){--tw-brightness:brightness(.9);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)}.popover-settings-text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));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:ease;transition-duration:.3s;transition-timing-function:ease-in-out}:is(.dark .popover-settings-text){--tw-text-opacity:1;color:rgb(235 239 244/var(--tw-text-opacity));opacity:.9}.popover-settings-svg{margin-left:.5rem;height:1.25rem;width:1.25rem;cursor:pointer;fill:#5e72e4}.popover-settings-svg:hover{--tw-brightness:brightness(.75);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)}.active.settings-tabs-tab-btn{position:relative;z-index:10;margin-top:.25rem;margin-bottom:.25rem;cursor:pointer;border-radius:0;border-width:1px;--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:-.025rem;--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-brightness:brightness(.9);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);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.active.settings-tabs-tab-btn:hover{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .active.settings-tabs-tab-btn){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}:is(.dark .active.settings-tabs-tab-btn:hover){--tw-bg-opacity:1;background-color:rgb(58 65 111/var(--tw-bg-opacity))}.settings-tabs-tab-btn{position:relative;margin-top:.25rem;margin-bottom:.25rem;cursor:pointer;border-radius:0;border-width:1px;--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:-.025rem;--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.settings-tabs-tab-btn:hover{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .settings-tabs-tab-btn){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}:is(.dark .settings-tabs-tab-btn:hover){--tw-bg-opacity:1;background-color:rgb(58 65 111/var(--tw-bg-opacity))}.settings-tabs-name{padding-left:.75rem;padding-right:.5rem;--tw-text-opacity:1;color:rgb(11 85 119/var(--tw-text-opacity));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:ease;transition-duration:.3s;transition-timing-function:ease-in-out}:is(.dark .settings-tabs-name){--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity));opacity:.9}.settings-tabs-popover-container{position:absolute;top:60px;left:0;z-index:50;min-width:150px;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(94 114 228/var(--tw-bg-opacity));padding:.75rem;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:ease;transition-duration:.15s}:is(.dark .settings-tabs-popover-container){--tw-brightness:brightness(.9);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)}.settings-tabs-popover-text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.settings-tabs-mobile-btn{margin-top:.25rem;margin-bottom:.25rem;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1.5rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;line-height:1.5;letter-spacing:-.025rem;--tw-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.settings-tabs-mobile-btn:hover{--tw-translate-y:-1px;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));--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity));--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .settings-tabs-mobile-btn){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}:is(.dark .settings-tabs-mobile-btn:hover){--tw-brightness:brightness(.95);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)}.settings-tabs-mobile-btn-text{--tw-text-opacity:1;color:rgb(11 85 119/var(--tw-text-opacity));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:ease;transition-duration:.3s;transition-timing-function:ease-in-out}:is(.dark .settings-tabs-mobile-btn-text){--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity));opacity:.9}.active.settings-tabs-mobile-dropdown-btn{position:relative;z-index:1000;margin-top:0;margin-bottom:0;cursor:pointer;border-radius:0;--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;line-height:1.5;letter-spacing:-.025rem;--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity));transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.active.settings-tabs-mobile-dropdown-btn:hover{--tw-brightness:brightness(.9);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)}:is(.dark .active.settings-tabs-mobile-dropdown-btn){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .active.settings-tabs-mobile-dropdown-btn:hover){--tw-brightness:brightness(.9);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)}.first.settings-tabs-mobile-dropdown-btn{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-width:1px}.settings-tabs-mobile-dropdown-btn{position:relative;margin-top:0;margin-bottom:0;display:flex;cursor:pointer;justify-content:space-between;border-radius:0;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;vertical-align:middle;font-size:.875rem;line-height:1.5rem;line-height:1.5;letter-spacing:-.025rem;--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity));transition-property:all;transition-timing-function:ease;transition-duration:.15s;transition-timing-function:ease-in}.settings-tabs-mobile-dropdown-btn:hover{--tw-brightness:brightness(.9);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)}:is(.dark .settings-tabs-mobile-dropdown-btn){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .settings-tabs-mobile-dropdown-btn:hover){--tw-brightness:brightness(.9);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)}.first-letter\:absolute:first-letter{position:absolute}.first-letter\:w-full:first-letter{width:100%}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.before\:float-left:before{content:var(--tw-content);float:left}.before\:pr-2:before{content:var(--tw-content);padding-right:.5rem}.before\:text-white:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.before\:content-\[\'\/\'\]:before{--tw-content:"/";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-px:after{content:var(--tw-content);top:1px}.after\:float-right:after{content:var(--tw-content);float:right}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:translate-x-px:after{content:var(--tw-content);--tw-translate-x:1px;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))}.after\:rounded-circle:after{content:var(--tw-content);border-radius:50%}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.after\:pl-2:after{content:var(--tw-content);padding-left:.5rem}.after\:text-gray-600:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(108 117 125/var(--tw-text-opacity))}.after\:shadow-2xl:after{content:var(--tw-content);--tw-shadow:0 .3125rem .625rem 0 #0000001f;--tw-shadow-colored:0 .3125rem .625rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\/\'\]:after{--tw-content:"/";content:var(--tw-content)}.checked\:z-0:checked{z-index:0}.checked\:border-primary:checked{--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity))}.checked\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}.checked\:bg-none:checked{background-image:none}.checked\:bg-right:checked{background-position:100%}.checked\:after\:translate-x-5:checked:after{--tw-translate-x:1.25rem}.checked\:after\:translate-x-5:checked:after,.checked\:after\:translate-x-5\.3:checked:after{content:var(--tw-content);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))}.checked\:after\:translate-x-5\.3:checked:after{--tw-translate-x:1.3rem}.valid\:\!border-red-500:valid{--tw-border-opacity:1!important;border-color:rgb(245 57 57/var(--tw-border-opacity))!important}.hover\:-translate-y-0:hover{--tw-translate-y:-0px}.hover\:-translate-y-0:hover,.hover\:-translate-y-0\.4:hover{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))}.hover\:-translate-y-0\.4:hover{--tw-translate-y:-0.1rem}.hover\:-translate-y-px:hover{--tw-translate-y:-1px}.hover\:-translate-y-px:hover,.hover\:scale-102:hover{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))}.hover\:scale-102:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:rounded-lg:hover{border-radius:.5rem}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(210 214 218/var(--tw-bg-opacity))}.hover\:bg-green-500\/80:hover{background-color:#22c55ecc}.hover\:bg-primary\/30:hover{background-color:#0b55774d}.hover\:bg-primary\/5:hover{background-color:#0b55770d}.hover\:bg-primary\/80:hover{background-color:#0b5577cc}.hover\:bg-red-500\/80:hover{background-color:#f53939cc}.hover\:bg-sky-500\/80:hover{background-color:#0ea5e9cc}.hover\:bg-yellow-500\/80:hover{background-color:#fbb140cc}.hover\:italic:hover{font-style:italic}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px #32325d1a,0 1px 3px #00000014;--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-75:hover{--tw-brightness:brightness(.75)}.hover\:brightness-75: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-90:hover{--tw-brightness:brightness(.9)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95);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\:\!border-red-500:focus{--tw-border-opacity:1!important;border-color:rgb(245 57 57/var(--tw-border-opacity))!important}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity))}.focus\:bg-green-500\/80:focus{background-color:#22c55ecc}.focus\:bg-primary\/80:focus{background-color:#0b5577cc}.focus\:bg-red-500\/80:focus{background-color:#f53939cc}.focus\:bg-sky-500\/80:focus{background-color:#0ea5e9cc}.focus\:bg-yellow-500\/80:focus{background-color:#fbb140cc}.focus\:\!ring-red-500:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(245 57 57/var(--tw-ring-opacity))!important}.focus\:valid\:\!border-red-500:valid:focus{--tw-border-opacity:1!important;border-color:rgb(245 57 57/var(--tw-border-opacity))!important}.focus\:valid\:border-green-500:valid:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:valid\:\!ring-red-500:valid:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(245 57 57/var(--tw-ring-opacity))!important}.focus\:invalid\:border-red-500:invalid:focus{--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity))}.focus\:file\:invalid\:border-red-500:invalid::file-selector-button:focus{--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity))}.active\:\!border-red-500:active{--tw-border-opacity:1!important;border-color:rgb(245 57 57/var(--tw-border-opacity))!important}.active\:opacity-85:active{opacity:.85}.active\:valid\:\!border-red-500:valid:active{--tw-border-opacity:1!important;border-color:rgb(245 57 57/var(--tw-border-opacity))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-400:disabled{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity))}.disabled\:text-gray-700:disabled{--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:translate-y-0:hover:disabled{--tw-translate-y:0px;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))}:is(.dark .dark\:inline){display:inline}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(73 80 87/var(--tw-border-opacity))}:is(.dark .dark\:border-slate-600){--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity))}:is(.dark .dark\:border-slate-800){--tw-border-opacity:1;border-color:rgb(58 65 111/var(--tw-border-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-500\/90){background-color:#22c55ee6}:is(.dark .dark\:bg-primary){--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}:is(.dark .dark\:bg-primary\/50){background-color:#0b557780}:is(.dark .dark\:bg-slate-700){--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}:is(.dark .dark\:bg-slate-700\/50){background-color:#34476780}:is(.dark .dark\:bg-slate-850){--tw-bg-opacity:1;background-color:rgb(17 28 68/var(--tw-bg-opacity))}:is(.dark .dark\:bg-slate-900){--tw-bg-opacity:1;background-color:rgb(5 17 57/var(--tw-bg-opacity))}:is(.dark .dark\:bg-slate-900\/30){background-color:#0511394d}:is(.dark .dark\:bg-gradient-to-r){background-image:linear-gradient(to right,var(--tw-gradient-stops))}:is(.dark .dark\:from-transparent){--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:is(.dark .dark\:via-white){--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}:is(.dark .dark\:to-transparent){--tw-gradient-to:#0000 var(--tw-gradient-to-position)}:is(.dark .dark\:fill-blue-500){fill:#5e72e4}:is(.dark .dark\:fill-gray-300){fill:#d2d6da}:is(.dark .dark\:fill-gray-500){fill:#adb5bd}:is(.dark .dark\:fill-gray-600){fill:#6c757d}:is(.dark .dark\:stroke-gray-400){stroke:#ced4da}:is(.dark .dark\:stroke-gray-600){stroke:#6c757d}:is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(235 239 244/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(233 236 239/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(206 212 218/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}:is(.dark .dark\:text-red-500){--tw-text-opacity:1;color:rgb(245 57 57/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-white\/80){color:#fffc}:is(.dark .dark\:text-white\/90){color:#ffffffe6}:is(.dark .dark\:opacity-60){opacity:.6}:is(.dark .dark\:opacity-75){opacity:.75}:is(.dark .dark\:opacity-80){opacity:.8}:is(.dark .dark\:opacity-90){opacity:.9}:is(.dark .dark\:shadow-dark-xl){--tw-shadow:0 2px 2px 0 #00000024,0 3px 1px -2px #0003,0 1px 5px 0 #0000001f;--tw-shadow-colored:0 2px 2px 0 var(--tw-shadow-color),0 3px 1px -2px var(--tw-shadow-color),0 1px 5px 0 var(--tw-shadow-color)}:is(.dark .dark\:shadow-dark-xl),:is(.dark .dark\:shadow-none){box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:shadow-none){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}:is(.dark .dark\:brightness-110){--tw-brightness:brightness(1.1)}:is(.dark .dark\:brightness-110),:is(.dark .dark\:brightness-125){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)}:is(.dark .dark\:brightness-125){--tw-brightness:brightness(1.25)}:is(.dark .dark\:brightness-150){--tw-brightness:brightness(1.5)}:is(.dark .dark\:brightness-150),:is(.dark .dark\:brightness-90){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)}:is(.dark .dark\:brightness-90){--tw-brightness:brightness(.9)}:is(.dark .dark\:brightness-95){--tw-brightness:brightness(.95)}:is(.dark .dark\:brightness-95),:is(.dark .dark\:brightness-\[0\.885\]){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)}:is(.dark .dark\:brightness-\[0\.885\]){--tw-brightness:brightness(0.885)}:is(.dark .dark\:after\:text-gray-500):after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}:is(.dark .dark\:checked\:border-primary:checked){--tw-border-opacity:1;border-color:rgb(11 85 119/var(--tw-border-opacity))}:is(.dark .dark\:checked\:bg-primary:checked){--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-primary\/20:hover){background-color:#0b557733}:is(.dark .dark\:hover\:bg-primary\/60:hover){background-color:#0b557799}:is(.dark .dark\:hover\:bg-slate-700\/50:hover){background-color:#34476780}:is(.dark .dark\:hover\:bg-slate-800:hover){--tw-bg-opacity:1;background-color:rgb(58 65 111/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:brightness-100:hover){--tw-brightness:brightness(1)}:is(.dark .dark\:hover\:brightness-100:hover),:is(.dark .dark\:hover\:brightness-105: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)}:is(.dark .dark\:hover\:brightness-105:hover){--tw-brightness:brightness(1.05)}:is(.dark .dark\:hover\:brightness-90:hover){--tw-brightness:brightness(.9);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)}:is(.dark .dark\:disabled\:border-gray-800:disabled){--tw-border-opacity:1;border-color:rgb(37 47 64/var(--tw-border-opacity))}:is(.dark .dark\:disabled\:bg-gray-800:disabled){--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity))}:is(.dark .dark\:disabled\:text-gray-300:disabled){--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}@media (min-width:576px){.sm\:right-24{right:6rem}.sm\:right-40{right:10rem}.sm\:right-6{right:1.5rem}.sm\:top-2{top:.5rem}.sm\:top-\[4\.5rem\]{top:4.5rem}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-start-5{grid-column-start:5}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:ml-1{margin-left:.25rem}.sm\:mr-16{margin-right:4rem}.sm\:inline{display:inline}.sm\:h-10{height:2.5rem}.sm\:h-14{height:3.5rem}.sm\:h-7{height:1.75rem}.sm\:max-h-125{max-height:31.25rem}.sm\:max-h-28{max-height:7rem}.sm\:w-36{width:9rem}.sm\:w-50{width:12.5rem}.sm\:w-7{width:1.75rem}.sm\:min-w-\[500px\]{min-width:500px}.sm\:scale-100{--tw-scale-x:1;--tw-scale-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))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-items-start{justify-items:start}.sm\:gap-4{gap:1rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:right-8{right:2rem}.md\:right-\[3\.75rem\]{right:3.75rem}.md\:top-\[40\%\]{top:40%}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:my-3{margin-top:.75rem;margin-bottom:.75rem}.md\:mb-0{margin-bottom:0}.md\:mb-3{margin-bottom:.75rem}.md\:mb-8{margin-bottom:2rem}.md\:mr-3{margin-right:.75rem}.md\:mt-0{margin-top:0}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:hidden{display:none}.md\:h-16{height:4rem}.md\:max-h-160{max-height:40rem}.md\:min-h-75-screen{min-height:75vh}.md\:w-1\/2{width:50%}.md\:w-60{width:15rem}.md\:max-w-\[600px\]{max-width:600px}.md\:justify-end{justify-content:flex-end}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:992px){.lg\:relative{position:relative}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-8{margin-left:2rem;margin-right:2rem}.lg\:my-3{margin-top:.75rem;margin-bottom:.75rem}.lg\:mt-0{margin-top:0}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:h-9{height:2.25rem}.lg\:w-80{width:20rem}.lg\:w-9{width:2.25rem}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:bg-gray-50{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pb-1{padding-bottom:.25rem}.lg\:text-left{text-align:left}}@media (min-width:1200px){.xl\:left-0{left:0}.xl\:right-24{right:6rem}.xl\:right-6{right:1.5rem}.xl\:ml-6{margin-left:1.5rem}.xl\:ml-68{margin-left:17rem}.xl\:hidden{display:none}.xl\:translate-x-0{--tw-translate-x:0px;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))}.xl\:p-1{padding:.25rem}.xl\:p-1\.5{padding:.375rem}.xl\:pl-75{padding-left:18.75rem}.xl\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1320px){.\32xl\:col-span-4{grid-column:span 4/span 4}.\32xl\:col-span-6{grid-column:span 6/span 6}.\32xl\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.\32xl\:my-3{margin-top:.75rem;margin-bottom:.75rem}}@media (min-width:1920px){.\33xl\:col-span-3{grid-column:span 3/span 3}.\33xl\:col-span-4{grid-column:span 4/span 4}.\33xl\:col-span-5{grid-column:span 5/span 5}}@media (min-width:340px){.xs\:flex-row{flex-direction:row}.xs\:items-center{align-items:center}.xs\:justify-start{justify-content:flex-start}.xs\:pl-2{padding-left:.5rem}.xs\:text-sm{font-size:.875rem;line-height:1.5rem}}.\[\&\>\*\]\:bg-primary>*{--tw-bg-opacity:1;background-color:rgb(11 85 119/var(--tw-bg-opacity))} \ No newline at end of file diff --git a/src/ui/tailwind.config.js b/src/ui/tailwind.config.js index 66837fe3b..0fdcaca95 100644 --- a/src/ui/tailwind.config.js +++ b/src/ui/tailwind.config.js @@ -926,7 +926,7 @@ module.exports = { "5/6": "83.333333%", full: "100%", // sidenav: "calc(100vh - 310px)", - sidenav: "calc(100vh - 360px)", // for pro btn + sidenav: "calc(100vh - 450px)", // for pro btn screen: "100vh", min: "min-content", max: "max-content", diff --git a/src/ui/templates/profile.html b/src/ui/templates/account.html similarity index 99% rename from src/ui/templates/profile.html rename to src/ui/templates/account.html index 985ce6a11..9d1d9d986 100644 --- a/src/ui/templates/profile.html +++ b/src/ui/templates/account.html @@ -177,7 +177,7 @@ url_for(request.endpoint)[1:].split("/")[-1].strip() %}
@@ -282,7 +282,7 @@ url_for(request.endpoint)[1:].split("/")[-1].strip() %} data-plugin-item="password" class="hidden col-span-12 grid grid-cols-12 w-full justify-items-center mt-4" id="password-form" - action="profile" + action="account" method="POST" autocomplete="off" > @@ -471,13 +471,7 @@ url_for(request.endpoint)[1:].split("/")[-1].strip() %}
-
@@ -487,7 +481,7 @@ url_for(request.endpoint)[1:].split("/")[-1].strip() %} data-plugin-item="totp" class="hidden grid grid-cols-12 w-full justify-items-center" id="totp-form" - action="profile" + action="account" method="POST" autocomplete="off" > diff --git a/src/ui/templates/banner.html b/src/ui/templates/banner.html index 35d9e6930..67e8d2e78 100644 --- a/src/ui/templates/banner.html +++ b/src/ui/templates/banner.html @@ -2,7 +2,7 @@ id="banner" tabindex="-1" role="list" - class="relative flex justify-center z-50 gap-8 px-4 w-full h-[4rem] z-100" + class="relative flex justify-center gap-8 px-4 w-full h-[4rem] z-100 overflow-hidden" >
{{current_endpoint}} -
+
+

+ {{ username }} +

+
+
@@ -350,38 +363,6 @@ > - -
  • - -
    - - - -
    - - Profile - -     -
    • - @@ -482,7 +463,7 @@ -
      + +
      +       manage account +
      diff --git a/src/ui/templates/plugins_modal.html b/src/ui/templates/plugins_modal.html index 10ef29c8b..db19d7dc0 100644 --- a/src/ui/templates/plugins_modal.html +++ b/src/ui/templates/plugins_modal.html @@ -5,7 +5,7 @@ >

      {% if services|length == 0 %}
      diff --git a/src/ui/templates/services_modal.html b/src/ui/templates/services_modal.html index 995d0de21..2c059ebc8 100644 --- a/src/ui/templates/services_modal.html +++ b/src/ui/templates/services_modal.html @@ -6,7 +6,7 @@ >

      -
      +