diff --git a/api/api.php b/api/api.php new file mode 100644 index 0000000..fd9b4d2 --- /dev/null +++ b/api/api.php @@ -0,0 +1,102 @@ +getConf(); + + $db = new PDO("sqlite:" . $config["DB_PATH"]); + $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); + + return $db; + } + + public function checkAuth() { + if ($this->checkLogin()) { + return true; + }elseif (isset($_SERVER["HTTP_X_API_KEY"])) { + $key = $_SERVER["HTTP_X_API_KEY"]; + + $db = $this->getDB(); + + $sql = "SELECT * FROM api_keys WHERE key = :key"; + + $stmt = $db->prepare($sql); + + $stmt->execute([":key" => $key]); + + $result = $stmt->fetch(PDO::FETCH_ASSOC); + + if ($result) { + $user_id = $result["user_id"]; + + $sql = "SELECT username FROM users WHERE id = :id"; + $stmt = $db->prepare($sql); + + $stmt->execute([":id" => $user_id]); + $result = $stmt->fetch(PDO::FETCH_ASSOC); + + $username = $result["username"]; + + $this->api_keys[$key] = $username; + + return true; + }else{ + return false; + } + }else{ + return false; + } + } + + public function getUser() { + if ($this->checkLogin()) { + return $_COOKIE["username"]; + }elseif (isset($_SERVER["HTTP_X_API_KEY"])) { + $key = $_SERVER["HTTP_X_API_KEY"]; + if (isset($this->api_keys[$key])) { + return $this->api_keys[$key]; + } + } + } + + public function checkLogin() { + if (!isset($_COOKIE["session_id"]) || !isset($_COOKIE["device_id"]) || !isset($_COOKIE["username"])) { + return false; + } + + $config = $this->getConf(); + + $json = json_decode(file_get_contents($config["PATH"] . "/tmp/user_sessions/" . $_COOKIE["username"] . ".json"), true); + + if (!isset($json[$_COOKIE["device_id"]])) { + return false; + } + + $device = $json[$_COOKIE["device_id"]]; + + if ($device["session_id"] !== $_COOKIE["session_id"]) { + return false; + } + + return true; + } +} \ No newline at end of file diff --git a/api/login/getcookies.php b/api/login/getcookies.php index c47647d..cd5124e 100644 --- a/api/login/getcookies.php +++ b/api/login/getcookies.php @@ -27,9 +27,9 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") { $session["session_id"] = $mcServ->generateSessionID(); $device_id = rand(1, 999); - $json[$device_id] = json_encode($session); + $json[$device_id] = $session; - file_put_contents($config["PATH"] . "/tmp/user_sessions/" . $admin_user . ".json", json_encode($json)); + file_put_contents($config["PATH"] . "/tmp/user_sessions/" . $user . ".json", json_encode($json)); setcookie("session_id", $session["session_id"], time() + 3600, "/"); setcookie("device_id", $device_id, time() + 3600, "/"); diff --git a/api/setup/setup.php b/api/setup/setup.php index e442508..cbe774e 100755 --- a/api/setup/setup.php +++ b/api/setup/setup.php @@ -66,7 +66,7 @@ $device_id = rand(1, 999); $json[$device_id] = json_encode($session); $json["array"] = true; -mkdir($config["PATH"] . "/tmp/user_sessions", 0700, true); +mkdir($config["PATH"] . "/tmp/user_sessions", 0755, true); file_put_contents($config["PATH"] . "/tmp/user_sessions/" . $admin_user . ".json", json_encode($json)); diff --git a/api/users/info.php b/api/users/info.php new file mode 100644 index 0000000..b3d9bbc --- /dev/null +++ b/api/users/info.php @@ -0,0 +1 @@ +checkAuth()) { + die('{"status":500, "error:"Unauthorized"}'); +} + +$db = $api->getDB(); + +$sql = "SELECT * FROM users"; +$stmt = $db->query($sql); + +$result = $stmt->fetchAll(PDO::FETCH_ASSOC); + +$users= []; + +foreach($result as $user_res) { + $user["name"] = $user_res["username"]; + $user["mail"] = $user_res["mail"]; + + $users[] = $user; +} + +$json["status"] = 200; +$json["users"] = $users; + +echo json_encode($json); +?> \ No newline at end of file diff --git a/front/panel/index.php b/front/panel/index.php index 97e1c74..3463f06 100644 --- a/front/panel/index.php +++ b/front/panel/index.php @@ -4,7 +4,7 @@ require "../../main.php"; $mcServ = new mcServ(); if ($mcServ->checkLogin()) { - header("Location: /admin/home.php"); + header("Location: /panel/home.php"); exit; }else{ header("Location: /login.php"); diff --git a/front/panel/test/404.html b/front/panel/test/404.html new file mode 100755 index 0000000..79d20bf --- /dev/null +++ b/front/panel/test/404.html @@ -0,0 +1,88 @@ + + + + + + + + 404 Error Page | TailAdmin - Tailwind CSS Admin Dashboard Template + + + + +
+
+
+ + + + +
+ +
+ grid +
+
+ grid +
+ + + + +
+

+ ERROR +

+ + 404 + + +

+ We can’t seem to find the page you are looking for! +

+ + + Back to Home Page + +
+ +

+ © - TailAdmin +

+
+ + + + diff --git a/front/panel/test/alerts.html b/front/panel/test/alerts.html new file mode 100755 index 0000000..ba682da --- /dev/null +++ b/front/panel/test/alerts.html @@ -0,0 +1,1586 @@ + + + + + + + Alerts | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Success Alert +

+
+
+
+
+
+
+ + + +
+ +
+

+ Success Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+ + + Learn more + +
+
+
+ +
+
+
+ + + +
+ +
+

+ Success Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+
+
+
+
+
+
+ +
+
+

+ Warning Alert +

+
+
+
+
+
+
+ + + +
+ +
+

+ Warning Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+ + + Learn more + +
+
+
+ +
+
+
+ + + +
+ +
+

+ Warning Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+
+
+
+
+
+
+ +
+
+

+ Error Alert +

+
+
+
+
+
+
+ + + +
+ +
+

+ Error Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+ + + Learn more + +
+
+
+ +
+
+
+ + + +
+ +
+

+ Error Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+
+
+
+
+
+
+ +
+
+

+ Info Alert +

+
+
+
+
+
+
+ + + +
+ +
+

+ Success Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+ + + Learn more + +
+
+
+ +
+
+
+ + + +
+ +
+

+ Success Message +

+ +

+ You can insert a description for the message here.The text relates to + the action that has been performed. +

+
+
+
+
+
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/avatars.html b/front/panel/test/avatars.html new file mode 100755 index 0000000..2e6e3eb --- /dev/null +++ b/front/panel/test/avatars.html @@ -0,0 +1,1534 @@ + + + + + + + Avatars | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Default Avatar +

+
+
+
+
+ user +
+ +
+ user +
+ +
+ user +
+ +
+ user +
+ +
+ user +
+ +
+ user +
+
+
+
+ +
+
+

+ Avatar with online indicator +

+
+
+
+
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+
+
+
+ +
+
+

+ Avatar with Offline indicator +

+
+
+
+
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+
+
+
+ +
+
+

+ Avatar with busy indicator +

+
+
+
+
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+ +
+ user + + +
+
+
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/badge.html b/front/panel/test/badge.html new file mode 100755 index 0000000..0d97c36 --- /dev/null +++ b/front/panel/test/badge.html @@ -0,0 +1,2053 @@ + + + + + + + Badge | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ With Light Background +

+
+
+
+ + + Primary + + + + + Success + + + + + Error + + + + + Warning + + + + + Info + + + + + Light + + + + + Dark + +
+
+
+ +
+
+

+ With Solid Background +

+
+
+
+ + + Primary + + + + + Success + + + + + Error + + + + + Warning + + + + + Info + + + + + Light + + + + + Dark + +
+
+
+ +
+
+

+ Light Background with Left Icon +

+
+
+
+ + + + + + + Primary + + + + + + + + Success + + + + + + + + + Error + + + + + + + + + Warning + + + + + + + + + Info + + + + + + + + + Light + + + + + + + + + Dark + +
+
+
+ +
+
+

+ Solid Background with Left Icon +

+
+
+
+ + + + + + + Primary + + + + + + + + + Success + + + + + + + + + Error + + + + + + + + + Warning + + + + + + + + + Info + + + + + + + + + Light + + + + + + + + + Dark + +
+
+
+ +
+
+

+ Light Background with Right Icon +

+
+
+
+ + + Primary + + + + + + + + + Success + + + + + + + + + Error + + + + + + + + + Warning + + + + + + + + + Info + + + + + + + + + Light + + + + + + + + + Dark + + + + + +
+
+
+ +
+
+

+ Solid Background with Right Icon +

+
+
+
+ + + Primary + + + + + + + + + Success + + + + + + + + + Error + + + + + + + + + Warning + + + + + + + + + Info + + + + + + + + + Light + + + + + + + + + Dark + + + + + +
+
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/bar-chart.html b/front/panel/test/bar-chart.html new file mode 100755 index 0000000..80a6558 --- /dev/null +++ b/front/panel/test/bar-chart.html @@ -0,0 +1,1231 @@ + + + + + + + Bar Chart | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Bar Chart 1 +

+
+
+ +
+
+
+ +
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/basic-tables.html b/front/panel/test/basic-tables.html new file mode 100755 index 0000000..fe916b3 --- /dev/null +++ b/front/panel/test/basic-tables.html @@ -0,0 +1,1611 @@ + + + + + + + + Basic Tables | TailAdmin - Tailwind CSS Admin Dashboard Template + + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Basic Table 1 +

+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ User +

+
+ 		+
+

+ Project Name +

+
+ 		+
+

+ Team +

+
+ 		+
+

+ Status +

+
+ 		+
+

+ Budget +

+
+
+
+
+
+ brand +
+ +
+ + Lindsey Curtis + + + Web Designer + +
+
+
+ 		+
+

+ Agency Website +

+
+ 		+
+
+
+ user +
+
+ user +
+
+ user +
+
+
+ 		+
+

+ Active +

+
+ 		+
+

3.9K

+
+
+
+
+
+ brand +
+ +
+ + Kaiya George + + + Project Manager + +
+
+
+ 		+
+

+ Technology +

+
+ 		+
+
+
+ user +
+
+ user +
+
+
+ 		+
+

+ Pending +

+
+ 		+
+

+ 24.9K +

+
+
+
+
+
+ brand +
+ +
+ + Zain Geidt + + + Content Writer + +
+
+
+ 		+
+

+ Blog Writing +

+
+ 		+
+
+
+ user +
+
+
+ 		+
+

+ Active +

+
+ 		+
+

+ 12.7K +

+
+
+
+
+
+ brand +
+ +
+ + Abram Schleifer + + + Digital Marketer + +
+
+
+ 		+
+

+ Social Media +

+
+ 		+
+
+
+ user +
+
+ user +
+
+ user +
+
+
+ 		+
+

+ Cancel +

+
+ 		+
+

2.8K

+
+
+
+
+
+ brand +
+ +
+ + Carla George + + + Front-end Developer + +
+
+
+ 		+
+

+ Website +

+
+ 		+
+
+
+ user +
+
+ user +
+
+ user +
+
+
+ 		+
+

+ Active +

+
+ 		+
+

4,5K

+
+
+
+
+ +
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/blank.html b/front/panel/test/blank.html new file mode 100755 index 0000000..a300113 --- /dev/null +++ b/front/panel/test/blank.html @@ -0,0 +1,1230 @@ + + + + + + + + Blank Page | TailAdmin - Tailwind CSS Admin Dashboard Template + + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+

+ Card Title Here +

+ +

+ Start putting content on grids or panels, you can also use + different combinations of grids.
Please check out the + dashboard and other pages +

+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/bundle.js b/front/panel/test/bundle.js new file mode 100755 index 0000000..b5af8eb --- /dev/null +++ b/front/panel/test/bundle.js @@ -0,0 +1,504 @@ +/* + * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). + * This devtool is neither made for production nor for readable output files. + * It uses "eval()" calls to create a separate source file in the browser devtools. + * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) + * or disable the default devtool with "devtool: false". + * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). + */ +/******/ (() => { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@alpinejs/persist/dist/module.esm.js": +/*!***********************************************************!*\ + !*** ./node_modules/@alpinejs/persist/dist/module.esm.js ***! + \***********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ module_default),\n/* harmony export */ persist: () => (/* binding */ src_default)\n/* harmony export */ });\n// packages/persist/src/index.js\nfunction src_default(Alpine) {\n let persist = () => {\n let alias;\n let storage;\n try {\n storage = localStorage;\n } catch (e) {\n console.error(e);\n console.warn(\"Alpine: $persist is using temporary storage since localStorage is unavailable.\");\n let dummy = /* @__PURE__ */ new Map();\n storage = {\n getItem: dummy.get.bind(dummy),\n setItem: dummy.set.bind(dummy)\n };\n }\n return Alpine.interceptor((initialValue, getter, setter, path, key) => {\n let lookup = alias || `_x_${path}`;\n let initial = storageHas(lookup, storage) ? storageGet(lookup, storage) : initialValue;\n setter(initial);\n Alpine.effect(() => {\n let value = getter();\n storageSet(lookup, value, storage);\n setter(value);\n });\n return initial;\n }, (func) => {\n func.as = (key) => {\n alias = key;\n return func;\n }, func.using = (target) => {\n storage = target;\n return func;\n };\n });\n };\n Object.defineProperty(Alpine, \"$persist\", { get: () => persist() });\n Alpine.magic(\"persist\", persist);\n Alpine.persist = (key, { get, set }, storage = localStorage) => {\n let initial = storageHas(key, storage) ? storageGet(key, storage) : get();\n set(initial);\n Alpine.effect(() => {\n let value = get();\n storageSet(key, value, storage);\n set(value);\n });\n };\n}\nfunction storageHas(key, storage) {\n return storage.getItem(key) !== null;\n}\nfunction storageGet(key, storage) {\n let value = storage.getItem(key, storage);\n if (value === void 0)\n return;\n return JSON.parse(value);\n}\nfunction storageSet(key, value, storage) {\n storage.setItem(key, JSON.stringify(value));\n}\n\n// packages/persist/builds/module.js\nvar module_default = src_default;\n\n\n\n//# sourceURL=webpack://tailadmin-free/./node_modules/@alpinejs/persist/dist/module.esm.js?"); + +/***/ }), + +/***/ "./node_modules/alpinejs/dist/module.esm.js": +/*!**************************************************!*\ + !*** ./node_modules/alpinejs/dist/module.esm.js ***! + \**************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Alpine: () => (/* binding */ src_default),\n/* harmony export */ \"default\": () => (/* binding */ module_default)\n/* harmony export */ });\n// packages/alpinejs/src/scheduler.js\nvar flushPending = false;\nvar flushing = false;\nvar queue = [];\nvar lastFlushedIndex = -1;\nfunction scheduler(callback) {\n queueJob(callback);\n}\nfunction queueJob(job) {\n if (!queue.includes(job))\n queue.push(job);\n queueFlush();\n}\nfunction dequeueJob(job) {\n let index = queue.indexOf(job);\n if (index !== -1 && index > lastFlushedIndex)\n queue.splice(index, 1);\n}\nfunction queueFlush() {\n if (!flushing && !flushPending) {\n flushPending = true;\n queueMicrotask(flushJobs);\n }\n}\nfunction flushJobs() {\n flushPending = false;\n flushing = true;\n for (let i = 0; i < queue.length; i++) {\n queue[i]();\n lastFlushedIndex = i;\n }\n queue.length = 0;\n lastFlushedIndex = -1;\n flushing = false;\n}\n\n// packages/alpinejs/src/reactivity.js\nvar reactive;\nvar effect;\nvar release;\nvar raw;\nvar shouldSchedule = true;\nfunction disableEffectScheduling(callback) {\n shouldSchedule = false;\n callback();\n shouldSchedule = true;\n}\nfunction setReactivityEngine(engine) {\n reactive = engine.reactive;\n release = engine.release;\n effect = (callback) => engine.effect(callback, { scheduler: (task) => {\n if (shouldSchedule) {\n scheduler(task);\n } else {\n task();\n }\n } });\n raw = engine.raw;\n}\nfunction overrideEffect(override) {\n effect = override;\n}\nfunction elementBoundEffect(el) {\n let cleanup2 = () => {\n };\n let wrappedEffect = (callback) => {\n let effectReference = effect(callback);\n if (!el._x_effects) {\n el._x_effects = /* @__PURE__ */ new Set();\n el._x_runEffects = () => {\n el._x_effects.forEach((i) => i());\n };\n }\n el._x_effects.add(effectReference);\n cleanup2 = () => {\n if (effectReference === void 0)\n return;\n el._x_effects.delete(effectReference);\n release(effectReference);\n };\n return effectReference;\n };\n return [wrappedEffect, () => {\n cleanup2();\n }];\n}\nfunction watch(getter, callback) {\n let firstTime = true;\n let oldValue;\n let effectReference = effect(() => {\n let value = getter();\n JSON.stringify(value);\n if (!firstTime) {\n queueMicrotask(() => {\n callback(value, oldValue);\n oldValue = value;\n });\n } else {\n oldValue = value;\n }\n firstTime = false;\n });\n return () => release(effectReference);\n}\n\n// packages/alpinejs/src/mutation.js\nvar onAttributeAddeds = [];\nvar onElRemoveds = [];\nvar onElAddeds = [];\nfunction onElAdded(callback) {\n onElAddeds.push(callback);\n}\nfunction onElRemoved(el, callback) {\n if (typeof callback === \"function\") {\n if (!el._x_cleanups)\n el._x_cleanups = [];\n el._x_cleanups.push(callback);\n } else {\n callback = el;\n onElRemoveds.push(callback);\n }\n}\nfunction onAttributesAdded(callback) {\n onAttributeAddeds.push(callback);\n}\nfunction onAttributeRemoved(el, name, callback) {\n if (!el._x_attributeCleanups)\n el._x_attributeCleanups = {};\n if (!el._x_attributeCleanups[name])\n el._x_attributeCleanups[name] = [];\n el._x_attributeCleanups[name].push(callback);\n}\nfunction cleanupAttributes(el, names) {\n if (!el._x_attributeCleanups)\n return;\n Object.entries(el._x_attributeCleanups).forEach(([name, value]) => {\n if (names === void 0 || names.includes(name)) {\n value.forEach((i) => i());\n delete el._x_attributeCleanups[name];\n }\n });\n}\nfunction cleanupElement(el) {\n el._x_effects?.forEach(dequeueJob);\n while (el._x_cleanups?.length)\n el._x_cleanups.pop()();\n}\nvar observer = new MutationObserver(onMutate);\nvar currentlyObserving = false;\nfunction startObservingMutations() {\n observer.observe(document, { subtree: true, childList: true, attributes: true, attributeOldValue: true });\n currentlyObserving = true;\n}\nfunction stopObservingMutations() {\n flushObserver();\n observer.disconnect();\n currentlyObserving = false;\n}\nvar queuedMutations = [];\nfunction flushObserver() {\n let records = observer.takeRecords();\n queuedMutations.push(() => records.length > 0 && onMutate(records));\n let queueLengthWhenTriggered = queuedMutations.length;\n queueMicrotask(() => {\n if (queuedMutations.length === queueLengthWhenTriggered) {\n while (queuedMutations.length > 0)\n queuedMutations.shift()();\n }\n });\n}\nfunction mutateDom(callback) {\n if (!currentlyObserving)\n return callback();\n stopObservingMutations();\n let result = callback();\n startObservingMutations();\n return result;\n}\nvar isCollecting = false;\nvar deferredMutations = [];\nfunction deferMutations() {\n isCollecting = true;\n}\nfunction flushAndStopDeferringMutations() {\n isCollecting = false;\n onMutate(deferredMutations);\n deferredMutations = [];\n}\nfunction onMutate(mutations) {\n if (isCollecting) {\n deferredMutations = deferredMutations.concat(mutations);\n return;\n }\n let addedNodes = [];\n let removedNodes = /* @__PURE__ */ new Set();\n let addedAttributes = /* @__PURE__ */ new Map();\n let removedAttributes = /* @__PURE__ */ new Map();\n for (let i = 0; i < mutations.length; i++) {\n if (mutations[i].target._x_ignoreMutationObserver)\n continue;\n if (mutations[i].type === \"childList\") {\n mutations[i].removedNodes.forEach((node) => {\n if (node.nodeType !== 1)\n return;\n if (!node._x_marker)\n return;\n removedNodes.add(node);\n });\n mutations[i].addedNodes.forEach((node) => {\n if (node.nodeType !== 1)\n return;\n if (removedNodes.has(node)) {\n removedNodes.delete(node);\n return;\n }\n if (node._x_marker)\n return;\n addedNodes.push(node);\n });\n }\n if (mutations[i].type === \"attributes\") {\n let el = mutations[i].target;\n let name = mutations[i].attributeName;\n let oldValue = mutations[i].oldValue;\n let add2 = () => {\n if (!addedAttributes.has(el))\n addedAttributes.set(el, []);\n addedAttributes.get(el).push({ name, value: el.getAttribute(name) });\n };\n let remove = () => {\n if (!removedAttributes.has(el))\n removedAttributes.set(el, []);\n removedAttributes.get(el).push(name);\n };\n if (el.hasAttribute(name) && oldValue === null) {\n add2();\n } else if (el.hasAttribute(name)) {\n remove();\n add2();\n } else {\n remove();\n }\n }\n }\n removedAttributes.forEach((attrs, el) => {\n cleanupAttributes(el, attrs);\n });\n addedAttributes.forEach((attrs, el) => {\n onAttributeAddeds.forEach((i) => i(el, attrs));\n });\n for (let node of removedNodes) {\n if (addedNodes.some((i) => i.contains(node)))\n continue;\n onElRemoveds.forEach((i) => i(node));\n }\n for (let node of addedNodes) {\n if (!node.isConnected)\n continue;\n onElAddeds.forEach((i) => i(node));\n }\n addedNodes = null;\n removedNodes = null;\n addedAttributes = null;\n removedAttributes = null;\n}\n\n// packages/alpinejs/src/scope.js\nfunction scope(node) {\n return mergeProxies(closestDataStack(node));\n}\nfunction addScopeToNode(node, data2, referenceNode) {\n node._x_dataStack = [data2, ...closestDataStack(referenceNode || node)];\n return () => {\n node._x_dataStack = node._x_dataStack.filter((i) => i !== data2);\n };\n}\nfunction closestDataStack(node) {\n if (node._x_dataStack)\n return node._x_dataStack;\n if (typeof ShadowRoot === \"function\" && node instanceof ShadowRoot) {\n return closestDataStack(node.host);\n }\n if (!node.parentNode) {\n return [];\n }\n return closestDataStack(node.parentNode);\n}\nfunction mergeProxies(objects) {\n return new Proxy({ objects }, mergeProxyTrap);\n}\nvar mergeProxyTrap = {\n ownKeys({ objects }) {\n return Array.from(\n new Set(objects.flatMap((i) => Object.keys(i)))\n );\n },\n has({ objects }, name) {\n if (name == Symbol.unscopables)\n return false;\n return objects.some(\n (obj) => Object.prototype.hasOwnProperty.call(obj, name) || Reflect.has(obj, name)\n );\n },\n get({ objects }, name, thisProxy) {\n if (name == \"toJSON\")\n return collapseProxies;\n return Reflect.get(\n objects.find(\n (obj) => Reflect.has(obj, name)\n ) || {},\n name,\n thisProxy\n );\n },\n set({ objects }, name, value, thisProxy) {\n const target = objects.find(\n (obj) => Object.prototype.hasOwnProperty.call(obj, name)\n ) || objects[objects.length - 1];\n const descriptor = Object.getOwnPropertyDescriptor(target, name);\n if (descriptor?.set && descriptor?.get)\n return descriptor.set.call(thisProxy, value) || true;\n return Reflect.set(target, name, value);\n }\n};\nfunction collapseProxies() {\n let keys = Reflect.ownKeys(this);\n return keys.reduce((acc, key) => {\n acc[key] = Reflect.get(this, key);\n return acc;\n }, {});\n}\n\n// packages/alpinejs/src/interceptor.js\nfunction initInterceptors(data2) {\n let isObject2 = (val) => typeof val === \"object\" && !Array.isArray(val) && val !== null;\n let recurse = (obj, basePath = \"\") => {\n Object.entries(Object.getOwnPropertyDescriptors(obj)).forEach(([key, { value, enumerable }]) => {\n if (enumerable === false || value === void 0)\n return;\n if (typeof value === \"object\" && value !== null && value.__v_skip)\n return;\n let path = basePath === \"\" ? key : `${basePath}.${key}`;\n if (typeof value === \"object\" && value !== null && value._x_interceptor) {\n obj[key] = value.initialize(data2, path, key);\n } else {\n if (isObject2(value) && value !== obj && !(value instanceof Element)) {\n recurse(value, path);\n }\n }\n });\n };\n return recurse(data2);\n}\nfunction interceptor(callback, mutateObj = () => {\n}) {\n let obj = {\n initialValue: void 0,\n _x_interceptor: true,\n initialize(data2, path, key) {\n return callback(this.initialValue, () => get(data2, path), (value) => set(data2, path, value), path, key);\n }\n };\n mutateObj(obj);\n return (initialValue) => {\n if (typeof initialValue === \"object\" && initialValue !== null && initialValue._x_interceptor) {\n let initialize = obj.initialize.bind(obj);\n obj.initialize = (data2, path, key) => {\n let innerValue = initialValue.initialize(data2, path, key);\n obj.initialValue = innerValue;\n return initialize(data2, path, key);\n };\n } else {\n obj.initialValue = initialValue;\n }\n return obj;\n };\n}\nfunction get(obj, path) {\n return path.split(\".\").reduce((carry, segment) => carry[segment], obj);\n}\nfunction set(obj, path, value) {\n if (typeof path === \"string\")\n path = path.split(\".\");\n if (path.length === 1)\n obj[path[0]] = value;\n else if (path.length === 0)\n throw error;\n else {\n if (obj[path[0]])\n return set(obj[path[0]], path.slice(1), value);\n else {\n obj[path[0]] = {};\n return set(obj[path[0]], path.slice(1), value);\n }\n }\n}\n\n// packages/alpinejs/src/magics.js\nvar magics = {};\nfunction magic(name, callback) {\n magics[name] = callback;\n}\nfunction injectMagics(obj, el) {\n let memoizedUtilities = getUtilities(el);\n Object.entries(magics).forEach(([name, callback]) => {\n Object.defineProperty(obj, `$${name}`, {\n get() {\n return callback(el, memoizedUtilities);\n },\n enumerable: false\n });\n });\n return obj;\n}\nfunction getUtilities(el) {\n let [utilities, cleanup2] = getElementBoundUtilities(el);\n let utils = { interceptor, ...utilities };\n onElRemoved(el, cleanup2);\n return utils;\n}\n\n// packages/alpinejs/src/utils/error.js\nfunction tryCatch(el, expression, callback, ...args) {\n try {\n return callback(...args);\n } catch (e) {\n handleError(e, el, expression);\n }\n}\nfunction handleError(error2, el, expression = void 0) {\n error2 = Object.assign(\n error2 ?? { message: \"No error message given.\" },\n { el, expression }\n );\n console.warn(`Alpine Expression Error: ${error2.message}\n\n${expression ? 'Expression: \"' + expression + '\"\\n\\n' : \"\"}`, el);\n setTimeout(() => {\n throw error2;\n }, 0);\n}\n\n// packages/alpinejs/src/evaluator.js\nvar shouldAutoEvaluateFunctions = true;\nfunction dontAutoEvaluateFunctions(callback) {\n let cache = shouldAutoEvaluateFunctions;\n shouldAutoEvaluateFunctions = false;\n let result = callback();\n shouldAutoEvaluateFunctions = cache;\n return result;\n}\nfunction evaluate(el, expression, extras = {}) {\n let result;\n evaluateLater(el, expression)((value) => result = value, extras);\n return result;\n}\nfunction evaluateLater(...args) {\n return theEvaluatorFunction(...args);\n}\nvar theEvaluatorFunction = normalEvaluator;\nfunction setEvaluator(newEvaluator) {\n theEvaluatorFunction = newEvaluator;\n}\nfunction normalEvaluator(el, expression) {\n let overriddenMagics = {};\n injectMagics(overriddenMagics, el);\n let dataStack = [overriddenMagics, ...closestDataStack(el)];\n let evaluator = typeof expression === \"function\" ? generateEvaluatorFromFunction(dataStack, expression) : generateEvaluatorFromString(dataStack, expression, el);\n return tryCatch.bind(null, el, expression, evaluator);\n}\nfunction generateEvaluatorFromFunction(dataStack, func) {\n return (receiver = () => {\n }, { scope: scope2 = {}, params = [] } = {}) => {\n let result = func.apply(mergeProxies([scope2, ...dataStack]), params);\n runIfTypeOfFunction(receiver, result);\n };\n}\nvar evaluatorMemo = {};\nfunction generateFunctionFromString(expression, el) {\n if (evaluatorMemo[expression]) {\n return evaluatorMemo[expression];\n }\n let AsyncFunction = Object.getPrototypeOf(async function() {\n }).constructor;\n let rightSideSafeExpression = /^[\\n\\s]*if.*\\(.*\\)/.test(expression.trim()) || /^(let|const)\\s/.test(expression.trim()) ? `(async()=>{ ${expression} })()` : expression;\n const safeAsyncFunction = () => {\n try {\n let func2 = new AsyncFunction(\n [\"__self\", \"scope\"],\n `with (scope) { __self.result = ${rightSideSafeExpression} }; __self.finished = true; return __self.result;`\n );\n Object.defineProperty(func2, \"name\", {\n value: `[Alpine] ${expression}`\n });\n return func2;\n } catch (error2) {\n handleError(error2, el, expression);\n return Promise.resolve();\n }\n };\n let func = safeAsyncFunction();\n evaluatorMemo[expression] = func;\n return func;\n}\nfunction generateEvaluatorFromString(dataStack, expression, el) {\n let func = generateFunctionFromString(expression, el);\n return (receiver = () => {\n }, { scope: scope2 = {}, params = [] } = {}) => {\n func.result = void 0;\n func.finished = false;\n let completeScope = mergeProxies([scope2, ...dataStack]);\n if (typeof func === \"function\") {\n let promise = func(func, completeScope).catch((error2) => handleError(error2, el, expression));\n if (func.finished) {\n runIfTypeOfFunction(receiver, func.result, completeScope, params, el);\n func.result = void 0;\n } else {\n promise.then((result) => {\n runIfTypeOfFunction(receiver, result, completeScope, params, el);\n }).catch((error2) => handleError(error2, el, expression)).finally(() => func.result = void 0);\n }\n }\n };\n}\nfunction runIfTypeOfFunction(receiver, value, scope2, params, el) {\n if (shouldAutoEvaluateFunctions && typeof value === \"function\") {\n let result = value.apply(scope2, params);\n if (result instanceof Promise) {\n result.then((i) => runIfTypeOfFunction(receiver, i, scope2, params)).catch((error2) => handleError(error2, el, value));\n } else {\n receiver(result);\n }\n } else if (typeof value === \"object\" && value instanceof Promise) {\n value.then((i) => receiver(i));\n } else {\n receiver(value);\n }\n}\n\n// packages/alpinejs/src/directives.js\nvar prefixAsString = \"x-\";\nfunction prefix(subject = \"\") {\n return prefixAsString + subject;\n}\nfunction setPrefix(newPrefix) {\n prefixAsString = newPrefix;\n}\nvar directiveHandlers = {};\nfunction directive(name, callback) {\n directiveHandlers[name] = callback;\n return {\n before(directive2) {\n if (!directiveHandlers[directive2]) {\n console.warn(String.raw`Cannot find directive \\`${directive2}\\`. \\`${name}\\` will use the default order of execution`);\n return;\n }\n const pos = directiveOrder.indexOf(directive2);\n directiveOrder.splice(pos >= 0 ? pos : directiveOrder.indexOf(\"DEFAULT\"), 0, name);\n }\n };\n}\nfunction directiveExists(name) {\n return Object.keys(directiveHandlers).includes(name);\n}\nfunction directives(el, attributes, originalAttributeOverride) {\n attributes = Array.from(attributes);\n if (el._x_virtualDirectives) {\n let vAttributes = Object.entries(el._x_virtualDirectives).map(([name, value]) => ({ name, value }));\n let staticAttributes = attributesOnly(vAttributes);\n vAttributes = vAttributes.map((attribute) => {\n if (staticAttributes.find((attr) => attr.name === attribute.name)) {\n return {\n name: `x-bind:${attribute.name}`,\n value: `\"${attribute.value}\"`\n };\n }\n return attribute;\n });\n attributes = attributes.concat(vAttributes);\n }\n let transformedAttributeMap = {};\n let directives2 = attributes.map(toTransformedAttributes((newName, oldName) => transformedAttributeMap[newName] = oldName)).filter(outNonAlpineAttributes).map(toParsedDirectives(transformedAttributeMap, originalAttributeOverride)).sort(byPriority);\n return directives2.map((directive2) => {\n return getDirectiveHandler(el, directive2);\n });\n}\nfunction attributesOnly(attributes) {\n return Array.from(attributes).map(toTransformedAttributes()).filter((attr) => !outNonAlpineAttributes(attr));\n}\nvar isDeferringHandlers = false;\nvar directiveHandlerStacks = /* @__PURE__ */ new Map();\nvar currentHandlerStackKey = Symbol();\nfunction deferHandlingDirectives(callback) {\n isDeferringHandlers = true;\n let key = Symbol();\n currentHandlerStackKey = key;\n directiveHandlerStacks.set(key, []);\n let flushHandlers = () => {\n while (directiveHandlerStacks.get(key).length)\n directiveHandlerStacks.get(key).shift()();\n directiveHandlerStacks.delete(key);\n };\n let stopDeferring = () => {\n isDeferringHandlers = false;\n flushHandlers();\n };\n callback(flushHandlers);\n stopDeferring();\n}\nfunction getElementBoundUtilities(el) {\n let cleanups = [];\n let cleanup2 = (callback) => cleanups.push(callback);\n let [effect3, cleanupEffect] = elementBoundEffect(el);\n cleanups.push(cleanupEffect);\n let utilities = {\n Alpine: alpine_default,\n effect: effect3,\n cleanup: cleanup2,\n evaluateLater: evaluateLater.bind(evaluateLater, el),\n evaluate: evaluate.bind(evaluate, el)\n };\n let doCleanup = () => cleanups.forEach((i) => i());\n return [utilities, doCleanup];\n}\nfunction getDirectiveHandler(el, directive2) {\n let noop = () => {\n };\n let handler4 = directiveHandlers[directive2.type] || noop;\n let [utilities, cleanup2] = getElementBoundUtilities(el);\n onAttributeRemoved(el, directive2.original, cleanup2);\n let fullHandler = () => {\n if (el._x_ignore || el._x_ignoreSelf)\n return;\n handler4.inline && handler4.inline(el, directive2, utilities);\n handler4 = handler4.bind(handler4, el, directive2, utilities);\n isDeferringHandlers ? directiveHandlerStacks.get(currentHandlerStackKey).push(handler4) : handler4();\n };\n fullHandler.runCleanups = cleanup2;\n return fullHandler;\n}\nvar startingWith = (subject, replacement) => ({ name, value }) => {\n if (name.startsWith(subject))\n name = name.replace(subject, replacement);\n return { name, value };\n};\nvar into = (i) => i;\nfunction toTransformedAttributes(callback = () => {\n}) {\n return ({ name, value }) => {\n let { name: newName, value: newValue } = attributeTransformers.reduce((carry, transform) => {\n return transform(carry);\n }, { name, value });\n if (newName !== name)\n callback(newName, name);\n return { name: newName, value: newValue };\n };\n}\nvar attributeTransformers = [];\nfunction mapAttributes(callback) {\n attributeTransformers.push(callback);\n}\nfunction outNonAlpineAttributes({ name }) {\n return alpineAttributeRegex().test(name);\n}\nvar alpineAttributeRegex = () => new RegExp(`^${prefixAsString}([^:^.]+)\\\\b`);\nfunction toParsedDirectives(transformedAttributeMap, originalAttributeOverride) {\n return ({ name, value }) => {\n let typeMatch = name.match(alpineAttributeRegex());\n let valueMatch = name.match(/:([a-zA-Z0-9\\-_:]+)/);\n let modifiers = name.match(/\\.[^.\\]]+(?=[^\\]]*$)/g) || [];\n let original = originalAttributeOverride || transformedAttributeMap[name] || name;\n return {\n type: typeMatch ? typeMatch[1] : null,\n value: valueMatch ? valueMatch[1] : null,\n modifiers: modifiers.map((i) => i.replace(\".\", \"\")),\n expression: value,\n original\n };\n };\n}\nvar DEFAULT = \"DEFAULT\";\nvar directiveOrder = [\n \"ignore\",\n \"ref\",\n \"data\",\n \"id\",\n \"anchor\",\n \"bind\",\n \"init\",\n \"for\",\n \"model\",\n \"modelable\",\n \"transition\",\n \"show\",\n \"if\",\n DEFAULT,\n \"teleport\"\n];\nfunction byPriority(a, b) {\n let typeA = directiveOrder.indexOf(a.type) === -1 ? DEFAULT : a.type;\n let typeB = directiveOrder.indexOf(b.type) === -1 ? DEFAULT : b.type;\n return directiveOrder.indexOf(typeA) - directiveOrder.indexOf(typeB);\n}\n\n// packages/alpinejs/src/utils/dispatch.js\nfunction dispatch(el, name, detail = {}) {\n el.dispatchEvent(\n new CustomEvent(name, {\n detail,\n bubbles: true,\n // Allows events to pass the shadow DOM barrier.\n composed: true,\n cancelable: true\n })\n );\n}\n\n// packages/alpinejs/src/utils/walk.js\nfunction walk(el, callback) {\n if (typeof ShadowRoot === \"function\" && el instanceof ShadowRoot) {\n Array.from(el.children).forEach((el2) => walk(el2, callback));\n return;\n }\n let skip = false;\n callback(el, () => skip = true);\n if (skip)\n return;\n let node = el.firstElementChild;\n while (node) {\n walk(node, callback, false);\n node = node.nextElementSibling;\n }\n}\n\n// packages/alpinejs/src/utils/warn.js\nfunction warn(message, ...args) {\n console.warn(`Alpine Warning: ${message}`, ...args);\n}\n\n// packages/alpinejs/src/lifecycle.js\nvar started = false;\nfunction start() {\n if (started)\n warn(\"Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems.\");\n started = true;\n if (!document.body)\n warn(\"Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's ` + diff --git a/front/panel/test/calendar.html b/front/panel/test/calendar.html new file mode 100755 index 0000000..99ff69d --- /dev/null +++ b/front/panel/test/calendar.html @@ -0,0 +1,1500 @@ + + + + + + + Calendar | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+ + + + + + +
+
+ +
+ +
+ + + diff --git a/front/panel/test/favicon.ico b/front/panel/test/favicon.ico new file mode 100755 index 0000000..cf3128a Binary files /dev/null and b/front/panel/test/favicon.ico differ diff --git a/front/panel/test/form-elements.html b/front/panel/test/form-elements.html new file mode 100755 index 0000000..f36906e --- /dev/null +++ b/front/panel/test/form-elements.html @@ -0,0 +1,2724 @@ + + + + + + + + Form Elements | TailAdmin - Tailwind CSS Admin Dashboard Template + + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + + +
+
+
+
+

+ Default Inputs +

+
+
+ +
+ + +
+ + +
+ + +
+ + +
+ +
+ + + + + + +
+
+ + +
+ +
+ + + + + + + + + + +
+
+ + +
+ + +
+ + + + + + +
+
+ + +
+ +
+ + + + + + +
+
+ + +
+ + +
+ + + + + + + + +
+
+
+
+ +
+
+

+ Select Inputs +

+
+
+ +
+ +
+ + + + + + +
+
+ + +
+ +
+ + +
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+

+ Textarea input field +

+
+
+ +
+ + +
+ + +
+ + +
+ + +
+ + +

+ Please enter a message in the textarea. +

+
+
+
+ +
+
+

+ Input States +

+

+ Validation styles for error, success and disabled states + on form controls. +

+
+
+ +
+ +
+ + + + + + +
+ +

+ This is an error message. +

+
+ + +
+ +
+ + + + + + +
+ +

+ This is an success message. +

+
+ + +
+ + +
+
+
+
+ +
+
+
+

+ Input Group +

+
+
+ +
+ +
+ + + + + + +
+
+ + +
+ +
+
+ +
+ + + +
+
+ +
+
+ + +
+ +
+
+ +
+ + + +
+
+ +
+
+ + +
+ +
+ + http:// + + +
+
+ + +
+ +
+ + +
+
+
+
+ +
+
+

+ File Input +

+
+
+ +
+ + +
+
+
+ +
+
+

+ Checkboxes +

+
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+
+

+ Radio Buttons +

+
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+
+

+ Toggle switch input +

+
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+ + +
+
+ +
+ +
+ +
+ +
+ +
+
+
+
+ +
+
+

+ Dropzone +

+
+
+
+
+
+
+ + + +
+
+ +

+ Drop File Here +

+ + Drag and drop your PNG, JPG, WebP, SVG images here or + browse + + + + Browse File + +
+
+
+
+
+
+ +
+
+ +
+ +
+ + + + + diff --git a/front/panel/test/images.html b/front/panel/test/images.html new file mode 100755 index 0000000..396595a --- /dev/null +++ b/front/panel/test/images.html @@ -0,0 +1,1313 @@ + + + + + + + Images | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Responsive image +

+
+
+
+
+ Cover +
+
+
+
+
+ +
+
+

+ Image in 2 Grid +

+
+
+
+
+ image grid +
+ +
+ image grid +
+
+
+
+ +
+
+

+ Image in 3 Grid +

+
+
+
+
+ image grid +
+ +
+ image grid +
+ +
+ image grid +
+
+
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/index.html b/front/panel/test/index.html new file mode 100755 index 0000000..76a3c41 --- /dev/null +++ b/front/panel/test/index.html @@ -0,0 +1,2074 @@ + + + + + + + + mcServ // Home + + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+
+
+ +
+ +
+
+ + + +
+ +
+
+ Servers +

+

+
+
+
+ + + +
+
+ + + +
+ +
+
+ Users +

+

+
+
+
+ +
+ + + +
+
+

+ Monthly Sales +

+ +
+ +
+ + +
+
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+

+ Monthly Target +

+

+ Target you’ve set for each month +

+
+
+ +
+ + +
+
+
+
+
+ +10% +
+

+ You earn $3287 today, it's higher than last month. Keep up your good work! +

+
+ +
+
+

+ Target +

+

+ $20K + + + +

+
+ +
+ +
+

+ Revenue +

+

+ $20K + + + +

+
+ +
+ +
+

+ Today +

+

+ $20K + + + +

+
+
+
+ +
+ +
+ +
+
+
+

+ Statistics +

+

+ Target you’ve set for each month +

+
+ +
+
+ + + +
+ +
+ +
+ + + +
+
+
+
+
+
+
+
+ +
+ +
+ +
+
+
+

+ Customers Demographic +

+

+ Number of customer based on country +

+
+ +
+ +
+ + +
+
+
+
+
+
+ +
+
+
+
+ usa +
+
+

+ USA +

+ + 2,379 Customers + +
+
+ +
+
+
+
+

+ 79% +

+
+
+ +
+
+
+ france +
+
+

+ France +

+ + 589 Customers + +
+
+ +
+
+
+
+

+ 23% +

+
+
+
+
+ +
+ +
+ +
+
+
+

+ Recent Orders +

+
+ +
+ + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ Products +

+
+ 		+
+

+ Category +

+
+ 		+
+

+ Price +

+
+ 		+
+

+ Status +

+
+
+
+
+
+ Product +
+
+

+ Macbook pro 13” +

+ + 2 Variants + +
+
+
+ 		+
+

+ Laptop +

+
+ 		+
+

+ $2399.00 +

+
+ 		+
+

+ Delivered +

+
+
+
+
+
+ Product +
+
+

+ Apple Watch Ultra +

+ + 1 Variants + +
+
+
+ 		+
+

+ Watch +

+
+ 		+
+

+ $879.00 +

+
+ 		+
+

+ Pending +

+
+
+
+
+
+ Product +
+
+

+ iPhone 15 Pro Max +

+ + 2 Variants + +
+
+
+ 		+
+

+ SmartPhone +

+
+ 		+
+

+ $1869.00 +

+
+ 		+
+

+ Delivered +

+
+
+
+
+
+ Product +
+
+

+ iPad Pro 3rd Gen +

+ + 2 Variants + +
+
+
+ 		+
+

+ Electronics +

+
+ 		+
+

+ $1699.00 +

+
+ 		+
+

+ Canceled +

+
+
+
+
+
+ Product +
+
+

+ Airpods Pro 2nd Gen +

+ + 1 Variants + +
+
+
+ 		+
+

+ Accessories +

+
+ 		+
+

+ $240.00 +

+
+ 		+
+

+ Delivered +

+
+
+
+
+ +
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/line-chart.html b/front/panel/test/line-chart.html new file mode 100755 index 0000000..df05497 --- /dev/null +++ b/front/panel/test/line-chart.html @@ -0,0 +1,1233 @@ + + + + + + + + Line Chart | TailAdmin - Tailwind CSS Admin Dashboard Template + + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+
+
+

+ Line Chart 1 +

+
+
+ +
+
+
+ +
+
+
+
+
+ +
+ +
+ + + diff --git a/front/panel/test/profile.html b/front/panel/test/profile.html new file mode 100755 index 0000000..944f13b --- /dev/null +++ b/front/panel/test/profile.html @@ -0,0 +1,1867 @@ + + + + + + + Profile | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ + +
+

+ Profile +

+ +
+
+
+
+ user +
+
+

+ Musharof Chowdhury +

+
+

+ Team Manager +

+ +

+ Arizona, United States +

+
+
+
+ + + + + + + +
+
+ + +
+
+ +
+
+
+

+ Personal Information +

+ +
+
+

+ First Name +

+

+ Musharof +

+
+ +
+

+ Last Name +

+

+ Chowdhury +

+
+ +
+

+ Email address +

+

+ randomuser@pimjo.com +

+
+ +
+

+ Phone +

+

+ +09 363 398 46 +

+
+ +
+

+ Bio +

+

+ Team Manager +

+
+
+
+ + +
+
+
+
+
+

+ Address +

+ +
+
+

+ Country +

+

+ United States +

+
+ +
+

+ City/State +

+

+ Arizona, United States +

+
+ +
+

+ Postal Code +

+

+ ERT 2489 +

+
+ +
+

+ TAX ID +

+

+ AS4568384 +

+
+
+
+ + +
+
+
+
+
+ +
+ +
+ + + +
+
+
+ + +
+

+ Edit Personal Information +

+

+ Update your details to keep your profile up-to-date. +

+
+
+
+
+
+ Social Links +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ Personal Information +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + +
+
+
+
+
+
+
+ + + +
+

+ Edit Address +

+

+ Update your details to keep your profile up-to-date. +

+
+
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+ + +
+
+
+
+ + + diff --git a/front/panel/test/script.html b/front/panel/test/script.html new file mode 100644 index 0000000..aff8428 --- /dev/null +++ b/front/panel/test/script.html @@ -0,0 +1,51 @@ + \ No newline at end of file diff --git a/front/panel/test/sidebar.html b/front/panel/test/sidebar.html new file mode 100755 index 0000000..de1f9f9 --- /dev/null +++ b/front/panel/test/sidebar.html @@ -0,0 +1,1395 @@ + + \ No newline at end of file diff --git a/front/panel/test/signin.html b/front/panel/test/signin.html new file mode 100755 index 0000000..43d8ef6 --- /dev/null +++ b/front/panel/test/signin.html @@ -0,0 +1,346 @@ + + + + + + + Sign In| TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+
+ +
+
+ + + + + Back to dashboard + +
+
+
+
+

+ Sign In +

+

+ Enter your email and password to sign in! +

+
+
+
+ + +
+
+
+
+
+
+ Or +
+
+
+
+ +
+ + +
+ +
+ +
+ + + + + + + + + +
+
+ +
+
+ +
+ Forgot password? +
+ +
+ +
+
+
+
+

+ Don't have an account? + Sign Up +

+
+
+
+
+
+ + + + +
+
+ + + diff --git a/front/panel/test/signup.html b/front/panel/test/signup.html new file mode 100755 index 0000000..06dcd62 --- /dev/null +++ b/front/panel/test/signup.html @@ -0,0 +1,381 @@ + + + + + + + Sign Up| TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+
+ +
+
+ + + + + Back to dashboard + +
+
+
+

+ Sign Up +

+

+ Enter your email and password to sign up! +

+
+
+
+ + +
+
+
+
+
+
+ Or +
+
+
+
+
+ +
+ + +
+ +
+ + +
+
+ +
+ + +
+ +
+ +
+ + + + + + + + + +
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+

+ Already have an account? + Sign In +

+
+
+
+
+ + + +
+
+ + + diff --git a/front/panel/test/src/images/country/country-01.svg b/front/panel/test/src/images/country/country-01.svg new file mode 100755 index 0000000..4c14b12 --- /dev/null +++ b/front/panel/test/src/images/country/country-01.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/country/country-02.svg b/front/panel/test/src/images/country/country-02.svg new file mode 100755 index 0000000..52f57c7 --- /dev/null +++ b/front/panel/test/src/images/country/country-02.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/front/panel/test/src/images/error/404-dark.svg b/front/panel/test/src/images/error/404-dark.svg new file mode 100755 index 0000000..4d14ec9 --- /dev/null +++ b/front/panel/test/src/images/error/404-dark.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/error/404.svg b/front/panel/test/src/images/error/404.svg new file mode 100755 index 0000000..ff8b8a2 --- /dev/null +++ b/front/panel/test/src/images/error/404.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/grid-image/image-01.png b/front/panel/test/src/images/grid-image/image-01.png new file mode 100755 index 0000000..b00223b Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-01.png differ diff --git a/front/panel/test/src/images/grid-image/image-02.png b/front/panel/test/src/images/grid-image/image-02.png new file mode 100755 index 0000000..e1e9fb2 Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-02.png differ diff --git a/front/panel/test/src/images/grid-image/image-03.png b/front/panel/test/src/images/grid-image/image-03.png new file mode 100755 index 0000000..9fe184a Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-03.png differ diff --git a/front/panel/test/src/images/grid-image/image-04.png b/front/panel/test/src/images/grid-image/image-04.png new file mode 100755 index 0000000..0020a65 Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-04.png differ diff --git a/front/panel/test/src/images/grid-image/image-05.png b/front/panel/test/src/images/grid-image/image-05.png new file mode 100755 index 0000000..9ee8797 Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-05.png differ diff --git a/front/panel/test/src/images/grid-image/image-06.png b/front/panel/test/src/images/grid-image/image-06.png new file mode 100755 index 0000000..d7e3668 Binary files /dev/null and b/front/panel/test/src/images/grid-image/image-06.png differ diff --git a/front/panel/test/src/images/logo/auth-logo.svg b/front/panel/test/src/images/logo/auth-logo.svg new file mode 100755 index 0000000..eb11cc7 --- /dev/null +++ b/front/panel/test/src/images/logo/auth-logo.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/logo/logo-dark.svg b/front/panel/test/src/images/logo/logo-dark.svg new file mode 100755 index 0000000..4b94dac --- /dev/null +++ b/front/panel/test/src/images/logo/logo-dark.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/logo/logo-icon.svg b/front/panel/test/src/images/logo/logo-icon.svg new file mode 100755 index 0000000..11d52ca --- /dev/null +++ b/front/panel/test/src/images/logo/logo-icon.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/logo/logo.svg b/front/panel/test/src/images/logo/logo.svg new file mode 100755 index 0000000..758dedd --- /dev/null +++ b/front/panel/test/src/images/logo/logo.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/product/product-01.jpg b/front/panel/test/src/images/product/product-01.jpg new file mode 100755 index 0000000..7ffb1e6 Binary files /dev/null and b/front/panel/test/src/images/product/product-01.jpg differ diff --git a/front/panel/test/src/images/product/product-02.jpg b/front/panel/test/src/images/product/product-02.jpg new file mode 100755 index 0000000..db30a9a Binary files /dev/null and b/front/panel/test/src/images/product/product-02.jpg differ diff --git a/front/panel/test/src/images/product/product-03.jpg b/front/panel/test/src/images/product/product-03.jpg new file mode 100755 index 0000000..95fd8d4 Binary files /dev/null and b/front/panel/test/src/images/product/product-03.jpg differ diff --git a/front/panel/test/src/images/product/product-04.jpg b/front/panel/test/src/images/product/product-04.jpg new file mode 100755 index 0000000..131a9f5 Binary files /dev/null and b/front/panel/test/src/images/product/product-04.jpg differ diff --git a/front/panel/test/src/images/product/product-05.jpg b/front/panel/test/src/images/product/product-05.jpg new file mode 100755 index 0000000..1ad17a9 Binary files /dev/null and b/front/panel/test/src/images/product/product-05.jpg differ diff --git a/front/panel/test/src/images/shape/grid-01.svg b/front/panel/test/src/images/shape/grid-01.svg new file mode 100755 index 0000000..6490367 --- /dev/null +++ b/front/panel/test/src/images/shape/grid-01.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/panel/test/src/images/user/owner.jpg b/front/panel/test/src/images/user/owner.jpg new file mode 100755 index 0000000..55985fe Binary files /dev/null and b/front/panel/test/src/images/user/owner.jpg differ diff --git a/front/panel/test/src/images/user/user-01.jpg b/front/panel/test/src/images/user/user-01.jpg new file mode 100755 index 0000000..4877840 Binary files /dev/null and b/front/panel/test/src/images/user/user-01.jpg differ diff --git a/front/panel/test/src/images/user/user-17.jpg b/front/panel/test/src/images/user/user-17.jpg new file mode 100755 index 0000000..4effac3 Binary files /dev/null and b/front/panel/test/src/images/user/user-17.jpg differ diff --git a/front/panel/test/src/images/user/user-18.jpg b/front/panel/test/src/images/user/user-18.jpg new file mode 100755 index 0000000..4660835 Binary files /dev/null and b/front/panel/test/src/images/user/user-18.jpg differ diff --git a/front/panel/test/src/images/user/user-19.jpg b/front/panel/test/src/images/user/user-19.jpg new file mode 100755 index 0000000..b8d2ae9 Binary files /dev/null and b/front/panel/test/src/images/user/user-19.jpg differ diff --git a/front/panel/test/src/images/user/user-20.jpg b/front/panel/test/src/images/user/user-20.jpg new file mode 100755 index 0000000..6acae07 Binary files /dev/null and b/front/panel/test/src/images/user/user-20.jpg differ diff --git a/front/panel/test/src/images/user/user-21.jpg b/front/panel/test/src/images/user/user-21.jpg new file mode 100755 index 0000000..d86084c Binary files /dev/null and b/front/panel/test/src/images/user/user-21.jpg differ diff --git a/front/panel/test/src/images/user/user-22.jpg b/front/panel/test/src/images/user/user-22.jpg new file mode 100755 index 0000000..9cf7e13 Binary files /dev/null and b/front/panel/test/src/images/user/user-22.jpg differ diff --git a/front/panel/test/src/images/user/user-23.jpg b/front/panel/test/src/images/user/user-23.jpg new file mode 100755 index 0000000..b79ffec Binary files /dev/null and b/front/panel/test/src/images/user/user-23.jpg differ diff --git a/front/panel/test/src/images/user/user-24.jpg b/front/panel/test/src/images/user/user-24.jpg new file mode 100755 index 0000000..ee09128 Binary files /dev/null and b/front/panel/test/src/images/user/user-24.jpg differ diff --git a/front/panel/test/src/images/user/user-25.jpg b/front/panel/test/src/images/user/user-25.jpg new file mode 100755 index 0000000..e930892 Binary files /dev/null and b/front/panel/test/src/images/user/user-25.jpg differ diff --git a/front/panel/test/src/images/user/user-26.jpg b/front/panel/test/src/images/user/user-26.jpg new file mode 100755 index 0000000..c4934b4 Binary files /dev/null and b/front/panel/test/src/images/user/user-26.jpg differ diff --git a/front/panel/test/src/images/user/user-27.jpg b/front/panel/test/src/images/user/user-27.jpg new file mode 100755 index 0000000..2a08ebe Binary files /dev/null and b/front/panel/test/src/images/user/user-27.jpg differ diff --git a/front/panel/test/src/images/user/user-28.jpg b/front/panel/test/src/images/user/user-28.jpg new file mode 100755 index 0000000..82cf2d1 Binary files /dev/null and b/front/panel/test/src/images/user/user-28.jpg differ diff --git a/front/panel/test/src/images/user/user-29.jpg b/front/panel/test/src/images/user/user-29.jpg new file mode 100755 index 0000000..1a1fa49 Binary files /dev/null and b/front/panel/test/src/images/user/user-29.jpg differ diff --git a/front/panel/test/src/images/user/user-30.jpg b/front/panel/test/src/images/user/user-30.jpg new file mode 100755 index 0000000..512e8dd Binary files /dev/null and b/front/panel/test/src/images/user/user-30.jpg differ diff --git a/front/panel/test/src/images/user/user-31.jpg b/front/panel/test/src/images/user/user-31.jpg new file mode 100755 index 0000000..0144b84 Binary files /dev/null and b/front/panel/test/src/images/user/user-31.jpg differ diff --git a/front/panel/test/src/images/user/user-32.jpg b/front/panel/test/src/images/user/user-32.jpg new file mode 100755 index 0000000..712e336 Binary files /dev/null and b/front/panel/test/src/images/user/user-32.jpg differ diff --git a/front/panel/test/src/images/user/user-33.jpg b/front/panel/test/src/images/user/user-33.jpg new file mode 100755 index 0000000..1f7796b Binary files /dev/null and b/front/panel/test/src/images/user/user-33.jpg differ diff --git a/front/panel/test/style.css b/front/panel/test/style.css new file mode 100755 index 0000000..e69f0a7 --- /dev/null +++ b/front/panel/test/style.css @@ -0,0 +1,4740 @@ +/*!********************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css (layer base) ***! + \********************************************************************************************************************************************************/ +@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap) layer(base); +/*!***************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/jsvectormap/dist/jsvectormap.min.css ***! + \***************************************************************************************************************************************************************************/ +svg{-ms-touch-action:none;touch-action:none}image,text,.jvm-zoomin,.jvm-zoomout{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{-ms-touch-action:none;touch-action:none;position:relative;overflow:hidden;height:100%;width:100%}.jvm-tooltip{border-radius:3px;background-color:#5c5cff;font-family:sans-serif,Verdana;font-size:smaller;-webkit-box-shadow:1px 2px 12px rgba(0,0,0,.2);box-shadow:1px 2px 12px rgba(0,0,0,.2);padding:3px 5px;white-space:nowrap;position:absolute;display:none;color:#fff}.jvm-tooltip.active{display:block}.jvm-zoom-btn{border-radius:3px;background-color:#292929;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;line-height:10px;cursor:pointer;color:#fff;height:15px;width:15px;left:10px}.jvm-zoom-btn.jvm-zoomout{top:30px}.jvm-zoom-btn.jvm-zoomin{top:10px}.jvm-series-container{right:15px;position:absolute}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{top:15px}.jvm-series-container .jvm-legend{background-color:#fff;border:1px solid #e5e7eb;margin-left:.75rem;border-radius:.25rem;border-color:#e5e7eb;padding:.6rem;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);float:left}.jvm-series-container .jvm-legend .jvm-legend-title{line-height:1;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.575rem;text-align:left}.jvm-series-container .jvm-legend .jvm-legend-inner{overflow:hidden}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick{overflow:hidden;min-width:40px}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child){margin-top:.575rem}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample{border-radius:4px;margin-right:.65rem;height:16px;width:16px;float:left}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text{font-size:12px;text-align:center;float:left}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}} +/*!***********************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/flatpickr/dist/flatpickr.min.css ***! + \***********************************************************************************************************************************************************************/ +.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* + /*rtl:begin:ignore*/left:0/* + /*rtl:end:ignore*/}/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* + /*rtl:begin:ignore*/right:0/* + /*rtl:end:ignore*/}/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} +/*!*****************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/dropzone/dist/dropzone.css ***! + \*****************************************************************************************************************************************************************/ +@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{-webkit-box-sizing:border-box;box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606} + +/*!***********************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css (1) ***! + \***********************************************************************************************************************************************/ +/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */ +@layer theme, base, components, utilities; +@layer theme { + :root, :host { + --color-orange-50: #fff6ed; + --color-orange-400: #fd853a; + --color-orange-500: #fb6514; + --color-blue-500: oklch(0.623 0.214 259.815); + --color-gray-50: #f9fafb; + --color-gray-100: #f2f4f7; + --color-gray-200: #e4e7ec; + --color-gray-300: #d0d5dd; + --color-gray-400: #98a2b3; + --color-gray-500: #667085; + --color-gray-600: #475467; + --color-gray-700: #344054; + --color-gray-800: #1d2939; + --color-gray-900: #101828; + --color-black: #101828; + --color-white: #ffffff; + --spacing: 0.25rem; + --container-xs: 20rem; + --container-md: 28rem; + --text-xs: 0.75rem; + --text-xs--line-height: calc(1 / 0.75); + --text-sm: 0.875rem; + --text-sm--line-height: calc(1.25 / 0.875); + --text-base: 1rem; + --text-base--line-height: calc(1.5 / 1); + --text-lg: 1.125rem; + --text-lg--line-height: calc(1.75 / 1.125); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --leading-tight: 1.25; + --leading-normal: 1.5; + --radius-sm: 0.25rem; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --radius-3xl: 1.5rem; + --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); + --animate-spin: spin 1s linear infinite; + --aspect-video: 16 / 9; + --default-transition-duration: 150ms; + --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + --default-font-family: var(--font-sans); + --default-font-feature-settings: var(--font-sans--font-feature-settings); + --default-font-variation-settings: var( + --font-sans--font-variation-settings + ); + --default-mono-font-family: var(--font-mono); + --default-mono-font-feature-settings: var( + --font-mono--font-feature-settings + ); + --default-mono-font-variation-settings: var( + --font-mono--font-variation-settings + ); + --font-outfit: Outfit, sans-serif; + --breakpoint-2xl: 1536px; + --text-title-2xl: 72px; + --text-title-2xl--line-height: 90px; + --text-title-md: 36px; + --text-title-md--line-height: 44px; + --text-title-sm: 30px; + --text-title-sm--line-height: 38px; + --text-theme-xl: 20px; + --text-theme-xl--line-height: 30px; + --text-theme-sm: 14px; + --text-theme-sm--line-height: 20px; + --text-theme-xs: 12px; + --text-theme-xs--line-height: 18px; + --color-brand-50: #ecf3ff; + --color-brand-100: #dde9ff; + --color-brand-300: #9cb9ff; + --color-brand-400: #7592ff; + --color-brand-500: #465fff; + --color-brand-600: #3641f5; + --color-brand-800: #252dae; + --color-brand-950: #161950; + --color-blue-light-50: #f0f9ff; + --color-blue-light-500: #0ba5ec; + --color-gray-dark: #1a2231; + --color-success-50: #ecfdf3; + --color-success-300: #6ce9a6; + --color-success-500: #12b76a; + --color-success-600: #039855; + --color-success-700: #027a48; + --color-success-800: #05603a; + --color-error-50: #fef3f2; + --color-error-300: #fda29b; + --color-error-500: #f04438; + --color-error-600: #d92d20; + --color-error-700: #b42318; + --color-error-800: #912018; + --color-warning-50: #fffaeb; + --color-warning-400: #fdb022; + --color-warning-500: #f79009; + --color-warning-600: #dc6803; + --color-warning-700: #b54708; + --color-theme-pink-500: #ee46bc; + --color-theme-purple-500: #7a5af8; + --z-index-1: 1; + --z-index-9: 9; + --z-index-999: 999; + --z-index-9999: 9999; + --z-index-99999: 99999; + --z-index-999999: 999999; + } +} +@layer base { + ::-ms-backdrop { + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; + } + ::-webkit-file-upload-button { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; + } + *, ::after, ::before, ::backdrop, ::file-selector-button { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; + border: 0 solid; + } + html, :host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); + -webkit-font-feature-settings: var(--default-font-feature-settings, normal); + font-feature-settings: var(--default-font-feature-settings, normal); + font-variation-settings: var( --default-font-variation-settings, normal ); + -webkit-tap-highlight-color: transparent; + } + body { + 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; + -webkit-text-decoration: inherit; + text-decoration: inherit; + } + b, strong { + font-weight: bolder; + } + code, kbd, samp, pre { + font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); + -webkit-font-feature-settings: var( --default-mono-font-feature-settings, normal ); + font-feature-settings: var( --default-mono-font-feature-settings, normal ); + font-variation-settings: var( --default-mono-font-variation-settings, normal ); + font-size: 1em; + } + small { + font-size: 80%; + } + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + sub { + bottom: -0.25em; + } + sup { + top: -0.5em; + } + table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; + } + :-moz-focusring { + outline: auto; + } + progress { + vertical-align: baseline; + } + summary { + display: list-item; + } + ol, ul, menu { + list-style: none; + } + img, svg, video, canvas, audio, iframe, embed, object { + display: block; + vertical-align: middle; + } + img, video { + max-width: 100%; + height: auto; + } + ::-webkit-file-upload-button { + font: inherit; + -webkit-font-feature-settings: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + border-radius: 0; + background-color: transparent; + opacity: 1; + } + button, input, select, optgroup, textarea, ::file-selector-button { + font: inherit; + -webkit-font-feature-settings: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + border-radius: 0; + background-color: transparent; + opacity: 1; + } + :where(select:is([multiple], [size])) optgroup { + font-weight: bolder; + } + :where(select:is([multiple], [size])) optgroup option { + -webkit-padding-start: 20px; + padding-inline-start: 20px; + } + ::-webkit-file-upload-button { + -webkit-margin-end: 4px; + margin-inline-end: 4px; + } + ::file-selector-button { + -webkit-margin-end: 4px; + margin-inline-end: 4px; + } + ::-webkit-input-placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + ::-moz-placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + :-ms-input-placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + ::-ms-input-placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + ::placeholder { + opacity: 1; + color: color-mix(in oklab, currentColor 50%, transparent); + } + textarea { + resize: vertical; + } + ::-webkit-search-decoration { + -webkit-appearance: none; + } + ::-webkit-date-and-time-value { + min-height: 1lh; + text-align: inherit; + } + ::-webkit-datetime-edit { + display: -webkit-inline-box; + display: inline-flex; + } + ::-webkit-datetime-edit-fields-wrapper { + padding: 0; + } + ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { + padding-block: 0; + } + :-moz-ui-invalid { + box-shadow: none; + } + ::-webkit-file-upload-button { + -webkit-appearance: button; + appearance: button; + } + button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + } + ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { + height: auto; + } + [hidden]:where(:not([hidden="until-found"])) { + display: none !important; + } +} +@layer utilities { + .pointer-events-none { + pointer-events: none; + } + .menu-item-arrow { + position: absolute; + top: calc(1/2 * 100%); + right: calc(var(--spacing) * 2.5); + --tw-translate-y: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .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; + } + .menu-dropdown-item { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: calc(var(--spacing) * 3); + border-radius: var(--radius-lg); + padding-inline: calc(var(--spacing) * 3); + padding-block: calc(var(--spacing) * 2.5); + font-size: var(--text-theme-sm); + line-height: var(--tw-leading, var(--text-theme-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .menu-item { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: calc(var(--spacing) * 3); + border-radius: var(--radius-lg); + padding-inline: calc(var(--spacing) * 3); + padding-block: calc(var(--spacing) * 2); + font-size: var(--text-theme-sm); + line-height: var(--tw-leading, var(--text-theme-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .absolute { + position: absolute; + } + .fixed { + position: fixed; + } + .relative { + position: relative; + } + .static { + position: static; + } + .sticky { + position: sticky; + } + .inset-0 { + inset: calc(var(--spacing) * 0); + } + .inset-y-0 { + inset-block: calc(var(--spacing) * 0); + } + .top-0 { + top: calc(var(--spacing) * 0); + } + .top-0\.5 { + top: calc(var(--spacing) * 0.5); + } + .top-1\/2 { + top: calc(1/2 * 100%); + } + .top-5 { + top: calc(var(--spacing) * 5); + } + .top-\[85\%\] { + top: 85%; + } + .top-full { + top: 100%; + } + .right-0 { + right: calc(var(--spacing) * 0); + } + .right-2\.5 { + right: calc(var(--spacing) * 2.5); + } + .right-3 { + right: calc(var(--spacing) * 3); + } + .right-3\.5 { + right: calc(var(--spacing) * 3.5); + } + .right-4 { + right: calc(var(--spacing) * 4); + } + .right-5 { + right: calc(var(--spacing) * 5); + } + .right-6 { + right: calc(var(--spacing) * 6); + } + .right-auto { + right: auto; + } + .bottom-0 { + bottom: calc(var(--spacing) * 0); + } + .bottom-6 { + bottom: calc(var(--spacing) * 6); + } + .left-0 { + left: calc(var(--spacing) * 0); + } + .left-0\.5 { + left: calc(var(--spacing) * 0.5); + } + .left-1\/2 { + left: calc(1/2 * 100%); + } + .left-3 { + left: calc(var(--spacing) * 3); + } + .left-4 { + left: calc(var(--spacing) * 4); + } + .-z-1 { + z-index: calc(var(--z-index-1) * -1); + } + .z-1 { + z-index: var(--z-index-1); + } + .z-9 { + z-index: var(--z-index-9); + } + .z-20 { + z-index: 20; + } + .z-30 { + z-index: 30; + } + .z-40 { + z-index: 40; + } + .z-50 { + z-index: 50; + } + .z-999 { + z-index: var(--z-index-999); + } + .z-9999 { + z-index: var(--z-index-9999); + } + .z-99999 { + z-index: var(--z-index-99999); + } + .z-999999 { + z-index: var(--z-index-999999); + } + .order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .col-span-2 { + grid-column: span 2 / span 2; + } + .col-span-12 { + grid-column: span 12 / span 12; + } + .m-0\! { + margin: calc(var(--spacing) * 0) !important; + } + .-mx-4 { + margin-inline: calc(var(--spacing) * -4); + } + .mx-2 { + margin-inline: calc(var(--spacing) * 2); + } + .mx-auto { + margin-inline: auto; + } + .-my-6 { + margin-block: calc(var(--spacing) * -6); + } + .my-6 { + margin-block: calc(var(--spacing) * 6); + } + .-mt-0\.5 { + margin-top: calc(var(--spacing) * -0.5); + } + .mt-0\.5 { + margin-top: calc(var(--spacing) * 0.5); + } + .mt-1 { + margin-top: calc(var(--spacing) * 1); + } + .mt-1\.5 { + margin-top: calc(var(--spacing) * 1.5); + } + .mt-2 { + margin-top: calc(var(--spacing) * 2); + } + .mt-3 { + margin-top: calc(var(--spacing) * 3); + } + .mt-5 { + margin-top: calc(var(--spacing) * 5); + } + .mt-6 { + margin-top: calc(var(--spacing) * 6); + } + .mt-7 { + margin-top: calc(var(--spacing) * 7); + } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-10 { + margin-top: calc(var(--spacing) * 10); + } + .mt-20 { + margin-top: calc(var(--spacing) * 20); + } + .mt-\[17px\] { + margin-top: 17px; + } + .mr-1 { + margin-right: calc(var(--spacing) * 1); + } + .mr-2 { + margin-right: calc(var(--spacing) * 2); + } + .mr-3 { + margin-right: calc(var(--spacing) * 3); + } + .mb-0\.5 { + margin-bottom: calc(var(--spacing) * 0.5); + } + .mb-1 { + margin-bottom: calc(var(--spacing) * 1); + } + .mb-1\.5 { + margin-bottom: calc(var(--spacing) * 1.5); + } + .mb-2 { + margin-bottom: calc(var(--spacing) * 2); + } + .mb-3 { + margin-bottom: calc(var(--spacing) * 3); + } + .mb-4 { + margin-bottom: calc(var(--spacing) * 4); + } + .mb-5 { + margin-bottom: calc(var(--spacing) * 5); + } + .mb-6 { + margin-bottom: calc(var(--spacing) * 6); + } + .mb-8 { + margin-bottom: calc(var(--spacing) * 8); + } + .mb-10 { + margin-bottom: calc(var(--spacing) * 10); + } + .mb-\[22px\] { + margin-bottom: 22px; + } + .-ml-4 { + margin-left: calc(var(--spacing) * -4); + } + .-ml-5 { + margin-left: calc(var(--spacing) * -5); + } + .menu-dropdown-badge { + display: block; + border-radius: calc(infinity * 1px); + padding-inline: calc(var(--spacing) * 2.5); + padding-block: calc(var(--spacing) * 0.5); + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-brand-500); + text-transform: uppercase; + &:is(.dark *) { + color: var(--color-brand-400); + } + } + .no-scrollbar { + &::-webkit-scrollbar { + display: none; + } + -ms-overflow-style: none; + scrollbar-width: none; + } + .block { + display: block; + } + .flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .grid { + display: grid; + } + .hidden { + display: none; + } + .inline-block { + display: inline-block; + } + .inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + } + .table { + display: table; + } + .aspect-4\/3 { + aspect-ratio: 4/3; + } + .aspect-21\/9 { + aspect-ratio: 21/9; + } + .aspect-square { + aspect-ratio: 1 / 1; + } + .aspect-video { + aspect-ratio: var(--aspect-video); + } + .custom-scrollbar { + &::-webkit-scrollbar { + width: calc(var(--spacing) * 1.5); + height: calc(var(--spacing) * 1.5); + } + &::-webkit-scrollbar-track { + border-radius: calc(infinity * 1px); + } + &::-webkit-scrollbar-thumb { + border-radius: calc(infinity * 1px); + background-color: var(--color-gray-200); + } + } + .size-14 { + width: calc(var(--spacing) * 14); + height: calc(var(--spacing) * 14); + } + .h-1\.5 { + height: calc(var(--spacing) * 1.5); + } + .h-2 { + height: calc(var(--spacing) * 2); + } + .h-2\.5 { + height: calc(var(--spacing) * 2.5); + } + .h-3 { + height: calc(var(--spacing) * 3); + } + .h-3\.5 { + height: calc(var(--spacing) * 3.5); + } + .h-4 { + height: calc(var(--spacing) * 4); + } + .h-5 { + height: calc(var(--spacing) * 5); + } + .h-6 { + height: calc(var(--spacing) * 6); + } + .h-7 { + height: calc(var(--spacing) * 7); + } + .h-8 { + height: calc(var(--spacing) * 8); + } + .h-10 { + height: calc(var(--spacing) * 10); + } + .h-11 { + height: calc(var(--spacing) * 11); + } + .h-12 { + height: calc(var(--spacing) * 12); + } + .h-14 { + height: calc(var(--spacing) * 14); + } + .h-16 { + height: calc(var(--spacing) * 16); + } + .h-20 { + height: calc(var(--spacing) * 20); + } + .h-\[50px\] { + height: 50px; + } + .h-\[52px\] { + height: 52px; + } + .h-\[68px\] { + height: 68px; + } + .h-\[212px\] { + height: 212px; + } + .h-\[372px\] { + height: 372px; + } + .h-\[450px\] { + height: 450px; + } + .h-auto { + height: auto; + } + .h-fit { + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + } + .h-full { + height: 100%; + } + .h-screen { + height: 100vh; + } + .max-h-\[195px\] { + max-height: 195px; + } + .min-h-screen { + min-height: 100vh; + } + .w-2 { + width: calc(var(--spacing) * 2); + } + .w-5 { + width: calc(var(--spacing) * 5); + } + .w-6 { + width: calc(var(--spacing) * 6); + } + .w-7 { + width: calc(var(--spacing) * 7); + } + .w-8 { + width: calc(var(--spacing) * 8); + } + .w-10 { + width: calc(var(--spacing) * 10); + } + .w-11 { + width: calc(var(--spacing) * 11); + } + .w-12 { + width: calc(var(--spacing) * 12); + } + .w-16 { + width: calc(var(--spacing) * 16); + } + .w-20 { + width: calc(var(--spacing) * 20); + } + .w-40 { + width: calc(var(--spacing) * 40); + } + .w-\[23\%\] { + width: 23%; + } + .w-\[46px\] { + width: 46px; + } + .w-\[50px\] { + width: 50px; + } + .w-\[52px\] { + width: 52px; + } + .w-\[68px\] { + width: 68px; + } + .w-\[79\%\] { + width: 79%; + } + .w-\[252px\] { + width: 252px; + } + .w-\[260px\] { + width: 260px; + } + .w-\[290px\] { + width: 290px; + } + .w-fit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + } + .w-full { + width: 100%; + } + .w-px { + width: 1px; + } + .w-screen { + width: 100vw; + } + .max-w-\(--breakpoint-2xl\) { + max-width: var(--breakpoint-2xl); + } + .max-w-1\.5 { + max-width: calc(var(--spacing) * 1.5); + } + .max-w-2 { + max-width: calc(var(--spacing) * 2); + } + .max-w-2\.5 { + max-width: calc(var(--spacing) * 2.5); + } + .max-w-3 { + max-width: calc(var(--spacing) * 3); + } + .max-w-3\.5 { + max-width: calc(var(--spacing) * 3.5); + } + .max-w-4 { + max-width: calc(var(--spacing) * 4); + } + .max-w-6 { + max-width: calc(var(--spacing) * 6); + } + .max-w-8 { + max-width: calc(var(--spacing) * 8); + } + .max-w-10 { + max-width: calc(var(--spacing) * 10); + } + .max-w-11 { + max-width: calc(var(--spacing) * 11); + } + .max-w-12 { + max-width: calc(var(--spacing) * 12); + } + .max-w-14 { + max-width: calc(var(--spacing) * 14); + } + .max-w-16 { + max-width: calc(var(--spacing) * 16); + } + .max-w-41 { + max-width: calc(var(--spacing) * 41); + } + .max-w-60 { + max-width: calc(var(--spacing) * 60); + } + .max-w-\[100px\] { + max-width: 100px; + } + .max-w-\[140px\] { + max-width: 140px; + } + .max-w-\[242px\] { + max-width: 242px; + } + .max-w-\[250px\] { + max-width: 250px; + } + .max-w-\[290px\] { + max-width: 290px; + } + .max-w-\[380px\] { + max-width: 380px; + } + .max-w-\[630px\] { + max-width: 630px; + } + .max-w-\[700px\] { + max-width: 700px; + } + .max-w-full { + max-width: 100%; + } + .max-w-md { + max-width: var(--container-md); + } + .max-w-xs { + max-width: var(--container-xs); + } + .min-w-\[500px\] { + min-width: 500px; + } + .min-w-\[650px\] { + min-width: 650px; + } + .min-w-\[700px\] { + min-width: 700px; + } + .min-w-\[1000px\] { + min-width: 1000px; + } + .min-w-full { + min-width: 100%; + } + .flex-1 { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + } + .flex-auto { + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + } + .flex-initial { + -webkit-box-flex: 0; + -ms-flex: 0 auto; + flex: 0 auto; + } + .grow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .-translate-x-1\/2 { + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-x-full { + --tw-translate-x: -100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-x-0 { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .translate-x-full { + --tw-translate-x: 100%; + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-1\/2 { + --tw-translate-y: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .-translate-y-\[85\%\] { + --tw-translate-y: calc(85% * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + .menu-item-arrow-active { + rotate: 180deg; + stroke: var(--color-brand-500); + &:is(.dark *) { + stroke: var(--color-brand-400); + } + } + .rotate-180 { + rotate: 180deg; + } + .transform { + -webkit-transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); + } + .animate-spin { + -webkit-animation: var(--animate-spin); + animation: var(--animate-spin); + } + .cursor-pointer { + cursor: pointer; + } + .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)); + } + .flex-col { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .flex-row-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .flex-wrap { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .items-center { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + .items-end { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + } + .items-start { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + .justify-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .gap-0\.5 { + gap: calc(var(--spacing) * 0.5); + } + .gap-1 { + gap: calc(var(--spacing) * 1); + } + .gap-1\.5 { + gap: calc(var(--spacing) * 1.5); + } + .gap-2 { + gap: calc(var(--spacing) * 2); + } + .gap-3 { + gap: calc(var(--spacing) * 3); + } + .gap-4 { + gap: calc(var(--spacing) * 4); + } + .gap-5 { + gap: calc(var(--spacing) * 5); + } + .gap-6 { + gap: calc(var(--spacing) * 6); + } + .gap-8 { + gap: calc(var(--spacing) * 8); + } + .gap-9 { + gap: calc(var(--spacing) * 9); + } + .space-y-1 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + -webkit-margin-before: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); + -webkit-margin-after: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-5 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + -webkit-margin-before: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); + margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); + -webkit-margin-after: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); + margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); + } + } + .space-y-6 { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + -webkit-margin-before: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + -webkit-margin-after: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + } + } + .gap-x-6 { + -webkit-column-gap: calc(var(--spacing) * 6); + -moz-column-gap: calc(var(--spacing) * 6); + column-gap: calc(var(--spacing) * 6); + } + .-space-x-2 { + :where(& > :not(:last-child)) { + --tw-space-x-reverse: 0; + -webkit-margin-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); + margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); + -webkit-margin-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); + margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); + } + } + .gap-y-5 { + row-gap: calc(var(--spacing) * 5); + } + .divide-y { + :where(& > :not(:last-child)) { + --tw-divide-y-reverse: 0; + border-bottom-style: var(--tw-border-style); + border-top-style: var(--tw-border-style); + border-top-width: calc(1px * var(--tw-divide-y-reverse)); + border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); + } + } + .divide-gray-100 { + :where(& > :not(:last-child)) { + border-color: var(--color-gray-100); + } + } + .overflow-hidden { + overflow: hidden; + } + .overflow-x-auto { + overflow-x: auto; + } + .overflow-x-hidden { + overflow-x: hidden; + } + .overflow-y-auto { + overflow-y: auto; + } + .overflow-y-hidden { + overflow-y: hidden; + } + .rounded-2xl { + border-radius: var(--radius-2xl); + } + .rounded-3xl { + border-radius: var(--radius-3xl); + } + .rounded-full { + border-radius: calc(infinity * 1px); + } + .rounded-lg { + border-radius: var(--radius-lg); + } + .rounded-md { + border-radius: var(--radius-md); + } + .rounded-sm { + border-radius: var(--radius-sm); + } + .rounded-xl { + border-radius: var(--radius-xl); + } + .rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + .rounded-l-lg { + border-top-left-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } + .rounded-r-lg { + border-top-right-radius: var(--radius-lg); + border-bottom-right-radius: var(--radius-lg); + } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } + .border-0 { + border-style: var(--tw-border-style); + border-width: 0px; + } + .border-2 { + border-style: var(--tw-border-style); + border-width: 2px; + } + .border-4 { + border-style: var(--tw-border-style); + border-width: 4px; + } + .border-\[0\.7px\] { + border-style: var(--tw-border-style); + border-width: 0.7px; + } + .border-\[1\.5px\] { + border-style: var(--tw-border-style); + border-width: 1.5px; + } + .border-\[1\.25px\] { + border-style: var(--tw-border-style); + border-width: 1.25px; + } + .border-y { + border-block-style: var(--tw-border-style); + border-block-width: 1px; + } + .border-t { + border-top-style: var(--tw-border-style); + border-top-width: 1px; + } + .border-r { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + .border-b { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + .border-l { + border-left-style: var(--tw-border-style); + border-left-width: 1px; + } + .border-l-2 { + border-left-style: var(--tw-border-style); + border-left-width: 2px; + } + .border-dashed\! { + --tw-border-style: dashed; + border-style: dashed !important; + } + .border-solid { + --tw-border-style: solid; + border-style: solid; + } + .border-blue-light-500 { + border-color: var(--color-blue-light-500); + } + .border-brand-500 { + border-color: var(--color-brand-500); + } + .border-error-300 { + border-color: var(--color-error-300); + } + .border-error-500 { + border-color: var(--color-error-500); + } + .border-gray-100 { + border-color: var(--color-gray-100); + } + .border-gray-200 { + border-color: var(--color-gray-200); + } + .border-gray-300 { + border-color: var(--color-gray-300); + } + .border-gray-300\! { + border-color: var(--color-gray-300) !important; + } + .border-success-300 { + border-color: var(--color-success-300); + } + .border-success-500 { + border-color: var(--color-success-500); + } + .border-transparent { + border-color: transparent; + } + .border-warning-500 { + border-color: var(--color-warning-500); + } + .border-white { + border-color: var(--color-white); + } + .border-t-transparent { + border-top-color: transparent; + } + .menu-item-inactive { + color: var(--color-gray-700); + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + &:hover { + @media (hover: hover) { + color: var(--color-gray-700); + } + } + &:is(.dark *) { + color: var(--color-gray-300); + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-gray-300); + } + } + } + } + .menu-dropdown-item-active { + background-color: var(--color-brand-50); + color: var(--color-brand-500); + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-brand-500) 12%, transparent); + } + &:is(.dark *) { + color: var(--color-brand-400); + } + } + .menu-dropdown-item-inactive { + color: var(--color-gray-700); + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + &:is(.dark *) { + color: var(--color-gray-300); + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + } + } + .menu-item-active { + background-color: var(--color-brand-50); + color: var(--color-brand-500); + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-brand-500) 12%, transparent); + } + &:is(.dark *) { + color: var(--color-brand-400); + } + } + .menu-dropdown-badge-inactive { + background-color: var(--color-brand-50); + &:is(:where(.group):hover *) { + @media (hover: hover) { + background-color: var(--color-brand-100); + } + } + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-brand-500) 15%, transparent); + } + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); + } + } + } + } + .menu-dropdown-badge-active { + background-color: var(--color-brand-100); + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); + } + } + .bg-blue-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent); + } + .bg-blue-light-50 { + background-color: var(--color-blue-light-50); + } + .bg-blue-light-500 { + background-color: var(--color-blue-light-500); + } + .bg-brand-50 { + background-color: var(--color-brand-50); + } + .bg-brand-500 { + background-color: var(--color-brand-500); + } + .bg-brand-950 { + background-color: var(--color-brand-950); + } + .bg-error-50 { + background-color: var(--color-error-50); + } + .bg-error-500 { + background-color: var(--color-error-500); + } + .bg-gray-50 { + background-color: var(--color-gray-50); + } + .bg-gray-100 { + background-color: var(--color-gray-100); + } + .bg-gray-200 { + background-color: var(--color-gray-200); + } + .bg-gray-300 { + background-color: var(--color-gray-300); + } + .bg-gray-400 { + background-color: var(--color-gray-400); + } + .bg-gray-400\/50 { + background-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent); + } + .bg-gray-500 { + background-color: var(--color-gray-500); + } + .bg-gray-700 { + background-color: var(--color-gray-700); + } + .bg-gray-800 { + background-color: var(--color-gray-800); + } + .bg-gray-900 { + background-color: var(--color-gray-900); + } + .bg-gray-900\/50 { + background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); + } + .bg-orange-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-orange-500) 8%, transparent); + } + .bg-success-50 { + background-color: var(--color-success-50); + } + .bg-success-500 { + background-color: var(--color-success-500); + } + .bg-success-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-success-500) 8%, transparent); + } + .bg-theme-pink-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-theme-pink-500) 8%, transparent); + } + .bg-theme-purple-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-theme-purple-500) 8%, transparent); + } + .bg-transparent { + background-color: transparent; + } + .bg-warning-50 { + background-color: var(--color-warning-50); + } + .bg-warning-500 { + background-color: var(--color-warning-500); + } + .bg-warning-500\/\[0\.08\] { + background-color: color-mix(in oklab, var(--color-warning-500) 8%, transparent); + } + .bg-white { + background-color: var(--color-white); + } + .bg-none { + background-image: none; + } + .menu-item-icon-inactive { + fill: var(--color-gray-500); + &:is(:where(.group):hover *) { + @media (hover: hover) { + fill: var(--color-gray-700); + } + } + &:is(.dark *) { + fill: var(--color-gray-400); + } + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + fill: var(--color-gray-300); + } + } + } + } + .menu-item-icon-active { + fill: var(--color-brand-500); + &:is(.dark *) { + fill: var(--color-brand-400); + } + } + .fill-current { + fill: currentColor; + } + .fill-gray-500 { + fill: var(--color-gray-500); + } + .fill-gray-700 { + fill: var(--color-gray-700); + } + .fill-gray-800 { + fill: var(--color-gray-800); + } + .fill-white { + fill: var(--color-white); + } + .menu-item-arrow-inactive { + stroke: var(--color-gray-500); + &:is(:where(.group):hover *) { + @media (hover: hover) { + stroke: var(--color-gray-700); + } + } + &:is(.dark *) { + stroke: var(--color-gray-400); + } + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + stroke: var(--color-gray-300); + } + } + } + } + .stroke-current { + stroke: currentColor; + } + .stroke-gray-200 { + stroke: var(--color-gray-200); + } + .stroke-gray-500 { + stroke: var(--color-gray-500); + } + .p-0\.5 { + padding: calc(var(--spacing) * 0.5); + } + .p-1 { + padding: calc(var(--spacing) * 1); + } + .p-2 { + padding: calc(var(--spacing) * 2); + } + .p-2\.5 { + padding: calc(var(--spacing) * 2.5); + } + .p-3 { + padding: calc(var(--spacing) * 3); + } + .p-4 { + padding: calc(var(--spacing) * 4); + } + .p-5 { + padding: calc(var(--spacing) * 5); + } + .p-6 { + padding: calc(var(--spacing) * 6); + } + .p-7 { + padding: calc(var(--spacing) * 7); + } + .p-8 { + padding: calc(var(--spacing) * 8); + } + .px-2 { + padding-inline: calc(var(--spacing) * 2); + } + .px-2\.5 { + padding-inline: calc(var(--spacing) * 2.5); + } + .px-3 { + padding-inline: calc(var(--spacing) * 3); + } + .px-3\.5 { + padding-inline: calc(var(--spacing) * 3.5); + } + .px-4 { + padding-inline: calc(var(--spacing) * 4); + } + .px-5 { + padding-inline: calc(var(--spacing) * 5); + } + .px-6 { + padding-inline: calc(var(--spacing) * 6); + } + .px-7 { + padding-inline: calc(var(--spacing) * 7); + } + .py-0\.5 { + padding-block: calc(var(--spacing) * 0.5); + } + .py-1 { + padding-block: calc(var(--spacing) * 1); + } + .py-1\.5 { + padding-block: calc(var(--spacing) * 1.5); + } + .py-2 { + padding-block: calc(var(--spacing) * 2); + } + .py-2\.5 { + padding-block: calc(var(--spacing) * 2.5); + } + .py-3 { + padding-block: calc(var(--spacing) * 3); + } + .py-3\.5 { + padding-block: calc(var(--spacing) * 3.5); + } + .py-4 { + padding-block: calc(var(--spacing) * 4); + } + .py-5 { + padding-block: calc(var(--spacing) * 5); + } + .py-6 { + padding-block: calc(var(--spacing) * 6); + } + .py-6\.5 { + padding-block: calc(var(--spacing) * 6.5); + } + .py-7 { + padding-block: calc(var(--spacing) * 7); + } + .pt-4 { + padding-top: calc(var(--spacing) * 4); + } + .pt-5 { + padding-top: calc(var(--spacing) * 5); + } + .pt-8 { + padding-top: calc(var(--spacing) * 8); + } + .pt-10 { + padding-top: calc(var(--spacing) * 10); + } + .pr-1 { + padding-right: calc(var(--spacing) * 1); + } + .pr-2 { + padding-right: calc(var(--spacing) * 2); + } + .pr-2\.5 { + padding-right: calc(var(--spacing) * 2.5); + } + .pr-3 { + padding-right: calc(var(--spacing) * 3); + } + .pr-3\.5 { + padding-right: calc(var(--spacing) * 3.5); + } + .pr-4 { + padding-right: calc(var(--spacing) * 4); + } + .pr-8 { + padding-right: calc(var(--spacing) * 8); + } + .pr-10 { + padding-right: calc(var(--spacing) * 10); + } + .pr-11 { + padding-right: calc(var(--spacing) * 11); + } + .pr-14 { + padding-right: calc(var(--spacing) * 14); + } + .pr-\[84px\] { + padding-right: 84px; + } + .pr-\[90px\] { + padding-right: 90px; + } + .pb-3 { + padding-bottom: calc(var(--spacing) * 3); + } + .pb-4 { + padding-bottom: calc(var(--spacing) * 4); + } + .pb-5 { + padding-bottom: calc(var(--spacing) * 5); + } + .pb-7 { + padding-bottom: calc(var(--spacing) * 7); + } + .pb-11 { + padding-bottom: calc(var(--spacing) * 11); + } + .pl-1 { + padding-left: calc(var(--spacing) * 1); + } + .pl-2 { + padding-left: calc(var(--spacing) * 2); + } + .pl-2\.5 { + padding-left: calc(var(--spacing) * 2.5); + } + .pl-3 { + padding-left: calc(var(--spacing) * 3); + } + .pl-3\.5 { + padding-left: calc(var(--spacing) * 3.5); + } + .pl-4 { + padding-left: calc(var(--spacing) * 4); + } + .pl-9 { + padding-left: calc(var(--spacing) * 9); + } + .pl-11 { + padding-left: calc(var(--spacing) * 11); + } + .pl-\[34px\] { + padding-left: 34px; + } + .pl-\[42px\] { + padding-left: 42px; + } + .pl-\[62px\] { + padding-left: 62px; + } + .pl-\[84px\] { + padding-left: 84px; + } + .pl-\[90px\] { + padding-left: 90px; + } + .text-center { + text-align: center; + } + .text-left { + text-align: left; + } + .text-right { + text-align: right; + } + .text-2xl { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + .text-base { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + .text-lg { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + .text-sm { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + .text-theme-sm { + font-size: var(--text-theme-sm); + line-height: var(--tw-leading, var(--text-theme-sm--line-height)); + } + .text-theme-xl { + font-size: var(--text-theme-xl); + line-height: var(--tw-leading, var(--text-theme-xl--line-height)); + } + .text-theme-xs { + font-size: var(--text-theme-xs); + line-height: var(--tw-leading, var(--text-theme-xs--line-height)); + } + .text-title-md { + font-size: var(--text-title-md); + line-height: var(--tw-leading, var(--text-title-md--line-height)); + } + .text-title-sm { + font-size: var(--text-title-sm); + line-height: var(--tw-leading, var(--text-title-sm--line-height)); + } + .text-xl { + font-size: var(--text-xl); + line-height: var(--tw-leading, var(--text-xl--line-height)); + } + .text-xs { + font-size: var(--text-xs); + line-height: var(--tw-leading, var(--text-xs--line-height)); + } + .leading-6 { + --tw-leading: calc(var(--spacing) * 6); + line-height: calc(var(--spacing) * 6); + } + .leading-\[20px\] { + --tw-leading: 20px; + line-height: 20px; + } + .leading-normal { + --tw-leading: var(--leading-normal); + line-height: var(--leading-normal); + } + .leading-tight { + --tw-leading: var(--leading-tight); + line-height: var(--leading-tight); + } + .font-bold { + --tw-font-weight: var(--font-weight-bold); + font-weight: var(--font-weight-bold); + } + .font-medium { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + } + .font-normal { + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } + .font-semibold { + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold); + } + .text-blue-light-500 { + color: var(--color-blue-light-500); + } + .text-brand-500 { + color: var(--color-brand-500); + } + .text-error-500 { + color: var(--color-error-500); + } + .text-error-600 { + color: var(--color-error-600); + } + .text-error-700 { + color: var(--color-error-700); + } + .text-gray-300 { + color: var(--color-gray-300); + } + .text-gray-400 { + color: var(--color-gray-400); + } + .text-gray-500 { + color: var(--color-gray-500); + } + .text-gray-600 { + color: var(--color-gray-600); + } + .text-gray-700 { + color: var(--color-gray-700); + } + .text-gray-800 { + color: var(--color-gray-800); + } + .text-gray-900 { + color: var(--color-gray-900); + } + .text-orange-500 { + color: var(--color-orange-500); + } + .text-success-500 { + color: var(--color-success-500); + } + .text-success-600 { + color: var(--color-success-600); + } + .text-success-700 { + color: var(--color-success-700); + } + .text-theme-pink-500 { + color: var(--color-theme-pink-500); + } + .text-theme-purple-500 { + color: var(--color-theme-purple-500); + } + .text-warning-500 { + color: var(--color-warning-500); + } + .text-warning-600 { + color: var(--color-warning-600); + } + .text-warning-700 { + color: var(--color-warning-700); + } + .text-white { + color: var(--color-white); + } + .uppercase { + text-transform: uppercase; + } + .underline { + text-decoration-line: underline; + } + .opacity-0 { + opacity: 0%; + } + .shadow-sm { + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-theme-lg { + --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, rgba(16, 24, 40, 0.08)), 0px 4px 6px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.03)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-theme-md { + --tw-shadow: 0px 4px 8px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 2px 4px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-theme-sm { + --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .shadow-theme-xs { + --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.05)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .ring-1 { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + .ring-gray-300 { + --tw-ring-color: var(--color-gray-300); + } + .outline-hidden { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + .filter { + -webkit-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,); + filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); + } + .backdrop-blur-\[32px\] { + --tw-backdrop-blur: blur(32px); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } + .transition { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter; + -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .transition-colors { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; + -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } + .duration-300 { + --tw-duration: 300ms; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + } + .ease-in-out { + --tw-ease: var(--ease-in-out); + -webkit-transition-timing-function: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); + } + .ease-linear { + --tw-ease: linear; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + } + .select-none { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + .ring-inset { + --tw-ring-inset: inset; + } + .group-hover\:fill-gray-700 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + fill: var(--color-gray-700); + } + } + } + .group-hover\:text-gray-400 { + &:is(:where(.group):hover *) { + @media (hover: hover) { + color: var(--color-gray-400); + } + } + } + .file\:mr-5 { + &::-webkit-file-upload-button { + margin-right: calc(var(--spacing) * 5); + } + &::file-selector-button { + margin-right: calc(var(--spacing) * 5); + } + } + .file\:border-collapse { + &::-webkit-file-upload-button { + border-collapse: collapse; + } + &::file-selector-button { + border-collapse: collapse; + } + } + .file\:cursor-pointer { + &::-webkit-file-upload-button { + cursor: pointer; + } + &::file-selector-button { + cursor: pointer; + } + } + .file\:rounded-l-lg { + &::-webkit-file-upload-button { + border-top-left-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } + &::file-selector-button { + border-top-left-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } + } + .file\:border-0 { + &::-webkit-file-upload-button { + border-style: var(--tw-border-style); + border-width: 0px; + } + &::file-selector-button { + border-style: var(--tw-border-style); + border-width: 0px; + } + } + .file\:border-r { + &::-webkit-file-upload-button { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + &::file-selector-button { + border-right-style: var(--tw-border-style); + border-right-width: 1px; + } + } + .file\:border-solid { + &::-webkit-file-upload-button { + --tw-border-style: solid; + border-style: solid; + } + &::file-selector-button { + --tw-border-style: solid; + border-style: solid; + } + } + .file\:border-gray-200 { + &::-webkit-file-upload-button { + border-color: var(--color-gray-200); + } + &::file-selector-button { + border-color: var(--color-gray-200); + } + } + .file\:bg-gray-50 { + &::-webkit-file-upload-button { + background-color: var(--color-gray-50); + } + &::file-selector-button { + background-color: var(--color-gray-50); + } + } + .file\:py-3 { + &::-webkit-file-upload-button { + padding-block: calc(var(--spacing) * 3); + } + &::file-selector-button { + padding-block: calc(var(--spacing) * 3); + } + } + .file\:pr-3 { + &::-webkit-file-upload-button { + padding-right: calc(var(--spacing) * 3); + } + &::file-selector-button { + padding-right: calc(var(--spacing) * 3); + } + } + .file\:pl-3\.5 { + &::-webkit-file-upload-button { + padding-left: calc(var(--spacing) * 3.5); + } + &::file-selector-button { + padding-left: calc(var(--spacing) * 3.5); + } + } + .file\:text-sm { + &::-webkit-file-upload-button { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + &::file-selector-button { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + } + .file\:text-gray-700 { + &::-webkit-file-upload-button { + color: var(--color-gray-700); + } + &::file-selector-button { + color: var(--color-gray-700); + } + } + .placeholder\:text-gray-400 { + &::-webkit-input-placeholder { + color: var(--color-gray-400); + } + &::-moz-placeholder { + color: var(--color-gray-400); + } + &:-ms-input-placeholder { + color: var(--color-gray-400); + } + &::-ms-input-placeholder { + color: var(--color-gray-400); + } + &::placeholder { + color: var(--color-gray-400); + } + } + .placeholder\:text-gray-800 { + &::-webkit-input-placeholder { + color: var(--color-gray-800); + } + &::-moz-placeholder { + color: var(--color-gray-800); + } + &:-ms-input-placeholder { + color: var(--color-gray-800); + } + &::-ms-input-placeholder { + color: var(--color-gray-800); + } + &::placeholder { + color: var(--color-gray-800); + } + } + .first\:pt-0 { + &:first-child { + padding-top: calc(var(--spacing) * 0); + } + } + .last\:border-b-0 { + &:last-child { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 0px; + } + } + .last\:pb-0 { + &:last-child { + padding-bottom: calc(var(--spacing) * 0); + } + } + .hover\:border-brand-500 { + &:hover { + @media (hover: hover) { + border-color: var(--color-brand-500); + } + } + } + .hover\:border-brand-500\! { + &:hover { + @media (hover: hover) { + border-color: var(--color-brand-500) !important; + } + } + } + .hover\:border-gray-200 { + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-200); + } + } + } + .hover\:bg-brand-600 { + &:hover { + @media (hover: hover) { + background-color: var(--color-brand-600); + } + } + } + .hover\:bg-gray-50 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-50); + } + } + } + .hover\:bg-gray-100 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + } + .hover\:bg-gray-200 { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-200); + } + } + } + .hover\:text-brand-600 { + &:hover { + @media (hover: hover) { + color: var(--color-brand-600); + } + } + } + .hover\:text-gray-600 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-600); + } + } + } + .hover\:text-gray-700 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-700); + } + } + } + .hover\:text-gray-800 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-800); + } + } + } + .hover\:text-gray-900 { + &:hover { + @media (hover: hover) { + color: var(--color-gray-900); + } + } + } + .hover\:file\:bg-gray-100 { + &:hover { + @media (hover: hover) { + &::-webkit-file-upload-button { + background-color: var(--color-gray-100); + } + &::file-selector-button { + background-color: var(--color-gray-100); + } + } + } + } + .focus\:border-0 { + &:focus { + border-style: var(--tw-border-style); + border-width: 0px; + } + } + .focus\:border-brand-300 { + &:focus { + border-color: var(--color-brand-300); + } + } + .focus\:border-error-300 { + &:focus { + border-color: var(--color-error-300); + } + } + .focus\:border-success-300 { + &:focus { + border-color: var(--color-success-300); + } + } + .focus\:shadow-focus-ring { + &:focus { + --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, rgba(70, 95, 255, 0.12)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .focus\:ring-0 { + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .focus\:ring-3 { + &:focus { + --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .focus\:ring-brand-500\/10 { + &:focus { + --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent); + } + } + .focus\:ring-error-500\/10 { + &:focus { + --tw-ring-color: color-mix(in oklab, var(--color-error-500) 10%, transparent); + } + } + .focus\:ring-success-500\/10 { + &:focus { + --tw-ring-color: color-mix(in oklab, var(--color-success-500) 10%, transparent); + } + } + .focus\:outline-hidden { + &:focus { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + } + .focus\:file\:ring-brand-300 { + &:focus { + &::-webkit-file-upload-button { + --tw-ring-color: var(--color-brand-300); + } + &::file-selector-button { + --tw-ring-color: var(--color-brand-300); + } + } + } + .focus-visible\:outline-hidden { + &:focus-visible { + outline-style: none; + @media (forced-colors: active) { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + } + .disabled\:border-gray-100 { + &:disabled { + border-color: var(--color-gray-100); + } + } + .disabled\:bg-gray-50 { + &:disabled { + background-color: var(--color-gray-50); + } + } + .disabled\:placeholder\:text-gray-300 { + &:disabled { + &::-webkit-input-placeholder { + color: var(--color-gray-300); + } + &::-moz-placeholder { + color: var(--color-gray-300); + } + &:-ms-input-placeholder { + color: var(--color-gray-300); + } + &::-ms-input-placeholder { + color: var(--color-gray-300); + } + &::placeholder { + color: var(--color-gray-300); + } + } + } + .\32 xsm\:w-\[307px\] { + @media (width >= 375px) { + width: 307px; + } + } + .\32 xsm\:gap-3 { + @media (width >= 375px) { + gap: calc(var(--spacing) * 3); + } + } + .xsm\:w-\[358px\] { + @media (width >= 425px) { + width: 358px; + } + } + .sm\:col-span-1 { + @media (width >= 640px) { + grid-column: span 1 / span 1; + } + } + .sm\:-mx-6 { + @media (width >= 640px) { + margin-inline: calc(var(--spacing) * -6); + } + } + .sm\:mb-8 { + @media (width >= 640px) { + margin-bottom: calc(var(--spacing) * 8); + } + } + .sm\:block { + @media (width >= 640px) { + display: block; + } + } + .sm\:h-11 { + @media (width >= 640px) { + height: calc(var(--spacing) * 11); + } + } + .sm\:w-11 { + @media (width >= 640px) { + width: calc(var(--spacing) * 11); + } + } + .sm\:w-auto { + @media (width >= 640px) { + width: auto; + } + } + .sm\:max-w-\[472px\] { + @media (width >= 640px) { + max-width: 472px; + } + } + .sm\:grid-cols-2 { + @media (width >= 640px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .sm\:flex-row { + @media (width >= 640px) { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + } + .sm\:items-center { + @media (width >= 640px) { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .sm\:justify-between { + @media (width >= 640px) { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + .sm\:justify-center { + @media (width >= 640px) { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + } + .sm\:justify-end { + @media (width >= 640px) { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + } + .sm\:gap-4 { + @media (width >= 640px) { + gap: calc(var(--spacing) * 4); + } + } + .sm\:gap-5 { + @media (width >= 640px) { + gap: calc(var(--spacing) * 5); + } + } + .sm\:gap-6 { + @media (width >= 640px) { + gap: calc(var(--spacing) * 6); + } + } + .sm\:gap-8 { + @media (width >= 640px) { + gap: calc(var(--spacing) * 8); + } + } + .sm\:space-y-6 { + @media (width >= 640px) { + :where(& > :not(:last-child)) { + --tw-space-y-reverse: 0; + -webkit-margin-before: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); + -webkit-margin-after: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); + } + } + } + .sm\:p-0 { + @media (width >= 640px) { + padding: calc(var(--spacing) * 0); + } + } + .sm\:p-6 { + @media (width >= 640px) { + padding: calc(var(--spacing) * 6); + } + } + .sm\:px-5 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 5); + } + } + .sm\:px-6 { + @media (width >= 640px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .sm\:py-2 { + @media (width >= 640px) { + padding-block: calc(var(--spacing) * 2); + } + } + .sm\:py-5 { + @media (width >= 640px) { + padding-block: calc(var(--spacing) * 5); + } + } + .sm\:py-10 { + @media (width >= 640px) { + padding-block: calc(var(--spacing) * 10); + } + } + .sm\:pt-6 { + @media (width >= 640px) { + padding-top: calc(var(--spacing) * 6); + } + } + .sm\:pr-4 { + @media (width >= 640px) { + padding-right: calc(var(--spacing) * 4); + } + } + .sm\:pl-6 { + @media (width >= 640px) { + padding-left: calc(var(--spacing) * 6); + } + } + .sm\:text-start { + @media (width >= 640px) { + text-align: start; + } + } + .sm\:text-2xl { + @media (width >= 640px) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .sm\:text-base { + @media (width >= 640px) { + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + } + } + .sm\:text-lg { + @media (width >= 640px) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } + .sm\:text-sm { + @media (width >= 640px) { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + } + } + .sm\:text-title-md { + @media (width >= 640px) { + font-size: var(--text-title-md); + line-height: var(--tw-leading, var(--text-title-md--line-height)); + } + } + .md\:w-\[668px\] { + @media (width >= 768px) { + width: 668px; + } + } + .md\:gap-6 { + @media (width >= 768px) { + gap: calc(var(--spacing) * 6); + } + } + .md\:p-6 { + @media (width >= 768px) { + padding: calc(var(--spacing) * 6); + } + } + .lg\:static { + @media (width >= 1024px) { + position: static; + } + } + .lg\:col-span-1 { + @media (width >= 1024px) { + grid-column: span 1 / span 1; + } + } + .lg\:mb-6 { + @media (width >= 1024px) { + margin-bottom: calc(var(--spacing) * 6); + } + } + .lg\:mb-7 { + @media (width >= 1024px) { + margin-bottom: calc(var(--spacing) * 7); + } + } + .lg\:block { + @media (width >= 1024px) { + display: block; + } + } + .lg\:flex { + @media (width >= 1024px) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + } + .lg\:grid { + @media (width >= 1024px) { + display: grid; + } + } + .lg\:hidden { + @media (width >= 1024px) { + display: none; + } + } + .lg\:inline-flex { + @media (width >= 1024px) { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + } + } + .lg\:h-11 { + @media (width >= 1024px) { + height: calc(var(--spacing) * 11); + } + } + .lg\:w-1\/2 { + @media (width >= 1024px) { + width: calc(1/2 * 100%); + } + } + .lg\:w-11 { + @media (width >= 1024px) { + width: calc(var(--spacing) * 11); + } + } + .lg\:w-\[90px\] { + @media (width >= 1024px) { + width: 90px; + } + } + .lg\:w-\[634px\] { + @media (width >= 1024px) { + width: 634px; + } + } + .lg\:w-auto { + @media (width >= 1024px) { + width: auto; + } + } + .lg\:translate-x-0 { + @media (width >= 1024px) { + --tw-translate-x: calc(var(--spacing) * 0); + translate: var(--tw-translate-x) var(--tw-translate-y); + } + } + .lg\:grid-cols-2 { + @media (width >= 1024px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .lg\:flex-row { + @media (width >= 1024px) { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + } + .lg\:items-start { + @media (width >= 1024px) { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + } + .lg\:justify-between { + @media (width >= 1024px) { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + .lg\:justify-end { + @media (width >= 1024px) { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + } + .lg\:justify-normal { + @media (width >= 1024px) { + -webkit-box-pack: normal; + -ms-flex-pack: normal; + justify-content: normal; + } + } + .lg\:gap-7 { + @media (width >= 1024px) { + gap: calc(var(--spacing) * 7); + } + } + .lg\:border { + @media (width >= 1024px) { + border-style: var(--tw-border-style); + border-width: 1px; + } + } + .lg\:border-b { + @media (width >= 1024px) { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 1px; + } + } + .lg\:border-b-0 { + @media (width >= 1024px) { + border-bottom-style: var(--tw-border-style); + border-bottom-width: 0px; + } + } + .lg\:bg-transparent { + @media (width >= 1024px) { + background-color: transparent; + } + } + .lg\:p-6 { + @media (width >= 1024px) { + padding: calc(var(--spacing) * 6); + } + } + .lg\:p-10 { + @media (width >= 1024px) { + padding: calc(var(--spacing) * 10); + } + } + .lg\:p-11 { + @media (width >= 1024px) { + padding: calc(var(--spacing) * 11); + } + } + .lg\:px-0 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 0); + } + } + .lg\:px-6 { + @media (width >= 1024px) { + padding-inline: calc(var(--spacing) * 6); + } + } + .lg\:py-4 { + @media (width >= 1024px) { + padding-block: calc(var(--spacing) * 4); + } + } + .lg\:py-\[120px\] { + @media (width >= 1024px) { + padding-block: 120px; + } + } + .lg\:text-2xl { + @media (width >= 1024px) { + font-size: var(--text-2xl); + line-height: var(--tw-leading, var(--text-2xl--line-height)); + } + } + .lg\:shadow-none { + @media (width >= 1024px) { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + } + .xl\:order-2 { + @media (width >= 1280px) { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + } + .xl\:order-3 { + @media (width >= 1280px) { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + } + .xl\:col-span-5 { + @media (width >= 1280px) { + grid-column: span 5 / span 5; + } + } + .xl\:col-span-7 { + @media (width >= 1280px) { + grid-column: span 7 / span 7; + } + } + .xl\:block { + @media (width >= 1280px) { + display: block; + } + } + .xl\:w-\[300px\] { + @media (width >= 1280px) { + width: 300px; + } + } + .xl\:w-\[393px\] { + @media (width >= 1280px) { + width: 393px; + } + } + .xl\:max-w-\[450px\] { + @media (width >= 1280px) { + max-width: 450px; + } + } + .xl\:max-w-fit { + @media (width >= 1280px) { + max-width: -webkit-fit-content; + max-width: -moz-fit-content; + max-width: fit-content; + } + } + .xl\:min-w-full { + @media (width >= 1280px) { + min-width: 100%; + } + } + .xl\:grid-cols-2 { + @media (width >= 1280px) { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .xl\:grid-cols-3 { + @media (width >= 1280px) { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + } + .xl\:flex-row { + @media (width >= 1280px) { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + } + .xl\:items-center { + @media (width >= 1280px) { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .xl\:justify-between { + @media (width >= 1280px) { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + .xl\:justify-end { + @media (width >= 1280px) { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + } + } + .xl\:gap-3 { + @media (width >= 1280px) { + gap: calc(var(--spacing) * 3); + } + } + .xl\:p-10 { + @media (width >= 1280px) { + padding: calc(var(--spacing) * 10); + } + } + .xl\:px-10 { + @media (width >= 1280px) { + padding-inline: calc(var(--spacing) * 10); + } + } + .xl\:py-12 { + @media (width >= 1280px) { + padding-block: calc(var(--spacing) * 12); + } + } + .xl\:pr-5 { + @media (width >= 1280px) { + padding-right: calc(var(--spacing) * 5); + } + } + .xl\:pl-11 { + @media (width >= 1280px) { + padding-left: calc(var(--spacing) * 11); + } + } + .xl\:text-left { + @media (width >= 1280px) { + text-align: left; + } + } + .xl\:text-title-2xl { + @media (width >= 1280px) { + font-size: var(--text-title-2xl); + line-height: var(--tw-leading, var(--text-title-2xl--line-height)); + } + } + .\32 xl\:w-\[554px\] { + @media (width >= 1536px) { + width: 554px; + } + } + .\32 xl\:gap-x-32 { + @media (width >= 1536px) { + -webkit-column-gap: calc(var(--spacing) * 32); + -moz-column-gap: calc(var(--spacing) * 32); + column-gap: calc(var(--spacing) * 32); + } + } + .dark\:block { + &:is(.dark *) { + display: block; + } + } + .dark\:hidden { + &:is(.dark *) { + display: none; + } + } + .dark\:divide-gray-800 { + &:is(.dark *) { + :where(& > :not(:last-child)) { + border-color: var(--color-gray-800); + } + } + } + .dark\:border-blue-light-500\/30 { + &:is(.dark *) { + border-color: color-mix(in oklab, var(--color-blue-light-500) 30%, transparent); + } + } + .dark\:border-brand-500 { + &:is(.dark *) { + border-color: var(--color-brand-500); + } + } + .dark\:border-error-500\/30 { + &:is(.dark *) { + border-color: color-mix(in oklab, var(--color-error-500) 30%, transparent); + } + } + .dark\:border-error-700 { + &:is(.dark *) { + border-color: var(--color-error-700); + } + } + .dark\:border-gray-700 { + &:is(.dark *) { + border-color: var(--color-gray-700); + } + } + .dark\:border-gray-700\! { + &:is(.dark *) { + border-color: var(--color-gray-700) !important; + } + } + .dark\:border-gray-800 { + &:is(.dark *) { + border-color: var(--color-gray-800); + } + } + .dark\:border-gray-900 { + &:is(.dark *) { + border-color: var(--color-gray-900); + } + } + .dark\:border-success-500\/30 { + &:is(.dark *) { + border-color: color-mix(in oklab, var(--color-success-500) 30%, transparent); + } + } + .dark\:border-success-700 { + &:is(.dark *) { + border-color: var(--color-success-700); + } + } + .dark\:border-warning-500\/30 { + &:is(.dark *) { + border-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent); + } + } + .dark\:bg-\[\#171f2e\] { + &:is(.dark *) { + background-color: #171f2e; + } + } + .dark\:bg-black { + &:is(.dark *) { + background-color: var(--color-black); + } + } + .dark\:bg-blue-light-500\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-blue-light-500) 15%, transparent); + } + } + .dark\:bg-brand-500 { + &:is(.dark *) { + background-color: var(--color-brand-500); + } + } + .dark\:bg-brand-500\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-brand-500) 15%, transparent); + } + } + .dark\:bg-error-500\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-error-500) 15%, transparent); + } + } + .dark\:bg-gray-700 { + &:is(.dark *) { + background-color: var(--color-gray-700); + } + } + .dark\:bg-gray-800 { + &:is(.dark *) { + background-color: var(--color-gray-800); + } + } + .dark\:bg-gray-900 { + &:is(.dark *) { + background-color: var(--color-gray-900); + } + } + .dark\:bg-gray-dark { + &:is(.dark *) { + background-color: var(--color-gray-dark); + } + } + .dark\:bg-success-500\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-success-500) 15%, transparent); + } + } + .dark\:bg-transparent { + &:is(.dark *) { + background-color: transparent; + } + } + .dark\:bg-warning-500\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-warning-500) 15%, transparent); + } + } + .dark\:bg-white\/0 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 0%, transparent); + } + } + .dark\:bg-white\/5 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + .dark\:bg-white\/10 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + .dark\:bg-white\/15 { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + } + .dark\:bg-white\/\[0\.03\] { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } + } + .dark\:bg-white\/\[0\.05\] { + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + .dark\:fill-gray-400 { + &:is(.dark *) { + fill: var(--color-gray-400); + } + } + .dark\:fill-gray-800 { + &:is(.dark *) { + fill: var(--color-gray-800); + } + } + .dark\:fill-white\/90 { + &:is(.dark *) { + fill: color-mix(in oklab, var(--color-white) 90%, transparent); + } + } + .dark\:stroke-gray-400 { + &:is(.dark *) { + stroke: var(--color-gray-400); + } + } + .dark\:stroke-gray-800 { + &:is(.dark *) { + stroke: var(--color-gray-800); + } + } + .dark\:text-blue-light-500 { + &:is(.dark *) { + color: var(--color-blue-light-500); + } + } + .dark\:text-brand-400 { + &:is(.dark *) { + color: var(--color-brand-400); + } + } + .dark\:text-error-500 { + &:is(.dark *) { + color: var(--color-error-500); + } + } + .dark\:text-gray-400 { + &:is(.dark *) { + color: var(--color-gray-400); + } + } + .dark\:text-gray-700 { + &:is(.dark *) { + color: var(--color-gray-700); + } + } + .dark\:text-orange-400 { + &:is(.dark *) { + color: var(--color-orange-400); + } + } + .dark\:text-success-500 { + &:is(.dark *) { + color: var(--color-success-500); + } + } + .dark\:text-warning-400 { + &:is(.dark *) { + color: var(--color-warning-400); + } + } + .dark\:text-white { + &:is(.dark *) { + color: var(--color-white); + } + } + .dark\:text-white\/15 { + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + } + .dark\:text-white\/60 { + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 60%, transparent); + } + } + .dark\:text-white\/80 { + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 80%, transparent); + } + } + .dark\:text-white\/90 { + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + } + .dark\:ring-gray-700 { + &:is(.dark *) { + --tw-ring-color: var(--color-gray-700); + } + } + .dark\:group-hover\:fill-gray-300 { + &:is(.dark *) { + &:is(:where(.group):hover *) { + @media (hover: hover) { + fill: var(--color-gray-300); + } + } + } + } + .dark\:file\:border-gray-800 { + &:is(.dark *) { + &::-webkit-file-upload-button { + border-color: var(--color-gray-800); + } + &::file-selector-button { + border-color: var(--color-gray-800); + } + } + } + .dark\:file\:bg-white\/\[0\.03\] { + &:is(.dark *) { + &::-webkit-file-upload-button { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } + &::file-selector-button { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } + } + } + .dark\:file\:text-gray-400 { + &:is(.dark *) { + &::-webkit-file-upload-button { + color: var(--color-gray-400); + } + &::file-selector-button { + color: var(--color-gray-400); + } + } + } + .dark\:placeholder\:text-gray-400 { + &:is(.dark *) { + &::-webkit-input-placeholder { + color: var(--color-gray-400); + } + &::-moz-placeholder { + color: var(--color-gray-400); + } + &:-ms-input-placeholder { + color: var(--color-gray-400); + } + &::-ms-input-placeholder { + color: var(--color-gray-400); + } + &::placeholder { + color: var(--color-gray-400); + } + } + } + .dark\:placeholder\:text-white\/30 { + &:is(.dark *) { + &::-webkit-input-placeholder { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } + &::-moz-placeholder { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } + &:-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } + &::-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } + &::placeholder { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } + } + } + .dark\:placeholder\:text-white\/90 { + &:is(.dark *) { + &::-webkit-input-placeholder { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + &::-moz-placeholder { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + &:-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + &::-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + &::placeholder { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + } + } + .dark\:hover\:border-brand-500 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + border-color: var(--color-brand-500); + } + } + } + } + .dark\:hover\:border-brand-500\! { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + border-color: var(--color-brand-500) !important; + } + } + } + } + .dark\:hover\:border-gray-800 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-800); + } + } + } + } + .dark\:hover\:bg-gray-800 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-800); + } + } + } + } + .dark\:hover\:bg-white\/5 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent); + } + } + } + } + .dark\:hover\:bg-white\/10 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 10%, transparent); + } + } + } + } + .dark\:hover\:bg-white\/\[0\.03\] { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } + } + } + } + .dark\:hover\:bg-white\/\[0\.07\] { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent); + } + } + } + } + .dark\:hover\:text-gray-200 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-gray-200); + } + } + } + } + .dark\:hover\:text-gray-300 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-gray-300); + } + } + } + } + .dark\:hover\:text-white { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-white); + } + } + } + } + .dark\:hover\:text-white\/90 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } + } + } + } + .dark\:focus\:border-brand-300 { + &:is(.dark *) { + &:focus { + border-color: var(--color-brand-300); + } + } + } + .dark\:focus\:border-brand-800 { + &:is(.dark *) { + &:focus { + border-color: var(--color-brand-800); + } + } + } + .dark\:focus\:border-error-800 { + &:is(.dark *) { + &:focus { + border-color: var(--color-error-800); + } + } + } + .dark\:focus\:border-success-800 { + &:is(.dark *) { + &:focus { + border-color: var(--color-success-800); + } + } + } + .dark\:disabled\:border-gray-800 { + &:is(.dark *) { + &:disabled { + border-color: var(--color-gray-800); + } + } + } + .dark\:disabled\:bg-white\/\[0\.03\] { + &:is(.dark *) { + &:disabled { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } + } + } + .dark\:disabled\:placeholder\:text-white\/15 { + &:is(.dark *) { + &:disabled { + &::-webkit-input-placeholder { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + &::-moz-placeholder { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + &:-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + &::-ms-input-placeholder { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + &::placeholder { + color: color-mix(in oklab, var(--color-white) 15%, transparent); + } + } + } + } + .dark\:lg\:bg-transparent { + &:is(.dark *) { + @media (width >= 1024px) { + background-color: transparent; + } + } + } +} +@layer base { + ::-ms-backdrop { + border-color: var(--color-gray-200, currentColor); + } + ::-webkit-file-upload-button { + border-color: var(--color-gray-200, currentColor); + } + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } + button:not(:disabled), + [role="button"]:not(:disabled) { + cursor: pointer; + } +} +.dark .custom-scrollbar::-webkit-scrollbar-thumb { + background-color: #344054; +} +@layer base { + body { + position: relative; + z-index: var(--z-index-1); + background-color: var(--color-gray-50); + font-family: var(--font-outfit); + font-size: var(--text-base); + line-height: var(--tw-leading, var(--text-base--line-height)); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + } +} +@layer utilities { + input[type="date"]::-webkit-inner-spin-button, + input[type="time"]::-webkit-inner-spin-button, + input[type="date"]::-webkit-calendar-picker-indicator, + input[type="time"]::-webkit-calendar-picker-indicator { + display: none; + -webkit-appearance: none; + } +} +.sidebar:hover { + width: 290px; +} +.sidebar:hover .logo { + display: block; +} +.sidebar:hover .logo-icon { + display: none; +} +.sidebar:hover .sidebar-header { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.sidebar:hover .menu-group-title { + display: block; +} +.sidebar:hover .menu-group-icon { + display: none; +} +.sidebar:hover .menu-item-text { + display: inline; +} +.sidebar:hover .menu-item-arrow { + display: block; +} +.sidebar:hover .menu-dropdown { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.tableCheckbox:checked ~ span span { + opacity: 100%; +} +.tableCheckbox:checked ~ span { + border-color: var(--color-brand-500); + background-color: var(--color-brand-500); +} +.apexcharts-legend-text { + color: var(--color-gray-700) !important; + &:is(.dark *) { + color: var(--color-gray-400) !important; + } +} +.apexcharts-text { + fill: var(--color-gray-700) !important; + &:is(.dark *) { + fill: var(--color-gray-400) !important; + } +} +.apexcharts-tooltip.apexcharts-theme-light { + gap: calc(var(--spacing) * 1); + border-radius: var(--radius-lg) !important; + border-color: var(--color-gray-200) !important; + padding: calc(var(--spacing) * 3); + --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + &:is(.dark *) { + border-color: var(--color-gray-800) !important; + } + &:is(.dark *) { + background-color: var(--color-gray-900) !important; + } +} +.apexcharts-tooltip-marker { + margin-right: calc(var(--spacing) * 1.5) !important; + height: calc(var(--spacing) * 1.5) !important; + width: calc(var(--spacing) * 1.5) !important; +} +.apexcharts-legend-text { + padding-left: calc(var(--spacing) * 5) !important; + color: var(--color-gray-700) !important; + &:is(.dark *) { + color: var(--color-gray-400) !important; + } +} +.apexcharts-tooltip-series-group { + padding: calc(var(--spacing) * 0) !important; +} +.apexcharts-tooltip-y-group { + padding: calc(var(--spacing) * 0) !important; +} +.apexcharts-tooltip-title { + margin-bottom: calc(var(--spacing) * 0) !important; + border-bottom-style: var(--tw-border-style) !important; + border-bottom-width: 0px !important; + background-color: transparent !important; + padding: calc(var(--spacing) * 0) !important; + font-size: 10px !important; + --tw-leading: calc(var(--spacing) * 4); + line-height: calc(var(--spacing) * 4) !important; + color: var(--color-gray-800) !important; + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent) !important; + } +} +.apexcharts-tooltip-text { + font-size: var(--text-theme-xs) !important; + line-height: var(--tw-leading, var(--text-theme-xs--line-height)) !important; + color: var(--color-gray-700) !important; + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent) !important; + } +} +.apexcharts-tooltip-text-y-value { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; +} +.apexcharts-gridline { + stroke: var(--color-gray-100) !important; + &:is(.dark *) { + stroke: var(--color-gray-800) !important; + } +} +#chartTwo .apexcharts-datalabels-group { + --tw-translate-y: calc(var(--spacing) * -24); + translate: var(--tw-translate-x) var(--tw-translate-y) !important; +} +#chartTwo .apexcharts-datalabels-group .apexcharts-text { + fill: var(--color-gray-800) !important; + --tw-font-weight: var(--font-weight-semibold); + font-weight: var(--font-weight-semibold) !important; + &:is(.dark *) { + fill: color-mix(in oklab, var(--color-white) 90%, transparent) !important; + } +} +#chartSixteen .apexcharts-legend { + padding: calc(var(--spacing) * 0) !important; + padding-left: calc(var(--spacing) * 6) !important; +} +.jvm-container { + background-color: var(--color-gray-50) !important; + &:is(.dark *) { + background-color: var(--color-gray-900) !important; + } +} +.jvm-region.jvm-element { + fill: var(--color-gray-300) !important; + &:hover { + @media (hover: hover) { + fill: var(--color-brand-500) !important; + } + } + &:is(.dark *) { + fill: var(--color-gray-700) !important; + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + fill: var(--color-brand-500) !important; + } + } + } +} +.jvm-marker.jvm-element { + stroke: var(--color-gray-200) !important; + &:is(.dark *) { + stroke: var(--color-gray-800) !important; + } +} +.stocks-slider-outer .swiper-button-next:after, +.stocks-slider-outer .swiper-button-prev:after { + display: none; +} +.stocks-slider-outer .swiper-button-next, +.stocks-slider-outer .swiper-button-prev { + position: static !important; + margin-top: calc(var(--spacing) * 0); + height: calc(var(--spacing) * 8); + width: calc(var(--spacing) * 9); + border-radius: calc(infinity * 1px); + border-style: var(--tw-border-style); + border-width: 1px; + border-color: var(--color-gray-200); + color: var(--color-gray-700) !important; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter; + -webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + -webkit-transition-duration: var(--tw-duration, var(--default-transition-duration)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-100); + } + } + &:is(.dark *) { + border-color: var(--color-gray-800); + } + &:is(.dark *) { + background-color: var(--color-gray-800); + } + &:is(.dark *) { + color: var(--color-gray-400) !important; + } +} +.stocks-slider-outer .swiper-button-next.swiper-button-disabled, +.stocks-slider-outer .swiper-button-prev.swiper-button-disabled { + background-color: var(--color-white); + opacity: 100%; + &:is(.dark *) { + background-color: var(--color-gray-900); + } +} +.stocks-slider-outer .swiper-button-next svg, +.stocks-slider-outer .swiper-button-prev svg { + height: auto !important; + width: auto !important; +} +.flatpickr-wrapper { + width: 100%; +} +.flatpickr-calendar { + margin-top: calc(var(--spacing) * 2); + border-radius: var(--radius-xl) !important; + padding: calc(var(--spacing) * 5) !important; + color: var(--color-gray-500) !important; + @media (width >= 375px) { + width: auto !important; + } + &:is(.dark *) { + background-color: var(--color-gray-dark) !important; + } + &:is(.dark *) { + color: var(--color-gray-400) !important; + } + &:is(.dark *) { + --tw-shadow: 0px 20px 24px -4px var(--tw-shadow-color, rgba(16, 24, 40, 0.08)), 0px 8px 8px -4px var(--tw-shadow-color, rgba(16, 24, 40, 0.03)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } +} +.flatpickr-months .flatpickr-prev-month:hover svg, +.flatpickr-months .flatpickr-next-month:hover svg { + stroke: var(--color-brand-500); +} +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + display: none; +} +.flatpickr-current-month .cur-month, +.flatpickr-current-month input.cur-year { + height: auto !important; + padding-top: calc(var(--spacing) * 0) !important; + font-size: var(--text-lg) !important; + line-height: var(--tw-leading, var(--text-lg--line-height)) !important; + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + color: var(--color-gray-800) !important; + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent) !important; + } +} +.flatpickr-prev-month, +.flatpickr-next-month { + padding: calc(var(--spacing) * 0) !important; +} +.flatpickr-weekdays { + margin-top: calc(var(--spacing) * 6); + margin-bottom: calc(var(--spacing) * 4); + height: auto; +} +.flatpickr-weekday { + font-size: var(--text-theme-sm) !important; + line-height: var(--tw-leading, var(--text-theme-sm--line-height)) !important; + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + color: var(--color-gray-500) !important; + &:is(.dark *) { + color: var(--color-gray-400) !important; + } +} +.flatpickr-day { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; + font-size: var(--text-theme-sm) !important; + line-height: var(--tw-leading, var(--text-theme-sm--line-height)) !important; + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + color: var(--color-gray-800) !important; + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent) !important; + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-300) !important; + } + } + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-900) !important; + } + } + } +} +.flatpickr-day.nextMonthDay, +.flatpickr-day.prevMonthDay { + color: var(--color-gray-400) !important; +} +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + top: calc(var(--spacing) * 7) !important; + &:is(.dark *) { + fill: var(--color-white) !important; + } + &:is(.dark *) { + color: var(--color-white) !important; + } +} +.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { + left: calc(var(--spacing) * 7) !important; +} +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, +.flatpickr-months .flatpickr-next-month.flatpickr-next-month { + right: calc(var(--spacing) * 7) !important; +} +span.flatpickr-weekday, +.flatpickr-months .flatpickr-month { + &:is(.dark *) { + fill: var(--color-white) !important; + } + &:is(.dark *) { + color: var(--color-white) !important; + } +} +.flatpickr-day.inRange { + -webkit-box-shadow: -5px 0 0 #f9fafb, + 5px 0 0 #f9fafb !important; + box-shadow: -5px 0 0 #f9fafb, + 5px 0 0 #f9fafb !important; + &:is(.dark *) { + --tw-shadow: -5px 0 0 var(--tw-shadow-color, #262d3c), 5px 0 0 var(--tw-shadow-color, #262d3c); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } +} +.flatpickr-day.inRange, +.flatpickr-day.prevMonthDay.inRange, +.flatpickr-day.nextMonthDay.inRange, +.flatpickr-day.today.inRange, +.flatpickr-day.prevMonthDay.today.inRange, +.flatpickr-day.nextMonthDay.today.inRange, +.flatpickr-day:hover, +.flatpickr-day.prevMonthDay:hover, +.flatpickr-day.nextMonthDay:hover, +.flatpickr-day:focus, +.flatpickr-day.prevMonthDay:focus, +.flatpickr-day.nextMonthDay:focus { + border-color: var(--color-gray-50) !important; + background-color: var(--color-gray-50) !important; + &:is(.dark *) { + border-style: var(--tw-border-style) !important; + border-width: 0px !important; + } + &:is(.dark *) { + border-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; + } + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important; + } +} +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.selected, +.flatpickr-day.endRange { + color: var(--color-white) !important; + &:is(.dark *) { + color: var(--color-white) !important; + } +} +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.endRange, +.flatpickr-day.selected.inRange, +.flatpickr-day.startRange.inRange, +.flatpickr-day.endRange.inRange, +.flatpickr-day.selected:focus, +.flatpickr-day.startRange:focus, +.flatpickr-day.endRange:focus, +.flatpickr-day.selected:hover, +.flatpickr-day.startRange:hover, +.flatpickr-day.endRange:hover, +.flatpickr-day.selected.prevMonthDay, +.flatpickr-day.startRange.prevMonthDay, +.flatpickr-day.endRange.prevMonthDay, +.flatpickr-day.selected.nextMonthDay, +.flatpickr-day.startRange.nextMonthDay, +.flatpickr-day.endRange.nextMonthDay { + background: #465fff; + border-color: var(--color-brand-500) !important; + background-color: var(--color-brand-500) !important; + &:hover { + @media (hover: hover) { + border-color: var(--color-brand-500) !important; + } + } + &:hover { + @media (hover: hover) { + background-color: var(--color-brand-500) !important; + } + } +} +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), +.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)), +.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) { + -webkit-box-shadow: -10px 0 0 #465fff; + box-shadow: -10px 0 0 #465fff; +} +.flatpickr-months .flatpickr-prev-month svg, +.flatpickr-months .flatpickr-next-month svg, +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + &:hover { + @media (hover: hover) { + fill: none !important; + } + } +} +.flatpickr-months .flatpickr-prev-month:hover svg, +.flatpickr-months .flatpickr-next-month:hover svg { + fill: none !important; +} +.flatpickr-calendar.static { + right: calc(var(--spacing) * 0); +} +@media screen and (max-width: 525px) { + .flatpickr-calendar.static { + margin-right: -60px !important; + } +} +.fc .fc-view-harness { + &::-webkit-scrollbar { + width: calc(var(--spacing) * 1.5); + height: calc(var(--spacing) * 1.5); + } + &::-webkit-scrollbar-track { + border-radius: calc(infinity * 1px); + } + &::-webkit-scrollbar-thumb { + border-radius: calc(infinity * 1px); + background-color: var(--color-gray-200); + } + max-width: 100%; + overflow-x: auto; +} +.fc-dayGridMonth-view.fc-view.fc-daygrid { + min-width: 718px; +} +.fc .fc-scrollgrid-section > * { + border-right-width: 0; + border-bottom-width: 0; +} +.fc .fc-scrollgrid { + border-left-width: 0; +} +.fc .fc-toolbar.fc-header-toolbar { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: calc(var(--spacing) * 4); + padding-inline: calc(var(--spacing) * 6); + padding-top: calc(var(--spacing) * 6); + @media (width >= 640px) { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } +} +.fc-button-group { + gap: calc(var(--spacing) * 2); +} +.fc-button-group .fc-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: calc(var(--spacing) * 10); + width: calc(var(--spacing) * 10); + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: var(--radius-lg) !important; + border-style: var(--tw-border-style); + border-width: 1px; + border-color: var(--color-gray-200); + background-color: transparent; + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-200); + } + } + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-50); + } + } + &:focus { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } + &:active { + border-color: var(--color-gray-200) !important; + } + &:active { + background-color: transparent !important; + } + &:active { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } + &:is(.dark *) { + border-color: var(--color-gray-800); + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-800); + } + } + } + &:is(.dark *) { + &:hover { + @media (hover: hover) { + background-color: var(--color-gray-900); + } + } + } + &:is(.dark *) { + &:active { + border-color: var(--color-gray-800) !important; + } + } +} +.fc-button-group .fc-button.fc-prev-button:before { + margin-top: calc(var(--spacing) * 1); + display: inline-block; + content: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.0068 6L9.75684 12.25L16.0068 18.5%27 stroke=%27%23344054%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A"); +} +.fc-button-group .fc-button.fc-next-button:before { + margin-top: calc(var(--spacing) * 1); + display: inline-block; + content: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.50684 19L15.7568 12.75L9.50684 6.5%27 stroke=%27%23344054%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A"); +} +.dark .fc-button-group .fc-button.fc-prev-button:before { + content: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M16.0068 6L9.75684 12.25L16.0068 18.5%27 stroke=%27%2398A2B3%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A"); +} +.dark .fc-button-group .fc-button.fc-next-button:before { + content: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.50684 19L15.7568 12.75L9.50684 6.5%27 stroke=%27%2398A2B3%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A"); +} +.fc-button-group .fc-button .fc-icon { + display: none; +} +.fc-addEventButton-button { + border-radius: var(--radius-lg) !important; + border-style: var(--tw-border-style) !important; + border-width: 0px !important; + background-color: var(--color-brand-500) !important; + padding-inline: calc(var(--spacing) * 4) !important; + padding-block: calc(var(--spacing) * 2.5) !important; + font-size: var(--text-sm) !important; + line-height: var(--tw-leading, var(--text-sm--line-height)) !important; + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + &:hover { + @media (hover: hover) { + background-color: var(--color-brand-600) !important; + } + } + &:focus { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } +} +.fc-toolbar-title { + font-size: var(--text-lg) !important; + line-height: var(--tw-leading, var(--text-lg--line-height)) !important; + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium) !important; + color: var(--color-gray-800); + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 90%, transparent); + } +} +.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child { + border-radius: var(--radius-lg); + background-color: var(--color-gray-100); + padding: calc(var(--spacing) * 0.5); + &:is(.dark *) { + background-color: var(--color-gray-900); + } +} +.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child .fc-button { + height: auto !important; + width: auto !important; + border-radius: var(--radius-md); + border-style: var(--tw-border-style) !important; + border-width: 0px !important; + background-color: transparent; + padding-inline: calc(var(--spacing) * 5) !important; + padding-block: calc(var(--spacing) * 2) !important; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-gray-500); + &:hover { + @media (hover: hover) { + color: var(--color-gray-700); + } + } + &:focus { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; + } + &:is(.dark *) { + color: var(--color-gray-400); + } +} +.fc-header-toolbar.fc-toolbar + .fc-toolbar-chunk:last-child + .fc-button.fc-button-active { + background-color: var(--color-white); + color: var(--color-gray-900); + &:is(.dark *) { + background-color: var(--color-gray-800); + } + &:is(.dark *) { + color: var(--color-white); + } +} +.fc-theme-standard th { + border-inline-style: var(--tw-border-style) !important; + border-inline-width: 0px !important; + border-top-style: var(--tw-border-style); + border-top-width: 1px; + border-color: var(--color-gray-200) !important; + background-color: var(--color-gray-50); + text-align: left !important; + &:is(.dark *) { + border-color: var(--color-gray-800) !important; + } + &:is(.dark *) { + background-color: var(--color-gray-900); + } +} +.fc-theme-standard td, +.fc-theme-standard .fc-scrollgrid { + border-color: var(--color-gray-200) !important; + &:is(.dark *) { + border-color: var(--color-gray-800) !important; + } +} +.fc .fc-col-header-cell-cushion { + padding-inline: calc(var(--spacing) * 5) !important; + padding-block: calc(var(--spacing) * 4) !important; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-gray-400); + text-transform: uppercase; +} +.fc .fc-daygrid-day.fc-day-today { + background-color: transparent; +} +.fc .fc-daygrid-day { + padding: calc(var(--spacing) * 2); +} +.fc .fc-daygrid-day.fc-day-today .fc-scrollgrid-sync-inner { + border-radius: var(--radius-sm); + background-color: var(--color-gray-100); + &:is(.dark *) { + background-color: color-mix(in oklab, var(--color-white) 3%, transparent); + } +} +.fc .fc-daygrid-day-number { + padding: calc(var(--spacing) * 3) !important; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-gray-700); + &:is(.dark *) { + color: var(--color-gray-400); + } +} +.fc .fc-daygrid-day-top { + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.fc .fc-day-other .fc-daygrid-day-top { + opacity: 1; +} +.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number { + color: var(--color-gray-400); + &:is(.dark *) { + color: color-mix(in oklab, var(--color-white) 30%, transparent); + } +} +.event-fc-color { + border-radius: var(--radius-lg); + padding-block: calc(var(--spacing) * 2.5); + padding-right: calc(var(--spacing) * 3); + padding-left: calc(var(--spacing) * 4); +} +.event-fc-color .fc-event-title { + padding: calc(var(--spacing) * 0); + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-normal); + font-weight: var(--font-weight-normal); + color: var(--color-gray-700); +} +.fc-daygrid-event-dot { + margin-right: calc(var(--spacing) * 3); + margin-left: calc(var(--spacing) * 0); + height: calc(var(--spacing) * 5); + width: calc(var(--spacing) * 1); + border-radius: var(--radius-sm); + --tw-border-style: none; + border-style: none; +} +.fc-event { + &:focus { + --tw-shadow: 0 0 #0000; + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + } +} +.fc-daygrid-event.fc-event-start { + margin-left: calc(var(--spacing) * 3) !important; +} +.event-fc-color.fc-bg-success { + border-color: var(--color-success-50); + background-color: var(--color-success-50); +} +.event-fc-color.fc-bg-danger { + border-color: var(--color-error-50); + background-color: var(--color-error-50); +} +.event-fc-color.fc-bg-primary { + border-color: var(--color-brand-50); + background-color: var(--color-brand-50); +} +.event-fc-color.fc-bg-warning { + border-color: var(--color-orange-50); + background-color: var(--color-orange-50); +} +.event-fc-color.fc-bg-success .fc-daygrid-event-dot { + background-color: var(--color-success-500); +} +.event-fc-color.fc-bg-danger .fc-daygrid-event-dot { + background-color: var(--color-error-500); +} +.event-fc-color.fc-bg-primary .fc-daygrid-event-dot { + background-color: var(--color-brand-500); +} +.event-fc-color.fc-bg-warning .fc-daygrid-event-dot { + background-color: var(--color-orange-500); +} +.fc-direction-ltr .fc-timegrid-slot-label-frame { + padding-inline: calc(var(--spacing) * 3); + padding-block: calc(var(--spacing) * 1.5); + text-align: left; + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-gray-500); + &:is(.dark *) { + color: var(--color-gray-400); + } +} +.fc .fc-timegrid-axis-cushion { + font-size: var(--text-sm); + line-height: var(--tw-leading, var(--text-sm--line-height)); + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); + color: var(--color-gray-500); + &:is(.dark *) { + color: var(--color-gray-400); + } +} +.input-date-icon::-webkit-inner-spin-button, +.input-date-icon::-webkit-calendar-picker-indicator { + opacity: 0; + -webkit-appearance: none; +} +.swiper-button-prev svg, +.swiper-button-next svg { + height: auto !important; + width: auto !important; +} +.carouselTwo .swiper-button-next:after, +.carouselTwo .swiper-button-prev:after, +.carouselFour .swiper-button-next:after, +.carouselFour .swiper-button-prev:after { + display: none; +} +.carouselTwo .swiper-button-next.swiper-button-disabled, +.carouselTwo .swiper-button-prev.swiper-button-disabled, +.carouselFour .swiper-button-next.swiper-button-disabled, +.carouselFour .swiper-button-prev.swiper-button-disabled { + background-color: color-mix(in oklab, var(--color-white) 60%, transparent); + opacity: 100% !important; +} +.carouselTwo .swiper-button-next, +.carouselTwo .swiper-button-prev, +.carouselFour .swiper-button-next, +.carouselFour .swiper-button-prev { + height: calc(var(--spacing) * 10); + width: calc(var(--spacing) * 10); + border-radius: calc(infinity * 1px); + border-style: var(--tw-border-style); + border-width: 0.5px; + border-color: color-mix(in oklab, var(--color-white) 10%, transparent); + background-color: color-mix(in oklab, var(--color-white) 90%, transparent); + color: var(--color-gray-700) !important; + --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + --tw-backdrop-blur: blur(10px); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); +} +.carouselTwo .swiper-button-prev, +.carouselFour .swiper-button-prev { + left: calc(var(--spacing) * 3) !important; + @media (width >= 640px) { + left: calc(var(--spacing) * 4) !important; + } +} +.carouselTwo .swiper-button-next, +.carouselFour .swiper-button-next { + right: calc(var(--spacing) * 3) !important; + @media (width >= 640px) { + right: calc(var(--spacing) * 4) !important; + } +} +.carouselThree .swiper-pagination, +.carouselFour .swiper-pagination { + bottom: calc(var(--spacing) * 3) !important; + left: calc(1/2 * 100%) !important; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + width: auto !important; + --tw-translate-x: calc(calc(1/2 * 100%) * -1); + translate: var(--tw-translate-x) var(--tw-translate-y); + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: calc(var(--spacing) * 1.5); + border-radius: 40px; + border-style: var(--tw-border-style); + border-width: 0.5px; + border-color: color-mix(in oklab, var(--color-white) 10%, transparent); + background-color: color-mix(in oklab, var(--color-white) 60%, transparent); + padding-inline: calc(var(--spacing) * 2); + padding-block: calc(var(--spacing) * 1.5); + --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + --tw-backdrop-blur: blur(10px); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + @media (width >= 640px) { + bottom: calc(var(--spacing) * 5) !important; + } +} +.carouselThree .swiper-pagination-bullet, +.carouselFour .swiper-pagination-bullet { + margin: calc(var(--spacing) * 0) !important; + height: calc(var(--spacing) * 2.5); + width: calc(var(--spacing) * 2.5); + background-color: var(--color-white); + opacity: 100%; + --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.05)); + -webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + --tw-duration: 200ms; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + --tw-ease: var(--ease-in-out); + -webkit-transition-timing-function: var(--ease-in-out); + transition-timing-function: var(--ease-in-out); +} +.carouselThree .swiper-pagination-bullet-active, +.carouselFour .swiper-pagination-bullet-active { + width: calc(var(--spacing) * 6.5); + border-radius: var(--radius-xl); +} +.form-check-input:checked ~ span { + border-style: var(--tw-border-style); + border-width: 6px; + border-color: var(--color-brand-500); + &:is(.dark *) { + border-color: var(--color-brand-500); + } +} +.taskCheckbox:checked ~ .box span { + opacity: 100%; +} +.taskCheckbox:checked ~ p { + color: var(--color-gray-400); + text-decoration-line: line-through; +} +.taskCheckbox:checked ~ .box { + border-color: var(--color-brand-500); + background-color: var(--color-brand-500); + &:is(.dark *) { + border-color: var(--color-brand-500); + } +} +.task { + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; +} +.task.is-dragging { + border-radius: 0.75rem; + -webkit-box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), + 0px 1px 2px 0px rgba(16, 24, 40, 0.06); + box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), + 0px 1px 2px 0px rgba(16, 24, 40, 0.06); + opacity: 0.8; + cursor: -webkit-grabbing; + cursor: grabbing; +} +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes spin { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@property --tw-translate-x { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-y { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-translate-z { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-font-weight { + syntax: "*"; + inherits: false; +} +@property --tw-rotate-x { + syntax: "*"; + inherits: false; + initial-value: rotateX(0); +} +@property --tw-rotate-y { + syntax: "*"; + inherits: false; + initial-value: rotateY(0); +} +@property --tw-rotate-z { + syntax: "*"; + inherits: false; + initial-value: rotateZ(0); +} +@property --tw-skew-x { + syntax: "*"; + inherits: false; + initial-value: skewX(0); +} +@property --tw-skew-y { + syntax: "*"; + inherits: false; + initial-value: skewY(0); +} +@property --tw-space-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-space-x-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-divide-y-reverse { + syntax: "*"; + inherits: false; + initial-value: 0; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} +@property --tw-leading { + syntax: "*"; + inherits: false; +} +@property --tw-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-shadow-color { + syntax: "*"; + inherits: false; +} +@property --tw-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-inset-ring-color { + syntax: "*"; + inherits: false; +} +@property --tw-inset-ring-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-ring-inset { + syntax: "*"; + inherits: false; +} +@property --tw-ring-offset-width { + syntax: ""; + inherits: false; + initial-value: 0px; +} +@property --tw-ring-offset-color { + syntax: "*"; + inherits: false; + initial-value: #fff; +} +@property --tw-ring-offset-shadow { + syntax: "*"; + inherits: false; + initial-value: 0 0 #0000; +} +@property --tw-blur { + syntax: "*"; + inherits: false; +} +@property --tw-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-invert { + syntax: "*"; + inherits: false; +} +@property --tw-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-drop-shadow { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-blur { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-brightness { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-contrast { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-grayscale { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-hue-rotate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-invert { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-opacity { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-saturate { + syntax: "*"; + inherits: false; +} +@property --tw-backdrop-sepia { + syntax: "*"; + inherits: false; +} +@property --tw-duration { + syntax: "*"; + inherits: false; +} +@property --tw-ease { + syntax: "*"; + inherits: false; +} + diff --git a/front/panel/test/videos.html b/front/panel/test/videos.html new file mode 100755 index 0000000..48172e6 --- /dev/null +++ b/front/panel/test/videos.html @@ -0,0 +1,1318 @@ + + + + + + + Videos | TailAdmin - Tailwind CSS Admin Dashboard Template + + + +
+
+
+ + + + +
+ + + + + + +
+ +
+ + + +
+
+
+ + + + + + Logo + + + + + + + +
+
+ + + + + +
+ + + User + + + Musharof + + + + + + + +
+
+ + Musharof Chowdhury + + + randomuser@pimjo.com + +
+ + + +
+ +
+ +
+
+
+ + + +
+
+ +
+
+

+ + +
+
+ +
+
+
+
+

+ Video Ratio 16:9 +

+
+
+
+ +
+
+
+
+
+

+ Video Ratio 4:3 +

+
+
+
+ +
+
+
+
+
+
+
+

+ Video Ratio 4:3 +

+
+
+
+ +
+
+
+
+
+

+ Video Ratio 1:1 +

+
+
+
+ +
+
+
+
+
+
+
+ +
+ +
+ + + diff --git a/front/test.php b/front/test.php index 73f3aba..238c29b 100755 --- a/front/test.php +++ b/front/test.php @@ -7,8 +7,11 @@ error_reporting(E_ALL); echo $key . " = " . $value . "
"; }*/ -require "../main.php"; +/*require "../main.php"; $mcServ = new mcServ(); echo $mcServ->checkApiAuth() ? "TRUE" : "FALSE"; +*/ + +echo __DIR__; \ No newline at end of file diff --git a/main.php b/main.php index 2fe52a3..fa9138b 100755 --- a/main.php +++ b/main.php @@ -18,7 +18,9 @@ class mcServ { private $api_keys; public function checkConf() { - if (!file_exists("../mcServ.db")) { + $config = $this->getConf(); + + if (!file_exists($config["DB_PATH"])) { return false; } return true; @@ -30,7 +32,7 @@ class mcServ { } public function checkLogin() { - if (!isset($_COOKIE["session_id"]) || !isset($_COOKIE["device_id"])) { + if (!isset($_COOKIE["session_id"]) || !isset($_COOKIE["device_id"]) || !isset($_COOKIE["username"])) { return false; } @@ -42,7 +44,7 @@ class mcServ { return false; } - $device = json_decode($json[$_COOKIE["device_id"]], true); + $device = $json[$_COOKIE["device_id"]]; if ($device["session_id"] !== $_COOKIE["session_id"]) { return false; diff --git a/tmp/user_sessions/marc.json b/tmp/user_sessions/marc.json new file mode 100644 index 0000000..4024709 --- /dev/null +++ b/tmp/user_sessions/marc.json @@ -0,0 +1 @@ +{"793":{"session_id":"8b0a2da322fa2e15191541608d62de2a20d803b4f2f1da10b6d21e0e8f227a28"}} \ No newline at end of file